/* Shared workspace layout: controls and records take precedence over decoration. */
body #overlay[data-panel="workspace"] {--ws-surface:#fff;--ws-ink:#172b35;--ws-muted:#536675;--ws-border:#dce5e8;--ws-accent:#007f70;}
:root[data-theme="dark"] body #overlay[data-panel="workspace"] {--ws-surface:#18262e;--ws-ink:#edf5f7;--ws-muted:#b4c6ce;--ws-border:#354650;--ws-accent:#66dcc7;}
.ws-section-picker{display:none}.ws-field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500}.ws-help{font-size:13px;color:var(--ws-muted)}
body #overlay[data-panel="workspace"] :is(.workspace-form,.workspace-invite,.wx-form,.wx-permissions,.workspace-content-section,.attendance-section){background:var(--ws-surface)!important;color:var(--ws-ink)!important;border:1px solid var(--ws-border)!important;border-radius:16px!important;padding:16px!important;gap:14px!important;box-shadow:none!important;}
body #overlay[data-panel="workspace"] :is(input,select,textarea){box-sizing:border-box;max-width:100%;width:100%;min-height:48px;padding:12px!important;font-size:16px!important;color:var(--ws-ink)!important;background:var(--ws-surface)!important;border:1px solid var(--ws-border)!important;border-radius:10px!important;}
body #overlay[data-panel="workspace"] input[type="checkbox"]{width:20px;min-height:20px;flex-shrink:0}
body #overlay[data-panel="workspace"] :is(.wx-empty,.workspace-empty-state,.empty){background:var(--ws-surface)!important;color:var(--ws-muted)!important;border:1px dashed var(--ws-border)!important;padding:20px!important;border-radius:14px;}
body #overlay[data-panel="workspace"] :is(.wx-heading,.workspace-section-intro){background:transparent!important;color:var(--ws-ink)!important;padding:4px 0 12px!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;gap:12px!important;}
body #overlay[data-panel="workspace"] :is(.wx-heading h2,.workspace-section-intro h2){font-size:22px!important;color:var(--ws-ink)!important;margin:0 0 6px!important;}
body #overlay[data-panel="workspace"] :is(.wx-heading p,.workspace-section-intro p){font-size:14px!important;color:var(--ws-muted)!important;margin:0!important;line-height:1.5!important;}
body #overlay[data-panel="workspace"] .workspace-section-intro small{display:none!important}
body #overlay[data-panel="workspace"] .workspace-section-icon{width:36px!important;height:36px!important;font-size:24px!important;background:transparent!important;color:var(--ws-accent)!important;border:0!important;}
body #overlay[data-panel="workspace"] .workspace-section-metrics{display:flex!important;gap:16px!important;width:auto!important;}
body #overlay[data-panel="workspace"] .workspace-section-metrics>span{background:none!important;border:0!important;padding:4px!important;font-size:12px!important;color:var(--ws-muted)!important;}
body #overlay[data-panel="workspace"] .workspace-section-metrics strong{font-size:20px!important;color:var(--ws-ink)!important;}
.ws-create{margin:14px 0;border:1px solid var(--ws-border);border-radius:14px;background:var(--ws-surface);color:var(--ws-ink)}.ws-create>summary{padding:14px 16px;min-height:48px;box-sizing:border-box;cursor:pointer;font-weight:600;color:var(--ws-accent)}
body #overlay[data-panel="workspace"] .ws-create>form{border:0!important;margin:0!important}
body #overlay[data-panel="workspace"] :is(button,a):focus-visible{outline:3px solid var(--ws-accent);outline-offset:3px}
body #overlay[data-panel="workspace"] :is(.workspace-form,.wx-form) button{min-height:44px;border-radius:10px!important;box-shadow:none!important;}
@media(max-width:760px){
body #overlay.navigation-view[data-panel="workspace"] .workspace-tabs{display:none!important;}
body #overlay.navigation-view[data-panel="workspace"] .ws-section-picker{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ws-muted);}
html.native-mobile body #overlay.navigation-view.navigation-view[data-panel="workspace"] #panel-body{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding-bottom:calc(140px + env(safe-area-inset-bottom))!important;scroll-padding:16px 0 calc(140px + env(safe-area-inset-bottom));}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .workspace-panel{padding:14px!important;display:flex!important;flex-direction:column!important;gap:14px!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .workspace-hero{padding:12px!important;margin:0!important;gap:8px!important;border-radius:14px!important;min-height:0!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .workspace-hero-brand>i{width:36px!important;height:36px!important;min-width:36px!important;font-size:18px!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .workspace-hero-brand h3{font-size:18px!important;margin:0!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .workspace-hero-brand p{font-size:12px!important;margin:4px 0 0!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"]:not([data-workspace-section="overview"]) :is(.workspace-hero-metrics,#workspace-view-plans){display:none!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .workspace-tabs{display:none!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .ws-section-picker{display:flex!important;flex-direction:column;gap:6px;font-size:12px;color:var(--ws-muted);}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .workspace-section-intro{display:flex!important;flex-wrap:wrap;align-items:flex-start!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] :is(.wx-heading,.workspace-section-intro){min-height:0!important;margin-bottom:10px!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] :is(.wx-metrics,.workspace-content-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] #workspace-content{min-width:0;padding-bottom:20px!important;}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .wx-permissions>p{font-size:14px;line-height:1.6}
html.native-mobile body #overlay.navigation-view[data-panel="workspace"] .ws-create form{display:flex!important;flex-direction:column!important;}
}