/* Individual student registration: scoped layout, no global device overrides. */
html.studentAddOpen,body.studentAddOpen{overflow:hidden!important;overscroll-behavior:none!important}
.studentAddModal{position:fixed;inset:0;z-index:100500;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(23,43,66,.48);box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
.studentAddModal *{box-sizing:border-box}
.studentAddDialog{width:min(590px,100%);max-width:100%;max-height:calc(100dvh - 36px);overflow:auto;border-radius:20px;padding:22px;background:#fff;color:#21384c;box-shadow:0 18px 60px #142a3b33;min-width:0}
.studentAddHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.studentAddHead>div{min-width:0}.studentAddHead h2{margin:0;font-size:22px;line-height:1.4}.studentAddHead p{margin:5px 0 0;font-size:13px;color:#5d7185;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.studentAddModal .btn,.studentAddTrigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:44px;min-width:0!important;white-space:normal!important;word-break:keep-all;overflow-wrap:anywhere;line-height:1.4!important;margin:0!important}
#studentAddClose{flex:0 0 44px;width:44px;padding:0!important}
.studentAddContext{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.studentAddFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:18px}
.studentAddModal label{display:block;min-width:0;color:#344e63;font-size:13px;font-weight:800;line-height:1.5}
.studentAddModal label>span{font-size:12px;font-weight:600;color:#617489}
.studentAddModal input,.studentAddModal select{display:block;width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;margin:6px 0 0!important;padding:8px 11px!important;border:1px solid #cbd9e5;border-radius:10px;background:#fff;color:#21384c;font:inherit;font-size:16px!important;line-height:1.3!important}
.studentAddModal input[readonly]{text-align:center;background:#f0f5fa;color:#466075}
.studentAddModal input[type=date]{appearance:none;-webkit-appearance:none}
.studentAddModal input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}
.studentAddPhone{grid-column:1/-1}
.studentAddHelp{margin:10px 0 0;color:#5d7185;font-size:12px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
.studentAddSafety{margin-top:16px;padding:12px;border-radius:10px;background:#eff7ff;color:#365d7b;font-size:13px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
.studentAddMessage{margin:12px 0;min-height:22px;color:#b33737;font-size:13px;font-weight:700;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.studentAddMessage.is-success{color:#16714e}
.studentAddActions{display:grid;grid-template-columns:minmax(64px,.7fr) minmax(0,1.5fr) minmax(64px,.8fr);gap:8px}
.studentAddActions .btn{width:100%!important;padding:10px 8px!important;font-size:14px!important}
@media(min-width:769px){
 html[data-pe-tab="students"] #app.studentScreen>.studentManagementHeader{flex-wrap:wrap!important;row-gap:10px!important}
 html[data-pe-tab="students"] #app.studentScreen>.studentManagementHeader>.studentHeaderRosterActions{flex:1 1 auto!important;flex-wrap:wrap!important;min-width:0!important}
 html[data-pe-tab="students"] #app.studentScreen>.studentManagementHeader>.studentHeaderRosterActions>.studentAddTrigger{min-height:44px!important}
}
@media(max-width:768px){
 html[data-pe-tab="students"] #app.studentScreen .studentRosterActions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}
 html[data-pe-tab="students"] #app.studentScreen .studentRosterActions>.btn{width:100%!important;min-width:0!important;max-width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere;word-break:keep-all;margin:0!important;min-height:48px!important}
 html[data-pe-tab="students"] #app.studentScreen .studentRosterActions:not(.hasInactiveStudents)>.studentAddTrigger{grid-column:1/-1}
}
@media(max-width:480px){
 .studentAddModal{padding:10px;align-items:center}.studentAddDialog{padding:16px;border-radius:16px;max-height:calc(100dvh - 20px)}
 .studentAddContext{gap:6px}.studentAddFields{gap:12px 10px}.studentAddDate{grid-column:1/-1}.studentAddActions{grid-template-columns:repeat(2,minmax(0,1fr))}
 #studentAddContinue{grid-column:1/-1;grid-row:2}.studentAddHead h2{font-size:20px}
}
@media(max-height:560px){.studentAddModal{align-items:flex-start}.studentAddDialog{max-height:calc(100dvh - 20px)}}