@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--green:#174d42;--deep:#123e35;--muted:#77837d;--line:#e2e8e2;--cream:#f7f8f3;--gold:#c5a96d;--red:#a23b37}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#233e36;font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 0 0 auto;width:236px;padding:36px 24px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:800}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.logo{display:grid;place-items:center;width:44px;height:48px;background:var(--green);color:#fff;border-radius:13px 13px 3px 13px;font-size:29px}.side-label{font-size:10px;color:#8b948d;margin:58px 12px 12px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border-radius:9px;background:none;text-align:right;color:#7b8780;margin:4px 0}.nav.active{color:var(--green);background:#edf4ed;font-weight:700}.side-bottom{margin-top:auto;color:var(--green);font-size:12px;direction:ltr;text-align:right}.side-bottom small{display:block;direction:rtl;color:var(--muted);font-size:10px;margin-top:9px}.live-dot{display:inline-block;width:7px;height:7px;background:#82a68d;border-radius:50%;margin-right:6px}.shell{margin-right:236px}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#ffffff80}.breadcrumb{font-size:11px;color:#77857d}.breadcrumb span{padding:0 13px;color:#bcc4bd}.header-actions{display:flex;gap:20px;align-items:center}.secure{font-size:10px;color:#6d8977}.quiet{background:transparent;color:var(--green);font-size:11px}main{max-width:1300px;margin:auto;padding:48px 50px 0}.eyebrow{color:#698471;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:13px}h1{font-size:34px;letter-spacing:-1px;line-height:1.6;margin:0 0 8px;font-weight:800}h2{font-size:20px;margin:0 0 8px}p{line-height:1.9}.intro{color:var(--muted);font-size:13px;margin:0 0 32px}.login-grid{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.login-card{padding:34px 36px}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:22px}.mini-icon{display:grid;place-items:center;background:#f0f4ed;width:41px;height:43px;border-radius:11px;font-size:22px}.card-heading h2{font-size:20px;margin:0}.card-heading p{font-size:11px;color:var(--muted);margin:3px 0}.role-tabs{display:flex;padding:4px;background:#f3f5f0;border-radius:8px;margin-bottom:22px}.role-tabs button{width:50%;border-radius:6px;padding:9px;font-size:12px;color:#7c877e;background:transparent}.role-tabs .selected{background:#fff;color:var(--green);box-shadow:0 2px 5px #173d3510;font-weight:700}label{display:block;font-size:11px;font-weight:600;margin:13px 0 7px}input,select,textarea{width:100%;background:#fff;border:1px solid #dce4dc;border-radius:7px;padding:12px;color:#25463a;outline:none}input:focus,textarea:focus,select:focus{border-color:#628d74;box-shadow:0 0 0 3px #628d7415}input::placeholder{color:#afb6af;font-size:11px}.password-wrap{position:relative}.password-wrap input{padding-left:65px}.password-wrap button{position:absolute;left:12px;top:13px}.primary,.secondary{border-radius:7px;padding:11px 20px;font-weight:600;font-size:12px}.primary{background:var(--green);color:#fff}.primary:hover{background:#236551}.secondary{border:1px solid #d6e1d6;color:var(--green);background:white}.wide{width:100%;margin-top:23px;display:flex;justify-content:space-between}.hint{font-size:10px;color:#8a948c;line-height:1.9;margin:17px 0 0}.connection{font-size:10px;color:#6c8c74;border-top:1px solid var(--line);padding-top:14px;margin-bottom:0}.welcome-panel{background:var(--deep);color:#f4f5e9;padding:40px 38px;position:relative;overflow:hidden}.pill{border:1px solid #628375;border-radius:30px;padding:5px 12px;font-size:9px;color:#d3dfcc}.welcome-panel h2{font-size:31px;line-height:1.9;margin:25px 0 24px;position:relative;font-weight:600}.welcome-panel em{font-style:normal;color:#d4bf87}.ornament{position:absolute;font-size:290px;opacity:.06;left:-75px;top:20px;color:#e0d8ab;line-height:1}.journey{position:relative}.journey>div{display:flex;gap:16px;align-items:center;margin:17px 0}.journey b{border:1px solid #658172;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:9px;font-weight:400;color:#d3bc83}.journey span{font-size:12px}.journey small{display:block;font-size:9px;color:#9cb6a8;margin-top:2px}.panel-foot{font-size:9px;color:#9ab2a3;margin-top:24px;border-top:1px solid #486b5e;padding-top:16px}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0 40px}.feature-strip>div{display:grid;grid-template-columns:33px auto;padding:0 20px;border-left:1px solid var(--line)}.feature-strip>div:last-child{border:0}.feature-strip span{grid-row:span 2;font-size:23px;color:#8c9d82}.feature-strip b{font-size:11px;font-weight:600}.feature-strip small{font-size:9px;color:var(--muted);margin-top:4px}footer{border-top:1px solid var(--line);padding:23px 0;margin-top:35px;color:#869186;font-size:10px;display:flex;justify-content:space-between}footer span{font-size:9px;color:#9ba69a}#notice{padding:13px 18px;background:#e7f0e3;border:1px solid #c9dbc2;border-radius:8px;margin-bottom:23px;white-space:pre-line}#notice.error{color:var(--red);background:#fbedea;border-color:#ecd1cb}.dashboard-heading{display:flex;justify-content:space-between;align-items:center}.dashboard-heading h1{font-size:29px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:26px}.stat,.card{padding:23px;border:1px solid var(--line);border-radius:12px;background:white}.stat strong{font-size:28px;display:block}.stat span{font-size:11px;color:var(--muted)}.toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.toolbar select{min-width:180px}.time-note{font-size:10px;color:var(--muted);max-width:280px}.segment{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;overflow:hidden}.segment-head{padding:21px 25px;border-bottom:1px solid #edf0e9;display:flex;justify-content:space-between;align-items:start;gap:15px}.segment-head p{font-size:12px;color:var(--muted);margin:0}.tag{font-size:9px;padding:4px 10px;border-radius:20px;background:#f1f2eb;white-space:nowrap}.windows{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.window{padding:22px;border-left:1px solid var(--line)}.window:last-child{border:0}.window h3{font-size:13px;margin:0 0 12px;display:flex;justify-content:space-between;gap:8px}.badge{font-size:9px;padding:3px 8px;border-radius:20px;background:#f1f2ed;color:#7b8274}.badge.open{background:#e5efdf;color:#3c6b36}.badge.done{background:#e8efeb;color:#367260}.window label{font-size:10px}.window input{font-size:10px;padding:9px;direction:ltr}.window .primary{margin-top:15px;width:100%}.dates{font-size:11px;color:#6d7c6d;line-height:2}.empty{padding:32px;text-align:center;color:#879383;background:#fff;border:1px dashed #d5ddd2;border-radius:10px;line-height:2}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:38px 0 18px;gap:15px}.section-heading select{max-width:220px}.attempt{background:white;border:1px solid var(--line);border-radius:11px;padding:23px;margin-bottom:14px}.attempt-top{display:flex;justify-content:space-between;gap:12px}.attempt-top h3{margin:0;font-size:14px}.attempt small{color:var(--muted);font-size:10px}.attempt-fields{display:grid;grid-template-columns:100px 1fr;gap:15px;margin:15px 0}.attempt audio{width:100%;height:40px;margin-top:13px}.attempt .secondary{margin-top:14px}.notes{white-space:pre-wrap}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}ol{line-height:2.5;padding-right:22px;color:#65776b}.help-grid~.card{margin-bottom:20px}.record-area{padding:15px;background:#f7f9f4;border-radius:8px;margin-top:15px}.record-area input{font-size:10px}.record-area button{margin:10px 0 0 8px}.record-status{font-size:11px;color:var(--red);margin:10px 0}.record-area audio{width:100%;margin-top:15px}.privacy-note{font-size:9px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;max-width:470px;padding:27px;color:#244137;width:calc(100% - 32px)}dialog::backdrop{background:#123b3566}dialog p{color:var(--muted);font-size:12px}.confirm-details{line-height:2.2;padding:15px;background:#f2f5ee;border-radius:8px;white-space:pre-wrap}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}:focus-visible{outline:2px solid #9bb77f;outline-offset:3px}@media(min-width:1500px){main{padding-top:60px}.login-card{padding:40px 50px}.welcome-panel{padding:42px 55px}}@media(max-width:1000px){.sidebar{width:190px;padding:30px 17px}.shell{margin-right:190px}main{padding:32px 25px 0}header{padding:0 25px}.login-card,.welcome-panel{padding:25px}.welcome-panel h2{font-size:27px}.windows{grid-template-columns:1fr}.window{border-left:0;border-bottom:1px solid var(--line)}.feature-strip>div{padding:0 10px}.time-note{max-width:180px}}@media(max-width:700px){.sidebar{position:static;width:100%;height:auto;padding:16px 20px;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brand small{font-size:8px}.logo{width:35px;height:38px;font-size:24px}.side-label,.side-bottom{display:none}.nav{width:auto;margin:0;padding:10px;font-size:11px}.nav span{display:none}.shell{margin:0}header{height:56px;padding:0 20px}.secure{font-size:8px}main{padding:25px 20px 0}h1{font-size:25px}.intro{font-size:11px;margin-bottom:24px}.login-grid{grid-template-columns:1fr}.welcome-panel{display:none}.login-card{padding:26px}.feature-strip{gap:8px}.feature-strip>div{display:block;padding:0 5px;text-align:center}.feature-strip span{display:block}.feature-strip b{font-size:9px}.feature-strip small{display:none}footer span{display:none}.dashboard-heading{align-items:start;gap:10px}.dashboard-heading h1{font-size:23px}.dashboard-heading button{padding:8px;font-size:10px}.stats{gap:8px}.stat{padding:16px}.stat strong{font-size:22px}.stat span{font-size:9px}.toolbar{align-items:center;gap:15px}.time-note{font-size:8px}.help-grid{grid-template-columns:1fr}.section-heading select{max-width:150px}.attempt-fields{grid-template-columns:80px 1fr}.segment-head{padding:18px}.segment-head h2{font-size:17px}}
.brand-name{font-size:14px;line-height:1.8}.brand-name small{font-size:9px}@media(max-width:700px){.brand-name{font-size:12px;max-width:190px}}

