:root{
  --ops-bg:#eaf0e8;--ops-surface:#eef3ec;--ops-surface-soft:#f6f9f4;--ops-text:#18312a;
  --ops-muted:#66756d;--ops-border:#d2ddd4;--ops-accent:#2f8f5b;--ops-accent-dark:#26764b;
  --ops-accent-soft:#d8eddf;--ops-shadow:#c4d0c3;--ops-highlight:#ffffff;
  --ops-raised:8px 8px 20px rgba(107,126,109,.19),-7px -7px 18px rgba(255,255,255,.9);
  --ops-recessed:inset 3px 3px 7px rgba(132,151,133,.24),inset -3px -3px 7px rgba(255,255,255,.8);
  --ops-focus:#4c82c3;
}
html[data-ops-theme="dark"]{
  --ops-bg:#19251f;--ops-surface:#202e27;--ops-surface-soft:#26372e;--ops-text:#eef7ee;
  --ops-muted:#b5c5b8;--ops-border:#385046;--ops-accent:#54b77c;--ops-accent-dark:#6dca91;
  --ops-accent-soft:#294d39;--ops-shadow:#101813;--ops-highlight:#2a3b31;
  --ops-raised:7px 7px 16px rgba(5,10,7,.42),-4px -4px 12px rgba(60,82,68,.22);
  --ops-recessed:inset 3px 3px 7px rgba(6,12,8,.48),inset -2px -2px 6px rgba(67,91,75,.19);
  --ops-focus:#8abaff;
}
[hidden]{display:none!important}
body.workspace-open{display:block!important;place-items:initial!important;background:var(--ops-bg);color:var(--ops-text);width:100vw;max-width:none;overflow-x:hidden}
body.workspace-open main{display:none}
.workspace{width:100vw;max-width:none;margin:0!important;min-height:100vh;display:grid;grid-template-columns:278px minmax(0,1fr);background:var(--ops-bg);transition:background .18s ease,color .18s ease}
.workspace-sidebar{background:var(--ops-surface);border-right:1px solid var(--ops-border);padding:28px 20px 22px;display:flex;flex-direction:column;gap:28px;box-shadow:5px 0 16px rgba(110,128,112,.08)}
.workspace-brand{display:flex;align-items:center;gap:12px;color:var(--ops-text);font-size:21px;font-weight:750;letter-spacing:-.035em}
.workspace-logo{width:46px;height:46px;object-fit:contain;border-radius:13px;background:var(--ops-surface-soft);box-shadow:var(--ops-raised)}
.workspace-nav{display:grid;gap:8px}
.workspace-nav a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:13px;background:var(--ops-accent-soft);color:var(--ops-text);text-decoration:none;font-weight:700;border:1px solid color-mix(in srgb,var(--ops-accent) 28%,var(--ops-border))}
.workspace-nav a::before{content:"⌁";font-size:21px;line-height:0;color:var(--ops-accent)}
.workspace-account{margin-top:auto;border-top:1px solid var(--ops-border);padding-top:20px;display:grid;gap:4px}
.workspace-account strong,.workspace-account small{display:block}
.workspace-account small{color:var(--ops-muted)}
.workspace-account button,.theme-toggle{width:auto;margin-top:12px;padding:10px 14px;background:var(--ops-surface);color:var(--ops-text);box-shadow:var(--ops-raised);border:1px solid var(--ops-border);border-radius:11px;font-weight:650}
.workspace-content{width:100%;box-sizing:border-box;padding:36px clamp(28px,4vw,72px) 56px}
.workspace-content h1{font-size:clamp(31px,3vw,44px);letter-spacing:-.045em;margin:0 0 8px;color:var(--ops-text)}
.workspace-content p{margin:0}
.workspace-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px}
.workspace-heading p{font-size:16px;color:var(--ops-muted)}
.workspace-heading-actions{display:flex;align-items:center;gap:12px}
.theme-toggle{margin:0;min-width:142px;display:flex;align-items:center;justify-content:center;gap:8px}
.theme-toggle::before{content:"☾";font-size:17px}
html[data-ops-theme="dark"] .theme-toggle::before{content:"☀"}
.workspace-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;padding:8px;background:var(--ops-surface);border-radius:15px;box-shadow:var(--ops-recessed);width:max-content;max-width:100%;box-sizing:border-box}
.workspace-tabs button{width:auto;min-width:124px;margin:0;padding:12px 19px;background:transparent;color:var(--ops-muted);border:1px solid transparent;border-radius:11px;font-weight:750}
.workspace-tabs button[aria-selected=true]{background:var(--ops-accent-soft);border-color:var(--ops-accent);color:var(--ops-accent-dark);box-shadow:var(--ops-raised)}
.workspace-tabs button:disabled{background:transparent;box-shadow:none;color:var(--ops-muted);opacity:.48}
.queue-surface{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:22px;box-shadow:var(--ops-raised);padding:clamp(22px,2.4vw,34px)}
.queue-surface h2{font-size:24px;margin:0 0 6px;color:var(--ops-text)}
.queue-status{min-height:24px;color:var(--ops-muted)}
.queue-table{width:100%;border-collapse:collapse;margin-top:24px}
.queue-table th,.queue-table td{text-align:left;padding:15px 14px;border-bottom:1px solid var(--ops-border)}
.queue-table th{font-size:12px;text-transform:uppercase;letter-spacing:.065em;color:var(--ops-muted)}
.queue-table td{font-size:14px;color:var(--ops-text)}
.queue-table tbody tr:hover{background:var(--ops-accent-soft)}
.queue-empty{min-height:260px;display:grid;place-content:center;text-align:center;color:var(--ops-muted);padding:26px 8px}
.queue-empty strong{display:block;color:var(--ops-text);margin-bottom:9px;font-size:20px}
.status-pill{display:inline-block;padding:5px 9px;border-radius:8px;background:var(--ops-accent-soft);font-size:12px;color:var(--ops-accent-dark)}
.workspace button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}
.workspace button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.98)}
.workspace button:active:not(:disabled){transform:none;box-shadow:var(--ops-recessed)}
.workspace button:focus-visible,.workspace a:focus-visible{outline:3px solid var(--ops-focus);outline-offset:3px}
@media(max-width:900px){.workspace{grid-template-columns:226px minmax(0,1fr)}.workspace-content{padding:30px}.workspace-sidebar{padding:24px 16px}.workspace-brand{font-size:18px}.workspace-logo{width:38px;height:38px}}
@media(max-width:720px){.workspace{display:block}.workspace-sidebar{padding:14px 18px;border-right:0;border-bottom:1px solid var(--ops-border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;box-shadow:none}.workspace-nav{display:none}.workspace-brand{font-size:17px}.workspace-logo{width:36px;height:36px;border-radius:10px}.workspace-account{margin:0;padding:0;border:0;text-align:right}.workspace-account small{display:none}.workspace-account button{margin-top:4px;padding:8px 11px}.workspace-content{padding:28px 16px}.workspace-heading{align-items:flex-start}.workspace-content h1{font-size:29px}.workspace-heading p{font-size:14px}.theme-toggle{min-width:44px;width:44px;height:44px;padding:0;font-size:0}.theme-toggle::before{font-size:19px}.workspace-tabs{width:100%;overflow:auto;flex-wrap:nowrap;border-radius:13px}.workspace-tabs button{min-width:112px;padding:11px 14px}.queue-surface{padding:20px 16px;box-shadow:4px 4px 11px rgba(107,126,109,.16),-3px -3px 9px rgba(255,255,255,.75)}.queue-scroll{overflow:auto}.queue-table{min-width:720px}.queue-empty{min-height:210px}}
@media(prefers-reduced-motion:reduce){.workspace,.workspace button{transition:none}}