/* Shared interaction cues for teacher, admin, and sign-in screens. */
:root{--school-focus:#2476e8;--school-hover:#edf5ff}
body a[href],body button:not(:disabled),body select:not(:disabled),body summary,body label:has(input[type=radio]:not(:disabled)),body label:has(input[type=checkbox]:not(:disabled)),body input:is([type=radio],[type=checkbox]):not(:disabled),body [role=button]:not([aria-disabled=true]){cursor:pointer}
body :is(a[href],button,select,input,textarea,summary,[tabindex]){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
body :is(a[href],button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--school-focus)!important;outline-offset:3px!important}
body .app-sidebar :is(a,button):focus-visible{outline-color:#b5d6ff!important}
body :is(button,.btn,[role=button]):not(:disabled):not(.disabled):not([aria-disabled=true]):hover{box-shadow:0 3px 9px #205eae26;filter:brightness(.97)}
body :is(button,.btn,[role=button]):not(:disabled):not(.disabled):not([aria-disabled=true]):active{box-shadow:inset 0 2px 4px #123e7229;filter:brightness(.94)}
body :is(input,textarea,select):not(:disabled):not([readonly]):hover{border-color:#6c9edc}
body :is(input,textarea,select):not(:disabled):not([readonly]):focus{border-color:#5e99ea;box-shadow:0 0 0 3px #2d7ee51a}
body :is(input,textarea)[readonly]{cursor:default}
body :is(button,input,select,textarea):disabled,body [aria-disabled=true],body a.disabled{cursor:not-allowed;opacity:.62}
body a[aria-disabled=true],body a.disabled{pointer-events:none}
/* Only actual anchor cards receive a lift; informational cards stay static. */
body .school-app a:is(.card,.ta-kpi,.ai-stat,.ip-stat,.ip-reminder),body .school-app .plan-attention>a{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,translate .16s ease}
body .school-app a:is(.card,.ta-kpi,.ai-stat,.ip-stat,.ip-reminder):is(:hover,:focus-visible),body .school-app .plan-attention>a:is(:hover,:focus-visible){border-color:#75a7ed;box-shadow:0 5px 14px #2468c520;translate:0 -2px}
body .school-app :is(.nav-tabs,.nav-pills,.ai-tabs,.ip-tabs,.ld-tabs,.pagination,.ai-pagination,.ip-pagination) a:not([aria-disabled=true]):not(.active):not(.selected):hover{background-color:var(--school-hover);border-color:#79a4e2}
body .school-app a:not([class]):hover,body .school-app a:is(.ai-learner,.ip-learner,.status-plan-id):hover{text-decoration:underline;text-underline-offset:3px}
body .school-app summary{border-radius:5px;padding-block:5px}
body .school-app summary:hover{background-color:var(--school-hover);color:#075ec8}
body .school-app summary::marker{color:#1e6bcd}
body .school-app label:has(input:is([type=radio],[type=checkbox]):checked){outline-offset:2px}
body .school-app label:has(input:is([type=radio],[type=checkbox]):focus-visible){outline:3px solid var(--school-focus);outline-offset:3px}
body .school-app :is(svg [tabindex],canvas[tabindex]):focus-visible{outline:3px solid var(--school-focus);outline-offset:2px}
@media(prefers-reduced-motion:reduce){body :is(a[href],button,select,input,textarea,summary,[tabindex]),body .school-app .plan-attention>a{transition:none!important;scroll-behavior:auto!important;translate:none!important}}
@media(forced-colors:active){body :is(a[href],button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:Highlight!important}}
