/* Semantic component rules shared by every admin view and its dialogs. */
:root {
  --surface-1:var(--l2l-surface);--surface-2:var(--l2l-surface-soft);
  --surface-3:var(--l2l-surface-raised);--primary-soft:var(--l2l-surface-soft);
  --danger:var(--l2l-danger);--shadow-sm:var(--l2l-shadow-sm);
}
.workspace,.modal-root,.modal{color:var(--l2l-text)}
.workspace :is(.topbar,.card,.panel,.list-row,.integration-step,.profile-menu),
.modal{background:var(--l2l-surface);border-color:var(--l2l-border)}
.workspace :is(input,select,textarea),.modal :is(input,select,textarea){
 background:var(--l2l-surface-raised);color:var(--l2l-text);border:1px solid var(--l2l-control-border);max-width:100%;min-height:36px;
}
.workspace input[type=checkbox],.modal input[type=checkbox],.workspace input[type=radio],.modal input[type=radio]{min-height:20px;width:20px;accent-color:var(--l2l-brand-700);flex:none}
.workspace ::placeholder,.modal ::placeholder{color:var(--l2l-text-muted);opacity:1}
.workspace :is(label,th,td),.modal :is(label,th,td){color:var(--l2l-text)}
.workspace :is(.btn,.icon-btn,.quick-link),.modal :is(.btn,.modal-head button){background:var(--l2l-surface-raised);color:var(--l2l-text);border-color:var(--l2l-control-border)}
.workspace .btn:hover,.modal .btn:hover{background:var(--l2l-surface-soft)}
.workspace .btn.primary,.modal .btn.primary,.mail-tabs button[aria-selected=true]{background:var(--l2l-brand-600);color:var(--l2l-on-action);border-color:var(--l2l-brand-600)}
.workspace .btn.primary:hover,.modal .btn.primary:hover{background:var(--l2l-brand-700);color:#fff}
.workspace .btn.danger,.modal .btn.danger{background:var(--l2l-surface);color:var(--l2l-danger);border:1px solid var(--l2l-danger)}
.workspace .btn.danger:hover,.modal .btn.danger:hover{background:var(--l2l-danger);color:var(--l2l-on-action)}
.workspace :is(button,input,select,textarea,a):focus-visible,.modal :is(button,input,select,textarea,a):focus-visible{outline:3px solid var(--l2l-focus);outline-offset:3px}
.workspace .data-table th{background:var(--l2l-surface-soft)}
.workspace .data-table :is(th,td){border-color:var(--l2l-border);overflow-wrap:anywhere}
.workspace .data-table tbody tr:hover{background:var(--l2l-surface-soft)}
.workspace :is(.mini,.muted,.metric-label,.media-library-card small,.course-evidence-grid small,.trash-list small){color:var(--l2l-text-muted)}
.workspace :is(.media-library-card,.course-evidence-grid article,.manual-checklists label,.trash-list article){border-color:var(--l2l-border)}
.workspace .table-wrap{overflow:auto;max-width:100%}
.workspace .mail-queue-error{color:var(--l2l-danger);overflow-wrap:anywhere}
.modal :is(pre,code){overflow-wrap:anywhere;max-width:100%}
.modal-head button{min-width:36px;min-height:36px}
.modal .form-actions{display:flex;gap:10px;flex-wrap:wrap}
.workspace .course-card-footer,.workspace .course-card-footer>span{display:flex;flex-wrap:wrap;gap:8px}
.workspace .course-card-footer{align-items:flex-start}
.workspace .form-row>*,.workspace .two-col>*,.workspace .tenant-grid>*,.modal form>*{min-width:0}
[data-theme=dark] .vb-app :is(.vb-field label,.vb-page-settings label,.vb-list-item label,.vb-pane-header h2,.vb-inspector-empty h3,.vb-stage-label){color:var(--l2l-text)}
[data-theme=dark] .vb-app :is(.vb-palette-copy small,.vb-inspector-head p,.vb-properties-head,.vb-field small,.vb-page-url){color:var(--l2l-text-muted)}
@media(max-width:650px){
 .modal-cover{padding:10px}.modal{padding:18px;max-height:calc(100dvh - 20px)}
 .workspace .panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}
 .workspace .data-table{min-width:540px}
 .workspace .top-actions{gap:8px}
 .workspace :is(.list-row,.trash-list article){flex-wrap:wrap;gap:10px}
}
/* Continuation audit: source defects in dashboard metadata, accessibility issue
   details, status chips, modal prose and legacy course/wiki panels. */
.workspace :is(.crumb,.metric-sub,.issue p,.issue code,.preview-browser small,.profile-menu p){color:var(--l2l-text-muted)}
.workspace :is(.crumb strong,.profile-button,.profile-menu button,.form-group label,.form-col label),.modal :is(.form-group label,.form-col label){color:var(--l2l-text)}
.workspace :is(.instruction,.module-block>header,.wiki-menu button.active,.wiki-menu button:hover),.modal .instruction{background:var(--l2l-surface-soft);color:var(--l2l-text);border-color:var(--l2l-border)}
.workspace .wiki-menu button{color:var(--l2l-text-muted)}
.workspace :is(.tag,.status-chip){background:var(--l2l-surface-soft);color:var(--l2l-text);border:1px solid var(--l2l-control-border)}
.workspace :is(.tag.success,.status-chip:not(.orange):not(.red)){color:var(--l2l-success)}
.workspace :is(.tag.warning,.status-chip.orange){color:var(--l2l-warning)}
.workspace :is(.tag.error,.status-chip.red,.issue-icon){color:var(--l2l-danger);background:var(--l2l-surface-soft)}
.workspace .score-ring span{background:var(--l2l-surface);color:var(--l2l-text)}
.workspace .score-ring{background:conic-gradient(var(--l2l-brand-600) 0 78%,var(--l2l-border) 78% 100%)}
.workspace .prose :is(code,blockquote),.modal .prose :is(code,blockquote){background:var(--l2l-surface-soft);color:var(--l2l-text)}
.workspace .prose pre,.modal .prose pre{background:var(--l2l-code);color:var(--l2l-code-text)}
.workspace .prose pre code,.modal .prose pre code{background:transparent;color:inherit}
.workspace .media-placeholder{background:var(--l2l-surface-soft);color:var(--l2l-text-muted)}
.workspace :is(.mc-notifications .read,.mc-announcement.read){opacity:1}
.modal .lifecycle-confirm li{border-color:var(--l2l-border)}
.modal :is(.mini,.muted){color:var(--l2l-text-muted)}
.vb-app .vb-media-library button{background:var(--l2l-surface-raised);color:var(--l2l-text);border-color:var(--l2l-control-border)}
@media(max-width:650px){.workspace .crumb{min-width:0;overflow-wrap:anywhere}.workspace .topbar{height:auto;min-height:65px;gap:12px;padding-block:12px}.workspace .top-actions{flex-wrap:wrap;justify-content:flex-end}.workspace .profile-menu{right:12px;max-width:calc(100vw - 24px)}.modal .form-row{grid-template-columns:1fr}}