/* S3A UX pilot. Scoped progressive layer; original visual language remains intact. */
:root { --s3-focus:#d5f18a; --s3-soft-border:#504955; }
:where(button,a,input,textarea,select,[tabindex]):focus-visible {
 outline:3px solid var(--s3-focus)!important;
 outline-offset:3px;
}
:where(button,a,input,textarea,select):disabled {cursor:not-allowed;}
.studio-postlesson-reminder {border:1px solid var(--s3-soft-border);}
.studio-postlesson-reminder strong {line-height:1.4;}
.studio-postlesson-reminder button {min-height:44px;}
/* Each pupil has an independently tappable attendance label. */
.wspDialog label:has(input[data-s0d]),
.tgQuickItem label:has(input[data-s0d]) {
 display:inline-flex;align-items:center;gap:9px;
 min-height:44px;max-width:100%;padding:8px 6px;
 cursor:pointer;line-height:1.45;
}
.wspDialog input[type=checkbox][data-s0d],
.tgQuickItem input[type=checkbox][data-s0d] {
 accent-color:var(--s3-focus);
 width:20px;height:20px;flex:none;margin:0;
}
.tgQuickItem > div,.tgQuickSummary > * {min-width:0;overflow-wrap:anywhere;}
.tgQuickItem button, .wspDialog button {min-height:44px;}
.tgQuickDialog[open],.wspDialog[open] {
 max-height:calc(100dvh - 16px);
 overscroll-behavior:contain;
}
.tgQuickDialog .tgQuickTop,.wspDialog .gsRefTop {
 position:sticky;top:0;z-index:2;background:#191b20;
}
@media (max-width:600px){
 .dashboard .panel,.dashboard .card {padding:14px;}
 .dashboard .sectionHead {gap:10px;}
 .studio-postlesson-reminder {padding:12px!important;gap:8px!important;}
 .studio-postlesson-reminder button {width:100%;max-width:100%;}
 .wspDialog .shopModalContent {padding:12px;}
 .tgQuickItem {padding:10px 0;gap:9px;}
 .tgQuickItem button {max-width:48%;font-size:13px;}
 #app .grid.two>button {min-height:52px;padding:11px 10px;}
 .tgQuickDialog h2 {font-size:clamp(17px,5.2vw,21px);}
}
@media (max-width:360px){
 .tgQuickItem {align-items:flex-start;flex-direction:column;}
 .tgQuickItem button {max-width:none;width:100%;}
 .studio-postlesson-reminder button {width:100%;}
}
@media (prefers-reduced-motion:reduce){
 .studio-postlesson-reminder *, .tgQuickItem *,
 .wspDialog * {animation:none!important;transition:none!important;}
}