/* Presentation-only shared theme. Business fields, routes and hooks are unchanged. */
:root {
  --blue:#398fc0; --blue2:#287da9; --green:#3f9c7b; --violet:#648fae;
  --ink:#293d4c; --muted:#758b9b; --line:#deebf1; --bg:#f2f8fb; --card:#fff;
  --atelier-coral:#65b59c; --shadow:0 8px 28px rgba(51,112,143,.065);
  --ui-gradient:linear-gradient(110deg,#4ba4d5,#55b489);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
body,body.director-ref-body{color:var(--ink);background:linear-gradient(120deg,#f0f7fc,#f2faf7) fixed!important}
.director-ref-content{background:transparent!important}
.class-card,.director-page,.director-home-top>article,.director-metrics{border-color:var(--line)!important;background:#fff!important;box-shadow:var(--shadow)!important}
.card,.metric-card,.director-panel,.teacher-management,.org-management,.director-table-page,.director-score-card,.login-box{border-color:var(--line)!important;background:#fff!important;border-radius:18px!important;box-shadow:var(--shadow)!important}
.btn,.director-filters button,.director-filters>a,.export{border-color:#cee2ec!important;border-radius:9px;color:#3a718f!important;background:#f8fcfe!important;transition:background .15s,box-shadow .15s}
.btn.primary,.director-filters button[type=submit]{border-color:transparent!important;background:var(--ui-gradient)!important;color:#fff!important;box-shadow:0 5px 14px rgba(61,148,174,.16)!important}
.director-query-buttons button,.director-create-button,.assignment-query button,.assignment-actions>button:first-child,.teacher-page-head button.primary,.teacher-query button,.student-nav.next,.vacation-form footer button:not(:first-child),.assignment-create-form footer button:last-child,.report-settings-form footer .primary,.teacher-form footer .primary,.teacher-import-form footer .primary{border-color:transparent!important;background:var(--ui-gradient)!important;color:#fff!important;box-shadow:0 5px 14px rgba(61,148,174,.16)!important;border-radius:8px}
.btn:hover{background:#edf7fb!important}.btn.primary:hover{background:linear-gradient(110deg,#3895c8,#419e79)!important}.btn:disabled{opacity:.45}
.danger-button,.btn.danger{color:#ce5863!important}
input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea,.director-ref-body input,.director-ref-body select,.director-ref-body textarea{border-color:#d5e5ee!important;background-color:#f8fbfd!important;border-radius:8px;color:#334e60}
input:focus,select:focus,textarea:focus{border-color:#64afd1!important;outline:none;box-shadow:0 0 0 3px rgba(75,164,213,.11)!important}
input[type=radio],input[type=checkbox]{accent-color:#429dca}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #408fb8;outline-offset:3px}
/* Preserve top navigation while adopting the reference's light visual language. */
.sidebar,.director-ref-shell>.director-ref-side{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dbeaf0!important;box-shadow:0 4px 20px rgba(48,104,133,.045)!important;color:#2b4b60!important}
.director-ref-shell>.director-ref-side{height:auto!important;max-height:none!important}
.director-ref-shell>.director-ref-side>nav{flex-wrap:wrap!important;overflow:visible!important;row-gap:5px!important}
.brand,.brand b,.director-ref-logo>div:nth-of-type(1){color:#2b4b60!important}.brand small,.director-ref-logo>div:nth-of-type(2){color:#8b9faa!important}
.brand-mark,.director-ref-logo>.director-brand-mark{background:var(--ui-gradient)!important;box-shadow:0 5px 14px rgba(75,164,213,.18)!important}
.nav-list a,.director-ref-side nav a,.director-ref-side summary{color:#657f90!important}
.nav-list a span,.director-ref-side nav a i,.director-ref-side summary i{color:#68a5bb!important}
.nav-list a.active,.nav-list a:hover,.director-ref-side nav>a.active,.director-ref-side nav a:hover,.director-ref-side details[open]>summary{background:#eaf5fa!important;color:#2c81ac!important;box-shadow:inset 0 -2px #65b59c!important}
.director-ref-side details>a.active,.director-ref-side details>a:hover{background:#edf8fa!important;color:#328bb2!important}
.topbar,.teacher-page-locator,.director-ref-head,.director-page-locator{background:rgba(255,255,255,.9)!important;border-color:#deebf1!important;color:#536e80!important;box-shadow:none!important}
.director-page-locator:before{background:var(--ui-gradient)}
.page-locator-copy>small,.teacher-context-tabs a.active,.director-inner-tabs a.active,.director-tool-icon{background:#eaf5fa!important;color:#3789b4!important;border-color:#cde5ef!important}
.teacher-context-tabs{background:#f0f6f9}.page-locator-copy strong,.director-page-locator strong{color:#2f5064}
.avatar,.director-ref-head details summary{color:#3d8db1!important;background:#e5f4f8!important;box-shadow:none!important}
.director-ref-head>a:hover,.director-ref-head>button:hover{background:#edf7fb!important}
.customer-service-button{background:var(--ui-gradient)!important;box-shadow:0 6px 20px #398fc026!important}.customer-service-copy h3{color:#3789b4}
.card-header,.panel-header,.director-panel>header{border-color:var(--line)!important;background:#fbfdff}
.composition-manager{background:#fff!important}.composition-workspace-heading{background:linear-gradient(115deg,#f4faff,#eef9f4)!important;border-color:var(--line)!important}
.section-eyebrow,.dashboard-eyebrow,.workspace-overview b,.director-top-list b,.analytics-metrics b,.teacher-summary b,.teacher-table .link,.director-table-page-scores td:last-child a,.excellent-card-actions .link,.import-steps>a,.upload-box strong,.excellent-page-title a.active,.excellent-grade-nav strong,.excellent-grade-nav a.active{color:#358db7!important}
.composition-filters,.composition-task-stage,.assignment-workspace-main .target-filter-row{background:#f6fafc!important;border-color:var(--line)!important}
.atelier-task-row{background:#fff!important;border-color:var(--line)!important}.atelier-task-row:hover{background:#f7fcff!important}.task-card-identity,.atelier-task-row .task-card-actions{border-color:var(--line)!important}
.atelier-task-row .task-progress-grid .student-count,.atelier-task-row .task-card-actions>a{background:#edf7fb!important;color:#3789b4!important}
.atelier-task-row .task-card-actions>details>summary{background:#f1f7f8!important;color:#647d8a!important}
.atelier-task-row .task-progress-grid>span>i{background:linear-gradient(90deg,#65b59c var(--progress),#e4efeb var(--progress))!important}
.assignment-workspace-summary .heading-actions a{background:#f6fafc!important}.assignment-status-summary>div span{background:#f1f8fb}.assignment-status-summary b,.director-score-total b,.director-score-dimensions b{color:#398fc0}
.assignment-workspace-main .target-status-tabs a.active{color:#398fc0;border-bottom-color:#65b59c;background:#eef8fb}.assignment-workspace-main .target-toolbar{border-left-color:#65b59c}
.director-home-top a,.director-school-card .link,.org-school-card>header .link{background:#eff8fb!important;border-color:#cde5ef!important;color:#3789b4!important}
.atelier-dashboard-intro>article{background:var(--ui-gradient)!important}.atelier-dashboard-intro .dashboard-eyebrow,.atelier-dashboard-intro p{color:#efffff!important}.atelier-dashboard-intro .director-metrics article{background:#f2f9fb}
.director-metrics article i{background:#e5f4f8!important;color:#398fc0!important}.dashboard-recent-panel .director-task-cards>article{background:#f5fafc;border-left-color:#65b59c}
.director-chart i,.growth-genre-bars em,.import-steps>b{background:#4ba4d5!important}
.director-table-page tbody tr:hover,.target-table-card tbody tr:hover{background:#f0f8fb!important}thead th{background:#f3f8fb;color:#688293}
.director-score-detail-head{background:linear-gradient(115deg,#f5faff,#eef9f4);border-color:var(--line)}.director-score-detail-head .link{color:#398fc0}.director-score-pages{background:#f1f7fa}.director-score-dimensions i{background:linear-gradient(90deg,#55b489 var(--score-width),#e6f1ed var(--score-width))}
/* Creation/copy/edit dialogs share the same fields and interaction hooks. */
.target-create-dialog{width:min(990px,94vw);border:1px solid #e0edf3;border-radius:20px!important;box-shadow:0 20px 70px #326a8830}
dialog::backdrop{background:rgba(38,65,82,.28);backdrop-filter:blur(3px)}
.target-create-form{grid-template-rows:80px minmax(0,1fr) 72px}.target-create-form>header{background:var(--ui-gradient);color:#fff;border:0;padding:0 32px}.target-create-form>header h2{color:#fff;font-size:21px;letter-spacing:.02em}.target-create-form>header button{width:34px;height:34px;border-radius:9px;background:#ffffff26;color:#fff}
.target-create-scroll{padding:24px 32px 32px}
.bluegreen-form-section{display:flex;align-items:center;gap:9px;margin:20px 0 18px;padding-bottom:12px;border-bottom:1px solid #e2edf3;color:#458eb7;font-size:15px;font-weight:700}.bluegreen-form-section:first-of-type{margin-top:0}.bluegreen-form-section span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#edf7fb;font-size:12px}
.target-create-grid{column-gap:24px;row-gap:18px;margin:18px 0}.target-create-row,.target-create-row.full{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;align-content:start}.target-create-row>b{text-align:left;font-size:13px;color:#3c5363}.target-create-row>b i{color:#d36b75}
.target-create-row input:not([type=radio]):not([type=checkbox]),.target-create-row select{min-height:42px}.target-create-row textarea{min-height:104px;padding:13px;line-height:1.8;resize:vertical}
.target-create-row .radio-line{gap:12px;flex-wrap:wrap}.target-create-row.full>.radio-line>label{min-width:165px}.target-create-row .radio-line>label{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #dbe9f1;border-radius:8px;background:#f9fcfe;color:#627d90;cursor:pointer}.target-create-row .radio-line>label:has(input:checked){border-color:#70b8d9;color:#378db8;background:#ecf7fc}
.target-create-row .chip-line{padding:4px;border-radius:9px;background:#f0f6f9;gap:4px}.target-create-row .chip-line label span{border:0;background:transparent;border-radius:7px;padding:9px 12px}.target-create-row .chip-line input:checked+span{color:#378db8;background:#fff;box-shadow:0 2px 8px #326a8810}
.target-create-form .inline-action{color:#478faf;font-size:12px}.target-create-form .counted-field>small{color:#91a5b2}.target-create-form .length-switch{padding-left:0;align-self:end;padding-bottom:8px;color:#627d90}
.target-create-row .composition-kind-switch label span{height:auto;min-width:0;padding:0;border:0;background:none;color:inherit;box-shadow:none}
.target-create-row .radio-line small{margin:0;line-height:1.6}
.target-create-form>footer{padding:0 32px;background:#fbfdfe;border-color:#e1edf3}.target-create-form>footer .btn{min-width:110px}
/* Administration dialogs use the same header, fields and section hierarchy. */
.director-modal{background:rgba(38,65,82,.28);backdrop-filter:blur(3px)}
.director-modal>div{border:1px solid #e0edf3;border-radius:20px;box-shadow:0 20px 70px #326a8830;background:#fff}
.director-modal>div>header{position:sticky;top:0;z-index:2;padding:22px 32px;background:var(--ui-gradient);color:#fff;border:0;font-size:20px}
.director-modal>div>header button{width:32px;height:32px;border-radius:8px;color:#fff;background:#ffffff26;border:0}
.assignment-create-form{padding:24px 32px 0;gap:18px 24px}
.assignment-create-form>.bluegreen-form-section{grid-column:1/-1;margin:8px 0 0}
.assignment-create-form>label,.teacher-form label,.vacation-form label{grid-template-columns:minmax(0,1fr);gap:8px;align-content:start}
.assignment-create-form>label>b,.teacher-form label span,.vacation-form label b{text-align:left;font-weight:600;color:#3c5363}
.assignment-create-form input:not([type=radio]):not([type=checkbox]),.assignment-create-form select{min-height:42px}
.assignment-create-form .inline-field>span>label{padding:9px 12px;border:1px solid #dbe9f1;border-radius:8px;background:#f9fcfe;color:#627d90;cursor:pointer}
.assignment-create-form .inline-field>span>label:has(input:checked){border-color:#70b8d9;background:#ecf7fc;color:#378db8}
.assignment-create-form footer{position:sticky;grid-column:1/-1;bottom:0;z-index:1;margin:4px -32px 0;padding:18px 32px;background:#fbfdfe;border-color:var(--line)}
.assignment-create-form footer button{min-width:110px;height:38px;border-radius:9px}
.teacher-form,.vacation-form{column-gap:24px}
.review-commandbar,.review-meta-toolbar,.review-analysis{border-color:var(--line);background:#fff}
.review-rail button.active{background:#eaf6f8;color:#398fc0}.continuous-page-viewer{background:#edf5f8}
.login-hero{background:linear-gradient(135deg,#e1f1fb,#dff3e9)!important;color:#365d73}.login-hero h1{color:#2e5e75!important}.login-hero p,.hero-points{color:#58899d!important}.login-panel{background:transparent!important}.login-box{padding:36px}
@media(max-width:800px){.target-create-grid{grid-template-columns:1fr;gap:16px}.target-create-scroll{padding:18px}.target-create-form>header,.target-create-form>footer{padding-left:18px;padding-right:18px}.target-create-row,.target-create-row.full{grid-template-columns:minmax(0,1fr)}.target-create-row.full>.radio-line>label{min-width:120px}.login-box{padding:24px}.assignment-create-form,.teacher-form{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.assignment-create-form footer{margin-left:-18px;margin-right:-18px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}

/* Reference v3: one vivid navigation bar and a continuous workspace hierarchy.
   Applies to lists, drill-down pages and dialogs; manuscript overlays stay intact. */
:root{--blue:#08a9df;--blue2:#0295c9;--green:#0cb88c;--ink:#263548;--muted:#8b9db4;--line:#e1eaf4;--bg:#edf8fc;--ui-gradient:linear-gradient(110deg,#08aae4 0%,#0eb98c 100%);--shadow:0 5px 22px rgba(41,116,153,.055)}
body,body.director-ref-body{background:linear-gradient(125deg,#eaf5fd 0%,#eefbf6 100%) fixed!important}
.sidebar,.director-ref-shell>.director-ref-side{background:var(--ui-gradient)!important;color:#fff!important;border:0!important;box-shadow:0 3px 12px #1689ad14!important}
.sidebar{position:sticky!important;top:0!important;height:auto!important;min-height:76px;padding:10px 28px!important;flex-wrap:wrap!important;gap:12px 24px!important}
.brand{height:52px!important}.brand b,.brand,.director-ref-logo>div:nth-of-type(1){color:#fff!important}.brand small,.director-ref-logo>div:nth-of-type(2){color:#dcf8ff!important;font-size:11px!important}
.brand-mark,.director-ref-logo>.director-brand-mark{background:#ffffff35!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
.nav-list{flex:1;flex-wrap:wrap;height:auto!important;gap:5px!important}
.nav-list a,.director-ref-side nav a,.director-ref-side summary{color:#e9fcff!important;font-size:14px!important;border-radius:8px!important;font-weight:500}
.nav-list a span,.director-ref-side nav a i,.director-ref-side summary i{color:#d6fcff!important}
.nav-list a.active,.nav-list a:hover,.director-ref-side nav>a.active,.director-ref-side details[open]>summary{background:#ffffff30!important;color:#fff!important;box-shadow:none!important}
.nav-list a.active{position:relative}.nav-list a.active:after{content:"";position:absolute;bottom:0;height:3px;left:28%;right:28%;border-radius:3px;background:#fff}
.director-ref-side details>a{background:#fff!important;color:#526d85!important}.director-ref-side details>a:hover,.director-ref-side details>a.active{background:#e7f7fd!important;color:#08a9df!important}
.director-ref-side details summary:after{color:#d6fcff!important}
.sidebar>.topbar{position:static!important;display:flex;flex:0 0 auto;height:52px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;backdrop-filter:none!important;box-shadow:none!important;min-width:0}
.sidebar .topbar-title{display:none}.sidebar .user-menu{gap:10px;color:#fff}.sidebar .user-menu small{color:#ddf9ff}.sidebar .text-btn{color:#fff!important}.sidebar .avatar,.sidebar .export-log-button{background:#ffffff30!important;color:#fff!important;border:0!important;width:36px;height:36px;border-radius:50%}
.sidebar .mobile-menu{display:none!important}
.teacher-page-locator,.director-page-locator{position:static!important;min-height:50px;height:auto!important;padding:12px max(28px,calc((100vw - 1584px)/2))!important;background:#e9f5fd!important;border-bottom:0!important;box-sizing:border-box}
.director-page-locator:before{display:none}.director-page-locator>small,.page-locator-copy>small{background:#dff3fe!important;color:#08a9df!important;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}
.page-locator-copy strong,.director-page-locator strong{color:#2e4053!important;font-size:14px}.page-locator-copy em{color:#8298b0}
.director-ref-head{height:54px!important;background:#fff!important;border-bottom:1px solid #e1eaf4!important;grid-template-columns:minmax(0,1fr) repeat(3,86px) minmax(180px,240px) 42px!important;gap:10px!important}
.director-ref-head>a,.director-ref-head>button{height:44px!important;display:flex!important;align-items:center;justify-content:center;gap:5px!important}.director-tool-icon{width:24px!important;height:24px!important;border-radius:6px!important;font-size:18px!important}.director-ref-head small{font-size:11px!important}.director-ref-head details summary{width:34px!important;height:34px!important;font-size:17px!important}
.content,.director-ref-content{max-width:1584px!important;margin:0 auto!important;padding:10px 28px 40px!important}
.card,.director-panel,.director-page,.class-card,.metric-card,.teacher-management,.org-management,.director-table-page{border:1px solid #e1eaf4!important;border-radius:14px!important;box-shadow:var(--shadow)!important;background:#fff!important}
.btn{min-height:38px;border-radius:7px!important;font-size:13px}.btn.primary{background:var(--ui-gradient)!important;color:#fff!important}.link,.back,.target-actions a,.target-actions button.link{color:#079ed1!important}
input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea,.director-ref-body input,.director-ref-body select,.director-ref-body textarea{background:#fff!important;border-color:#dfe8f3!important;border-radius:6px!important;font-size:13px;color:#334155}
/* The reference's task rows: identity / three full-width progress lines / actions. */
.composition-manager{gap:0!important;grid-template-rows:auto auto auto minmax(200px,1fr) auto!important;border:0!important;overflow:visible!important;padding-bottom:14px!important}
.composition-workspace-heading,.workspace-page-heading{padding:28px 30px 24px!important;background:linear-gradient(110deg,#f1faff,#effbf5)!important;border-bottom:1px solid #e3edf5!important;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.composition-workspace-heading h1,.workspace-page-heading h1{font-size:26px!important;line-height:1.4;margin:0 0 8px!important}.composition-workspace-heading p,.workspace-page-heading p{font-size:13px!important;color:#8194ad!important;margin:6px 0 0}.section-eyebrow{color:#08a9df!important;font-size:11px;letter-spacing:.18em;margin-bottom:12px}
.workspace-overview>span{display:flex;flex-direction:column;border:0!important;padding:0!important;gap:0!important}.workspace-overview b,.workspace-page-count b{color:#08a9df!important;font-size:29px!important}.workspace-page-count{display:grid;text-align:right;gap:4px;color:#8b9db4;font-size:12px}
.composition-filters{margin:0!important;padding:22px 30px 30px!important;border:0!important;border-radius:0!important;background:#fff!important;gap:16px 22px!important}.composition-filters label{color:#7f92ad;font-size:13px}.composition-toolbar{padding:8px 30px 14px!important}.composition-task-stage{margin:0 30px!important;border:0!important;border-radius:0!important;background:#fff!important;overflow:visible!important}
.composition-task-stage .task-card-list{gap:16px!important}.atelier-task-row{grid-template-columns:minmax(250px,.95fr) minmax(380px,1.25fr) 112px!important;border:1px solid #dfe9f4!important;border-radius:11px!important;min-height:210px!important;background:#fff!important;box-shadow:none!important;gap:0!important}
.atelier-task-row:last-child{border:1px solid #dfe9f4!important}.task-card-identity{border:0!important;padding:30px 24px!important;align-self:center}.task-card-identity .task-card-head{margin-bottom:13px}.task-card-head>b{font-size:12px;color:#788eaa}.task-type-label{padding:4px 9px;border-radius:4px;background:#f0f5fa;font-size:11px}.task-card-identity h2{font-size:18px!important;margin-bottom:12px!important}.task-card-identity time,.task-card-identity time span,.task-card-identity .task-meta{font-size:12px!important;color:#94a6bf!important}.task-card-identity .task-meta{margin-bottom:14px!important}
.atelier-task-row .task-progress-grid{grid-template-columns:1fr!important;gap:16px!important;padding:26px 20px!important;align-content:center}.atelier-task-row .task-progress-grid>span{display:grid!important;grid-template-columns:70px minmax(0,1fr) 42px!important;gap:10px!important;align-items:center!important}.atelier-task-row .task-progress-grid>span>span{display:contents!important}.atelier-task-row .task-progress-grid small{grid-column:1;font-size:12px!important;color:#8598b2!important}.atelier-task-row .task-progress-grid b{grid-column:3;grid-row:1;text-align:right;font-size:13px!important;color:#334155!important}.atelier-task-row .task-progress-grid>span>i{grid-column:2;grid-row:1;height:6px!important;background:linear-gradient(90deg,#9c73ff var(--progress),#f0f4f9 var(--progress))!important}.atelier-task-row .task-progress-grid .ai-reviewed>i{background:linear-gradient(90deg,#08afe0 var(--progress),#f0f4f9 var(--progress))!important}.atelier-task-row .task-progress-grid .pending-review>i{background:linear-gradient(90deg,#ff8a32 var(--progress),#f0f4f9 var(--progress))!important}
.atelier-task-row .task-progress-grid .student-count{display:flex!important;flex-direction:row-reverse;justify-content:space-between;align-items:center!important;padding:13px 15px!important;background:linear-gradient(100deg,#eff9ff,#f5f2ff)!important;border-radius:8px!important;grid-column:auto!important}.atelier-task-row .student-count small{display:none!important}.atelier-task-row .student-count b{white-space:nowrap}.atelier-task-row .student-count em{font-size:11px!important;color:#8394ac!important}
.atelier-task-row .task-card-actions{border:0!important;padding:20px 22px 20px 0!important;gap:8px!important}.atelier-task-row .task-card-actions>a{color:#08a9df!important;background:#e2f5ff!important;border:0!important;font-size:12px}.atelier-task-row .task-card-actions>details>summary{color:#8194ad!important;background:#f8fafc!important;border:1px solid #e1eaf4!important;font-size:12px}.composition-pagination{padding:20px 30px 0!important}
.task-view-toggle{background:#e3f4fc;border:0;border-radius:6px;padding:3px}.task-view-toggle button.active{color:#08a9df;background:#fff;border-radius:4px}
.director-assignment-page{padding:0!important;overflow:hidden}.director-assignment-page .assignment-query,.director-assignment-page .assignment-actions{padding:20px 28px!important}.director-assignment-page .assignment-results{margin:0 28px 28px}
/* Secondary and tertiary pages use the same framed content, not legacy green panels. */
.page-heading,.growth-report-head,.director-score-detail-head,.excellent-detail-head{padding:22px 26px!important;background:linear-gradient(110deg,#f0faff,#f0fbf5)!important;border:1px solid #dfeaf4!important;border-radius:12px!important;margin-bottom:18px!important}.page-heading h1,.growth-report-head h1{font-size:23px!important;color:#293b50}.page-heading p{color:#8b9db4;font-size:13px}
.assignment-workspace-layout{grid-template-columns:1fr!important;gap:18px!important}.assignment-workspace-summary{position:static!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(380px,1fr)!important;gap:0!important;background:linear-gradient(110deg,#f0faff,#f0fbf5);border:1px solid #e1eaf4;border-radius:12px;overflow:hidden}.assignment-workspace-summary .task-detail-hero,.assignment-workspace-summary .assignment-status-summary{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important}.assignment-workspace-summary .heading-actions{display:flex!important;border:0!important;padding:0 22px 18px;gap:10px}.assignment-workspace-summary .heading-actions a{border:1px solid #dce9f3!important;border-radius:6px!important;padding:8px 12px!important;background:#fff!important}.assignment-workspace-summary .heading-actions a+a{border:1px solid #dce9f3!important}.assignment-status-summary{align-self:center;padding:24px!important}.assignment-status-summary>div{grid-template-columns:repeat(4,minmax(0,1fr))!important}.assignment-status-summary>div span{background:#fff!important;border:1px solid #e1edf5;border-radius:9px}.assignment-status-summary b{color:#08a9df!important;font-size:25px}.assignment-status-summary small{color:#8b9db4}.assignment-workspace-main .target-status-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:16px!important}.assignment-workspace-main .target-status-tabs a{border:0!important;border-radius:7px!important;background:#f4f8fc!important;font-size:12px}.assignment-workspace-main .target-status-tabs a.active{color:#fff!important;background:var(--ui-gradient)!important}.assignment-workspace-main .target-filter-row{background:#fff!important;border-top:1px solid #edf2f8}.assignment-workspace-main .target-toolbar{border-left:1px solid #e1eaf4!important}.target-outline{border-color:#cfe6f3!important;color:#08a9df!important;background:#f8fcff!important}
.match-banner{padding:18px 22px!important;border:1px solid #d9edf8!important;background:#f0faff!important;gap:20px}.match-banner small{line-height:1.8;color:#8194ad}.target-table-card,.table-card{overflow:hidden}.target-table-wrap table th,thead th{background:#f4f9fd!important;color:#7f92ad!important;font-size:12px}.target-table-wrap table td,tbody td{border-color:#edf2f7!important;font-size:13px}.target-score{color:#08a9df!important}
.upload-tabs{padding:5px!important;background:#e6f4fc!important;gap:5px;border:0!important}.upload-tabs button{border:0!important;border-radius:7px!important;color:#7890ac!important}.upload-tabs button.active{background:#fff!important;color:#08a9df!important;box-shadow:0 2px 8px #2186b012}.upload-zone,.batch-drop{border:2px dashed #a9dcec!important;border-radius:12px!important;background:#f3fbff!important;padding:32px!important}.upload-zone strong,.upload-zone>span,.upload-zone b{color:#327292!important}.batch-upload-panel{padding:26px!important}.batch-upload-panel>h2{padding-bottom:18px;border-bottom:1px solid #e2edf5;font-size:19px}.batch-upload-panel ol{background:#f6fbfe;border:1px solid #e2edf5;border-radius:10px;padding:18px 24px 18px 38px;line-height:1.95;color:#718aa6;font-size:13px}.student-picker,.match-student-panel,.match-preview-panel{padding:18px!important}.student-pick,.match-student{border:1px solid #e1eaf4!important;border-radius:8px!important;background:#fff!important;margin-bottom:8px}.student-pick.active,.match-student.active{border-color:#49bce4!important;background:#eaf8fe!important}.student-pick small,.match-student small{color:#8b9db4}.match-page-card,.match-page{border-color:#dfebf5!important;border-radius:9px!important;background:#fff!important}.match-page-card.selected,.match-page.selected{border-color:#0eb98c!important;background:#f0fbf6!important}
.class-detail-layout,.growth-reference-layout{gap:20px}.class-sidebar,.growth-student-panel{background:#fff!important;border:1px solid #e1eaf4!important;border-radius:12px!important;min-height:0!important}.student-chip{padding:14px!important;border-color:#e2ebf5!important;border-radius:9px!important;box-shadow:none!important}.student-chip-avatar{background:var(--ui-gradient)!important}.growth-kpis article,.analytics-kpis article{border-color:#e1eaf4!important;background:#fff!important;border-radius:11px!important;padding:18px!important}.growth-kpis article b{color:#08a9df!important}.growth-card-head,.card-header,.director-panel>header{background:#f6fbfe!important;border-color:#e3edf5!important;border-radius:12px 12px 0 0}.growth-student-list a.active,.growth-student-list a:hover{background:#e8f7fe!important;color:#08a9df!important}.growth-student-panel{position:static!important}.growth-visual-grid,.analytics-reference-grid{gap:20px}
.review-commandbar,.review-meta-toolbar{border:1px solid #dceaf5!important;border-radius:12px!important;box-shadow:var(--shadow)!important;background:#fff!important}.review-analysis{border:1px solid #e1eaf4!important;border-radius:12px!important;overflow:hidden}.review-rail{background:#f4faff!important;border-color:#e1eaf4!important}.review-rail button{color:#7e97b0!important;border-radius:8px!important}.review-rail button.active{color:#08a9df!important;background:#def3fc!important}.continuous-page-viewer{background:#eaf3f9!important}.continuous-page-label{background:#f4faff!important;border-color:#ddeaf4!important}.target-annotation-list article{border-color:#dfeaf5!important;border-radius:10px!important;box-shadow:none!important}.target-annotation-list article.active{background:#edfaff!important;border-color:#08a9df!important}.review-analysis-scroll>section{border-color:#e2edf5!important}.review-panel-title h2{color:#2d435b}.review-score-details,.review-dimension-grid{background:#f7fbfe;border-radius:10px}.review-bottom-bar{background:#fff!important;border-color:#deebf4!important}
.director-page>header,.teacher-page-head,.org-page-head{padding-bottom:20px!important;border-bottom:1px solid #e3edf5!important;margin-bottom:20px!important}.director-query-form,.teacher-query,.org-query,.director-filters{background:#f6fbfe!important;border:1px solid #e2edf5!important;border-radius:9px!important;padding:16px!important}.director-summary,.teacher-summary,.org-summary{gap:12px!important}.director-summary>div,.teacher-summary>div,.org-summary>div{background:#eef8fd!important;border-radius:9px!important}.director-segmented a.active,.director-range-tabs a.active,.director-inner-tabs a.active,.excellent-page-title a.active{color:#08a9df!important;border-color:#08a9df!important;background:#eaf8fe!important}
.excellent-card,.excellent-detail-card,.report-card,.term-report-card{border:1px solid #e1eaf4!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--shadow)!important}.excellent-card-actions{border-color:#e5edf5!important}.director-score-total{background:#eef9fe!important;border-color:#dcecf6!important}.director-score-total b{color:#08a9df!important}.dashboard-recent-panel .director-task-cards>article{border-left-color:#08a9df!important;background:#f5fbff!important}
/* All dialogs, including help/import/export and report previews. Do not override hidden. */
dialog{border:1px solid #e1eaf4!important;border-radius:14px!important;box-shadow:0 16px 60px #267c9d25!important;background:#fff!important}.modal-form>header,.report-view-shell>header,.director-modal>div>header,.target-create-form>header{background:var(--ui-gradient)!important;color:#fff!important;border:0!important;padding-left:24px!important;padding-right:24px!important}.modal-form>header h2,.report-view-shell>header h2{color:#fff!important}.modal-form>header button,.report-view-shell>header button{color:#fff!important;background:#ffffff25!important;border-radius:6px}.modal-form>footer,.report-settings-form footer{background:#f6fbfe!important;border-color:#e2edf5!important}.hint-box,.reference-copy,.deduction-reference{border-color:#e2edf5!important;color:#738ba5}.import-steps{background:#f3faff!important;border-radius:8px}.embedded-report-title{background:linear-gradient(110deg,#eef9ff,#effbf5)!important;border:1px solid #dfeaf4!important;border-radius:12px!important}.embedded-report-body{padding:20px!important}.embedded-report-body .card{border:1px solid #e1eaf4!important;border-radius:12px!important}.embedded-report-body .print-report-manuscript-page{border-color:#dfebf5!important}
@media(max-width:1250px){.sidebar>.topbar{margin-left:auto!important}.nav-list{flex:1 1 520px}.sidebar{gap:8px 20px!important}.atelier-task-row{grid-template-columns:minmax(230px,.8fr) minmax(320px,1fr) 100px!important}.assignment-workspace-summary{grid-template-columns:1fr!important}.assignment-status-summary{padding-top:0!important}.composition-filters{gap:14px!important}.director-ref-side nav a,.director-ref-side summary{font-size:12px!important}}
@media(max-width:900px){.sidebar{position:relative!important;padding:10px 16px!important}.sidebar .brand{height:42px!important}.sidebar .nav-list{order:3;flex:1 1 100%;overflow:auto;flex-wrap:nowrap;padding-top:4px}.sidebar .nav-list a{font-size:12px!important;padding:0 12px!important}.content,.director-ref-content{padding:14px 16px 30px!important}.teacher-page-locator,.director-page-locator{padding:12px 16px!important}.atelier-task-row{grid-template-columns:1fr!important}.task-card-identity{padding:20px!important}.atelier-task-row .task-progress-grid{padding:4px 20px 18px!important}.atelier-task-row .task-card-actions{padding:0 20px 20px!important;flex-direction:row!important}.composition-task-stage{margin:0 18px!important}.composition-filters,.composition-workspace-heading{padding:20px!important}.assignment-status-summary>div{grid-template-columns:repeat(4,minmax(0,1fr))!important}.director-ref-head{grid-template-columns:minmax(0,1fr) repeat(3,70px) minmax(120px,180px) 34px!important;padding:0 16px!important;gap:4px!important}.director-ref-head>a,.director-ref-head>button{gap:2px!important}.director-ref-head .director-product{max-width:100%}}
@media(max-width:600px){.sidebar .user-menu>span:not(.avatar){display:none}.sidebar .topbar{flex:0 0 auto}.sidebar .user-menu{gap:7px}.brand b{font-size:16px}.teacher-page-locator{gap:8px}.composition-workspace-heading{align-items:flex-start!important}.workspace-overview{gap:10px}.workspace-overview>span{display:none}.composition-workspace-heading h1{font-size:22px!important}.section-eyebrow{font-size:9px}.assignment-status-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.director-ref-head{display:flex!important;flex-wrap:wrap!important;height:auto!important;padding:6px 12px!important;justify-content:flex-end!important}.director-ref-head>div:first-child{display:none}.director-ref-head>a,.director-ref-head>button{height:36px!important}.director-ref-head .director-product{flex:1 1 120px}.director-ref-side .director-ref-logo{flex-basis:140px!important;width:140px!important}.director-ref-shell>.director-ref-side{gap:8px!important;padding:10px 12px!important;flex-wrap:wrap!important}.director-ref-shell>.director-ref-side>nav{flex:1 1 100%!important}.director-ref-side details>a{z-index:60!important}.target-toolbar{gap:8px!important}.target-toolbar .btn{font-size:11px;padding:7px 10px}.page-heading{padding:18px!important}.page-heading h1{font-size:20px!important}.batch-upload-panel{padding:18px!important}}
.login-box .brand,.login-box .brand b{color:#263d51!important}.login-box .brand small{color:#829bb0!important}.login-box .brand-mark{background:var(--ui-gradient)!important;color:#fff!important}
.assignment-workspace-summary .task-detail-hero>div:first-child{padding:20px 22px 12px!important}.assignment-workspace-summary .task-detail-hero .back{margin-bottom:12px!important}.assignment-workspace-summary .title-line h1{width:auto!important;margin:0!important;font-size:23px!important}.assignment-workspace-summary .task-detail-hero p{margin:12px 0!important}
.pdf-match-students,.pdf-match-pages,.pdf-match-preview{border-color:#dfebf5!important;border-radius:12px!important;background:#fff!important}.pdf-match-title,.pdf-auto-matched-results>header{padding:20px!important;background:#f3fbff;border-color:#dfebf5!important;border-radius:12px 12px 0 0}.pdf-match-student{border-radius:8px!important;border:1px solid transparent!important}.pdf-match-student.active{border-color:#08a9df!important;background:#e9f8ff!important}.pdf-match-student.is-matched b{color:#0a9e7e!important}.pdf-match-student.is-matched{background:#effbf6}.pdf-page-card,.pdf-auto-matched-student{border-color:#dfeaf5!important;border-radius:10px!important;background:#fff!important}.pdf-page-card.selected{border-color:#08a9df!important;box-shadow:0 0 0 2px #08a9df20!important}.pdf-match-preview-empty{background:#f2f8fc!important;border-radius:9px}.pdf-auto-matched-student small{color:#7f94ae}.pdf-match-students>p{color:#8b9db4}
@media screen{.print-report-sheet{border:1px solid #dfeaf4!important;border-radius:12px!important;box-shadow:var(--shadow)!important;overflow:hidden}.print-report-header{background:linear-gradient(110deg,#eff9ff,#effbf6)!important;padding:22px!important;border-color:#e1eaf4!important}.print-report-section{margin:20px!important;border-color:#e1eaf4!important}.print-report-section>h2{color:#08a9df!important;border-color:#e1eaf4!important}.report-comment-row{border-color:#e3edf5!important;border-radius:8px!important;padding:14px!important;background:#f8fcff!important}.report-dimension-grid>div{background:#f3faff!important;border-radius:9px!important}.print-report-footer{color:#92a6bc!important}}
.composition-manager{grid-template-columns:minmax(0,1fr)!important}.composition-manager>*{min-width:0}.task-card-list,.atelier-task-row{min-width:0!important}
@media(max-width:900px){.composition-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}.composition-filters label{display:grid!important;gap:8px!important;min-width:0!important}.composition-filters label input,.composition-filters label select{width:100%!important;min-width:0!important}.composition-filters .date-range-filter{grid-column:1/-1!important}.composition-filters .date-range-filter>span{display:flex!important;min-width:0!important}.composition-filters .date-range-filter input{flex:1;min-width:0!important}.composition-filters .filter-actions{grid-column:1/-1}.composition-toolbar{padding-left:20px!important;padding-right:20px!important}}