@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic-arabic.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+??,U+2000-206F}:root{--bg:#f3f5f2;--surface:#fff;--surface-2:#f8faf8;--surface-3:#eef3ef;--border:#e0e7e2;--border-strong:#c7d4cb;--text:#11261e;--text-2:#4b5f56;--text-3:#788a81;--primary:#146a50;--primary-hover:#0f5641;--primary-ink:#0c4635;--primary-soft:#e2f1e9;--primary-soft-2:#cfe6da;--hero:#12382c;--hero-2:#1d5442;--success:#17794c;--success-soft:#e3f4ea;--warning:#8f5a07;--warning-soft:#fff4dc;--warning-border:#f0dba6;--danger:#b2372c;--danger-soft:#fdeeec;--danger-border:#f4d0ca;--info:#24598a;--info-soft:#e8f1fa;--focus:#4fbf9c;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #11261e0f;--shadow:0 1px 2px #11261e0d, 0 6px 20px #11261e0d;--shadow-lg:0 18px 50px #11261e2e;--teal:var(--primary);--navy:var(--text);--muted:var(--text-2);color:var(--text);background:var(--bg);font-synthesis:none;font-family:Noto Sans Arabic,Tahoma,Arial,sans-serif;font-weight:400;line-height:1.65}*{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;color:inherit;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}button{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;min-height:44px;padding:.6rem 1rem;font-size:.92rem;font-weight:600}button:hover{background:var(--surface-3)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.primary,.button.primary{background:var(--primary);border:1px solid var(--primary);color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.15rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0c463540,inset 0 1px #ffffff1a}.primary:hover,.button.primary:hover{background:var(--primary-hover)}.primary:disabled:hover{background:var(--primary)}.secondary,.button.secondary{background:var(--primary-soft);color:var(--primary-ink);border-color:var(--primary-soft-2)}.secondary:hover,.button.secondary:hover{background:var(--primary-soft-2)}.button.secondary{border:1px solid var(--primary-soft-2);border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.6rem 1rem;font-weight:600;display:inline-flex}.danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.danger:hover{background:#fadcd7}.ghost{background:0 0;border-color:#0000}.text-button{color:var(--primary);background:0 0;border:0;padding:.3rem 0;font-weight:600}.text-button:hover{background:0 0;text-decoration:underline}.full{width:100%}a{color:var(--primary);text-decoration:none}input,select{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:10px;min-height:46px;padding:.65rem .85rem;transition:border-color .15s,box-shadow .15s}input:hover,select:hover{border-color:#a9bcb0}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #146a5026}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}input[type=checkbox]{width:19px;height:19px;min-height:0;accent-color:var(--primary);box-shadow:none;flex-shrink:0}label{flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}label>small{font-weight:400;line-height:1.7}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.3px;margin-bottom:.4rem;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.4}h2{margin-bottom:1rem;font-size:1.12rem}h3{font-size:1rem}small{font-size:.8rem}.muted{color:var(--text-2)}.small{font-size:.82rem}main{max-width:1280px;margin:auto;padding:2rem 2rem 4rem}footer{text-align:center;color:var(--text-3);padding:1.5rem;font-size:.8rem}.topbar{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem max(2rem,50vw - 608px);display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:.7rem;font-size:1.3rem;font-weight:700;line-height:1.3;display:flex}.brand small{color:var(--text-2);font-size:.72rem;font-weight:400;display:block}.brand-mark{background:linear-gradient(145deg, var(--hero-2), var(--hero));color:#fff;border-radius:11px;place-items:center;width:42px;height:42px;font-size:1.5rem;font-weight:700;display:grid;box-shadow:0 2px 6px #12382c4d}.topbar nav{align-items:center;gap:.35rem;font-size:.9rem;display:flex}.topbar nav>a{border-radius:10px;padding:.5rem .8rem;font-weight:600}.topbar nav>a:hover{background:var(--surface-3)}.user-name{color:var(--text-2)}.page-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-heading p{margin:0}.eyebrow{color:var(--primary);margin-bottom:.3rem;font-size:.78rem;font-weight:700;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:1.25rem;padding:1.5rem}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.section-heading h2{margin:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.25rem;display:grid}.grid>.card{margin-bottom:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin:1rem 0;display:flex}.inline-form label{flex:1;min-width:150px;margin:0}.inline-form .check{flex:none;min-width:0;padding:.6rem 0}.check{flex-direction:row;align-items:center;gap:.6rem;display:flex}.status{background:var(--surface-3);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.28rem .8rem;font-size:.8rem;font-weight:600;line-height:1.6;display:inline-flex}.status:before{content:"";opacity:.7;background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status.online{background:var(--success-soft);color:var(--success)}.status.offline{background:var(--warning-soft);color:var(--warning)}.status.error{background:var(--danger-soft);color:var(--danger);white-space:normal}.status.info{background:var(--info-soft);color:var(--info)}.notice{background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius);color:#6e4708;border-inline-start:4px solid #d9a441;margin:0 0 1.25rem;padding:.85rem 1.1rem;font-size:.9rem}.notice p:last-child{margin-bottom:0}.notice.error{color:#8e2c23;background:var(--danger-soft);border-color:var(--danger-border);border-inline-start-color:var(--danger)}.notice.success{color:#12623d;background:var(--success-soft);border-color:#c3e5d1;border-inline-start-color:var(--success)}.notice .text-button{min-height:0;margin-inline-start:.5rem}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;padding:1rem 1.2rem;display:flex}.stat span{color:var(--text-2);font-size:.82rem}.stat strong{color:var(--text);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:1.75rem;line-height:1.3}.admin-tabs{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;gap:.25rem;margin-bottom:1.5rem;padding:.35rem;display:flex;overflow:auto}.admin-tabs button{white-space:nowrap;color:var(--text-2);background:0 0;border-color:#0000;border-radius:10px;min-height:42px}.admin-tabs button:hover{background:var(--surface-3);color:var(--text)}.admin-tabs button.active{background:var(--primary-soft);color:var(--primary-ink);font-weight:700}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:.88rem}th{color:var(--text-2);background:var(--surface-2);white-space:nowrap;border-bottom:1px solid var(--border);padding:.75rem .9rem;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.85rem .9rem;line-height:1.8}tbody tr:hover td{background:#fafcfa}tr:last-child td{border-bottom:0}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.actions button,.upload-button{min-height:38px;padding:.35rem .75rem;font-size:.82rem}.empty{color:var(--text-3);text-align:center;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius);margin:0;padding:2.25rem 1rem}.compact-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;font-size:.86rem;display:flex}.import-error td{background:#fff7f6}.import-steps{gap:.6rem;padding-inline-start:1.2rem;display:grid}.import-source,.import-preview,.import-result{gap:1rem;display:grid}.import-preview td small{display:block}.student-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem;display:grid}.student-card{border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;background:var(--surface);flex-direction:row;align-items:center;gap:.8rem;min-height:90px;margin:0;padding:1rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.student-card:hover{border-color:#9fb6a8}.student-card.checked{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:#f0f8f3}.student-card.ineligible{background:var(--surface-2);cursor:default}.student-card strong{display:block}.student-card small{color:var(--text-2);margin-top:.2rem;font-weight:400;display:block}.avatar{background:var(--primary-soft);width:43px;height:43px;color:var(--primary);border-radius:11px;flex-shrink:0;place-items:center;font-size:1.2rem;display:grid}.reason{color:var(--warning);margin-top:.3rem;font-size:.78rem;font-weight:400;display:block}.count{background:var(--surface-3);border-radius:6px;margin-right:.3rem;padding:.1rem .45rem;font-size:.8rem}.cooldown{background:var(--hero);color:#fff;border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:1.25rem;padding:1.5rem;display:flex}.cooldown strong{letter-spacing:3px;font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.cooldown small{color:#c0dad0;margin-right:auto}.request-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.request-row small{margin-top:.3rem;display:block}.request-row strong{font-size:1rem}.audio-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.1rem 0;display:flex}.audio-row small{display:block}.audio-controls{flex-direction:column;align-items:flex-start;gap:.6rem;display:flex}.audio-controls audio{width:300px;max-width:100%;height:38px}.upload-button{border:1px solid var(--border-strong);cursor:pointer;background:var(--surface);border-radius:10px;align-items:center;margin:0;font-weight:600;display:inline-flex}.upload-button:hover{background:var(--surface-3)}.upload-button input{opacity:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.upload-button:focus-within{outline:3px solid var(--focus)}.schedule-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1.5rem;padding:1rem 0;display:grid}.schedule-row label{margin:0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1e1880;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);width:100%;max-width:530px;max-height:90vh;box-shadow:var(--shadow-lg);margin:0;overflow:auto}.modal fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1rem}.modal fieldset label{margin:.4rem 0}.activation-code{text-align:center;letter-spacing:.3rem;background:var(--primary-soft);color:var(--primary-ink);border-radius:var(--radius);margin-bottom:1rem;padding:1rem;font:700 2.5rem monospace}.qr-data{white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;font-size:.65rem}.loading{min-height:80vh;color:var(--text-2);place-items:center;display:grid}.login-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:0;max-width:1380px;min-height:100svh;margin:auto;padding:1.4rem;display:grid}.welcome{background:radial-gradient(circle at 15% 85%, #4fbf9c38, transparent 45%), radial-gradient(circle at 90% 10%, #ffffff14, transparent 40%), linear-gradient(160deg, var(--hero-2), var(--hero));color:#fff;border-radius:0 24px 24px 0;flex-direction:column;justify-content:space-between;min-height:680px;padding:clamp(2rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.school-signature{align-items:center;gap:1.2rem;display:flex}.school-signature .moe-logo,.playback-identity .moe-logo{background:var(--surface);border-radius:12px;flex:none;width:125px;height:96px;padding:.45rem;display:block}.school-signature span,.school-signature strong{display:block}.school-signature span{color:#cfe5d8;font-size:.78rem}.school-signature strong{margin-top:.4rem;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.7}.welcome .eyebrow{color:#a9e0c8}.welcome h1{color:#fff;margin:.4rem 0;font-size:clamp(3.8rem,7vw,6.5rem);font-weight:700;line-height:1.25}.welcome p{color:#e3efe8;max-width:22ch;font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.9}.welcome-line{color:#e3efe8;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:.9rem;display:flex}.welcome-line span{color:#8fcfb3}.login-card{box-shadow:none;border:0;border-radius:24px 0 0 24px;flex-direction:column;justify-content:center;margin:0;padding:clamp(2rem,4vw,4.4rem);display:flex}.login-card>*{width:100%;max-width:420px;margin-inline:auto}.login-card .brand-mark{width:48px;height:48px;margin-inline:0 auto}.login-card h2{margin:1.5rem auto .3rem;font-size:1.7rem}.login-card p.muted{line-height:1.9}.login-card .text-button{width:auto;margin:.9rem auto;display:block}.login-card .small{text-align:center;margin-bottom:0}.segmented{background:var(--surface-3);border-radius:12px;margin:1.4rem auto;padding:4px;display:flex}.segmented button{color:var(--text-2);background:0 0;border:0;border-radius:9px;flex:1}.segmented button.selected{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border);font-weight:700}.playback-name{text-align:center;color:var(--text);font-size:clamp(2.5rem,7vw,6rem)}@media (width<=800px){main{padding:1.25rem 1rem 3rem}.topbar{padding:.6rem 1rem}.topbar nav{gap:.25rem;font-size:.8rem}.user-name{display:none}.card{padding:1.15rem}.grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>.button{font-size:.8rem}.audio-row{flex-direction:column;align-items:flex-start;gap:.7rem}.audio-controls,.audio-controls audio{width:100%}.cooldown small{width:100%;margin:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:.85rem}.stat strong{font-size:1.35rem}.section-heading{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.schedule-row{grid-template-columns:1.1fr 1fr 1fr;gap:.6rem;font-size:.8rem}.schedule-row input{padding:.5rem;font-size:.85rem}.modal-backdrop{padding:.8rem}.brand{font-size:1.15rem}.brand-mark{width:38px;height:38px;font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.pause-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.5rem;display:flex}.pause-banner p{margin:.25rem 0 0}main.playback-shell{max-width:none;margin:0;padding:0}.playback-page{background:var(--bg);grid-template-rows:auto auto minmax(240px,1fr) auto auto;grid-template-areas:"header""service""call""recent""footer";gap:.65rem;height:100dvh;min-height:100svh;display:grid}.playback-header{background:var(--surface);border-top:4px solid var(--primary);flex-wrap:wrap;grid-area:header;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.5rem clamp(1rem,2vw,2rem);display:flex}.playback-identity{align-items:center;gap:1rem;display:flex}.playback-identity .moe-logo{width:82px;height:62px;padding:0}.playback-identity small,.playback-identity strong{display:block}.playback-identity small{color:var(--muted);font-size:.76rem}.playback-identity strong{font-size:clamp(1rem,1.6vw,1.4rem)}.playback-connection{color:var(--text-2);align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;display:flex}.connection-dot{background:#bb765b;border-radius:50%;width:11px;height:11px}.connection-dot.online{background:#258856}.playback-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.playback-actions button,.playback-actions a,.playback-help summary{min-height:38px;padding:.45rem .7rem;font-size:.82rem}.playback-actions a{white-space:nowrap}.playback-help{font-size:.85rem;position:relative}.playback-help summary{cursor:pointer;padding:.65rem}.playback-help[open] ul{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:min(360px,80vw);margin:0;padding:1rem;line-height:1.9;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #173c4520}.calling-stage{text-align:center;color:#fff;background:var(--hero);border-radius:18px;flex-direction:column;grid-area:call;justify-content:safe center;align-items:center;gap:clamp(.6rem,1.5dvh,1.25rem);min-width:0;min-height:0;margin-inline:clamp(.75rem,1.5vw,1.5rem);padding:clamp(1rem,2dvh,2rem);display:flex;overflow:auto}.calling-label{color:#eff7dd;border:2px solid #c8dcbd;border-radius:100px;justify-content:center;align-items:center;margin:0;padding:.35rem 1.5rem;font-size:clamp(1rem,2.2dvh,1.5rem);font-weight:700;display:inline-flex}.calling-names{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));align-items:center;gap:1rem 2rem;width:min(100%,1700px);display:grid}.calling-student h1{color:#fff;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(2.5rem,min(6.5vw,12dvh),8rem);font-weight:700;line-height:1.28}.calling-student p{color:#d9e9d7;margin:.7rem 0 0;font-size:clamp(1.2rem,3.5dvh,2.5rem);font-weight:600}.calling-names.many{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.calling-names.dense{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.5rem 1rem}.calling-names.dense .calling-student p{margin-top:.2rem;font-size:clamp(.9rem,1.3vw,1.5rem)}.calling-hint{color:#e0eee0;margin:0;font-size:clamp(1rem,1.5vw,1.45rem)}.stage-empty .stage-symbol{aspect-ratio:1;color:#dcebd9;border:2px solid #a7c9aa;border-radius:20px;place-items:center;width:clamp(70px,7vw,110px);font-size:clamp(2.8rem,4vw,4rem);display:inline-grid}.stage-empty h1{color:#fff;margin:1.3rem 0 .2rem;font-size:clamp(2rem,min(4vw,7dvh),4.5rem)}.stage-empty p{color:#d5e6d3;margin:0;font-size:clamp(1rem,1.7vw,1.6rem)}.playback-recent{background:var(--surface);grid-area:recent;min-width:0;padding:.6rem clamp(1rem,2vw,2rem)}.playback-recent-heading{align-items:center;gap:1rem;margin-bottom:.4rem;display:flex}.playback-recent-heading h2{margin:0;font-size:1rem}.playback-recent-heading span{color:var(--muted);font-size:.8rem}.recent-list{gap:.7rem;display:flex;overflow-x:auto}.recent-list article{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex:0 0 220px;min-width:0;padding:.4rem .75rem}.recent-list h3,.recent-list p{margin:0}.recent-list h3{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.recent-list p{color:var(--muted);font-size:.8rem}.playback-footer{background:var(--surface-3);border:0;grid-area:footer;justify-content:space-between;gap:1rem;padding:.5rem clamp(1rem,3vw,3rem);font-size:.75rem;display:flex}@media (width<=800px){.login-layout{max-width:580px;padding:0;display:block}.welcome{border-radius:0 0 18px 18px;gap:1rem;min-height:0;padding:1.3rem 1.4rem 1.6rem}.school-signature{gap:.8rem}.school-signature .moe-logo{width:92px;height:70px;padding:.3rem}.school-signature span{font-size:.63rem}.school-signature strong{margin:.1rem 0 0;font-size:.95rem}.welcome-copy .eyebrow{display:none}.welcome h1{margin:0;font-size:2.2rem}.welcome p{max-width:none;margin:0;font-size:.9rem;display:block}.welcome-line{display:none}.login-card{border:1px solid var(--border);border-radius:14px;margin:.8rem;padding:1.4rem}.playback-page{grid-template-rows:auto auto minmax(340px,1fr) auto auto;height:auto}.playback-header{gap:.5rem 1rem}.playback-actions{width:100%}.calling-student h1{font-size:clamp(2.5rem,8vw,5rem)}}@media (width<=600px){.brand{font-size:1.15rem}.brand small{font-size:.6rem}.page-heading{flex-wrap:wrap}.page-heading>.button,.page-heading>.status{margin-top:.3rem}.section-heading{align-items:stretch}.section-heading>button,.form-actions .primary{width:100%}.table-scroll{border:0;overflow:visible}table,tbody,tr,td{width:100%;display:block}thead{display:none}tbody tr{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:.65rem;padding:.7rem .9rem}td{overflow-wrap:anywhere;text-align:right;border:0;grid-template-columns:minmax(90px,36%) minmax(0,1fr);align-items:start;gap:.6rem;padding:.45rem 0;display:grid}td:before{content:attr(data-label);color:var(--muted);font-weight:600}.request-row{flex-wrap:wrap;align-items:flex-start}.playback-identity .moe-logo{width:80px;height:62px}.playback-identity small{font-size:.65rem}.playback-connection{font-size:.78rem}.playback-actions button{padding:.4rem .65rem;font-size:.75rem}.calling-stage{padding:1.2rem}.calling-names{gap:1rem}.calling-student h1{font-size:clamp(2rem,9vw,3.5rem)}.calling-names.many h1{font-size:clamp(1.8rem,7vw,2.7rem)}.calling-hint{font-size:.9rem}.playback-footer{flex-direction:column;gap:0}}.pronunciation-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.pronunciation-actions .mark-button{min-width:2.5rem;padding-inline:.5rem;font-size:1.25rem;line-height:1}.pronunciation-field>p{margin:.5rem 0}.password-dialog{border:0;width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto}.password-dialog::backdrop{background:#0a1e288c}.operation-summary{margin-bottom:1rem}.playback-service-state{color:var(--text-2);flex-wrap:wrap;grid-area:service;align-items:center;gap:.4rem .75rem;padding:0 clamp(1rem,2vw,2rem);font-size:.85rem;display:flex}.playback-service-state>span{background:var(--surface);border:1px solid #d4e1d5;border-radius:100px;padding:.25rem .75rem}.playback-service-state .playback-service-note{background:0 0;border:0;padding-inline:0}.recent-list>.muted{margin:0;font-size:.85rem}.playback-audio-cache{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-inline-start:auto;padding:.25rem .5rem;font-size:.78rem;display:flex}.playback-audio-cache progress{width:90px;height:8px;accent-color:var(--primary)}.playback-audio-cache .text-button{min-height:32px;font-size:inherit;padding:0 .35rem}.playback-audio-cache.cache-error,.playback-audio-cache.cache-partial,.playback-audio-cache.cache-unavailable{color:var(--warning)}@media (width<=800px){.playback-audio-cache{width:100%;margin-inline-start:0}}.directory-workspace{padding:1.5rem}.directory-workspace .section-heading h2{margin-bottom:.3rem}.directory-workspace .section-heading p{margin-bottom:0}.directory-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1.5rem 0;display:grid}.directory-chips button{text-align:start;background:var(--surface-2);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.directory-chips strong{background:var(--surface-3);border-radius:7px;padding:.1rem .55rem;font-size:1.1rem}.directory-chips button.selected{border-color:var(--teal);background:var(--primary-soft)}.directory-tabs{border-bottom:1px solid var(--border);gap:.4rem;margin-bottom:1.2rem;display:flex}.directory-tabs button{background:0 0;border:0;border-radius:0;padding:.75rem 1.2rem}.directory-tabs button[aria-pressed=true]{color:var(--teal);box-shadow:inset 0 -3px var(--teal);font-weight:700}.directory-tabs span{margin-inline-start:.4rem;font-size:.8rem}.directory-filters{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr));gap:.75rem;display:grid}.directory-table-wrap{border:1px solid var(--border);border-radius:12px;position:relative;overflow:auto}.directory-table{font-size:.85rem}.directory-table td{overflow-wrap:anywhere;max-width:320px}.directory-table tbody tr:hover{background:var(--surface-2)}.directory-table small{color:var(--muted);margin-top:.25rem;display:block}.directory-record{color:var(--teal);text-align:start;background:0 0;border:0;padding:0;font-weight:700}.directory-badge{background:var(--surface-3);white-space:nowrap;border-radius:6px;padding:.15rem .55rem;font-size:.76rem;display:inline-block}.directory-badge.good{background:var(--success-soft);color:var(--success)}.directory-badge.warning{background:var(--warning-soft);color:var(--warning)}.directory-more{position:relative}.directory-more summary{cursor:pointer;min-height:44px;padding:.6rem;list-style:none}.directory-more[open]{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.35rem}.directory-more div{flex-direction:column;gap:.25rem;min-width:150px;display:flex}.directory-more button{text-align:start}.directory-pagination{flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem 0 0;font-size:.85rem;display:flex}.directory-pagination>span{margin-inline-end:auto}.directory-pagination label{flex-direction:row;align-items:center;margin:0;font-size:.8rem}.directory-pagination select{width:80px;min-height:40px;padding:.35rem}.directory-selection{background:var(--primary-soft);border:1px solid #c5dfd0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.7rem 1rem;display:flex}.directory-loading{top:0;background:var(--surface);z-index:1;margin:0;padding:.25rem .75rem;position:absolute;inset-inline-end:0;box-shadow:0 2px 12px #173a3210}.directory-panel{width:min(640px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--navy);background:var(--surface);border:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:0 0 80px #143c3330}.directory-panel.wide{width:min(1160px,96vw)}.directory-panel::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#112c2873}.directory-panel-heading{z-index:3;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex;position:sticky;top:0}.directory-panel-heading h2{margin:0}.directory-panel-content{padding:1.5rem}.directory-panel form{margin:0}.directory-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.directory-form-grid label{min-width:0}.directory-panel details{margin:.8rem 0}.directory-panel summary{cursor:pointer;color:var(--teal);padding:.5rem 0}.directory-panel fieldset{border:1px solid var(--border);border-radius:10px;margin:1rem 0;padding:1rem}.directory-panel .check{font-size:.85rem;font-weight:400}.directory-panel input[type=radio]{width:19px;height:19px;min-height:0;accent-color:var(--teal)}.record-section{border-top:1px solid var(--border);margin-top:1.3rem;padding-top:1rem}.record-section h3,.student-draft h3{margin-bottom:.7rem;font-size:1rem}.student-draft{background:var(--surface-2);border:1px solid #e2eae5;border-radius:12px;margin-bottom:1rem;padding:1rem}.linked-record,.selected-records>div{border:1px solid var(--border);border-radius:9px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.6rem .8rem;display:flex}.linked-record small,.selected-records small{color:var(--muted);display:block}.selected-records>div{background:var(--surface-3)}.new-guardian-fields{border:1px solid var(--border);border-radius:10px;margin-top:.8rem;padding:1rem}.new-guardian-fields>small{color:var(--muted);margin-top:.5rem;display:block}.directory-lookup{margin-top:1rem}.lookup-results{border:1px solid var(--border);border-radius:9px;max-height:285px;overflow:auto}.lookup-results>button{text-align:start;border:0;border-bottom:1px solid #e5ece7;border-radius:0;grid-template-columns:1fr auto;gap:.2rem .6rem;width:100%;padding:.65rem;display:grid}.lookup-results small{color:var(--muted);overflow-wrap:anywhere;grid-column:1}.lookup-results span{color:var(--teal);grid-area:1/2/3;align-self:center;font-size:.75rem}.lookup-results p{margin:0;padding:.6rem}.directory-save{background:var(--surface);border-top:1px solid var(--border);z-index:2;text-align:start;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-top:1.5rem;padding:1rem 0;display:flex;position:sticky;bottom:-1.5rem}.directory-save span{color:var(--muted);font-size:.8rem}.directory-save .primary{min-width:130px}.import-steps{gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.import-steps li{background:var(--surface-3);color:var(--muted);text-align:center;border-radius:8px;flex:1;padding:.65rem;font-size:.85rem}.import-steps .current{background:var(--primary-soft);color:var(--teal);font-weight:700}.import-upload{background:var(--surface-2);border:1px dashed #a3c9b4;border-radius:14px;padding:1.5rem}.file-drop{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:1rem 0;padding:1rem}.directory-panel textarea{resize:vertical;border:1px solid var(--border);width:100%;font:inherit;border-radius:8px;padding:.8rem}.import-history{gap:.5rem;display:grid}.import-history button{text-align:start;grid-template-columns:1fr auto;gap:.3rem;display:grid}.import-history small{color:var(--muted);grid-column:1}.import-history span{grid-area:1/2/3;align-self:center}.import-sources{border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;padding:.6rem 1rem}.import-sources>div{justify-content:space-between;align-items:center;gap:.7rem;padding:.35rem 0;display:flex}.import-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin:1rem 0;display:grid}.import-summary span{background:var(--surface-3);border-radius:10px;padding:.8rem;font-size:.8rem}.import-summary strong{color:var(--teal);font-size:1.5rem;display:block}.import-next{background:var(--primary-soft);border-radius:10px;margin:1rem 0;padding:1rem}.import-next .actions{margin:.6rem 0}.directory-panel progress{width:100%;accent-color:var(--teal);margin:.5rem 0}.directory-inline,.directory-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.8rem 0;display:flex}.directory-inline label{flex:1;min-width:130px;margin:0}.directory-toolbar .check{margin:0 auto 0 0}@media (width<=900px){.directory-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-search{grid-column:1/-1}.directory-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.import-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.directory-workspace{padding:1rem}.directory-panel,.directory-panel.wide{width:100vw}.directory-panel-content{padding:1rem}.directory-panel-heading{padding:.8rem 1rem}.directory-panel-heading h2{font-size:1rem}.directory-form-grid{grid-template-columns:1fr;gap:0}.directory-chips button{padding:.5rem;font-size:.75rem}.directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-tabs button{padding:.7rem}.directory-table-wrap{border:0;overflow:visible}.directory-table thead{display:none}.directory-table,.directory-table tbody{display:block}.directory-table tr{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:.7rem;padding:.8rem;display:block}.directory-table td{border:0;max-width:none;padding:.35rem 0;display:block}.directory-table td[data-label]:before{content:attr(data-label) " · ";color:var(--muted);font-size:.75rem}.directory-table td.directory-checkbox{float:left;padding:.3rem}.directory-table .actions{padding-top:.5rem}.directory-save{bottom:-1rem}.directory-save span{flex-basis:100%}.directory-save button{width:100%}.import-steps li{padding:.5rem .25rem;font-size:.7rem}.import-upload{padding:1rem}.import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.import-sources>div{flex-direction:column;align-items:start}.directory-pagination>span{width:100%}}main.parent-shell{max-width:720px;padding:1.5rem 16px}.parent-topbar{border-top:0;flex-wrap:wrap;gap:.75rem;min-height:64px;padding:.5rem max(16px,50% - 344px)}.parent-topbar .brand{flex:auto;gap:.5rem;min-width:0;min-height:44px;font-size:1.05rem;line-height:1.4}.parent-topbar .brand>span:last-child{overflow-wrap:anywhere;min-width:0}.parent-topbar :focus-visible,.parent-shell :focus-visible{outline-color:var(--teal)}.parent-topbar .brand-mark{border-radius:8px;flex-shrink:0;width:32px;height:32px;font-size:20px}.parent-topbar .brand small{margin-top:.15rem;font-size:.75rem}.parent-topbar nav{flex-shrink:0;width:auto;margin-inline-start:auto}.parent-account{position:relative}.parent-account-trigger{background:0 0;border-color:#0000;align-items:center;gap:.4rem;padding:.5rem .65rem;font-size:.875rem;display:flex}.parent-account-trigger[aria-expanded=true]{background:var(--surface-3)}.parent-account-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.parent-account-options{inset-inline-end:0;z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:12px;width:min(260px,100vw - 32px);padding:.5rem;position:absolute;top:calc(100% + .5rem);box-shadow:0 8px 28px #173a3226}.parent-account-name{border-bottom:1px solid var(--border);overflow-wrap:anywhere;color:var(--muted);margin:0 0 .25rem;padding:.5rem;font-size:.875rem}.parent-account-options button{text-align:start;width:100%;font-size:.875rem}.parent-shell .page-heading{margin-bottom:1.25rem;display:block}.parent-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;margin-bottom:.5rem;display:flex}.parent-shell h1{margin:0;font-size:1.5rem}.parent-shell .page-heading p{font-size:.9375rem}.parent-shell .card{box-shadow:none;margin-bottom:1rem;padding:1.25rem 20px}.parent-shell .notice{overflow-wrap:anywhere;margin-bottom:1rem;padding:.75rem 1rem}.parent-shell .section-heading{align-items:center;gap:.5rem;margin-bottom:.75rem}.parent-shell h2{font-size:1.0625rem}.parent-shell .student-grid{grid-template-columns:minmax(0,1fr);gap:.5rem}.parent-shell .student-card{border-color:var(--border-strong);border-radius:8px;gap:12px;min-height:72px;padding:.75rem 12px;font-size:1rem}.parent-shell .student-card.checked{border-color:var(--teal)}.parent-shell .student-card.ineligible{border-color:var(--border)}.parent-shell .student-card input{width:20px;height:20px;margin:0}.parent-shell .student-card input:disabled{opacity:.65}.parent-shell .student-details{overflow-wrap:anywhere;min-width:0}.parent-shell .student-card:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:3px}.parent-shell .student-card small,.parent-shell .small,.parent-shell .reason{font-size:.875rem}.parent-shell .reason{color:var(--warning)}.parent-shell .status{white-space:normal;padding:.25rem .65rem;font-size:.8125rem}.parent-shell .status.online:before{flex-shrink:0}.parent-shell .cooldown{border:1px solid var(--border);background:var(--surface-3);color:var(--navy);border-radius:8px;justify-content:space-between;gap:.75rem;margin:1rem 0 0;padding:.75rem;font-size:.875rem}.parent-shell .cooldown strong{letter-spacing:1px;font-size:1.375rem}.parent-call-actions{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.parent-call-actions button{min-height:48px;padding:.625rem .5rem;font-size:.9375rem}.parent-call-actions .secondary{background:var(--surface);border-color:var(--border-strong)}.parent-call-actions .secondary:hover{background:var(--surface-3)}.parent-privacy{text-align:center;margin:.75rem 0 0}.parent-requests h2{margin-bottom:.75rem}.parent-request-heading{color:var(--muted);margin:0 0 .5rem;font-size:.875rem}.parent-shell .request-row{flex-wrap:wrap;gap:.5rem 1rem;padding:.75rem 0}.parent-shell .request-row>div{overflow-wrap:anywhere;flex:200px;min-width:0}.parent-shell .request-row strong{font-size:.9375rem}.parent-shell .request-row small{font-size:.875rem}.parent-request-help{margin:.25rem 0 0}.parent-requests>div+div{margin-top:1rem}.parent-footer{border:0;max-width:720px;margin:0 auto;padding:0 16px 1.5rem;font-size:.8125rem}@media (width<=600px){main.parent-shell{padding-top:1.25rem;padding-bottom:.5rem}.parent-shell .card{padding:1rem 16px}}@media (width<=360px){.parent-topbar{gap:.5rem}.parent-topbar .brand small{font-size:.6875rem}.parent-call-actions{grid-template-columns:minmax(0,1fr);gap:.5rem}}.directory-simple .section-heading h2{margin:0}.directory-toolbar{flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0;display:flex}.directory-toolbar .directory-search{flex:1;min-width:220px;margin:0}.directory-toolbar>button{margin-bottom:.25rem}.directory-toolbar>.directory-more{margin-bottom:.25rem;position:relative}.directory-toolbar>.directory-more[open]{border:0;padding:0}.directory-toolbar>.directory-more>div{inset-inline-end:0;z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.4rem;position:absolute;top:100%;box-shadow:0 8px 24px #173a321a}.directory-simple .simple-filters{grid-template-columns:1fr 1fr auto;align-items:end;margin:1rem 0}.directory-active-filters{flex-wrap:wrap;align-items:center;gap:.7rem;margin:.75rem 0;display:flex}.directory-active-filters>span{background:var(--surface-3);border-radius:8px;padding:.4rem .7rem}.directory-simple .directory-table{table-layout:fixed;width:100%}.directory-simple .directory-table th,.directory-simple .directory-table td{padding:.9rem 1rem}.directory-simple .directory-checkbox{width:52px}.directory-simple .directory-table th:has(input){width:52px}.directory-simple .directory-record,.directory-simple .text-button{min-height:44px}.directory-guardian-links{gap:.5rem;display:grid}.directory-panel .directory-editor-fields{border:0;min-width:0;margin:0;padding:0}.directory-editor-fields label small{color:var(--muted);font-weight:400;display:inline}.directory-editor-fields .linked-record>span{gap:.25rem;display:grid}.directory-editor-fields .record-options{margin-top:1.5rem}.guardian-phone{margin-top:1rem}.guardian-phone label{margin-bottom:.4rem}.guardian-phone input{width:100%}.guardian-phone p{margin:.6rem 0;font-size:.9rem}.guardian-match{background:var(--primary-soft);border-radius:10px;gap:.35rem;margin-top:.6rem;padding:.8rem;display:grid}.guardian-match>span{text-align:start;justify-self:start}.guardian-match small{color:var(--muted)}.link-student-label{font-weight:700}@media (width<=600px){.directory-toolbar{gap:.5rem 1rem}.directory-toolbar .directory-search{flex-basis:100%;min-width:0}.directory-simple .simple-filters{grid-template-columns:1fr}.directory-simple .directory-table td{padding:.35rem .2rem}.directory-simple .directory-table td[data-label]:before{display:none}.directory-simple .directory-table td[data-label=ولي\ الأمر]{border-top:1px solid var(--border);margin-top:.4rem;padding-top:.5rem}.directory-simple .directory-table td.directory-checkbox{width:auto}.directory-simple .directory-pagination{gap:.5rem}.directory-simple .directory-pagination>span{flex-basis:100%}}.audio-source{color:var(--text-2);font-size:.77rem}.audio-source-filter{align-items:center;gap:.5rem;display:inline-flex}.topbar-link{white-space:nowrap;border-radius:10px;align-items:center;gap:.3rem;min-height:40px;padding:.4rem .8rem;font-size:.875rem;font-weight:600;display:inline-flex}.topbar-link:hover{background:var(--surface-3)}.topbar nav{flex-shrink:0}.sub-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:.25rem;margin:-.75rem 0 1.25rem;display:flex;overflow-x:auto}.sub-tabs button{min-height:42px;color:var(--text-2);background:0 0;border:0;border-radius:0;flex:none;padding:.5rem .9rem;font-size:.88rem;box-shadow:inset 0 -2px #0000}.sub-tabs button:hover{color:var(--text);background:0 0}.sub-tabs button.active{color:var(--primary-ink);box-shadow:inset 0 -2px var(--primary);font-weight:700}.today-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.status-tile{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);border-inline-start:4px solid var(--border-strong);flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.status-tile span{color:var(--text-2);font-size:.8rem}.status-tile strong{font-size:1.15rem;line-height:1.5}.status-tile.online{border-inline-start-color:var(--success)}.status-tile.online strong{color:var(--success)}.status-tile.offline{border-inline-start-color:#d9a441}.status-tile.offline strong{color:var(--warning)}.today-counts{color:var(--text-2);flex-wrap:wrap;gap:.4rem 1.5rem;margin:1rem 0 0;font-size:.88rem;display:flex}.today-counts strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.05rem}.today .notice{margin:1rem 0 0}.day-steps{counter-reset:step;color:var(--text-2);flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;font-size:.84rem;list-style:none;display:flex}.day-steps li{counter-increment:step;background:var(--surface-3);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem .3rem .5rem;display:flex}.day-steps li:before{content:counter(step);background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.72rem;font-weight:700;display:grid}.operation-controls .card>.muted.small,.operation-controls .notice{margin:.75rem 0 0}.operation-controls form label{margin-bottom:0}.field{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.field label{margin:0}.field small{line-height:1.7}.schedule-row{grid-template-columns:minmax(110px,1fr) minmax(0,1fr) minmax(0,1fr);gap:.75rem;padding:.5rem 0}.schedule-row .check{margin:0}.schedule-head{color:var(--text-2);border-top:0;padding:0 0 .25rem;font-size:.8rem;font-weight:600}@media (width<=800px){html{font-size:15px}input,select,textarea{font-size:16px}main{padding:.85rem 12px 2rem}.topbar{gap:.5rem;padding:.4rem 12px}.brand{gap:.5rem;min-width:0;font-size:1.05rem}.brand>span:last-child{min-width:0}.brand small{white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.brand-mark{border-radius:9px;flex-shrink:0;width:34px;height:34px;font-size:1.15rem}.topbar-link{padding:.35rem .5rem;font-size:.82rem}.card{border-radius:14px;margin-bottom:.85rem;padding:1rem}.grid{gap:.85rem;margin-bottom:.85rem}h2{margin-bottom:.75rem;font-size:1.05rem}.section-heading{gap:.5rem;margin-bottom:.75rem}.notice{margin-bottom:.85rem;padding:.7rem .85rem;font-size:.88rem}.admin-tabs{scrollbar-width:none;flex-wrap:nowrap;margin-bottom:.85rem;padding:.25rem;overflow-x:auto}.admin-tabs button{flex:1 0 auto;min-height:38px;padding:.4rem .7rem;font-size:.88rem}.sub-tabs{margin:-.25rem 0 .85rem}.sub-tabs button{min-height:38px;padding:.4rem .7rem}.today-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.status-tile{border-inline-start-width:3px;padding:.5rem .6rem}.status-tile span{font-size:.72rem;line-height:1.5}.status-tile strong{font-size:.95rem}.today-counts{gap:.25rem 1rem;margin-top:.75rem;font-size:.82rem}.day-steps{gap:.35rem;margin-top:.75rem;display:grid}.day-steps li{border-radius:10px;align-items:flex-start;line-height:1.6}.day-steps li:before{flex-shrink:0;margin-top:.1rem}.form-actions{gap:.5rem;margin-top:.75rem}.form-actions>*{flex:auto}.stats{gap:.5rem;margin-bottom:.85rem}.empty{padding:1.25rem .75rem}.schedule-row{grid-template-columns:82px minmax(0,1fr) minmax(0,1fr);gap:.4rem;padding:.35rem 0}.schedule-row input[type=time]{min-height:40px;padding:.35rem .4rem}footer{padding:1rem 12px;font-size:.75rem}}@media (width<=600px){tbody tr{margin-bottom:.5rem;padding:.55rem .75rem}td{grid-template-columns:minmax(80px,32%) minmax(0,1fr);padding:.3rem 0;font-size:.86rem}}.audio-controls{gap:.5rem}.audio-preview{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.audio-preview audio{display:none}.play-button{border-color:var(--primary-soft-2);background:var(--primary-soft);width:40px;height:40px;min-height:0;color:var(--primary-ink);border-radius:50%;place-items:center;padding:0;display:grid}.play-button:hover,.play-button.playing{background:var(--primary);border-color:var(--primary);color:#fff}.audio-row>div:first-child{min-width:0}.audio-row>div:first-child .text-button{min-height:0;font-size:.85rem}@media (width<=800px){.audio-row{gap:.5rem;padding:.75rem 0}.audio-row strong{font-size:.95rem}.audio-row small{font-size:.78rem}.audio-controls .actions button,.audio-controls .upload-button{min-height:36px;padding:.3rem .65rem}.schedule-row input[type=time]::-webkit-calendar-picker-indicator{display:none}.directory-simple .directory-table tr{margin-bottom:.5rem;padding:.6rem .75rem}.directory-simple .directory-table td{padding:.1rem 0;line-height:1.55}.directory-simple .directory-table td[data-label=ولي\ الأمر]{margin-top:.35rem;padding-top:.35rem}.directory-simple .directory-table small{margin-top:0}.directory-simple .directory-table td[data-label=الطالبة],.directory-simple .directory-guardian-links>div{flex-wrap:wrap;align-items:center;column-gap:.6rem;display:flex}.directory-simple .directory-table td[data-label=ولي\ الأمر]:not(:has(.directory-guardian-links)){flex-wrap:wrap;align-items:center;column-gap:.6rem;display:flex}.directory-simple .directory-record,.directory-simple .text-button{min-height:32px}}@media (width>=801px){.audio-controls{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.5rem 1rem}}.parent-shell .page-heading{margin-bottom:.85rem}.parent-shell .section-heading{flex-wrap:wrap}.parent-shell .student-card{border-color:var(--border-strong);border-radius:var(--radius)}.parent-shell .student-card input[type=checkbox]{appearance:none;border:2px solid var(--border-strong);background:var(--surface);border-radius:7px;place-items:center;width:24px;height:24px;transition:background .15s,border-color .15s;display:grid}.parent-shell .student-card input[type=checkbox]:checked{border-color:var(--primary);background:var(--primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 5 5 9-10' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat}.parent-shell .student-card.checked{background:#f0f8f3}.parent-shell .parent-call-actions{z-index:5;background:var(--surface);border-top:1px solid var(--border);margin:1rem -20px 0;padding:.75rem 20px;position:sticky;bottom:0}.parent-shell .parent-privacy{margin-top:.5rem}.parent-request+.parent-request{border-top:1px solid var(--border);margin-top:.75rem}.parent-request .request-row{border-top:0;padding:.25rem 0 .5rem}.request-steps{color:var(--text-3);text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:.25rem 0 .75rem;padding:0;font-size:.75rem;list-style:none;display:grid}.request-steps li{border-top:4px solid var(--surface-3);padding-top:.55rem;line-height:1.4}.request-steps li.done{border-top-color:var(--primary);color:var(--text-2)}.request-steps li.current{border-top-color:var(--primary);color:var(--primary-ink);font-weight:700}.queue-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:.5rem;display:grid}.queue-info>div{border-radius:var(--radius);background:var(--primary-soft);text-align:center;flex-direction:column;align-items:center;gap:.1rem;padding:.7rem .5rem;display:flex}.queue-info span{color:var(--text-2);font-size:.78rem}.queue-info strong{color:var(--primary-ink);font-variant-numeric:tabular-nums;font-size:1.6rem;line-height:1.3}.queue-info small{color:var(--text-2);font-size:.75rem}@media (width<=600px){.parent-shell .parent-call-actions{margin:.85rem -16px 0;padding:.65rem 16px}.parent-shell .student-card{min-height:60px;padding:.6rem 12px}.parent-shell h1{font-size:1.35rem}.parent-footer{padding-bottom:1rem;font-size:.75rem}}.login-card h2{margin-top:0}.login-card input::placeholder{color:var(--text-3);letter-spacing:1px}.segmented button{white-space:nowrap}@media (width<=800px){.welcome{border-radius:0 0 20px 20px;gap:.6rem;padding:1rem 1.1rem 1.2rem}.school-signature .moe-logo{width:76px;height:58px}.welcome h1{font-size:1.9rem;line-height:1.3}.welcome p{font-size:.88rem;line-height:1.7}.login-card{margin:.75rem 12px;padding:1.25rem 1rem}.login-card h2{margin-bottom:.2rem;font-size:1.35rem}.login-card p.muted{margin-bottom:0;font-size:.9rem}.segmented{margin:1rem 0}.segmented button{padding-inline:.4rem;font-size:.9rem}.login-card label{margin-bottom:.8rem}.login-card .text-button{margin:.6rem auto}}.playback-page{background:var(--bg);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header""service""main""footer"}.playback-page.chrome-hidden{cursor:none}.playback-actions,.playback-service-state{transition:opacity .4s}.chrome-hidden .playback-actions,.chrome-hidden .playback-service-state{opacity:0}.playback-main{grid-area:main;grid-template-columns:minmax(0,1fr) clamp(260px,24vw,400px);gap:clamp(.75rem,1.2vw,1.25rem);min-height:0;margin-inline:clamp(.75rem,1.5vw,1.5rem);display:grid}.calling-stage{background:radial-gradient(circle at 80% 15%, #ffffff0f, transparent 45%), linear-gradient(160deg, var(--hero-2), var(--hero));border-radius:24px;grid-area:auto;margin-inline:0}.calling-stage.phase-calling{background:radial-gradient(circle at 50% 40%, #4fbf9c38, transparent 60%), linear-gradient(160deg, #1b5c47, var(--hero))}.calling-stage.phase-completed{background:linear-gradient(160deg, var(--hero-2), #173f33)}.calling-stage.phase-stopped{background:linear-gradient(160deg,#6b4a10,#4a3209)}.calling-stage.phase-offline{background:linear-gradient(160deg,#7a2a22,#521a15)}.phase-calling .calling-label{color:var(--hero);background:#fff;border-color:#fff}.calling-student{animation:.45s ease-out both name-in}@keyframes name-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.calling-student h1{font-size:clamp(2.5rem,min(6vw,13dvh),9rem);line-height:1.25}.stage-empty .stage-symbol{color:#fff;border-color:#ffffff59}.playback-recent{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;grid-area:auto;min-height:0;padding:1rem;display:flex}.playback-recent-heading{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:.6rem}.playback-recent-heading h2{font-size:clamp(1rem,1.3vw,1.3rem)}.recent-list{flex-direction:column;flex:1;gap:.5rem;min-height:0;overflow:hidden auto}.recent-list article{background:var(--surface-2);border-radius:12px;flex:none;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .8rem;display:flex}.recent-list article>div{min-width:0}.recent-list h3{font-size:clamp(1rem,1.25vw,1.35rem)}.recent-list p{font-size:clamp(.78rem,.9vw,.95rem)}.recent-list time{color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;font-size:.85rem}.playback-waiting{background:var(--primary-soft);color:var(--primary-ink);border-radius:14px;justify-content:space-between;align-items:center;margin-top:.75rem;padding:.7rem 1rem;font-weight:600;display:flex}.playback-waiting strong{font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,2vw,2.2rem);line-height:1.2}.playback-footer{color:var(--text-3);background:0 0}@media (width<=1000px){.playback-main{grid-template-rows:minmax(300px,1fr) auto;grid-template-columns:minmax(0,1fr)}.recent-list{flex-direction:row;overflow:auto hidden}.recent-list article{flex:0 0 220px}}@media (width<=800px){.playback-page{grid-template-rows:auto auto auto auto}}@media (prefers-reduced-motion:reduce){.calling-student{animation:none}}.calling-stage{container-type:inline-size}.calling-student h1{font-size:clamp(2.2rem,min(9cqi,14dvh),9rem)}.calling-names:has(>:nth-child(2)) h1{font-size:clamp(1.8rem,min(6cqi,11dvh),6rem)}.calling-names.many h1{font-size:clamp(1.6rem,min(4.2cqi,8dvh),4.5rem)}.calling-names.dense h1{font-size:clamp(1.3rem,min(2.8cqi,6dvh),3rem)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.directory-switch{background:var(--surface-3);border-radius:12px;gap:.25rem;padding:.25rem;display:flex}.directory-switch button{min-height:40px;color:var(--text-2);background:0 0;border:0;border-radius:9px;align-items:center;gap:.4rem;display:inline-flex}.directory-switch button.active{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.directory-switch .count{text-align:center;background:var(--surface-3);min-width:1.6rem;margin:0}.directory-simple .directory-search{margin:0 0 .75rem}.directory-chips-row{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.chip{background:var(--surface);border-color:var(--border-strong);min-height:36px;color:var(--text-2);border-radius:999px;padding:.3rem .8rem;font-size:.86rem}.chip span{color:var(--text-3);font-variant-numeric:tabular-nums;margin-inline-start:.15rem}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.chip.active span{color:#fffc}.chip.warn:not(.active){border-style:dashed}.directory-simple .directory-table{table-layout:auto}.directory-simple .directory-table td,.directory-simple .directory-table th{padding:.6rem .9rem}.directory-simple .directory-record{min-height:0}.directory-table small.phone{text-align:right;display:block}.directory-daughters{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.directory-daughters small{color:var(--text-3);margin:0;display:inline}.directory-pagination{justify-content:flex-start;gap:.35rem}.directory-pagination .page-group{align-items:center;gap:.35rem;display:inline-flex}.directory-pagination button{min-width:40px;min-height:38px;padding:.3rem .6rem}.directory-pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}@media (width<=600px){.directory-simple>.section-heading{flex-direction:column;align-items:stretch}.directory-switch button{flex:1;justify-content:center}.directory-simple .section-heading .actions>*{flex:1}.directory-chips-row{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1rem;padding-inline:1rem;overflow-x:auto}.chip{flex:none}.directory-simple .directory-table tr{flex-wrap:wrap;align-items:center;gap:.15rem .6rem;display:flex}.directory-simple .directory-table td{width:auto}.directory-simple .directory-table td[data-label=الطالبة],.directory-simple .directory-table td[data-label=ولي\ الأمر]:first-child{flex:auto}.directory-simple .directory-table td[data-label=الصف]{color:var(--text-2);font-size:.85rem}.directory-simple .directory-table td[data-label=ولي\ الأمر]:not(:first-child),.directory-simple .directory-table td[data-label=البنات]{border-top:1px solid var(--border);flex-basis:100%;order:5;margin-top:.3rem;padding-top:.4rem}.directory-simple .directory-table td[data-label=ولي\ الأمر]:first-child{border-top:0;margin-top:0;padding-top:.1rem}}.playback-help[open] ul{padding-inline-start:2rem;list-style:outside}.year-end .notice{margin:.75rem 0 0}.promotion-moves tr.graduate td{color:var(--danger);font-weight:600}.campaign-summary{flex-wrap:wrap;gap:.3rem;display:flex}.campaign-summary span{font-variant-numeric:tabular-nums;background:var(--surface-3);color:var(--text-2);border-radius:999px;padding:.1rem .55rem;font-size:.82rem}.campaign-summary .ok{background:var(--success-soft);color:var(--success)}.campaign-summary .bad{background:var(--danger-soft);color:var(--danger)}.campaign-summary .warn{background:var(--warning-soft);color:var(--warning)}.activation-message{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin-bottom:1rem;display:grid}.activation-message .actions{margin-bottom:.6rem}.activation-message textarea{width:100%}.activation-preview{border-radius:var(--radius);background:var(--success-soft);color:var(--text);font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:.4rem 0 0;padding:.8rem 1rem}#activation-message-help.error{color:var(--danger)}