:root{--color-ink: #17251f;--color-surface: #fffdf7;--color-accent: #c84b31;--space-4: 1rem;--radius: .75rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}:root{color-scheme:light dark}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button{min-height:2.6rem;padding:.55rem .85rem;border:0;border-radius:.45rem;background:var(--admin-action);color:var(--admin-action-ink);font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}input,select{width:100%;min-height:2.6rem;padding:.55rem .7rem;border:1px solid var(--admin-border-strong);border-radius:.45rem;background:var(--admin-control);color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--admin-focus);outline-offset:2px}label{display:grid;gap:.35rem;font-weight:650}h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0}h2{margin:0}p{line-height:1.5}.admin-shell{--admin-surface: #faf9f5;--admin-surface-raised: #fffdf7;--admin-sidebar: #f2f1eb;--admin-ink: #17251f;--admin-muted: #526171;--admin-border: #d7d9d5;--admin-border-strong: #718096;--admin-control: #fffdf7;--admin-action: #1259c3;--admin-action-ink: #fff;--admin-focus: #1677ff;--admin-coral: #b64036;--admin-coral-ink: #fff;--admin-nav-active: #dbe9fb;--admin-nav-active-ink: #0c438e;min-height:100vh;display:grid;grid-template-columns:15rem minmax(0,1fr);background:var(--admin-surface);color:var(--admin-ink)}.admin-shell[data-theme=dark]{color-scheme:dark;--admin-surface: #102b2e;--admin-surface-raised: #17363a;--admin-sidebar: #0d2427;--admin-ink: #f3f0e7;--admin-muted: #bfcbc7;--admin-border: #3e595b;--admin-border-strong: #79999a;--admin-control: #163236;--admin-action: #5d9cf5;--admin-action-ink: #071c2a;--admin-focus: #91c4ff;--admin-coral: #f27b65;--admin-coral-ink: #25100c;--admin-nav-active: #214c52;--admin-nav-active-ink: #e3f0ff}@media(prefers-color-scheme:dark){.admin-shell[data-theme=system]{color-scheme:dark;--admin-surface: #102b2e;--admin-surface-raised: #17363a;--admin-sidebar: #0d2427;--admin-ink: #f3f0e7;--admin-muted: #bfcbc7;--admin-border: #3e595b;--admin-border-strong: #79999a;--admin-control: #163236;--admin-action: #5d9cf5;--admin-action-ink: #071c2a;--admin-focus: #91c4ff;--admin-coral: #f27b65;--admin-coral-ink: #25100c;--admin-nav-active: #214c52;--admin-nav-active-ink: #e3f0ff}}.eyebrow{margin:0 0 .45rem;font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.standalone{width:min(100% - 2rem,38rem);margin:10vh auto;padding:clamp(1.5rem,5vw,3rem);border:1px solid #c5cbd2;border-radius:1rem;background:var(--color-surface);color:var(--color-ink)}.signin-form,.catalog-form{display:grid;gap:1rem;margin-top:1.5rem}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2rem;padding:1.25rem;border-right:1px solid var(--admin-border);background:var(--admin-sidebar)}.brand{display:grid;gap:.15rem;font-size:.85rem}.brand strong{font-size:1.1rem}.desktop-nav{display:grid;gap:.2rem}.nav-item,.quiet-button{min-height:2.35rem;padding:.45rem .6rem;background:transparent;color:inherit;text-align:left}.nav-item.active{background:var(--admin-nav-active);color:var(--admin-nav-active-ink)}.sidebar-footer{display:grid;gap:1rem;margin-top:auto}.mobile-nav{display:none}.admin-main{min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:2rem clamp(1.5rem,4vw,4rem) 1.5rem;border-bottom:1px solid var(--admin-border);background:var(--admin-surface-raised)}.header-actions{display:flex;align-items:end;gap:.75rem}.header-actions label{width:13rem;font-size:.8rem}.header-actions input{width:16rem}.workspace{min-width:0;padding:1.5rem clamp(1.5rem,4vw,4rem) 3rem}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.overview>article,.callout,.empty-state,.desktop-workspace{padding:1.25rem;border:1px solid var(--admin-border);border-radius:.75rem;background:var(--admin-surface-raised)}.overview>article{display:grid;gap:.3rem}.overview>article strong{font-size:2rem}.overview>article span,small,.status{color:var(--admin-muted)}.callout{grid-column:1 / -1}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.workspace-toolbar p{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:.85rem;border-bottom:1px solid var(--admin-border);vertical-align:middle}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}td small{display:block;margin-top:.18rem}tr:hover{background:color-mix(in srgb,var(--admin-action) 7%,transparent)}.secondary{background:transparent;color:inherit;border:1px solid var(--admin-border-strong)}.status{display:inline-flex;padding:.2rem .45rem;border:1px solid currentColor;border-radius:999px;text-transform:capitalize}.status-published{color:#267a4f}.status-coming_soon{color:#9d7100}.detail-panel{position:fixed;z-index:20;top:0;right:0;width:min(32rem,100vw);height:100vh;overflow:auto;padding:1.5rem;border-left:1px solid var(--admin-border);background:var(--admin-surface-raised);box-shadow:-1rem 0 2rem #0000002e}.detail-panel header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.danger{margin-top:1rem;background:var(--admin-coral);color:var(--admin-coral-ink)}.empty-state{max-width:48rem;padding:2rem}.empty-state span{display:inline-block;margin-top:1rem;color:var(--admin-muted);font-weight:650}.toast-layer{position:fixed;z-index:1000;top:1rem;left:50%;width:min(32rem,calc(100vw - 2rem));transform:translate(-50%)}.toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-left:4px solid var(--admin-action);border-radius:.6rem;background:var(--admin-surface-raised);box-shadow:0 .5rem 1.5rem #0000002e}.dialog-backdrop{position:fixed;z-index:900;inset:0;display:grid;place-items:center;padding:1rem;background:#00000085}.confirmation-dialog{width:min(100%,30rem);padding:1.5rem;border:1px solid var(--admin-border);border-radius:.75rem;background:var(--admin-surface-raised);box-shadow:0 1rem 3rem #0000004d}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.dialog-actions .danger{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:63.99rem){.admin-shell{display:block}.admin-sidebar{position:static;height:auto;padding:1rem;border-right:0;border-bottom:1px solid var(--admin-border)}.desktop-nav,.sidebar-footer>label,.sidebar-footer .quiet-button{display:none}.mobile-nav{display:grid}.sidebar-footer{margin:0}.admin-header{align-items:start;padding:1.25rem}.header-actions{display:none}.workspace{padding:1.25rem}.overview{grid-template-columns:1fr}.desktop-workspace,.detail-panel{display:none}.workspace:has(.desktop-workspace):after{content:"This workspace requires a desktop browser (1024px or wider). On mobile, use Overview or Review queue for individual approval work.";display:block;padding:1.25rem;border:1px solid var(--admin-border);border-radius:.75rem;background:var(--admin-surface-raised);line-height:1.5}.toast-layer{top:0;width:100%;transform:none}.toast{border-radius:0}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}
