.personal-grados-dialog{width:min(780px,calc(100vw - 28px));max-height:calc(100dvh - 40px);margin:auto;padding:26px;border:1px solid #dbe5df;border-radius:20px;box-shadow:0 20px 70px #18382226;color:#263c30;font:14px 'Sora',sans-serif;overflow:auto}.personal-grados-dialog::backdrop{background:#18332266}.personal-grados-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.personal-grados-head h2{font-size:22px;margin:0 0 5px}.personal-grados-dialog p{font-size:13px;line-height:1.6;color:#617267}.personal-grados-head button{border:0;background:#f2f6f3;border-radius:10px;width:44px;height:44px;font-size:24px;cursor:pointer}.personal-grados-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.personal-grados-list section{padding:18px;border:1px solid #e0e7e1;border-radius:15px}.personal-grados-list h3{margin:0 0 16px}.personal-grados-mode{display:flex;gap:9px;align-items:start;font-size:12px;line-height:1.6;margin-bottom:19px}.personal-grados-person{display:grid;gap:8px;font-size:13px;margin-bottom:17px}.personal-grados-person select{border:1px solid #cfddd2;border-radius:10px;padding:10px;background:white;font:inherit;min-height:44px;width:100%}.personal-grados-footer{display:flex;justify-content:end;margin-top:20px}.personal-grados-footer button,.personal-grados-open{border:1px solid #147140;border-radius:10px;background:#14613a;color:white;padding:11px 17px;min-height:44px;font:600 13px 'Sora',sans-serif;cursor:pointer}.personal-grados-footer button:disabled{opacity:.5}.personal-grado-context{padding:8px 12px;background:#e5f4ea;border-radius:9px;font-size:12px;color:#1b6235}.personal-grados-dialog :focus-visible{outline:3px solid #80bd9b;outline-offset:2px}
@media(max-width:600px){.personal-grados-dialog{padding:18px}.personal-grados-list{grid-template-columns:1fr;gap:12px}.personal-grados-head h2{font-size:19px}.personal-grados-footer button{width:100%}}
.escuela-personal-config .personal-grados-person>label{display:grid;gap:6px;min-width:0}.escuela-personal-config input[type=text],.escuela-personal-config input[type=email],.escuela-personal-config input[type=number]{box-sizing:border-box;max-width:100%;min-height:44px;border:1px solid var(--border,#cfddd2);border-radius:9px;padding:10px 12px;background:var(--bg3,#fff);color:inherit;font:inherit}.escuela-personal-config input[type=text],.escuela-personal-config input[type=email]{width:100%}.escuela-personal-config .personal-grados-list>section{min-width:0}.escuela-personal-config :focus-visible{outline:3px solid #80bd9b;outline-offset:2px}
.personal-grados-person{border:0;border-top:1px solid #e0e7e1;padding:12px 0;margin:0 0 12px;min-width:0}.personal-grados-person legend{font-weight:600;padding-top:12px}.personal-grados-person button{background:#f2f7f4;border:1px solid #cfddd2;border-radius:8px;min-height:44px;padding:8px 12px;font:inherit;cursor:pointer}.personal-grados-choices{display:flex;flex-wrap:wrap;gap:8px}.personal-grados-choices label{display:flex;align-items:center;gap:7px;min-height:44px;padding:7px 10px;background:#f4f8f5;border-radius:9px;cursor:pointer}.personal-grados-choices input{accent-color:#14613a;width:18px;height:18px}.escuela-personal-config{padding:20px;border:1px solid var(--border,#dce6df);border-radius:14px;margin:20px 0}.escuela-personal-config h3{margin:0 0 10px}.escuela-personal-config .personal-grados-list{margin-top:15px}.escuela-personal-config input[type=number]{width:90px;min-height:44px}.escuela-personal-config p{font-size:13px;line-height:1.6}.escuela-personal-config .personal-grados-choices label{color:#263c30}
.personal-grados-dialog{background:#fff}.personal-grados-dialog select{color:#263c30;background:#fff}.personal-grados-dialog [data-secretary-settings]>label{display:grid;gap:6px;margin-bottom:10px}
