/* P253 — Responsive two-panel sign-in. Scope tightly to both existing SDC login overlays. */
#teacherLoginModal,#studentLoginModal{padding:18px;background:rgba(7,24,36,.69);backdrop-filter:blur(8px);overflow-y:auto;align-items:center;overscroll-behavior:contain}
#teacherLoginModal .sdc-login-card,#studentLoginModal .sdc-login-card{width:min(1000px,100%);min-height:590px;max-height:min(94dvh,900px);padding:0;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,23,43,.30);overflow:hidden;align-items:stretch;animation:modalIn .23s ease}
#teacherLoginModal .sdc-login-close,#studentLoginModal .sdc-login-close{z-index:10;top:17px;right:17px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce4ed;background:#fff;color:#42627b;box-shadow:0 2px 10px #00152e18}
#teacherLoginModal .sdc-login-close:hover,#studentLoginModal .sdc-login-close:hover{background:#edf5fd;color:#0c4d8b}
.sdc-login-card .sdc-login-visual{position:relative;min-width:0;overflow:hidden;background:#194a59;isolation:isolate}
.sdc-login-card .sdc-login-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center;display:block;z-index:-2}
.sdc-login-card .sdc-login-visual::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,37,62,.46) 0%,rgba(4,28,48,.46) 30%,rgba(1,23,43,.88) 100%)}
.sdc-login-card .sdc-login-visual-inner{height:100%;min-height:590px;padding:36px 43px 38px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;color:#fff}
.sdc-login-card .sdc-login-seal{width:72px;height:72px;border-radius:50%;border:1px solid #ffffffaa;background:#ffffffd9;box-shadow:0 12px 35px #06283b38;display:grid;place-items:center;padding:11px}
.sdc-login-card .sdc-login-seal img{display:block;width:100%;height:100%;object-fit:contain}
.sdc-login-card .sdc-login-visual-message{margin-top:auto;margin-bottom:42px;max-width:380px}
.sdc-login-card .sdc-login-eyebrow{display:block;color:#d9edf3;font:800 12px Sarabun,Arial,sans-serif;letter-spacing:.12em;margin-bottom:12px}
.sdc-login-card .sdc-login-visual-message h2{margin:0;color:#fff;font-size:clamp(29px,3vw,38px);font-weight:800;line-height:1.22;letter-spacing:-.025em;text-shadow:0 2px 8px #03273b35}
.sdc-login-card .sdc-login-visual-message>p{font-size:15px;line-height:1.65;max-width:340px;color:#edf7fa;margin:17px 0 16px;font-weight:600}
.sdc-login-card .sdc-login-benefits{display:grid;gap:10px;margin-top:18px}
.sdc-login-card .sdc-login-benefits span{display:flex;align-items:flex-start;gap:11px;color:#fff;font-size:14px;font-weight:600;line-height:1.55}
.sdc-login-card .sdc-login-benefits i{color:#f4cf69;font-size:16px;flex:0 0 auto;margin-top:2px}
.sdc-login-card .sdc-login-visual-footer{color:#dcebf2;font-size:12px;font-weight:700;letter-spacing:.06em;line-height:1.5}
.sdc-login-card .sdc-login-panel{min-width:0;display:flex;align-items:center;justify-content:center;padding:76px clamp(28px,3.4vw,55px) 42px;background:#fff}
.sdc-login-card .sdc-login-panel-inner{width:100%;max-width:390px}
.sdc-login-card .sdc-login-panel-kicker{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:#1c6a8d;background:#edf5fb;border-radius:999px;padding:5px 11px;margin-bottom:19px}
.sdc-login-card .sdc-login-panel h2{font-size:30px;font-weight:800;color:#103d65;line-height:1.3;margin:0 0 6px}
.sdc-login-card .sdc-login-subtitle{font-size:14px;color:#758a9a;margin:0 0 32px}
#teacherLoginModal .sdc-login-card form,#studentLoginModal .sdc-login-card form{display:flex;flex-direction:column;gap:20px}
.sdc-login-card .sdc-login-field>label{display:block;font-size:14px;font-weight:700;color:#244a67;margin-bottom:7px}
.sdc-login-card .modal-input{margin:0;border:1px solid #c9dbe9;border-radius:10px;gap:5px;min-height:48px;padding:0 11px;transition:border .18s,box-shadow .18s;background:#fff}
.sdc-login-card .modal-input:focus-within{border-color:#1782be;box-shadow:0 0 0 3px #1683bb20}
.sdc-login-card .modal-input input{display:block;font:500 15px Sarabun,Arial,sans-serif;color:#183c5b;padding:12px 0;min-height:46px;border:0;width:100%;min-width:0;outline:none}
.sdc-login-card .modal-input input::placeholder{color:#a6b4c1}
.sdc-login-card .sdc-password-toggle{border:0;background:transparent;border-radius:7px;width:40px;height:40px;color:#708ba2;display:grid;place-items:center;flex:0 0 auto;padding:0;font-size:17px}
.sdc-login-card .sdc-password-toggle:hover,.sdc-login-card .sdc-password-toggle:focus-visible{background:#eef5fb;color:#12649a;outline:none}
.sdc-login-card .modal-submit,.sdc-login-card .modal-submit.student{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;padding:12px 15px;margin:7px 0 0;background:#0b69c9;color:#fff;font:800 16px Sarabun,Arial,sans-serif;box-shadow:0 7px 20px #1263ba25;transition:background .2s,transform .2s}
.sdc-login-card .modal-submit:hover,.sdc-login-card .modal-submit.student:hover{background:#095aad;transform:translateY(-1px)}
.sdc-login-card .modal-submit:disabled{opacity:.75;cursor:wait;transform:none}
.sdc-login-card .sdc-login-help{text-align:center;color:#7b90a1;font-size:13px;line-height:1.5;margin:20px 0 17px}
.sdc-login-card .sdc-login-back{margin:0 auto;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#456d97;font:600 14px Sarabun,Arial,sans-serif;padding:8px 10px;border-radius:8px}
.sdc-login-card .sdc-login-back:hover{background:#f0f6fb;color:#0f589e}
.sdc-login-card .modal-alert{font-size:13px;line-height:1.5;align-items:flex-start}
@media(max-width:800px){
 #teacherLoginModal .sdc-login-card,#studentLoginModal .sdc-login-card{max-width:580px;min-height:0;max-height:min(94dvh,980px);grid-template-columns:minmax(0,1fr);overflow-y:auto;overscroll-behavior:contain}
 .sdc-login-card .sdc-login-visual{min-height:188px}
 .sdc-login-card .sdc-login-visual-inner{min-height:188px;padding:21px 27px 22px;gap:10px;justify-content:flex-end}
 .sdc-login-card .sdc-login-landscape{object-position:55% 65%}
 .sdc-login-card .sdc-login-seal{width:54px;height:54px;padding:7px;position:absolute;top:17px;left:24px}
 .sdc-login-card .sdc-login-visual-message{margin:68px 0 0;max-width:none}
 .sdc-login-card .sdc-login-visual-message h2{font-size:26px}
 .sdc-login-card .sdc-login-visual-message h2 br{display:none}
 .sdc-login-card .sdc-login-eyebrow{font-size:11px;margin-bottom:5px}
 .sdc-login-card .sdc-login-visual-message>p{margin:4px 0 0;font-size:13px}
 .sdc-login-card .sdc-login-benefits,.sdc-login-card .sdc-login-visual-footer{display:none}
 .sdc-login-card .sdc-login-panel{padding:28px 27px 28px}
 .sdc-login-card .sdc-login-panel h2{font-size:25px}
 .sdc-login-card .sdc-login-subtitle{margin-bottom:23px}
 #teacherLoginModal .sdc-login-close,#studentLoginModal .sdc-login-close{top:14px;right:14px}
}
@media(max-width:480px){
 #teacherLoginModal,#studentLoginModal{padding:10px 9px;align-items:center}
 #teacherLoginModal .sdc-login-card,#studentLoginModal .sdc-login-card{border-radius:18px;max-height:96dvh}
 .sdc-login-card .sdc-login-visual{min-height:161px}
 .sdc-login-card .sdc-login-visual-inner{min-height:161px;padding:15px 20px 18px}
 .sdc-login-card .sdc-login-seal{top:12px;left:18px;width:47px;height:47px}
 .sdc-login-card .sdc-login-visual-message{margin-top:59px}
 .sdc-login-card .sdc-login-visual-message h2{font-size:23px}
 .sdc-login-card .sdc-login-visual-message>p{font-size:12px}
 .sdc-login-card .sdc-login-panel{padding:21px 19px 22px}
 .sdc-login-card .sdc-login-panel-kicker{font-size:12px;margin-bottom:12px}
 .sdc-login-card .sdc-login-panel h2{font-size:24px}
 .sdc-login-card .sdc-login-subtitle{font-size:13px;margin-bottom:16px}
 #teacherLoginModal .sdc-login-card form,#studentLoginModal .sdc-login-card form{gap:13px}
 .sdc-login-card .sdc-login-help{margin:13px 0 5px}
 .sdc-login-card .modal-submit,.sdc-login-card .modal-submit.student{min-height:47px}
}
@media(prefers-reduced-motion:reduce){.sdc-login-card .modal-submit{transition:none}}

/* P264 — Green staff sign-in only. Student sign-in remains unchanged. */
#teacherLoginModal{background:rgba(0,40,29,.72)}
#teacherLoginModal .sdc-login-card{box-shadow:0 30px 90px rgba(1,47,33,.35)}
#teacherLoginModal .sdc-login-visual{background:#0b573e}
#teacherLoginModal .sdc-login-visual::after{background:linear-gradient(180deg,rgba(3,61,44,.34) 0%,rgba(3,56,39,.48) 35%,rgba(1,41,30,.89) 100%)}
#teacherLoginModal .sdc-login-eyebrow{color:#deffe9}
#teacherLoginModal .sdc-login-visual-message>p{color:#edfff5}
#teacherLoginModal .sdc-login-visual-footer{color:#d9f6e5}
#teacherLoginModal .sdc-login-panel-kicker{color:#0e6848;background:#e7f7ee}
#teacherLoginModal .sdc-login-panel h2{color:#074d35}
#teacherLoginModal .sdc-login-subtitle{color:#657e70}
#teacherLoginModal .sdc-login-field>label{color:#215541}
#teacherLoginModal .modal-input{border-color:#bbd6c9}
#teacherLoginModal .modal-input:focus-within{border-color:#14825a;box-shadow:0 0 0 3px rgba(17,132,89,.17)}
#teacherLoginModal .modal-input input{color:#183b2f}
#teacherLoginModal .modal-input input::placeholder{color:#8b9d94}
#teacherLoginModal .sdc-password-toggle{color:#5c8270}
#teacherLoginModal .sdc-password-toggle:hover,#teacherLoginModal .sdc-password-toggle:focus-visible{color:#0b6b4c;background:#ecf9f1}
#teacherLoginModal .modal-submit{background:#0c8057;box-shadow:0 7px 20px rgba(12,111,77,.23)}
#teacherLoginModal .modal-submit:hover{background:#096d49}
#teacherLoginModal .sdc-login-help{color:#6c8679}
#teacherLoginModal .sdc-login-back{color:#0d7050}
#teacherLoginModal .sdc-login-back:hover{color:#074b34;background:#e9f7ef}
#teacherLoginModal .sdc-login-close{border-color:#d1e8d9;color:#245d44}
#teacherLoginModal .sdc-login-close:hover{color:#0b6845;background:#effaf3}