.admin-workspace {
    --ws-bg:#f2f5f1;--ws-panel:#fff;--ws-soft:#eaf2ed;--ws-ink:#17392f;--ws-muted:#476457;
    --ws-border:#bed2c4;--ws-primary:#246451;--ws-highlight:#dceee4;
    --ws-green:#3b9471;--ws-blue:#587cb4;--ws-amber:#be773d;--ws-purple:#8a64a9;
    color:var(--ws-ink);background:var(--ws-bg);
}
.dark .admin-workspace {
    --ws-bg:#142823;--ws-panel:#1d342d;--ws-soft:#243f35;--ws-ink:#e7f6ed;--ws-muted:#b2ccbd;
    --ws-border:#4a695d;--ws-primary:#a4e0c3;--ws-highlight:#31594a;
    --ws-green:#75c8a2;--ws-blue:#a6bff3;--ws-amber:#eab67e;--ws-purple:#c8a5e0;
}
.workspace-shell {display:grid;grid-template-columns:minmax(218px,248px) minmax(0,1fr);min-height:100dvh;background:var(--ws-bg)}
.workspace-shell .workspace-sidebar {
    align-self:start;position:sticky;top:0;max-height:100dvh;overflow:auto;
    background:#173b32;color:#e7f6ee;padding:19px 14px;border-inline-end:1px solid #426659;
}
.dark .workspace-shell .workspace-sidebar {background:#102820;border-color:#3e5d50}
.workspace-brand {display:grid;gap:9px;padding:3px 6px 16px;border-bottom:1px solid #8eb4a14d}
.workspace-brand .logo {color:#f1fff6}
.workspace-kicker {color:#b3d6c6;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase}
.workspace-nav-toggle>summary {display:none}
.workspace-sidebar nav {display:grid!important;grid-template-columns:minmax(0,1fr);gap:7px;margin:14px 0}
.workspace-sidebar nav .workspace-overview {display:flex;align-items:center;gap:9px;padding:9px 10px;margin:0;border-radius:9px;color:#edf9f1}
.workspace-sidebar nav .workspace-nav-group {background:#ffffff08;border:1px solid #90b8a646;border-radius:10px;margin:0}
.workspace-sidebar nav .workspace-nav-group summary {display:flex;gap:9px;align-items:center;list-style:none;padding:8px 9px;color:#f0faf4;font-size:.9rem;font-weight:750}
.workspace-nav-group summary::-webkit-details-marker,.workspace-nav-toggle>summary::-webkit-details-marker {display:none}
.workspace-nav-group summary::after {content:'⌄';margin-inline-start:auto;color:#b4d9c6}
.workspace-nav-group[open] summary::after {transform:rotate(180deg)}
.workspace-nav-group summary span,.workspace-overview span {display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:#a0d0b830;color:#d9f8e7}
.workspace-sidebar nav .workspace-nav-group a {display:block;padding:7px 10px;margin:3px 8px;border:0;border-radius:7px;color:#d3e7da;font-size:.84rem}
.workspace-sidebar nav .workspace-nav-group a:hover,.workspace-sidebar nav .workspace-overview:hover {background:#76a78f38;color:#fff}
.workspace-sidebar nav :is(.workspace-nav-group a,.workspace-overview)[aria-current=page] {background:#b8e3cb;color:#133c2d;font-weight:850}
.workspace-sidebar-footer {display:flex;align-items:center;justify-content:space-between;gap:7px;padding:12px 3px 2px;border-top:1px solid #8eb4a14d;font-size:.78rem}
.workspace-sidebar-footer a {color:#ddf5e6}
.workspace-sidebar-footer form {margin:0}
.workspace-sidebar-footer button {padding:7px 10px;font-size:.77rem}
.workspace-shell .workspace-main {min-width:0;padding:clamp(14px,3vw,40px);background:var(--ws-bg);color:var(--ws-ink)}
.workspace-top,.workspace-list-head {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.workspace-top {margin-bottom:16px;color:var(--ws-muted);font-size:.85rem;font-weight:800}
.workspace-top>div {display:flex;align-items:center;gap:8px}
.workspace-top .theme-toggle {display:inline-grid;place-items:center;flex:none;color:var(--ws-ink);background:var(--ws-panel);border:1px solid var(--ws-border)}
.workspace-main .admin-head {margin:12px 0 18px;border-color:var(--ws-border)}
.workspace-main :is(.admin-head h1,.workspace-card h2,.workspace-card h3) {color:var(--ws-ink)}
.workspace-card,.workspace-main :is(.form-box,.blog-ai-card) {
    border:1px solid var(--ws-border);border-top:3px solid var(--ws-green);
    border-radius:15px;padding:clamp(13px,2vw,23px);background:var(--ws-panel);color:var(--ws-ink);
    box-shadow:0 4px 16px #18382b0b;
}
.workspace-main .workspace-card h2,.workspace-list-head h2 {margin:.15em 0 .4em}
.workspace-main :is(.form-box:nth-of-type(3n+2),.blog-ai-card:nth-child(3n+2)) {border-top-color:var(--ws-purple)}
.workspace-main :is(.form-box:nth-of-type(3n+3),.blog-ai-card:nth-child(3n+3)) {border-top-color:var(--ws-amber)}
.workspace-main :is(input:not([type=checkbox],[type=radio],[type=file],[type=hidden]),select,textarea) {background:var(--ws-panel);color:var(--ws-ink);border-color:var(--ws-border)}
.workspace-main :is(input,textarea)::placeholder {color:var(--ws-muted);opacity:1}
.workspace-main :is(.muted,.workspace-muted,.workspace-article-row small) {color:var(--ws-muted)}
.workspace-main .eyebrow {color:var(--ws-primary)}
.workspace-main :is(.table-wrap th,.table-wrap td) {background:var(--ws-panel);color:var(--ws-ink);border-color:var(--ws-border)}
.workspace-filter {display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,180px) auto auto;align-items:end;gap:8px}
.workspace-filter :is(label,input,select) {min-width:0;margin-bottom:0}
.workspace-filter label {display:grid;gap:4px}
.workspace-filter :is(input,select) {width:100%}
.workspace-rows {border-top:1px solid var(--ws-border)}
.workspace-article-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(75px,auto) auto;gap:9px;align-items:center;padding:10px 1px;border-bottom:1px solid var(--ws-border)}
.workspace-article-row small {display:block}
.workspace-row-title {font-weight:800;overflow-wrap:anywhere}
.workspace-row-title:hover {text-decoration:underline}
.workspace-row-actions {display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.workspace-row-actions :is(a,button) {margin:0;white-space:nowrap}
.workspace-row-actions form {margin:0}
.workspace-state {padding:4px 8px;border-radius:100px;background:var(--ws-soft);color:var(--ws-ink);font-size:.8rem;text-align:center}
.workspace-state[data-state=published] {background:var(--ws-highlight);color:var(--ws-ink)}
.workspace-empty {padding:14px;background:var(--ws-soft);border-radius:10px}
.workspace-articles .pagination {margin-bottom:0}
.workspace-content-grid {display:grid;grid-template-columns:minmax(185px,250px) minmax(0,1fr);align-items:start;gap:14px}
.workspace-content-nav {display:grid;gap:4px;border-top-color:var(--ws-blue)}
.workspace-content-nav h3 {font-size:.77rem;font-weight:800;line-height:1.3;margin:10px 0 2px;letter-spacing:.06em;text-transform:uppercase}
.workspace-content-nav a {display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 9px;border-radius:8px;color:var(--ws-ink)}
.workspace-content-nav a:hover,.workspace-content-nav a[aria-current=page] {background:var(--ws-highlight)}
.workspace-content-nav a[aria-current=page] {font-weight:850}
.workspace-content-editor label {display:grid;gap:5px;margin:0 0 12px}
.workspace-content-editor :is(input,textarea,select,fieldset) {width:100%;min-width:0}
.workspace-content-editor fieldset {margin:0 0 12px;padding:11px;border:1px solid var(--ws-border);border-radius:10px}
.workspace-content-editor legend {padding:0 4px;font-weight:700}
.workspace-theme-choices {display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:12px;margin:15px 0}
.workspace-theme-choice {display:grid;gap:6px;position:relative;cursor:pointer;border:1px solid var(--ws-border);border-radius:13px;padding:10px;color:var(--ws-ink)}
.workspace-theme-choice:has(input:checked) {outline:2px solid var(--ws-green);background:var(--ws-highlight)}
.workspace-theme-choice input {margin:0;justify-self:start}
.workspace-theme-sample {display:grid;gap:6px;padding:12px;min-height:82px;border-radius:8px;background:#edf7ef;color:#174535;border:1px solid #89b49d}
.workspace-theme-sample[data-sample=dark] {background:#183e32;color:#ecf9f1;border-color:#70a68f}
.workspace-theme-sample i {height:4px;width:70%;border-radius:10px;background:currentColor;opacity:.4}
.workspace-theme-sample i:last-child {width:43%}
.workspace-dashboard-hero {display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--ws-highlight),var(--ws-soft));color:var(--ws-ink);border:1px solid var(--ws-border);border-radius:19px;padding:clamp(14px,3vw,30px)}
.workspace-dashboard-hero h2 {margin:.12em 0 .22em;font-size:clamp(1.8rem,4vw,3rem);color:inherit}
.workspace-dashboard-hero p {margin:.1em 0 .8em;color:var(--ws-muted)}
.workspace-dashboard-hero svg {width:min(28%,280px);height:auto;fill:none;stroke:var(--ws-primary);stroke-width:1.5;opacity:.46}
.workspace-dashboard .dashboard-metric {--metric-accent:var(--ws-green);background:var(--ws-panel);color:var(--ws-ink);border:1px solid var(--ws-border);border-top:3px solid var(--metric-accent);box-shadow:0 3px 12px #10282016;padding:15px;border-radius:13px}
.workspace-dashboard .dashboard-metric:nth-child(4n+2) {--metric-accent:var(--ws-blue)}
.workspace-dashboard .dashboard-metric:nth-child(4n+3) {--metric-accent:var(--ws-amber)}
.workspace-dashboard .dashboard-metric:nth-child(4n) {--metric-accent:var(--ws-purple)}
.workspace-dashboard .dashboard-metric :is(strong,small,span) {color:inherit}
.workspace-dashboard .workspace-card {margin-top:16px;border-top-color:var(--ws-blue)}
.content-reaction {margin:20px 0 0;padding:14px 0 0;border-top:1px solid #72a38e80}
.content-reaction h2 {margin:0 0 8px;font-size:1.16rem}
.content-reaction form {display:flex;flex-wrap:wrap;gap:7px}
.content-reaction button {display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;background:#eaf4ec;color:#1a4b39;border:1px solid #76a18e}
.content-reaction button[value="-1"] svg {transform:rotate(180deg)}
.content-reaction button[aria-pressed=true] {background:#c2e8d4;color:#123d2c;border-color:#347859}
.dark .content-reaction button {background:#233e34;color:#e9faef;border-color:#719685}
.dark .content-reaction button[aria-pressed=true] {background:#b6e6cc;color:#143b2c}
.content-reaction button:disabled {opacity:.72}
.content-reaction p {margin:6px 0}
@media(max-width:900px) {
 .workspace-shell {grid-template-columns:minmax(0,1fr)}
 .workspace-shell .workspace-sidebar {position:static;max-height:none;overflow:visible;padding:10px 14px}
 .workspace-brand {padding-bottom:8px}
 .workspace-nav-toggle>summary {display:block;list-style:none;padding:7px 4px;cursor:pointer}
 .workspace-sidebar nav {margin:5px 0}
}
@media(max-width:610px) {
 .workspace-filter {grid-template-columns:minmax(0,1fr) minmax(90px,1fr)}
 .workspace-content-grid {grid-template-columns:minmax(0,1fr)}
 .workspace-article-row {grid-template-columns:minmax(0,1fr) auto}
 .workspace-row-actions {grid-column:1/-1}
 .workspace-dashboard-hero svg {display:none}
}
