:root{--rrp:#163a5f;--rrp2:#245b8f;--bg:#f4f7fb;--line:#dce4ec;--text:#17212b;--muted:#6b7785}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.rrp-navbar{background:linear-gradient(90deg,#102f4d,#1b466f);box-shadow:0 2px 10px #0002}.navbar-brand{font-weight:800}.brand-mark{width:30px;height:30px;border-radius:8px;background:#fff;color:var(--rrp);display:inline-flex;align-items:center;justify-content:center;font-weight:900}.navbar .nav-link{border-radius:8px;padding:.55rem .72rem!important;margin:.12rem}.navbar .nav-link.active,.navbar .nav-link:hover{background:#ffffff18;color:#fff}.app-main{padding:24px;max-width:1700px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-head h1{font-size:1.65rem;margin:2px 0 0;font-weight:750}.eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;color:var(--muted);font-weight:700}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 3px 14px #1223340b}.panel-title{font-weight:750;font-size:1.03rem;margin-bottom:14px}.kpi-card{height:100%;display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 3px 14px #1223340b;transition:.15s}.kpi-card:hover{transform:translateY(-1px);border-color:#b7c9da}.kpi-card span{display:block;color:var(--muted);font-size:.9rem}.kpi-card strong{display:block;font-size:2rem;line-height:1.15;margin:.35rem 0}.kpi-card small{color:var(--rrp2)}.type-row{display:flex;justify-content:space-between;border-top:1px solid #edf1f5;padding:.65rem 0}.type-row:first-of-type{border-top:0}.toolbar{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:14px}.list-summary{padding:12px 16px;border-bottom:1px solid var(--line);font-weight:650;color:var(--muted)}.clean-table thead th{background:#f8fafc;color:#4b5967;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid var(--line);white-space:nowrap}.clean-table td,.clean-table th{padding:.8rem .9rem;vertical-align:middle}.clean-table tbody tr:hover{background:#f8fbfe}.student-name{font-weight:700;text-decoration:none;color:#173e66}.badge-soft{display:inline-block;background:#eaf2fa;color:#244f78;border-radius:999px;padding:.28rem .55rem;font-size:.78rem;font-weight:650;white-space:nowrap}.empty-state{text-align:center;color:#7b8794;padding:1rem}.profile-hero{display:flex;gap:20px;align-items:center}.profile-photo{width:98px;height:98px;border-radius:18px;background:#edf2f7;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo span{font-size:2.7rem}.profile-hero h2{font-size:1.7rem;margin:.2rem 0 .55rem}.profile-meta{display:flex;gap:16px;flex-wrap:wrap;color:#43505d}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-grid>div,.detail-stack{min-width:0}.detail-grid span,.detail-stack span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:2px}.detail-grid b,.detail-stack b{display:block;font-weight:650;overflow-wrap:anywhere}.detail-stack b{margin-bottom:12px}.card{border-color:var(--line);border-radius:12px}.card-header{background:#f8fafc;font-weight:700;border-color:var(--line)}.form-label,label{font-weight:600;color:#42505d;margin-bottom:.35rem}.form-control,.form-select{border-color:#cfd9e3;border-radius:9px}.form-control:focus,.form-select:focus{border-color:#6695c0;box-shadow:0 0 0 .2rem #2d6ca522}.btn{border-radius:9px}.btn-primary{background:#1b5f97;border-color:#1b5f97}.btn-primary:hover{background:#154e7c;border-color:#154e7c}.avatar{width:120px;height:120px;object-fit:cover;border-radius:18px;background:#e9ecef}.table td,.table th{vertical-align:middle}.print-only{display:none}
@media(max-width:991px){.app-main{padding:16px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-table{min-width:1100px}}
@media(max-width:576px){.app-main{padding:12px}.page-head h1{font-size:1.4rem}.detail-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-photo{width:74px;height:74px}.kpi-card strong{font-size:1.65rem}}
@media print{body{background:#fff}.no-print,.navbar{display:none!important}.print-only{display:block}.app-main{max-width:none;padding:0}.panel,.card{box-shadow:none;border:1px solid #bbb}.page-head{margin-bottom:10px}.clean-table thead th{background:#eee!important;color:#000}.btn{display:none!important}}
.excel-wrap{max-height:70vh}.excel-table{font-size:.78rem;min-width:3600px}.excel-table th,.excel-table td{white-space:nowrap;padding:.55rem .65rem}.excel-table thead th{position:sticky;top:0;z-index:3;background:#edf3f8}.excel-table tbody tr:nth-child(even){background:#fbfcfd}
@media print{
 @page{size:A4 landscape;margin:7mm}
 .excel-wrap{max-height:none;overflow:visible!important}.excel-table{min-width:0!important;width:100%;font-size:6.2pt}.excel-table th,.excel-table td{white-space:normal;padding:2px 3px;overflow-wrap:anywhere}.excel-table thead th{position:static}.page-head h1{font-size:14pt}.panel{padding:5px}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));font-size:9pt}
}
/* RRP3 V5: organización de las 28 casillas oficiales */
.official-record{border-left:4px solid #1b5f97}.official-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.official-field{border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:#fbfdff;min-width:0}.official-field span{display:block;font-size:.72rem;color:var(--muted);font-weight:700;margin-bottom:3px}.official-field b{display:block;font-size:.9rem;overflow-wrap:anywhere}.blank-print-head,.blank-print-cell{min-width:90px}
@media(max-width:1100px){.official-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:576px){.official-grid{grid-template-columns:1fr}}
@media print{.official-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.official-field{padding:4px 5px;border-radius:0}.official-field span{font-size:6.5pt}.official-field b{font-size:7.5pt}.blank-print-head,.blank-print-cell{min-width:55px}}


/* RRP3 V6: listado compacto y ficha vertical, optimizados para computador y celular */
.student-directory-panel{overflow:hidden}
.student-directory{display:flex;flex-direction:column}
.student-directory-item{
 display:grid;
 grid-template-columns:64px minmax(240px,1.7fr) minmax(170px,.8fr) minmax(170px,.9fr) 95px;
 gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);
 color:inherit;text-decoration:none;background:#fff;transition:background .12s ease
}
.student-directory-item:last-child{border-bottom:0}
.student-directory-item:hover{background:#f5f9fd}
.student-number{width:42px;height:42px;border-radius:50%;background:#eaf2fa;color:#173e66;display:flex;align-items:center;justify-content:center;font-weight:800}
.student-main{min-width:0}.student-main strong{display:block;color:#173e66;font-size:1rem;overflow-wrap:anywhere}.student-main span,.student-class small,.student-unit small{display:block;color:var(--muted);font-size:.8rem;margin-top:3px;overflow-wrap:anywhere}
.student-class,.student-unit{min-width:0}.student-unit span{font-weight:700;display:block;overflow-wrap:anywhere}
.classification-badge{display:inline-block;border-radius:999px;padding:.3rem .6rem;background:#eaf2fa;color:#214f79;font-weight:750;font-size:.78rem;max-width:100%;overflow-wrap:anywhere}
.student-open{text-align:right;color:#1b5f97;font-weight:750;white-space:nowrap}
.vertical-data-table{width:100%;table-layout:fixed}
.vertical-data-table th{width:38%;background:#f7fafc;color:#3f4d5a;font-size:.82rem;text-transform:uppercase;letter-spacing:.02em;vertical-align:top;padding:.7rem .8rem}
.vertical-data-table td{width:62%;font-weight:650;overflow-wrap:anywhere;word-break:break-word;padding:.7rem .8rem}
.table-responsive-none{width:100%;overflow:visible}
@media(max-width:900px){
 .student-directory-item{grid-template-columns:52px 1fr auto;gap:9px}
 .student-class{grid-column:2/3}.student-unit{grid-column:2/3}.student-open{grid-column:3/4;grid-row:1/4;align-self:center}
}
@media(max-width:576px){
 .toolbar .btn{width:100%}
 .page-head{align-items:flex-start;gap:8px}
 .student-directory-item{grid-template-columns:44px minmax(0,1fr);padding:12px 10px}
 .student-number{width:36px;height:36px}
 .student-main,.student-class,.student-unit,.student-open{grid-column:2/3}
 .student-open{text-align:left;margin-top:2px}
 .vertical-data-table th,.vertical-data-table td{display:block;width:100%}
 .vertical-data-table th{border-bottom:0;padding-bottom:.2rem}
 .vertical-data-table td{padding-top:.2rem;border-top:0}
 .profile-meta{display:grid;grid-template-columns:1fr;gap:4px}
}
@media print{
 .student-directory-item{display:grid!important;grid-template-columns:45px 1.5fr .8fr .8fr;break-inside:avoid;padding:6px 8px}
 .student-open{display:none}.student-number{width:30px;height:30px}
 .vertical-data-table th{width:34%;font-size:7.5pt;padding:3px 5px}
 .vertical-data-table td{width:66%;font-size:8.5pt;padding:3px 5px}
}

/* RRP3 V7: presentación profesional y funcionamiento sin depender del CDN */
a{color:#135f9f;text-decoration:none}a:hover{text-decoration:underline}.container-fluid{width:100%;padding-left:12px;padding-right:12px;margin-left:auto;margin-right:auto}.row{display:flex;flex-wrap:wrap;margin-left:-6px;margin-right:-6px}.row>*{padding-left:6px;padding-right:6px}.g-2{row-gap:12px}.g-3{row-gap:18px}.col-6{width:50%}.col-12{width:100%}.col-md-2,.col-md-3,.col-md-4,.col-md-9,.col-lg-1,.col-lg-2,.col-lg-5,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-7,.col-xl-8{width:100%}.d-flex{display:flex}.flex-grow-1{flex:1 1 auto}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.justify-content-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.me-auto{margin-right:auto}.me-2{margin-right:.5rem}.me-3{margin-right:1rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-5{padding-top:3rem;padding-bottom:3rem}.w-100{width:100%}.h-100{height:100%}.text-secondary{color:#667788}.text-danger{color:#b42318}.fw-bold{font-weight:700}.small,small{font-size:.875em}
.navbar{display:flex;align-items:center;padding:.6rem 0}.navbar>.container-fluid{display:flex;align-items:center;gap:12px}.navbar-brand{color:#fff;text-decoration:none}.navbar-nav{display:flex;list-style:none;padding:0;margin:0;gap:2px;align-items:center}.nav-link{display:block;text-decoration:none}.navbar-text{color:#e7edf4}.navbar-toggler{display:none;background:transparent;border:1px solid #ffffff66;border-radius:8px;padding:7px 10px;color:#fff}.navbar-toggler:before{content:'☰';font-size:20px}.collapse.navbar-collapse{display:flex;align-items:center;flex:1}.navbar-dark .nav-link{color:#dce6ef}.navbar-dark .nav-link.active{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .85rem;border:1px solid transparent;background:#eef2f6;color:#1d2a36;cursor:pointer;font:inherit;font-weight:650;line-height:1.2;text-decoration:none}.btn:hover{text-decoration:none;filter:brightness(.98)}.btn-lg{padding:.72rem 1rem;font-size:1rem}.btn-sm{padding:.38rem .62rem;font-size:.85rem}.btn-primary{color:#fff}.btn-secondary{background:#657384;color:#fff;border-color:#657384}.btn-dark{background:#202a34;color:#fff;border-color:#202a34}.btn-light{background:#fff;color:#18324a;border-color:#e4e9ef}.btn-outline-primary{background:#fff;color:#1b5f97;border-color:#1b5f97}.btn-outline-secondary{background:#fff;color:#516170;border-color:#aeb9c4}.btn-outline-light{background:transparent;color:#fff;border-color:#fff}
.form-control,.form-select{display:block;width:100%;padding:.62rem .72rem;background:#fff;color:#1c2732;border:1px solid #cfd9e3;font:inherit;min-height:42px}.form-control-lg,.form-select-lg{min-height:48px;font-size:1rem}.form-text{color:#6d7a87;font-size:.82rem}.card{background:#fff;border:1px solid var(--line);overflow:hidden}.card-body{padding:18px}.card-header{padding:12px 18px;border-bottom:1px solid var(--line)}.shadow-sm{box-shadow:0 3px 12px #00000010}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px;border:1px solid transparent}.alert-info{background:#eef7ff;border-color:#cbe4fb;color:#224f72}.alert-danger{background:#fff0ef;border-color:#fac8c5;color:#8a1c16}.alert-success{background:#edf9f1;border-color:#c9e9d3;color:#1c6536}.alert-primary{background:#eef5ff;border-color:#c9ddf8;color:#204d78}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e2e8ef;text-align:left}.table-responsive{width:100%;overflow:auto}.table-striped tbody tr:nth-child(even){background:#f8fafc}.list-group{display:flex;flex-direction:column}.list-group-item{padding:11px 13px;border:1px solid var(--line);background:#fff;color:#263747}.list-group-item+.list-group-item{border-top:0}.list-group-item.active{background:#1b5f97;color:#fff}
.edit-savebar{position:sticky;bottom:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:14px;background:#ffffffee;backdrop-filter:blur(10px);border:1px solid #cbd8e4;box-shadow:0 10px 30px #172b3e20;border-radius:14px;padding:12px 14px;margin:18px 0}.edit-savebar small{display:block;color:var(--muted);margin-top:2px}.edit-save-actions{display:flex;gap:8px;flex-wrap:wrap}.supplemental-panel{border-left:4px solid #8aa9c6}.official-record .panel-title{font-size:1.08rem}.vertical-data-table tr:nth-child(even) th,.vertical-data-table tr:nth-child(even) td{background:#fbfdff}.profile-hero{border-top:4px solid #1b5f97}.profile-meta span{background:#f6f9fc;border:1px solid #e0e7ee;padding:6px 9px;border-radius:8px}
@media(min-width:768px){.col-md-2{width:16.6667%}.col-md-3{width:25%}.col-md-4{width:33.3333%}.col-md-9{width:75%}}
@media(min-width:992px){.col-lg-1{width:8.3333%}.col-lg-2{width:16.6667%}.col-lg-5{width:41.6667%}}
@media(min-width:1200px){.col-xl-3{width:25%}.col-xl-4{width:33.3333%}.col-xl-5{width:41.6667%}.col-xl-7{width:58.3333%}.col-xl-8{width:66.6667%}}
@media(max-width:1199px){.navbar-toggler{display:block}.collapse.navbar-collapse{display:none;position:absolute;left:10px;right:10px;top:58px;background:#133b60;padding:12px;border-radius:12px;box-shadow:0 10px 25px #0003;z-index:100}.collapse.navbar-collapse.show{display:block}.navbar-nav{display:flex;flex-direction:column;align-items:stretch;margin-bottom:10px}.navbar .nav-link{padding:.7rem .75rem!important}.navbar-text{display:block;margin:10px 0}.rrp-navbar{position:sticky;top:0;z-index:99}}
@media(max-width:576px){.edit-savebar{bottom:6px;align-items:stretch;flex-direction:column}.edit-save-actions{display:grid;grid-template-columns:1fr 1fr}.edit-save-actions .btn{width:100%}.profile-hero{gap:12px}.profile-hero h2{font-size:1.35rem}.page-head{flex-direction:column}.page-head>button{width:100%}.student-directory-panel{border-radius:12px}.student-directory-item{border-radius:0}.panel{padding:14px}.card-body{padding:14px}}


/* RRP3 V8: clasificación por colores, edición visible y selector masivo de servicios */
.category-legend{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.legend-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);font-size:.82rem;font-weight:700}
.legend-pill b{min-width:24px;text-align:center;background:#ffffffa8;border-radius:999px;padding:1px 6px}
.cat-apto{--cat-bg:#eaf7ef;--cat-border:#9dd5ae;--cat-text:#195c32}
.cat-virtual{--cat-bg:#f1ebff;--cat-border:#c2a9f3;--cat-text:#5a348d}
.cat-no-apto{--cat-bg:#fff0f0;--cat-border:#efb1b1;--cat-text:#8a2626}
.cat-cambio{--cat-bg:#fff7df;--cat-border:#ebcf7b;--cat-text:#735607}
.cat-otro{--cat-bg:#f1f4f7;--cat-border:#cad4dd;--cat-text:#41505e}
.legend-pill.cat-apto,.legend-pill.cat-virtual,.legend-pill.cat-no-apto,.legend-pill.cat-cambio,.legend-pill.cat-otro,
.classification-badge.cat-apto,.classification-badge.cat-virtual,.classification-badge.cat-no-apto,.classification-badge.cat-cambio,.classification-badge.cat-otro{
 background:var(--cat-bg);border-color:var(--cat-border);color:var(--cat-text)
}
.student-directory-item.cat-apto,.student-directory-item.cat-virtual,.student-directory-item.cat-no-apto,.student-directory-item.cat-cambio,.student-directory-item.cat-otro{
 background:linear-gradient(90deg,var(--cat-bg) 0,rgba(255,255,255,.94) 24%,#fff 100%);
 border-left:5px solid var(--cat-border)
}
.student-directory-item:hover{box-shadow:inset 0 0 0 999px #ffffff32}
.student-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.student-name-link{display:block;color:#173e66}.student-name-link:hover{text-decoration:underline}
.student-picker-tools{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.student-picker-tools .form-control{flex:1 1 260px}
.student-picker{border:1px solid var(--line);border-radius:12px;max-height:430px;overflow:auto;padding:8px;background:#f8fafc;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.student-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--cat-border,#d7e0e8);background:var(--cat-bg,#fff);border-radius:10px;padding:10px;cursor:pointer;min-width:0}
.student-check:hover{filter:brightness(.985)}.student-check input{margin-top:4px;width:18px;height:18px;flex:0 0 auto}.student-check span{min-width:0}.student-check b{display:block;color:var(--cat-text,#233);font-size:.88rem;overflow-wrap:anywhere}.student-check small{display:block;color:#627384;margin-top:2px;overflow-wrap:anywhere}
.service-form-grid{display:grid;gap:14px}.service-list-title{padding:14px 16px;margin:0}.service-table th{white-space:nowrap}
@media(max-width:900px){
 .student-directory-item{grid-template-columns:48px minmax(0,1fr) auto}
 .student-actions{grid-column:2/4;justify-content:flex-start}
 .student-picker{grid-template-columns:1fr}
}
@media(max-width:576px){
 .student-directory-item{grid-template-columns:42px minmax(0,1fr)}
 .student-actions{grid-column:2/3;display:grid;grid-template-columns:1fr 1fr;width:100%}
 .student-actions .btn{width:100%}
 .category-legend{display:grid;grid-template-columns:1fr 1fr}
 .legend-pill{justify-content:space-between}
 .student-picker-tools{display:grid;grid-template-columns:1fr 1fr}.student-picker-tools .form-control{grid-column:1/-1}
}
@media print{
 .student-directory-item,.student-directory-item.cat-apto,.student-directory-item.cat-virtual,.student-directory-item.cat-no-apto,.student-directory-item.cat-cambio,.student-directory-item.cat-otro,
 .classification-badge,.classification-badge.cat-apto,.classification-badge.cat-virtual,.classification-badge.cat-no-apto,.classification-badge.cat-cambio,.classification-badge.cat-otro,
 .student-check{background:#fff!important;color:#000!important;border-color:#bbb!important;box-shadow:none!important}
 .student-directory-item{border-left:1px solid #bbb!important}
}

/* V9: acciones visibles de estudiantes */
.student-actions .delete-student-form,.toolbar .delete-student-form{display:inline-flex;margin:0}
.btn-view{background:#fff!important;color:#135c9d!important;border-color:#135c9d!important;opacity:1!important;pointer-events:auto!important}
.btn-edit{background:#0b6fd3!important;color:#fff!important;border-color:#0b6fd3!important;opacity:1!important;pointer-events:auto!important;box-shadow:none!important}
.btn-edit:hover{background:#095fb5!important;border-color:#095fb5!important;color:#fff!important}
.btn-delete{background:#c83737!important;color:#fff!important;border-color:#c83737!important;opacity:1!important;pointer-events:auto!important}
.btn-delete:hover{background:#a92d2d!important;border-color:#a92d2d!important;color:#fff!important}
@media(max-width:576px){
 .student-actions{grid-template-columns:1fr 1fr 1fr!important}
 .student-actions .delete-student-form{width:100%}
 .student-actions .delete-student-form .btn{width:100%}
}
@media print{.btn-edit,.btn-delete,.btn-view,.delete-student-form{display:none!important}}

/* RRP3 V10: edición clara, navegación atrás y login responsive */
.page-head-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btn-back{min-width:92px}
.student-form-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;border:1px solid #cbd8e4;border-left:5px solid #1b5f97;border-radius:14px;padding:12px 14px;margin-bottom:14px;box-shadow:0 4px 16px #172b3e12}
.student-form-topbar b{display:block;font-size:1rem;color:#193650}.student-form-topbar span{display:block;color:#687887;font-size:.85rem;margin-top:2px}.student-form-top-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn-save-student{background:#146c43!important;border-color:#146c43!important;color:#fff!important;opacity:1!important;pointer-events:auto!important;box-shadow:0 3px 10px #146c4328!important;font-weight:800!important}
.btn-save-student:hover{background:#0f5937!important;border-color:#0f5937!important;color:#fff!important}
.btn-save-student:focus{box-shadow:0 0 0 .22rem #146c4333!important}
.login-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#eef4fa 0%,#f8fafc 55%,#e9f0f6 100%);display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.login-shell{width:min(960px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #d7e1ea;border-radius:22px;overflow:hidden;box-shadow:0 22px 55px #12314d20}
.login-brand{background:linear-gradient(145deg,#113653,#1b5f8f);color:#fff;padding:52px;display:flex;gap:18px;align-items:center;min-height:440px}.login-logo{width:64px;height:64px;border-radius:18px;background:#fff;color:#174d75;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;flex:0 0 auto}.login-brand h1{font-size:2.6rem;margin:.2rem 0 .3rem}.login-brand p{margin:0;color:#dce9f4;font-size:1.05rem}.login-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;color:#bcd3e6}.login-card{padding:48px;display:flex;flex-direction:column;justify-content:center}.login-card-head h2{margin:0 0 4px;font-size:1.7rem}.login-card-head p{margin:0 0 24px;color:#6b7785}.login-form{display:grid;gap:10px}.password-wrap{position:relative}.password-wrap .form-control{padding-right:72px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#eef4f9;color:#1b5f97;border-radius:8px;padding:7px 11px;font-weight:750;cursor:pointer}.login-submit{margin-top:12px;min-height:50px;font-weight:800}
@media(max-width:760px){.login-page{align-items:stretch;padding:0}.login-shell{grid-template-columns:1fr;border-radius:0;min-height:100vh;min-height:100dvh}.login-brand{min-height:auto;padding:26px 22px}.login-logo{width:50px;height:50px;border-radius:14px;font-size:1.55rem}.login-brand h1{font-size:1.8rem}.login-brand p{font-size:.92rem}.login-card{padding:28px 22px 34px;justify-content:flex-start}.login-card-head h2{font-size:1.5rem}.login-form .form-control{font-size:16px}.page-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-head-actions .btn{width:100%}.student-form-topbar{align-items:stretch;flex-direction:column}.student-form-top-actions{display:grid;grid-template-columns:1fr 1fr}.student-form-top-actions .btn{width:100%}.edit-save-actions{grid-template-columns:1fr 1fr 1fr!important}.edit-savebar{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-width:420px){.login-brand{padding:22px 18px}.login-card{padding:24px 18px}.student-form-top-actions,.page-head-actions{grid-template-columns:1fr}.edit-save-actions{grid-template-columns:1fr!important}}
@media print{.student-form-topbar,.page-head-actions{display:none!important}}