:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:var(--wb-text);background:var(--wb-bg);font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;background:var(--wb-surface);border-bottom:1px solid var(--wb-border)}.brand{font-weight:700;font-size:19px}.brand span{font-size:12px;font-weight:400;margin-left:12px;color:var(--wb-muted)}.badge{background:var(--wb-warning-bg);color:var(--wb-warning);padding:9px 14px;border-radius:7px;font-weight:600}main{max-width:1220px;margin:0 auto;padding:34px 28px}.intro h1{font-size:32px;font-weight:650;margin:8px 0 12px;letter-spacing:-1px}.intro p{color:var(--wb-muted);line-height:1.7}.eyebrow{font-size:12px;letter-spacing:2px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:22px 0}.metric{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:10px;padding:20px}.metric b{display:block;font-size:30px;margin-bottom:6px;font-weight:600}.metric span{color:var(--wb-muted)}nav{display:flex;gap:5px;border-bottom:1px solid var(--wb-border);margin:26px 0 22px;padding-bottom:8px}button{font:inherit;cursor:pointer;border:1px solid var(--wb-border);background:var(--wb-surface);border-radius:6px;padding:9px 14px;color:var(--wb-text)}button:hover{background:var(--wb-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.active,.primary{background:var(--wb-primary);color:var(--wb-on-primary);border-color:var(--wb-primary)}#refresh{margin-left:auto}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title span,.muted{color:var(--wb-muted);font-size:12px}h2{font-size:19px}#message{padding:11px 15px;border-radius:6px;background:var(--wb-subtle);color:var(--wb-muted);margin-top:18px;white-space:pre-wrap}#message.error{background:var(--wb-danger-bg);color:var(--wb-danger)}.hidden{display:none}.empty{padding:48px;background:var(--wb-surface);border:1px dashed var(--wb-border);text-align:center;line-height:1.9;color:var(--wb-muted)}.task{display:grid;grid-template-columns:1fr 150px 110px;gap:20px;padding:20px;background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:9px;margin:12px 0;align-items:center}.task p{margin:8px 0;line-height:1.6}.tag{font-size:11px;padding:4px 7px;background:var(--wb-subtle);color:var(--wb-muted);border-radius:4px}.task small{color:var(--wb-muted)}.status{font-size:12px;font-weight:600;overflow-wrap:anywhere}textarea{display:block;width:100%;margin:12px 0;padding:12px;font:13px/1.6 Consolas,Microsoft YaHei,monospace;border:1px solid var(--wb-border);background:var(--wb-surface);border-radius:7px;resize:vertical}input{font:inherit;padding:8px;border:1px solid var(--wb-border);border-radius:5px}label{display:block;margin:13px 0}.check{display:flex;align-items:center;gap:9px}dialog{width:min(850px,94vw);max-height:90vh;overflow:auto;padding:25px;border:1px solid var(--wb-border);border-radius:12px;box-shadow:0 30px 100px var(--wb-shadow)}dialog::backdrop{background:var(--wb-overlay)}.close{float:right}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--wb-subtle);padding:18px;border-radius:8px;font:12px/1.6 Consolas,Microsoft YaHei,monospace}footer{text-align:center;padding:32px;color:var(--wb-muted);font-size:12px}hr{border:0;border-top:1px solid var(--wb-border);margin:24px 0}@media(max-width:700px){header{padding:10px 18px;height:auto;gap:16px}.metrics{grid-template-columns:repeat(2,1fr)}main{padding:22px 16px}.task{grid-template-columns:1fr}.intro h1{font-size:26px}nav{flex-wrap:wrap}}
:root .discovered-note{background:var(--wb-surface);border:1px solid var(--wb-border);border-radius:9px;margin:12px 0;padding:20px}.discovered-note p{white-space:pre-wrap;line-height:1.7}.discovered-note small{color:var(--wb-muted)}#device-list .task{grid-template-columns:1fr 160px 170px}@media(max-width:700px){#device-list .task{grid-template-columns:1fr}}
.workspace-nav{margin:0 0 30px;gap:8px;padding-bottom:16px;flex-wrap:wrap}
.workspace-nav button{border-radius:999px;padding:10px 18px}
.workspace-section.hidden{display:none}
#comment-nav{flex-wrap:wrap}
.home-heading{max-width:720px;margin:42px 0 30px}
.home-heading h1{font-size:38px;line-height:1.25;letter-spacing:-1px;margin:12px 0 18px;font-weight:650}
.home-heading>p:last-child{font-size:16px;line-height:1.8;color:var(--wb-muted)}
.workspace-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.workspace-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:330px;padding:32px;border-radius:16px;border:1px solid var(--wb-border);background:var(--wb-surface);transition:box-shadow .18s,border-color .18s}
.workspace-card:hover{background:var(--wb-surface);border-color:var(--wb-primary);box-shadow:0 12px 30px var(--wb-shadow)}
.workspace-card:focus-visible{outline:3px solid var(--wb-primary);outline-offset:4px}
.workspace-number{font-size:12px;letter-spacing:1px;color:var(--wb-muted);margin-bottom:34px}
.workspace-card-title{font-size:27px;font-weight:650;line-height:1.4;color:var(--wb-text);margin-bottom:13px}
.workspace-card-copy{font-size:15px;line-height:1.85;color:var(--wb-muted);max-width:400px}
.workspace-card-features{font-size:12px;color:var(--wb-muted);margin:20px 0 30px}
.workspace-card-link{display:flex;justify-content:space-between;gap:28px;width:100%;font-size:14px;font-weight:650;margin-top:auto;padding-top:18px;border-top:1px solid var(--wb-border)}
.notes-card{background:var(--wb-subtle)}
.notes-card:hover{background:var(--wb-subtle)}
.home-note{margin:26px 2px 10px;font-size:12px;line-height:1.9;color:var(--wb-muted);max-width:750px}
@media(max-width:700px){.brand{font-size:17px}.brand span{display:none}.badge{font-size:11px;max-width:45%;text-align:center}.workspace-cards{grid-template-columns:1fr;gap:16px}.workspace-card{padding:24px;min-height:290px}.home-heading{margin-top:25px}.home-heading h1{font-size:30px}.workspace-card-title{font-size:24px}.workspace-number{margin-bottom:22px}}

.publish-card{background:var(--wb-subtle)}.publish-card:hover{background:var(--wb-subtle)}
@media(min-width:701px) and (max-width:1000px){.workspace-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-cards .publish-card{grid-column:1/-1;min-height:260px}}

/* Workbench appearance options. No task state or backend setting is changed. */
:root, [data-preview-theme="blue"] {
  color-scheme: light;
  --wb-bg:#f2f5fa; --wb-surface:#ffffff; --wb-subtle:#edf2f8;
  --wb-hover:#e5edfa; --wb-selected:#e4edff;
  --wb-text:#182438; --wb-muted:#4b5c72; --wb-border:#c1ccdc; --wb-control:#8092ac;
  --wb-primary:#1d4ed8; --wb-primary-hover:#1e40af; --wb-on-primary:#ffffff; --wb-link:#1d4ed8;
  --wb-success:#166534; --wb-success-bg:#e7f5eb;
  --wb-warning:#854d0e; --wb-warning-bg:#fff3d1;
  --wb-danger:#b42318; --wb-danger-bg:#ffefed; --wb-chart:#1d4ed8;
  --wb-shadow:#172b4d1c; --wb-overlay:#0c172a88;
}
:root[data-wb-theme="teal"], [data-preview-theme="teal"] {
  color-scheme: light;
  --wb-bg:#edf4f2; --wb-surface:#ffffff; --wb-subtle:#e8f1ee;
  --wb-hover:#dcece6; --wb-selected:#d5ebe3;
  --wb-text:#132e29; --wb-muted:#425f56; --wb-border:#aec6bc; --wb-control:#74988a;
  --wb-primary:#00685c; --wb-primary-hover:#005348; --wb-on-primary:#ffffff; --wb-link:#006458;
  --wb-success:#17643b; --wb-success-bg:#e3f3e8;
  --wb-warning:#814a0b; --wb-warning-bg:#fff1ce;
  --wb-danger:#b42318; --wb-danger-bg:#ffefed; --wb-chart:#007768;
  --wb-shadow:#133d2f1c; --wb-overlay:#0e292188;
}
:root[data-wb-theme="rose"], [data-preview-theme="rose"] {
  color-scheme: light;
  --wb-bg:#fbf5f2; --wb-surface:#fffdfb; --wb-subtle:#f8ebe8;
  --wb-hover:#f5dfdd; --wb-selected:#f3d9df;
  --wb-text:#33252a; --wb-muted:#715a60; --wb-border:#e6cfd0; --wb-control:#b37a85;
  --wb-primary:#a11e46; --wb-primary-hover:#7e1636; --wb-primary-end:#d75c76; --wb-on-primary:#ffffff; --wb-link:#891737;
  --wb-success:#2f6b4b; --wb-success-bg:#e6f2e9;
  --wb-warning:#95511a; --wb-warning-bg:#fff0d8;
  --wb-danger:#a32345; --wb-danger-bg:#ffebef; --wb-chart:#a11e46;
  --wb-shadow:#40202b1a; --wb-overlay:#23131b88;
  --wb-module-purple:#74509a; --wb-module-purple-bg:#f0e7f7;
  --wb-module-orange:#a7552b; --wb-module-orange-bg:#fff0e4;
  --wb-export:#47775f; --wb-export-bg:#e8f2ec;
}
:root[data-wb-theme="dark"], [data-preview-theme="dark"] {
  color-scheme: dark;
  --wb-bg:#101827; --wb-surface:#1b2738; --wb-subtle:#253348;
  --wb-hover:#304360; --wb-selected:#2c4469;
  --wb-text:#edf3fc; --wb-muted:#b8c6da; --wb-border:#455a76; --wb-control:#7c91ac;
  --wb-primary:#9abbff; --wb-primary-hover:#bfd3ff; --wb-on-primary:#102347; --wb-link:#a9caff;
  --wb-success:#80e3ac; --wb-success-bg:#173b2b;
  --wb-warning:#ffd18a; --wb-warning-bg:#44341d;
  --wb-danger:#ffb4ab; --wb-danger-bg:#492b2a; --wb-chart:#9abbff;
  --wb-shadow:#00000033; --wb-overlay:#000000b3;
}
:root { color:var(--wb-text); background:var(--wb-bg); }
body { color:var(--wb-text); }
header { height:auto; min-height:78px; padding-top:14px; padding-bottom:14px; gap:18px; }
.wb-header-tools { display:flex; gap:12px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.wb-theme-trigger { font-weight:600; white-space:nowrap; border-color:var(--wb-control); }
button, input, select, textarea { color:var(--wb-text); background:var(--wb-surface); }
input, select, textarea { border-color:var(--wb-control); }
input::placeholder, textarea::placeholder { color:var(--wb-muted); opacity:1; }
a { color:var(--wb-link); text-underline-offset:3px; }
button:not(.workspace-card):not(.nm-directory-choice):hover:enabled { border-color:var(--wb-primary); }
button.active, button.primary { background:var(--wb-primary); color:var(--wb-on-primary); border-color:var(--wb-primary); font-weight:650; }
button.active:hover:enabled, button.primary:hover:enabled { background:var(--wb-primary-hover); color:var(--wb-on-primary); }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, a:focus-visible { outline:3px solid var(--wb-primary); outline-offset:3px; }
button:disabled { opacity:1; background:var(--wb-subtle); color:var(--wb-muted); border-color:var(--wb-border); cursor:not-allowed; }
.workspace-nav { border-bottom-color:var(--wb-control); }
.workspace-card { border-top:4px solid var(--wb-primary); }
.workspace-card-title { color:var(--wb-text); font-weight:700; }
.workspace-card-link { color:var(--wb-link); }
.badge { border:1px solid var(--wb-warning); }
dialog { background:var(--wb-surface); color:var(--wb-text); }
#note-monitor :is(input,select,textarea) { border-color:var(--wb-control); }
#note-monitor .nm-directory-choice[aria-expanded="true"] { border:2px solid var(--wb-primary); padding:11px; box-shadow:inset 3px 0 var(--wb-primary); }
#note-monitor .nm-stat-card strong { color:var(--wb-text); font-size:28px; font-weight:750; }
#note-monitor :is(.nm-dashboard,.nm-high-growth,.nm-history) { background:var(--wb-surface); }
#note-monitor :is(.nm-help,.nm-muted,.nm-time) { font-size:13px; }
#note-monitor .nm-pill { font-size:12px; font-weight:650; padding:3px 8px; }
#note-monitor :is(.nm-plan-table,.nm-table) th { color:var(--wb-text); background:var(--wb-subtle); font-weight:700; }
#note-monitor :is(.nm-plan-table,.nm-table) tbody tr:nth-child(even) { background:var(--wb-subtle); }
#note-monitor .nm-calendar-grid .is-selected { background:var(--wb-primary); color:var(--wb-on-primary); font-weight:700; }
#note-monitor .nm-calendar-grid .is-selected:hover { background:var(--wb-primary-hover); }
#note-monitor .nm-calendar-grid .is-today { border-color:var(--wb-primary); }
#note-monitor .nm-dp-row:has(input:checked) { border-color:var(--wb-primary); background:var(--wb-selected); }
.nm-natural-chart .nm-chart-value { font-size:13px; font-weight:750; }
.nm-natural-chart .nm-chart-line { stroke-width:3; }
.nm-natural-chart .nm-chart-gap-line { stroke-opacity:.9; }
.nm-device-picker button:disabled,.nm-device-picker select:disabled { opacity:1; color:var(--wb-muted); background:var(--wb-subtle); }
.wb-theme-dialog { width:min(1120px,96vw); padding:28px; border:1px solid var(--wb-border); }
.wb-theme-dialog::backdrop { background:var(--wb-overlay); }
.wb-theme-dialog h2 { margin:0; font-size:23px; }
.wb-theme-intro { color:var(--wb-muted); margin:10px 0 22px; line-height:1.7; }
.wb-theme-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.wb-theme-option { min-width:0; padding:20px; border:1px solid var(--wb-border); border-radius:12px; background:var(--wb-bg); color:var(--wb-text); display:flex; flex-direction:column; gap:14px; }
.wb-theme-option[data-selected="true"] { outline:3px solid var(--wb-primary); outline-offset:2px; }
.wb-theme-option h3 { margin:0; font-size:18px; color:var(--wb-text); }
.wb-theme-option p { margin:0; color:var(--wb-muted); font-size:13px; line-height:1.7; }
.wb-theme-demo { border:1px solid var(--wb-border); border-radius:8px; background:var(--wb-surface); padding:14px; }
.wb-theme-demo > strong { font-size:13px; }
.wb-theme-demo-metrics { display:flex; justify-content:space-between; gap:12px; margin-top:15px; }
.wb-theme-demo-metrics span { display:flex; flex-direction:column; gap:3px; color:var(--wb-muted); font-size:11px; }
.wb-theme-demo-metrics b { color:var(--wb-text); font-size:22px; }
.wb-theme-demo svg { display:block; width:100%; height:76px; margin-top:10px; }
.wb-theme-demo-grid { stroke:var(--wb-border); stroke-width:1; }
.wb-theme-demo-line { stroke:var(--wb-chart); stroke-width:3; fill:none; }
.wb-theme-demo-dot { fill:var(--wb-surface); stroke:var(--wb-chart); stroke-width:2; }
.wb-theme-demo-value { fill:var(--wb-text); font:600 11px system-ui,sans-serif; }
.wb-theme-statuses { display:flex; gap:6px; flex-wrap:wrap; }
.wb-theme-statuses span { font-size:11px; border-radius:4px; padding:4px 7px; font-weight:600; }
.wb-theme-good { color:var(--wb-success); background:var(--wb-success-bg); }
.wb-theme-wait { color:var(--wb-warning); background:var(--wb-warning-bg); }
.wb-theme-bad { color:var(--wb-danger); background:var(--wb-danger-bg); }
.wb-theme-option button { margin-top:auto; width:100%; background:var(--wb-primary); color:var(--wb-on-primary); border-color:var(--wb-primary); font-weight:650; }
.wb-theme-option button:hover:enabled { background:var(--wb-primary-hover); }
.wb-theme-footer { margin:24px 0 0; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.wb-theme-feedback { margin:0; color:var(--wb-muted); font-size:13px; line-height:1.7; }
@media(max-width:850px) { header { flex-wrap:wrap; } .wb-theme-options { grid-template-columns:1fr; } .wb-theme-option { display:grid; grid-template-columns:1fr 1fr; align-items:center; } .wb-theme-option .wb-theme-demo { grid-column:2; grid-row:1 / 4; } .wb-theme-statuses { grid-column:1; } }
@media(max-width:600px) { .wb-header-tools { width:100%; justify-content:space-between; } .wb-theme-trigger { font-size:12px; } .wb-theme-dialog { padding:20px; } .wb-theme-option { display:flex; } .wb-theme-footer { align-items:flex-start; } }
/* Visual hierarchy: module identity, action intent, and clear selected states. */

/* Modern hierarchy, shared by all three appearance choices. */
:root, [data-preview-theme="blue"] {
  --wb-primary-end:#6241d9; --wb-module-purple:#6840c6; --wb-module-purple-bg:#f0eaff;
  --wb-module-orange:#ac4311; --wb-module-orange-bg:#fff0e2;
  --wb-export:#08756c; --wb-export-bg:#e1f5ef;
}
:root[data-wb-theme="teal"], [data-preview-theme="teal"] { --wb-primary-end:#007c83; }
:root[data-wb-theme="rose"], [data-preview-theme="rose"] {
  --wb-primary-end:#d75c76; --wb-module-purple:#74509a; --wb-module-purple-bg:#f0e7f7;
  --wb-module-orange:#a7552b; --wb-module-orange-bg:#fff0e4;
  --wb-export:#47775f; --wb-export-bg:#e8f2ec;
}
:root[data-wb-theme="dark"], [data-preview-theme="dark"] {
  --wb-primary-end:#c3b1ff; --wb-module-purple:#cbb3ff; --wb-module-purple-bg:#352c51;
  --wb-module-orange:#ffbd8f; --wb-module-orange-bg:#453327;
  --wb-export:#89e3cd; --wb-export-bg:#203e3a;
}
:root { font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei",sans-serif; }
body { background:radial-gradient(ellipse at 90% 0,var(--wb-selected),transparent 48%) no-repeat,var(--wb-bg); }
body>header { border-bottom:1px solid var(--wb-border); box-shadow:0 2px 14px var(--wb-shadow); }
.brand { display:flex; align-items:center; gap:10px; letter-spacing:.2px; }
.brand::before { content:""; display:inline-block; flex:0 0 30px; width:30px; height:30px; border-radius:10px; background:linear-gradient(140deg,var(--wb-primary),var(--wb-primary-end)); box-shadow:inset 0 0 0 7px var(--wb-surface); border:1px solid var(--wb-primary); }
.brand span { margin-left:2px; }
.badge { border:0; border-radius:999px; font-size:12px; padding:8px 12px; }
:root button { border-radius:10px; font-weight:600; transition:background .16s,border-color .16s,box-shadow .16s,transform .16s; }
:root button:not(.workspace-card):not(.nm-directory-choice):active:enabled { transform:translateY(1px); }
:root button.primary:enabled { background:linear-gradient(115deg,var(--wb-primary),var(--wb-primary-end)); color:var(--wb-on-primary); border-color:var(--wb-primary); box-shadow:0 4px 12px var(--wb-shadow); padding:11px 18px; font-weight:700; }
:root button.primary:hover:enabled { background:var(--wb-primary-hover); box-shadow:0 6px 16px var(--wb-shadow); }
:root button.wb-action-secondary:enabled { color:var(--wb-primary); background:var(--wb-selected); border-color:var(--wb-primary); }
:root button.wb-action-danger:enabled { color:var(--wb-danger); background:var(--wb-danger-bg); border-color:var(--wb-danger); }
:root button.wb-action-export:enabled { color:var(--wb-export); background:var(--wb-export-bg); border-color:var(--wb-export); }
:root button.wb-action-review:enabled { color:var(--wb-warning); background:var(--wb-warning-bg); border-color:var(--wb-warning); }
:root button:is(.wb-action-danger,.wb-action-export,.wb-action-review,.wb-action-secondary):hover:enabled { box-shadow:0 3px 10px var(--wb-shadow); border-color:currentColor; }
:root button:disabled { box-shadow:none; background:var(--wb-subtle); color:var(--wb-muted); border-color:var(--wb-border); opacity:.7; }
:root input:not([type=checkbox]):not([type=radio]), :root select, :root textarea { border-radius:9px; }
:root input[type=checkbox],:root input[type=radio] { accent-color:var(--wb-primary); }
:root #workspace-nav { width:fit-content; max-width:100%; background:var(--wb-surface); border:1px solid var(--wb-border); border-radius:15px; padding:6px; gap:5px; box-shadow:0 3px 12px var(--wb-shadow); }
:root #workspace-nav button { border:1px solid transparent; border-radius:10px; color:var(--wb-muted); background:transparent; padding:11px 20px; }
:root #workspace-nav button.active { background:linear-gradient(115deg,var(--wb-primary),var(--wb-primary-end)); color:var(--wb-on-primary); box-shadow:0 3px 9px var(--wb-shadow); }
:root #workspace-nav button:not(.active):hover { background:var(--wb-subtle); color:var(--wb-text); }
:root #comment-nav { gap:8px; padding-bottom:14px; }
:root #comment-nav button.active { background:var(--wb-selected); color:var(--wb-primary); border-color:var(--wb-primary); }
.home-heading { max-width:850px; margin:44px 0 34px; }
.home-heading .eyebrow { display:inline-block; margin:0; padding:7px 12px; background:var(--wb-selected); color:var(--wb-primary); border-radius:8px; letter-spacing:1px; font-weight:650; }
.home-heading h1 { font-size:clamp(30px,3vw,42px); letter-spacing:-1.2px; line-height:1.4; font-weight:750; }
.home-heading>p:last-child { max-width:760px; }
:root .workspace-card { position:relative; overflow:hidden; min-height:375px; padding:28px; border:1px solid var(--wb-border); border-radius:22px; background:var(--wb-surface); box-shadow:0 7px 24px var(--wb-shadow); --module-color:var(--wb-primary); --module-bg:var(--wb-selected); }
:root .comments-card { --module-color:var(--wb-module-purple); --module-bg:var(--wb-module-purple-bg); }
:root .publish-card { --module-color:var(--wb-module-orange); --module-bg:var(--wb-module-orange-bg); }
:root .workspace-card::after { content:""; position:absolute; top:-45px; right:-45px; width:145px; height:145px; background:var(--module-bg); border-radius:50%; pointer-events:none; }
:root .workspace-card:hover { background:var(--wb-surface); border-color:var(--module-color); transform:translateY(-3px); box-shadow:0 13px 32px var(--wb-shadow); }
.wb-module-icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; border-radius:16px; color:var(--module-color); background:var(--module-bg); margin-bottom:19px; }
.wb-module-icon svg { width:28px; height:28px; }
.workspace-number { margin-bottom:9px; color:var(--module-color); font-size:11px; font-weight:700; }
.workspace-card-title { font-size:25px; margin-bottom:12px; }
.workspace-card-copy { font-size:14px; font-weight:400; }
.workspace-card-features { margin:18px 0 24px; font-weight:400; }
:root .workspace-card-link { border:0; padding:12px 15px; border-radius:10px; background:var(--module-bg); color:var(--module-color); }
:root .workspace-card-link>span { font-size:20px; line-height:1; }
:root #note-monitor .nm-heading { margin-bottom:26px; }
:root #note-monitor .nm-heading h2 { font-size:29px; letter-spacing:-.5px; margin-bottom:12px; }
:root #note-monitor :is(.nm-dashboard,.nm-feishu,.nm-controls,.nm-progress,.nm-high-growth,.nm-history), :root #note-publish .np-card { border-radius:18px; box-shadow:0 4px 18px var(--wb-shadow); }
:root #note-monitor :is(.nm-dashboard,.nm-high-growth,.nm-today) { background:var(--wb-surface); }
:root #note-monitor .nm-account-directory { border-radius:14px; }
:root #note-monitor .nm-stat-card { padding:19px; border-radius:13px; border-top:3px solid var(--wb-primary); background:var(--wb-subtle); }
:root #note-monitor .nm-stat-card strong { font-size:32px; letter-spacing:-.8px; font-variant-numeric:tabular-nums; }
:root #note-monitor .nm-stat-card span { font-size:13px; }
:root #note-monitor .nm-stat-card:nth-child(2) { border-top-color:var(--wb-module-purple); }
:root #note-monitor .nm-stat-card:nth-child(3) { border-top-color:var(--wb-export); }
:root #note-monitor .nm-stat-card:nth-child(4) { border-top-color:var(--wb-module-orange); }
:root #note-monitor :is(.nm-directory-accounts,.nm-directory-notes) { border:0; background:var(--wb-subtle); border-radius:12px; padding:8px; }
:root #note-monitor .nm-directory-choice { border:1px solid transparent; border-radius:10px; background:var(--wb-surface); padding:12px; }
:root #note-monitor .nm-directory-choice[aria-expanded=true] { background:var(--wb-selected); border:1px solid var(--wb-primary); padding:12px; box-shadow:inset 3px 0 var(--wb-primary); }
:root #note-monitor .nm-directory-daily { border-radius:14px; padding:20px; }
:root #note-monitor :is(.nm-pill,.nm-count,.nm-destination) { border-radius:8px; }
:root #note-monitor .nm-pill { font-size:12px; padding:4px 9px; font-weight:650; }
:root #note-monitor :is(.nm-feedback,.nm-target-summary,.nm-sync-result,.nm-notice) { border-radius:10px; }
:root #note-monitor .nm-actions { gap:10px; }
:root #note-monitor :is(.nm-today,.nm-daily,.nm-schedule) { border-top:3px solid var(--wb-primary); }
:root #note-monitor .nm-today { border-top-color:var(--wb-export); }
:root #note-monitor .nm-schedule { border-top-color:var(--wb-module-purple); }
:root #note-monitor :is(.nm-today-device,.nm-device) { border-radius:10px; }
:root .metric { border-radius:14px; box-shadow:0 4px 16px var(--wb-shadow); }
:root .wb-theme-dialog { border-radius:22px; }
:root .wb-theme-option { border-radius:16px; }
:root .wb-theme-trigger { color:var(--wb-primary); background:var(--wb-selected); border-color:var(--wb-border); }
@media(max-width:700px) {
  :root #workspace-nav { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  :root #workspace-nav button { padding:10px 8px; font-size:13px; }
  :root .workspace-card { min-height:320px; padding:23px; }
  :root #note-monitor .nm-directory-daily { padding:14px; }
  :root #note-monitor .nm-heading { flex-wrap:wrap; }
  .brand { flex-wrap:wrap; }
  .wb-module-icon { width:44px; height:44px; }
}
@media(prefers-reduced-motion:reduce) { :root button { transition:none; } :root .workspace-card:hover { transform:none; } }

/* Bring the Feishu operations dashboard into the selected cream-and-berry theme. */
:root[data-wb-theme="rose"] .fy {
  --fy-ink:var(--wb-text); --fy-blue:var(--wb-primary); --fy-muted:var(--wb-muted);
  --fy-card:var(--wb-surface); --fy-line:var(--wb-border); --fy-soft:var(--wb-subtle);
  --fy-green:var(--wb-export); --fy-amber:var(--wb-warning);
}
:root[data-wb-theme="rose"] .fy .fy-heading {
  background:linear-gradient(125deg,#4b1429 0%,#8d1e42 62%,#d75c76 135%);
  box-shadow:0 10px 28px #4b142926;
}
:root[data-wb-theme="rose"] .fy .fy-heading:after { background:radial-gradient(circle,#f6b5c433,transparent 70%); }
:root[data-wb-theme="rose"] .fy :is(.fy-heading h1,.fy-heading>div>p:last-child,.fy-badge) { color:#fff8f6; }
:root[data-wb-theme="rose"] .fy .fy-eyebrow { color:#ffd2dc; }
:root[data-wb-theme="rose"] .fy .fy-badge { background:#ffffff20; border-color:#ffffff40; }
:root[data-wb-theme="rose"] .fy .fy-readonly-tag { background:var(--wb-success-bg); color:var(--wb-success); }
:root[data-wb-theme="rose"] .fy .fy-notice { background:var(--wb-selected); color:var(--wb-text); border-left-color:var(--wb-primary); }
:root[data-wb-theme="rose"] .fy #fy-refresh-status { color:var(--wb-muted); }
:root[data-wb-theme="rose"] .fy :is(.fy-filters,.fy-refresh,.fy-panel,.fy-chart-card,.fy-details,.fy-org-card,.fy-capture-device,.fy-capture-card,.fy-material-detail,.fy-competitor-card,.fy-insight-strip) {
  background:var(--wb-surface); border-color:var(--wb-border); color:var(--wb-text);
}
:root[data-wb-theme="rose"] .fy :is(input,select,textarea) { background:var(--wb-surface); border-color:var(--wb-control); color:var(--wb-text); }
:root[data-wb-theme="rose"] .fy button { background:var(--wb-surface); border-color:var(--wb-border); color:var(--wb-primary); }
:root[data-wb-theme="rose"] .fy :is(button.fy-primary,.fy-tabs button[aria-pressed="true"]) { background:linear-gradient(115deg,var(--wb-primary),var(--wb-primary-end)); border-color:var(--wb-primary); color:var(--wb-on-primary); }
:root[data-wb-theme="rose"] .fy .fy-tabs button { border-color:var(--wb-border); color:var(--wb-muted); }
:root[data-wb-theme="rose"] .fy .fy-tabs button[aria-pressed="true"] { color:var(--wb-on-primary); box-shadow:0 5px 12px var(--wb-shadow); }
:root[data-wb-theme="rose"] .fy .fy-card { background:var(--wb-surface); }
:root[data-wb-theme="rose"] .fy .fy-card:nth-child(5n+1) { border-top-color:var(--wb-primary); }
:root[data-wb-theme="rose"] .fy .fy-card:nth-child(5n+2) { border-top-color:var(--wb-warning); }
:root[data-wb-theme="rose"] .fy .fy-card:nth-child(5n+3) { border-top-color:var(--wb-module-purple); }
:root[data-wb-theme="rose"] .fy .fy-card:nth-child(5n+4) { border-top-color:var(--wb-module-orange); }
:root[data-wb-theme="rose"] .fy .fy-card:nth-child(5n+5) { border-top-color:var(--wb-export); }
:root[data-wb-theme="rose"] .fy :is(.fy-card strong,.fy-panel h2,.fy-chart-card h3,.fy-competitor-card h3,.fy-org-card h3) { color:var(--wb-text); }
:root[data-wb-theme="rose"] .fy :is(th,.fy-details,.fy pre) { background:var(--wb-subtle); color:var(--wb-text); }
:root[data-wb-theme="rose"] .fy td { border-bottom-color:var(--wb-border); }
:root[data-wb-theme="rose"] .fy tr:hover td { background:var(--wb-hover); }
:root[data-wb-theme="rose"] .fy a { color:var(--wb-link); }
:root[data-wb-theme="rose"] .fy svg rect { fill:var(--wb-chart); }
:root[data-wb-theme="rose"] .fy .fy-chart text { fill:var(--wb-muted); }
:root[data-wb-theme="rose"] .fy .fy-line-chart :is(polyline,path) { stroke:var(--wb-chart); }
:root[data-wb-theme="rose"] .fy .fy-line-chart .fy-grid { stroke:var(--wb-border); }
:root[data-wb-theme="rose"] .fy :is(.fy-inline-note,.fy-capture-status,.fy-capture-block) { background:var(--wb-warning-bg); color:var(--wb-warning); }
:root[data-wb-theme="rose"] .fy .fy-competitor-card span { background:var(--wb-selected); color:var(--wb-primary); }
:root[data-wb-theme="rose"] .fy .fy-org-group { background:var(--wb-subtle); }
:root[data-wb-theme="rose"] .fy .fy-file-preview a { background:var(--wb-selected); color:var(--wb-link); }

/* Role-first workbench shell prototype. */
body { min-height:100vh; display:grid; grid-template-columns:236px minmax(0,1fr); grid-template-rows:auto 1fr auto; }
body>header { grid-column:1/-1; grid-row:1; }
.workbench-shell { display:contents; }
#workbench-sidebar { grid-column:1; grid-row:2; min-width:0; padding:22px 13px 18px; background:#4b1429; color:#fff7f8; display:flex; flex-direction:column; gap:18px; }
.sidebar-brand { display:flex; align-items:center; gap:11px; padding:2px 9px 17px; border-bottom:1px solid #ffffff26; }
.sidebar-brand-mark { width:34px; height:34px; border-radius:11px; display:grid; place-items:center; color:#fff; font-size:18px; font-weight:800; background:linear-gradient(145deg,var(--wb-primary),var(--wb-primary-end)); }
.sidebar-brand strong,.sidebar-brand small { display:block; }
.sidebar-brand strong { font-size:15px; letter-spacing:.3px; }
.sidebar-brand small { margin-top:3px; color:#e6cbd3; font-size:11px; }
:root #workbench-sidebar #workspace-nav { display:flex; flex-direction:column; align-items:stretch; width:auto; max-width:none; margin:0; padding:0; gap:4px; border:0; border-radius:0; background:transparent; box-shadow:none; }
:root #workbench-sidebar #workspace-nav button,:root #workbench-sidebar #workspace-nav a { min-height:40px; width:100%; display:flex; align-items:center; gap:10px; padding:9px 10px; border:1px solid transparent; border-radius:10px; background:transparent; color:#f8e9ee; text-align:left; text-decoration:none; font-size:12px; white-space:normal; }
:root #workbench-sidebar #workspace-nav button:hover:enabled,:root #workbench-sidebar #workspace-nav a:hover { background:#ffffff14; border-color:#ffffff1c; color:#fff; }
:root #workbench-sidebar #workspace-nav button.active { background:linear-gradient(110deg,var(--wb-primary),var(--wb-primary-end)); border-color:transparent; color:var(--wb-on-primary); box-shadow:0 5px 14px #1c081333; }
:root #workbench-sidebar #workspace-nav button:disabled { color:#c5aab3; background:#ffffff0d; opacity:.75; }
.sidebar-icon { width:20px; flex:0 0 20px; text-align:center; font-size:16px; }
.sidebar-group-label { padding:8px 10px 3px; color:#d7aeba; font-size:10px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }
.sidebar-other-roles { margin-top:auto; padding:13px 10px; border:1px solid #ffffff24; border-radius:12px; background:#ffffff0c; }
.sidebar-other-roles .sidebar-group-label { padding:0 0 7px; color:#f0cad4; }
.sidebar-other-roles p { margin:0 0 6px; color:#f8e9ee; font-size:11px; line-height:1.8; }
.sidebar-other-roles small,.sidebar-prototype-note { color:#d7b8c1; font-size:10px; line-height:1.7; }
.sidebar-prototype-note { margin:0; padding:0 10px; }
body>main { grid-column:2; grid-row:2; width:100%; max-width:none; min-width:0; margin:0; padding:28px clamp(18px,3.3vw,50px) 36px; }
body>footer { grid-column:1/-1; grid-row:3; }
#workspace-home .home-heading { max-width:900px; margin:12px 0 26px; }
#workspace-home .home-heading h1 { margin-top:8px; }
.role-directory-heading,.role-app-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:0 0 13px; }
.role-directory-heading h2,.role-app-heading h2 { margin:0; font-size:18px; }
.role-directory-heading>span,.role-app-heading>span { color:var(--wb-muted); font-size:11px; }
.role-choice-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
:root .role-choice { position:relative; min-height:126px; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto 1fr; align-content:start; align-items:center; gap:5px 10px; padding:15px; border:1px solid var(--wb-border); border-radius:15px; background:var(--wb-surface); text-align:left; box-shadow:0 3px 12px var(--wb-shadow); }
:root .role-choice:hover:enabled { border-color:var(--wb-primary); background:var(--wb-surface); }
:root .role-choice.is-selected { border-color:var(--wb-primary); background:var(--wb-selected); box-shadow:inset 0 0 0 1px var(--wb-primary),0 5px 16px var(--wb-shadow); }
.role-emoji { grid-column:1; grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:var(--wb-subtle); font-size:18px; }
.role-choice strong { grid-column:2; font-size:14px; color:var(--wb-text); }
.role-choice small { grid-column:1/-1; color:var(--wb-muted); font-size:11px; line-height:1.5; }
.role-state { grid-column:1/-1; align-self:end; color:var(--wb-muted); font-size:10px; font-weight:650; }
.role-choice.is-selected .role-state { color:var(--wb-primary); }
.role-app-heading { margin-top:27px; align-items:center; }
.role-app-kicker { display:block; margin-bottom:5px; color:var(--wb-primary); font-size:10px; font-weight:750; letter-spacing:1px; }
.role-app-grid { margin-top:0; }
.role-pending { margin:16px 0; padding:25px; border:1px dashed var(--wb-control); border-radius:15px; background:var(--wb-surface); }
.role-pending strong { color:var(--wb-text); font-size:17px; }
.role-pending p { color:var(--wb-muted); line-height:1.7; }
.role-pending.hidden { display:none; }
@media(max-width:1050px) { body { grid-template-columns:210px minmax(0,1fr); } .role-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  body { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr auto; }
  body>header { grid-column:1; grid-row:1; }
  #workbench-sidebar { grid-column:1; grid-row:2; padding:12px 14px; gap:8px; }
  .sidebar-brand { display:none; }
  :root #workbench-sidebar #workspace-nav { flex-direction:row; overflow-x:auto; padding-bottom:3px; }
  :root #workbench-sidebar #workspace-nav button,:root #workbench-sidebar #workspace-nav a { width:auto; min-width:max-content; min-height:38px; padding:8px 11px; }
  .sidebar-group-label,.sidebar-other-roles,.sidebar-prototype-note { display:none; }
  body>main { grid-column:1; grid-row:3; padding:22px 15px 30px; }
  body>footer { grid-column:1; grid-row:4; }
  .role-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  :root .role-choice { min-height:118px; padding:12px; }
  .role-directory-heading,.role-app-heading { align-items:flex-start; flex-direction:column; gap:6px; }
}

/* Member API controls */
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#19332f;background:#f3f5f1;font-size:15px;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:40px auto;padding:0 30px}header,.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}h1{font-size:30px;letter-spacing:-.6px;margin:0}h2{font-size:20px;margin:0 0 12px}h3{font-size:17px;margin:0}p{margin:8px 0 16px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:#4e7168;margin-bottom:8px}.muted,footer{color:#65756d;font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}section{padding:24px;background:#fff;border:1px solid #dfe6dd;border-radius:14px;margin:0 0 22px}.operations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.operation{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fafbf8;color:#19332f;border:1px solid #dfe6dd;padding:16px;min-height:130px}.operation strong{font-size:17px}.operation span{font-size:13px;color:#617067;margin-top:7px}.operation[aria-pressed=true]{border-color:#17654d;background:#edf5ee;box-shadow:inset 0 0 0 1px #17654d}.operation:hover{border-color:#17654d}button{font:inherit;background:#17654d;color:white;border:1px solid transparent;border-radius:8px;padding:10px 17px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#fff;color:#315749;border-color:#cbd8ce}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c5a04e;outline-offset:3px}label{display:block;margin:12px 0;font-weight:600}label small{display:block;font-weight:400;color:#65756d;margin-top:5px}input,textarea,select{font:inherit;display:block;box-sizing:border-box;width:100%;margin-top:7px;padding:10px 12px;border:1px solid #bbcbbf;border-radius:7px;color:#19332f;background:#fff}textarea{min-height:90px;resize:vertical}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.fields .wide{grid-column:1/-1}.scope{padding:12px;background:#f1f5ef;border-radius:8px}.advanced{margin:20px 0}.confirmation,#pending{padding:18px;background:#fff7e8;border:1px solid #ead7ae;border-radius:10px;margin:18px 0}.confirmation label{font-weight:400}.batch{border-top:1px solid #e2e8df;padding:18px 0}.batch h3{font-size:15px}.batch p{font-size:13px;color:#65756d;margin:8px 0}.batch button{font-size:13px;padding:7px 11px;margin:7px 6px 0 0}.badge{display:inline-block;font-size:12px;border-radius:20px;padding:2px 9px;background:#edf1eb;color:#546653;margin-top:6px}.badge.good{background:#e6f3e8;color:#27683c}.badge.warn{background:#fff0d4;color:#8c5b12}.badge.bad{background:#fae8e3;color:#a44029}.result-row{padding:14px 0;border-top:1px solid #e2e8df;overflow-wrap:anywhere}.result-row p{margin:6px 0}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.empty{padding:28px 12px;text-align:center;color:#68766b;background:#f8faf6;border-radius:8px}#status{padding:12px 16px;background:#e7eee5;border-radius:9px;margin:22px 0}#form-error{color:#a44029}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f4;padding:14px;font-size:12px;max-height:400px;overflow:auto}summary{cursor:pointer;color:#51685a}footer{padding:8px 0 30px}.task-date{font-size:12px;color:#788478}.danger-note{color:#8c5b12}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:9px;text-align:left;border-bottom:1px solid #e2e8df;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 300px}.operations{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){main{margin:24px auto;padding:0 16px}header{align-items:flex-start}h1{font-size:24px}.layout{display:block}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}section{padding:18px}.section-head{align-items:flex-start;flex-wrap:wrap}.operations{gap:8px}.operation{padding:12px;min-height:120px}}
:root .account-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;max-height:270px;overflow:auto;margin-top:12px}.account-options label{font-weight:400;margin:5px 0;overflow-wrap:anywhere}@media(max-width:600px){:root .account-options{grid-template-columns:1fr}}

.device-table-wrap{overflow:auto}.device-table{width:100%;border-collapse:collapse;font-size:13px}.device-table th,.device-table td{padding:12px;border-bottom:1px solid #dce4ed;text-align:left}.device-table input{width:auto}.device-actions{position:sticky;bottom:0;background:white;padding:12px 0;border-top:1px solid #dce4ed}

.workbench-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.workbench-shell>main{width:100%;max-width:1450px;margin:24px auto;padding:0 28px}.workbench-shell #workbench-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #dfe6dd;padding:24px 18px;overflow:auto}.workspace-nav-sidebar{display:flex;flex-direction:column;gap:6px}.workspace-nav-sidebar button{width:100%;text-align:left;border:0;background:transparent;color:#42534b;padding:12px}.workspace-nav-sidebar button.active{background:#e7eee5;color:#17654d}.sidebar-brand{display:flex;gap:12px;margin-bottom:30px}.sidebar-brand small{display:block;color:#77857c}.sidebar-brand-mark{background:#17654d;color:white;padding:10px;border-radius:10px}.sidebar-group-label{font-size:12px;color:#7b887f;margin:18px 10px 6px}.sidebar-prototype-note{font-size:12px;color:#77857c;margin:30px 10px}.login-panel{max-width:440px;margin:12vh auto;padding:32px}.login-panel h1{font-size:26px}.login-panel button{width:100%}#login-error{color:#a44029}.operations .operation{border-radius:12px}.layout{grid-template-columns:minmax(0,1fr)}.tasks{width:100%}@media(max-width:800px){.workbench-shell{grid-template-columns:1fr}.workbench-shell #workbench-sidebar{height:auto;position:static}.workspace-nav-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-group-label,.sidebar-prototype-note{display:none}.workbench-shell>main{padding:0 16px}.login-panel{margin:32px 16px}}

/* Member shell owns its layout; do not inherit the maintenance body grid. */
body{display:block;min-width:0;}
.login-panel{box-sizing:border-box;width:min(440px,calc(100% - 32px));margin:48px auto;}
.workbench-shell{width:100%;min-width:0;}

/* Original workbench layout, with member API forms inside. */
body{display:block;min-width:0;color:var(--wb-text);background:var(--wb-bg)}
[hidden]{display:none!important}
#member-shell{display:grid;grid-template-columns:236px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:100vh;width:100%;}
#member-shell>.member-topbar{grid-column:1/-1;grid-row:1;height:74px;margin:0;padding:0 6%;background:var(--wb-surface);border-bottom:1px solid var(--wb-border);}
#member-shell>#workbench-sidebar{grid-column:1;grid-row:2;position:static;height:auto;min-width:0;padding:22px 13px 18px;background:#4b1429;color:#fff7f8;overflow:visible;border:0;}
#member-shell>main{grid-column:2;grid-row:2;width:100%;max-width:none;min-width:0;margin:0;padding:28px clamp(18px,3.3vw,50px) 36px;}
#member-shell .sidebar-brand{margin:0;gap:11px;}
#member-shell .sidebar-brand small{color:#e6cbd3;}
#member-shell .sidebar-brand-mark{padding:0;background:linear-gradient(145deg,var(--wb-primary),var(--wb-primary-end));}
#member-shell .sidebar-group-label{margin:0;color:#d7aeba;}
#member-shell .sidebar-prototype-note{margin-top:auto;color:#d7b8c1;}
#member-shell #workspace-nav button.active{background:linear-gradient(110deg,var(--wb-primary),var(--wb-primary-end));color:var(--wb-on-primary);}
#member-shell main>header{height:auto;padding:0;background:transparent;border:0;}
#member-shell .layout,#member-shell .layout>div{min-width:0;}
#member-shell .operations{grid-template-columns:repeat(3,minmax(0,1fr));}
#member-shell .operation{color:var(--wb-text);background:var(--wb-surface);border-color:var(--wb-border);}
#member-shell .operation[aria-pressed=true]{background:var(--wb-selected);border-color:var(--wb-primary);box-shadow:inset 0 0 0 1px var(--wb-primary);}
#member-shell button:not(.secondary):not(.operation):not(.role-choice):not(.workspace-card){background:var(--wb-primary);color:var(--wb-on-primary);}
#member-shell #workspace-nav button:not(.active){background:transparent;color:#f8e9ee;}
#member-shell section{border-color:var(--wb-border);}
#member-shell .scope,#member-shell #status{background:var(--wb-subtle);color:var(--wb-text);}
#member-shell .eyebrow{color:var(--wb-primary);}
@media(max-width:1050px){#member-shell{grid-template-columns:210px minmax(0,1fr)}#member-shell .operations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 #member-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}
 #member-shell>.member-topbar{grid-column:1;grid-row:1;height:auto;min-height:64px;padding:12px 16px;flex-wrap:wrap;}
 #member-shell>#workbench-sidebar{grid-column:1;grid-row:2;padding:12px 14px;}
 #member-shell>main{grid-column:1;grid-row:3;padding:22px 15px 30px;}
 #member-shell .sidebar-brand,#member-shell .sidebar-group-label,#member-shell .sidebar-prototype-note{display:none;}
 #member-shell #workspace-nav{display:flex;flex-direction:row;overflow-x:auto;max-width:100%;}
 #member-shell #workspace-nav button{width:auto;min-width:max-content;}
 #member-shell .operations,#member-shell .fields{grid-template-columns:minmax(0,1fr);}
 #member-shell #logout{align-self:flex-start;}
}

/* Homepage markup copied from the original workbench. */
#member-shell #workspace-home{padding:0;background:transparent;border:0;}
#member-shell #role-directory{padding:0;background:transparent;border:0;}
#member-shell #workspace-home .workspace-card{color:var(--wb-text);}
#member-shell #workspace-home .workspace-card-copy{color:var(--wb-muted);}
#member-shell #workspace-home p{line-height:1.7;}