/* Approved four-page sample v2 mapped to real workspace components.
   Only presentation hooks; original APIs, fields, handlers and Shell stay authoritative. */
html[data-evan-theme-page] .workspaceNavLabel{font-size:14px;font-weight:500;letter-spacing:.06em;color:#d8dfeb;line-height:1.5}
html[data-evan-theme-page] .shell:not(.ieltsExamShell) .workspaceNav button{font-weight:400}
html[data-evan-theme-page] .shell:not(.ieltsExamShell) .workspaceNav button.on{font-weight:600}
html:is([data-evan-theme-page=workbench],[data-evan-theme-page=workspace],[data-evan-theme-page=create]) .pagehead>div>.muted{background:transparent}
html:is([data-evan-theme-page=workbench],[data-evan-theme-page=workspace],[data-evan-theme-page=create]) .workspaceNotice{background:transparent}
html:is([data-evan-theme-page=workbench],[data-evan-theme-page=workspace],[data-evan-theme-page=create]) .shell:not(.ieltsExamShell) .page .card:where(:not(.workspaceStats>.card)){border-color:rgb(117 128 135 / 24%);border-radius:16px;box-shadow:0 6px 20px rgb(22 40 74 / 3%)}
/* Independent summary cards: never blur their structural parent. */
html[data-evan-theme-page=workbench] .workspaceStats{grid-template-columns:1.1fr 1fr 1fr;gap:18px;overflow:visible;background:none;box-shadow:none;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-evan-theme-page=workbench] .workspaceStats>.card:nth-child(n){display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:21px 23px;min-width:0;border:1px solid;border-color:rgb(255 255 255 / 96%) rgb(94 110 137 / 17%) rgb(70 89 120 / 22%) rgb(255 255 255 / 84%);border-radius:17px;background:var(--surface-content);box-shadow:0 12px 25px rgb(30 48 80 / 11%),0 2px 5px rgb(30 48 80 / 4%),inset 0 1px 0 #fff,inset 0 -1px 0 rgb(255 255 255 / 48%)}
html[data-evan-theme-page=workbench] .workspaceStats>.card>span{font-size:14px;font-weight:500}
html[data-evan-theme-page=workbench] .workspaceStats b{font-size:35px;line-height:1.25;font-weight:650;letter-spacing:-1px;color:var(--action-primary)}
html[data-evan-theme-page=workbench] .workspaceStats>.card:first-child b{font-size:40px}
html[data-evan-theme-page=workbench] .workspaceStats small{background:transparent;color:var(--text-secondary);line-height:1.7}
html[data-evan-theme-page=workbench] .workspaceStats>.card:first-child button{background:var(--action-primary);color:#fff;border-color:var(--action-primary);font-weight:600}
html[data-evan-theme-page=workbench] .workspaceStats>.card:first-child button:hover{background:var(--action-hover)}
html[data-evan-theme-page=workbench] .workspaceStats>.card:nth-child(2) button{margin-top:auto;background:transparent;border-color:transparent;padding:8px 0;min-height:40px;color:var(--action-primary);text-decoration:underline;text-underline-offset:4px}
html[data-evan-theme-page] .workspaceTags .tag{font-size:12px;line-height:1.4;padding:4px 8px;border-radius:6px;background:var(--action-selected);color:var(--action-primary)}
html[data-evan-theme-page] .workspaceTags .workspaceOrigin{background:var(--warning-surface);color:var(--warning-text)}
html[data-evan-theme-page] .workspaceTags .workspaceAssignment{background:var(--surface-panel);color:var(--text-secondary)}
html[data-evan-theme-page] .workspaceState{font-size:12px;line-height:1.4;padding:4px 8px;border-radius:6px}
html[data-evan-theme-page] .workspaceState-pending{background:var(--warning-surface);color:var(--warning-text)}
html[data-evan-theme-page] .workspaceState-pending::before{content:'◷ '}
html[data-evan-theme-page] :is(.workspaceState-waiting,.workspaceState-archived){background:var(--surface-panel);color:var(--text-secondary)}
html[data-evan-theme-page] .workspaceState-waiting::before{content:'○ '}
html[data-evan-theme-page] .workspaceState-archived::before{content:'— '}
html[data-evan-theme-page] .workspaceState-scored{background:var(--info-surface);color:var(--info-text)}
html[data-evan-theme-page] .workspaceState-reviewed{background:var(--success-surface);color:var(--success-text)}
html[data-evan-theme-page] :is(.workspaceState-scored,.workspaceState-reviewed)::before{content:'✓ '}
html[data-evan-theme-page] .workspaceRow>button{font-size:14px;font-weight:600;min-height:40px}
html[data-evan-theme-page=workspace] .task .status:not(.submitted):not(.reviewed):not(.disabled){background:var(--surface-panel);color:var(--text-secondary)}
html[data-evan-theme-page=workspace] .task .quiet.danger:not(:disabled){color:var(--danger-text);border-color:var(--danger-text)}
html[data-evan-theme-page=workspace] .task .quiet.danger:hover:not(:disabled){background:var(--danger-surface)}
html[data-evan-theme-page] .workspaceSectionHead>[data-workspace-route]{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px;padding:6px 0;min-height:40px}
/* Card-like native choices and responsive launch buttons; no simulated form logic. */
html[data-evan-theme-page=create] .shell:not(.ieltsExamShell) .page :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px;border-radius:10px;padding:10px 12px}
html[data-evan-theme-page=create] .shell:not(.ieltsExamShell) .page textarea{border-radius:10px}
html[data-evan-theme-page=workspace] #workspaceHistoryFilter{min-height:44px;border-radius:10px;padding:10px 12px}
html[data-evan-theme-page=create] .checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
html[data-evan-theme-page=create] .checks label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px 10px;padding:13px;border:1px solid var(--border-control);border-radius:12px;background:var(--surface-content);min-width:0;overflow-wrap:anywhere}
html[data-evan-theme-page=create] .checks label small{grid-column:2;color:var(--text-secondary)}
html[data-evan-theme-page=create] .checks input{width:18px;height:18px;margin:0;accent-color:var(--action-primary)}
html[data-evan-theme-page=create] .checks label:has(input:checked){background:var(--action-selected);border-color:var(--action-primary);box-shadow:inset 2px 0 var(--brand-accent)}
html[data-evan-theme-page=create] .checks label:has(input:focus-visible){outline:3px solid var(--action-primary);outline-offset:3px}
html[data-evan-theme-page=create] .draftbar{display:block;background:var(--surface-content);border:1px solid var(--border-control);border-radius:12px;padding:18px}
html[data-evan-theme-page=create] .creationModes{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:14px}
html[data-evan-theme-page=create] .creationModes button{white-space:normal;text-align:left;min-height:44px;border-radius:10px}
html[data-evan-theme-page=create] #assignmentBatchBuilder{margin-top:12px;min-height:44px}
html[data-evan-theme-page=create] .abWorkspace>p.muted{background:var(--surface-content);border-radius:10px;padding:12px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-evan-theme-page=workbench][data-evan-glass=on] .workspaceStats>.card:nth-child(n){background:linear-gradient(125deg,rgb(255 255 255 / 52%),rgb(255 255 255 / 9%) 43%,transparent 74%),rgb(250 250 249 / 34%);backdrop-filter:blur(14px) saturate(108%);-webkit-backdrop-filter:blur(14px) saturate(108%)}
}
html[data-evan-theme-page=workbench][data-evan-opaque=on] .workspaceStats>.card:nth-child(n){background:var(--surface-content);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:760px){
 html[data-evan-theme-page=workbench] .workspaceStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html[data-evan-theme-page=workbench] .workspaceStats>.card:nth-child(n){padding:18px 16px}
 html[data-evan-theme-page=workbench] .workspaceStats>.card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
 html[data-evan-theme-page=workbench] .workspaceStats>.card:first-child>span{grid-column:1}
 html[data-evan-theme-page=workbench] .workspaceStats>.card:first-child>b{grid-column:1;grid-row:2}
 html[data-evan-theme-page=workbench] .workspaceStats>.card:first-child>button{grid-column:2;grid-row:1/3;font-size:13px;padding:10px}
 html[data-evan-theme-page=workbench] .workspaceStats>.card:nth-child(n+2)>button{grid-column:auto}
 html[data-evan-theme-page=workbench] .workspaceStats small{grid-column:auto;font-size:12px}
 html[data-evan-theme-page=create] .checks{grid-template-columns:1fr}
 html[data-evan-theme-page=create] .creationModes{grid-template-columns:1fr}
}
@media(prefers-reduced-transparency:reduce){html[data-evan-theme-page=workbench][data-evan-glass] .workspaceStats>.card:nth-child(n){background:var(--surface-content);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){html[data-evan-theme-page=workbench] .workspaceStats>.card:nth-child(n){background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

/* Daily vocabulary sections share the existing theme and business routes. */
.courseSectionNav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.courseSectionNav button{min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;white-space:normal}
.courseSectionNav button.on{background:var(--g);border-color:var(--g);color:#fff;font-weight:600}
html[data-evan-theme-page=workspace] .modal{background:rgb(22 40 74 / 55%)}
html[data-evan-theme-page=workspace] .courseSectionNav{background:none;box-shadow:none;border:0;backdrop-filter:none}
@media(max-width:600px){.courseSectionNav button{flex:1 1 140px}}

/* Keep student actions in a single horizontally scrollable table row. */
html[data-evan-theme-page=workspace] #newStudent{flex-shrink:0;white-space:nowrap}
html[data-evan-theme-page=workspace] .page:has(#newStudent) .tablewrap table{min-width:740px}
html[data-evan-theme-page=workspace] .page:has(#newStudent) .tablewrap td:last-child{white-space:nowrap}
html[data-evan-theme-page=workspace] .page:has(#newStudent) .tablewrap td:last-child button+button{margin-left:6px}