:root{--green:#087f8c;--deep:#102a43;--cream:#f4f8fb;--gold:#4dd0c8}body{color:#102a43}.welcome-panel{background:#102a43}.primary,.logo{background:#087f8c}.nav.active{background:#e3f4f5}.report-table{overflow:auto;margin-top:20px}.report-table table{border-collapse:collapse;width:100%;min-width:750px}.report-table th,.report-table td{border:1px solid #cad8e3;padding:10px;text-align:right;white-space:pre-wrap}.report-table th{background:#e3f4f5}#reportsPanel{margin:24px 0}.toolbar{flex-wrap:wrap}#loginCaptcha{margin:14px 0}@media print{body{background:white}.sidebar,header,footer,#segments,#attemptSection,.dashboard-heading,#stats,#dashboard>.toolbar,#reportsPanel>.toolbar,#reportsPanel>p,#excelReport,#pdfReport,#notice{display:none!important}.shell{margin:0}main{max-width:none;padding:0}#reportsPanel{border:0;padding:0}.report-table{overflow:visible}.report-table table{min-width:0;font-size:9px}thead{display:table-header-group}tr{break-inside:avoid}@page{size:A4 landscape;margin:12mm}}

.brand-icon{width:64px;height:64px;object-fit:contain;border-radius:12px;flex-shrink:0}@media(max-width:700px){.brand-icon{width:46px;height:46px}#installApp{font-size:9px}}@media print{#installApp,#installGuide{display:none!important}}

.school-identity{display:flex;align-items:center;gap:22px;padding:25px 30px;margin-bottom:30px;border-radius:18px;background:linear-gradient(120deg,#102a43,#153e59);color:#fff;box-shadow:0 10px 30px #102a4314;border:1px solid #244e64}.school-identity img{object-fit:contain;border-radius:13px;flex-shrink:0}.school-identity h2{font-size:30px;color:#fff;line-height:1.6;margin:2px 0}.school-identity p{margin:0;color:#d6eef0;font-size:12px}.school-eyebrow{color:#6be1d6;font-size:11px}.student-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.student-row small{display:block;color:var(--muted);margin-top:5px}.student-row button{font-size:12px;white-space:nowrap}.report-identity{padding:14px 0}.report-identity h3{font-size:20px;margin:0 0 6px}.report-identity p{margin:0;font-size:12px;color:#36556b}#studentsDialog{max-width:650px;max-height:85vh;overflow:auto}@media(max-width:700px){.school-identity{padding:20px 17px;gap:14px;margin-bottom:24px}.school-identity img{width:60px;height:60px}.school-identity h2{font-size:24px}.school-identity p{font-size:10px}.school-eyebrow{font-size:9px}.student-row{align-items:flex-start;gap:8px}.student-row button{font-size:10px}}@media print{.school-identity{box-shadow:none;background:white;color:#102a43;border:0;border-bottom:2px solid #087f8c;border-radius:0;padding:0 0 14px;margin:0 0 16px}.school-identity h2{color:#102a43}.school-identity p,.school-eyebrow{color:#36556b}#manageStudents,#studentsDialog,#studentActionDialog{display:none!important}}

@media print{#shareReport,#shareHistory,#reportShareDialog,#reportSharesDialog{display:none!important}}
/* Center the Arabic identity without stretching connected Arabic letters. */
.brand{flex-direction:column;justify-content:center;gap:14px;text-align:center;width:100%;min-width:0}
.brand-name{display:block;min-width:0;max-width:100%;font-size:17px;line-height:1.8;text-align:center;letter-spacing:normal}
.brand-title{display:block;font-weight:800}.brand-title>span{display:block;white-space:nowrap}
.brand-name small{font-size:11px;line-height:1.8;font-weight:400;margin-top:8px;text-align:center;white-space:nowrap}
@media(max-width:1000px) and (min-width:701px){.brand-name{font-size:15px}.brand-name small{font-size:10px}}
@media(max-width:700px){.sidebar{gap:8px;flex-wrap:wrap}.brand{flex:1;flex-direction:row;gap:10px;width:auto;justify-content:flex-start}.brand-name{font-size:14px;max-width:none}.brand-name small{font-size:10px;margin-top:3px}.sidebar>.nav{flex:0 0 auto;padding:10px 8px}}
@media(max-width:360px){.sidebar{padding:14px 12px;gap:4px}.brand{gap:7px}.brand-name{font-size:12px}.brand-name small{font-size:9px}.sidebar>.nav{padding:8px 5px}}
.school-identity{justify-content:center;text-align:center}.school-identity>div{min-width:0}.school-eyebrow{display:block;line-height:1.9;text-align:center}.report-identity{text-align:center}.school-identity p{text-wrap:balance}@media(max-width:480px){.school-identity{flex-direction:column;gap:12px}.school-eyebrow{font-size:11px}}
.school-identity>div{flex:1;width:100%}.school-eyebrow{text-align:left}.report-identity>p:first-child{text-align:left}
/* Keep the education authority directly above the school name. */
.school-eyebrow{font-family:inherit;font-size:14px;font-weight:600;line-height:1.9;text-align:center;letter-spacing:normal;margin:0 0 5px;color:#9aeee5;text-wrap:balance}
.school-identity h2{font-size:30px;line-height:1.7;margin:0 0 5px;font-weight:800;text-align:center}
.report-identity>p:first-child{text-align:center;font-size:14px;font-weight:600;line-height:1.9;margin-bottom:5px}
@media(max-width:700px){.school-eyebrow{font-size:12px}.school-identity h2{font-size:25px}}
@media print{.school-eyebrow{color:#36556b}}
/* Consistent navigation sizing, spacing and touch targets. */
.nav{gap:12px;min-height:48px;padding:12px 14px;border:1px solid transparent;transition:background .15s ease,color .15s ease}
.nav-icon{width:22px;height:22px;flex:0 0 22px}.nav span{font-size:12px;line-height:1.6}.nav.active{border-color:#c4e9eb}.nav:hover{background:#edf7f8;color:#087f8c}
.header-actions{gap:12px;flex-wrap:wrap}.header-actions button{min-height:40px;padding:9px 12px;border-radius:9px}.header-actions button:hover{background:#e3f4f5}
.feature-strip>div{align-items:center;row-gap:6px}.feature-strip>div>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e3f4f5;color:#087f8c;font-size:22px}
@media(max-width:700px){.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px}.sidebar>.brand{grid-column:1/-1;justify-content:center;width:100%;margin-bottom:4px}.sidebar>.nav{width:100%;justify-content:center;min-height:46px;margin:0;padding:10px 8px}.nav span{display:inline;font-size:12px}.nav-icon{width:20px;height:20px;flex-basis:20px}header{height:auto;min-height:62px;gap:10px;padding:10px 20px;flex-wrap:wrap}.header-actions{gap:8px}.feature-strip>div>span{margin:0 auto 8px}.feature-strip b{font-size:10px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.nav{transition:none}}

/* Dashboard tools: aligned icon-and-label controls, stable during busy states. */
.dashboard-actions,.report-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 26px}.dashboard-actions>p{margin:0;display:flex}.dashboard-actions .secondary{width:100%;text-align:center}.report-actions{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.dashboard-actions .secondary,.report-actions button,#refresh,#makeReport,.window button,.attempt button,.record-area button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:11px;line-height:1.7;padding:11px 15px}.dashboard-actions a::before,.dashboard-actions button::before,.report-actions button::before,#refresh::before,#makeReport::before,.window button::before,.attempt button::before,.record-start::before,.send-audio::before{content:'';display:block;flex:0 0 20px;width:20px;height:20px;background:currentColor;mask:var(--action-icon) center/contain no-repeat;-webkit-mask:var(--action-icon) center/contain no-repeat}
#reportsPanel>.toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end;margin-top:20px}#reportsPanel>.toolbar label{margin:0;min-width:0}#reportsPanel select{min-width:0;margin-top:8px}.stats .stat{border-top:3px solid #54c5c7;box-shadow:0 4px 18px #102a4305}.stat strong{color:#087f8c}.dialog-actions{flex-wrap:wrap}.dialog-actions button{min-height:44px;flex:1}.student-row button{min-height:44px;border-radius:10px}.attempt .secondary{margin-bottom:8px}.dashboard-heading{gap:18px}.dashboard-heading>.secondary{flex-shrink:0}
#refresh{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5M6%207a7%207%200%200%201%2012-1l2%206M4%2012l2%206a7%207%200%200%200%2012-1%22%2F%3E%3C%2Fsvg%3E")}
.dashboard-actions a,#manageStudents{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2M16%204a4%204%200%200%201%200%208M22%2021v-2a4%204%200%200%200-3-4M13%207a4%204%200%201%201-8%200%204%204%200%200%201%208%200%22%2F%3E%3C%2Fsvg%3E")}
#makeReport{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%203H5v18h14V7l-4-4H8m0%2014v-4m4%204V9m4%208v-6%22%2F%3E%3C%2Fsvg%3E")}
#excelReport{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E")}
#shareReport{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2011l8-5M8%2013l8%205M8%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200M22%204a3%203%200%201%201-6%200%203%203%200%200%201%206%200M22%2020a3%203%200%201%201-6%200%203%203%200%200%201%206%200%22%2F%3E%3C%2Fsvg%3E")}
#shareHistory{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207%200l3-3a5%205%200%200%200-7-7l-2%202M14%2011a5%205%200%200%200-7%200l-3%203a5%205%200%200%200%207%207l2-2%22%2F%3E%3C%2Fsvg%3E")}
#pdfReport{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209V3h12v6M6%2018H3V9h18v9h-3M6%2014h12v7H6z%22%2F%3E%3C%2Fsvg%3E")}
.window button{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h14l3%203v15H3V3h1m3%200v6h10V3M7%2021v-7h10v7%22%2F%3E%3C%2Fsvg%3E")}
.attempt button.primary{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E")}
.attempt button.secondary{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%204%2012%208-12%208V4%22%2F%3E%3C%2Fsvg%3E")}
.record-start{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%205a3%203%200%200%201%206%200v7a3%203%200%200%201-6%200V5m-3%207a6%206%200%200%200%2012%200M12%2018v4m-4%200h8%22%2F%3E%3C%2Fsvg%3E")}
.send-audio{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:1100px){.report-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#reportsPanel>.toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dashboard-heading{flex-direction:column;align-items:stretch}.dashboard-heading>#refresh{align-self:flex-start}.dashboard-actions{gap:10px}.dashboard-actions .secondary,.report-actions button{font-size:11px;padding:12px 9px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat span{line-height:1.8}.section-heading{flex-wrap:wrap}.section-heading select{max-width:100%;width:100%}.window{padding:18px}#reportsPanel{padding:18px}.report-actions{gap:10px}}
@media(max-width:380px){.dashboard-actions,#reportsPanel>.toolbar{grid-template-columns:1fr}.report-actions button{flex-direction:column;gap:6px}}
@media print{.dashboard-actions,.report-actions{display:none!important}}

.permission-scope{font-size:11px;line-height:1.9;color:#087f8c;background:#edf8f7;padding:9px 11px;border-radius:8px;margin:0 0 14px}.duration-fields{display:grid;grid-template-columns:minmax(65px,1fr) minmax(75px,1fr);gap:8px}.permission-form .duration-fields input{direction:rtl;font-size:14px;text-align:center}.permission-form select{min-width:0;padding:10px;font-size:12px}.permission-help,.current-permission{font-size:10px;line-height:1.9;color:#647d8b}.current-permission{padding-top:10px;border-top:1px solid #e2ebef;margin-top:15px}.permission-form button{white-space:normal}@media(max-width:700px){.permission-form select{font-size:13px;min-height:44px}.permission-form input{min-height:44px}}

.segment-plan{margin:0;padding:22px 25px;background:#f5fafb;border-bottom:1px solid #dbe8ed}.segment-plan h3{margin:0;font-size:16px}.plan-start{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan-start label{min-width:0}.plan-durations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.plan-duration{border:1px solid #cee1e7;background:#fff;padding:14px;border-radius:12px;margin:0;text-align:center}.plan-duration strong,.plan-duration small{display:block}.plan-duration small{color:#087f8c;margin-top:6px}.plan-duration input{text-align:center;margin:12px 0 8px;font-size:17px}.plan-duration select{padding:10px}.plan-summary{white-space:pre-line;line-height:2;font-size:12px;color:#36556b;margin:14px 0}.segment-plan>.primary{min-height:46px;width:100%;border-radius:10px}.attempt-cap{color:#087f8c;font-weight:600;font-size:12px}.permission-form{display:none}@media(max-width:700px){.segment-plan{padding:18px}.plan-start{grid-template-columns:1fr}.plan-durations{gap:8px}.plan-duration{padding:10px 6px}.plan-duration strong{font-size:11px}.plan-duration select{padding:10px 5px}.plan-summary{font-size:11px}}@media print{.segment-plan{display:none!important}}