.operator-body { --surface:#fffdf9; --subtle:#596c86; min-height:100vh; color:var(--navy); background:var(--cream); font:14px/1.55 var(--body); }
.operator-body [hidden] { display:none!important; }
.operator-body h1 { color:var(--navy); }
.workspace-sidebar,.source-card { min-width:0; }
.source-card { overflow-wrap:anywhere; }
.operator-body button,.operator-body input,.operator-body select,.operator-body textarea { font:inherit; }
.operator-body button { cursor:pointer; }
.operator-body button:disabled { opacity:.45; cursor:default; }
.operator-body :focus-visible { outline:3px solid var(--tan); outline-offset:3px; }
.workspace-brand { display:block; font:800 32px/1.1 var(--body); letter-spacing:-1.5px; }
.workspace-brand span { display:block; margin-top:10px; font:500 12px/1.5 var(--body); letter-spacing:0; opacity:.65; }
.login-screen { min-height:100vh; display:grid; place-content:center; gap:38px; padding:35px 20px; }
.login-screen>.workspace-brand { text-align:center; }
.login-card { width:min(410px,90vw); padding:36px; background:var(--surface); border:1px solid var(--tan); border-radius:14px; }
.login-card h1 { margin:0; font:700 33px/1.1 var(--display); }
.login-card>p { color:var(--subtle); margin:14px 0 26px; }
.login-card .action { width:100%; }
.login-card .quiet-link { display:block; text-align:center; margin-top:22px; }
.workspace { display:grid; grid-template-columns:232px minmax(0,1fr); min-height:100vh; }
.workspace-sidebar { position:sticky; top:0; height:100vh; padding:32px 16px 20px; display:flex; flex-direction:column; color:var(--cream); background:var(--navy); }
.workspace-sidebar .workspace-brand { padding:0 16px 36px; }
.workspace-nav { display:grid; gap:5px; }
.workspace-nav button { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border:0; border-radius:6px; color:inherit; background:transparent; text-align:left; }
.workspace-nav button:hover { background:rgba(234,219,200,.1); }
.workspace-nav button[aria-current="page"] { color:var(--navy); background:var(--sand); font-weight:800; }
.workspace-nav span { min-width:22px; text-align:right; font-size:12px; }
.workspace-account { margin-top:auto; padding:26px 8px 0; display:flex; gap:10px; align-items:center; }
.account-mark { width:32px; height:32px; display:grid; place-items:center; border:1px solid var(--tan); border-radius:50%; }
.workspace-account strong { font-size:12px; }.workspace-account small { display:block; font-size:10px; opacity:.7; }
.workspace-account button { margin-left:auto; padding:6px; border:0; color:var(--sand); background:none; font-size:11px; }
.workspace-main { min-width:0; padding:32px clamp(20px,3vw,48px) 60px; }
.workspace-header { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:30px; }
.workspace-header h1 { margin:10px 0 7px; font:700 clamp(30px,4vw,42px)/1.05 var(--display); letter-spacing:-.7px; text-transform:none; }
.workspace-header p { margin:0; color:var(--subtle); font-size:13px; max-width:560px; }
.quiet-link { color:var(--subtle); font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.workspace-tools { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:end; }
#updated-at { color:var(--subtle); font-size:11px; flex-basis:100%; text-align:right; }
.action { min-height:42px; padding:10px 18px; border:1px solid var(--navy); border-radius:7px; background:var(--navy); color:var(--cream); font-weight:700; font-size:12px; }
.action.secondary { background:transparent; color:var(--navy); border-color:var(--tan); }
.action.danger { background:transparent; color:#853c34; border-color:#c69e91; }
.workspace-metrics { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:30px; border:1px solid var(--tan); background:var(--sand); border-radius:10px; }
.workspace-metrics>div { padding:18px 24px; border-right:1px solid var(--tan); }.workspace-metrics>div:last-child { border:0; }
.workspace-metrics span { display:block; font-size:11px; color:var(--subtle); }.workspace-metrics strong { display:block; margin-top:4px; font-size:28px; line-height:1.2; font-weight:800; font-variant-numeric:tabular-nums; }
.workspace-filter { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }.workspace-filter label { display:flex; align-items:center; gap:10px; font-size:12px; }
.workspace-filter select { max-width:200px; padding:7px 10px; border:1px solid var(--tan); border-radius:6px; background:var(--surface); color:var(--navy); }
.record-list { border:1px solid var(--tan); border-radius:10px; overflow:hidden; background:var(--surface); }
.draft-row { display:grid; grid-template-columns:62px minmax(0,1fr) 130px 130px; align-items:center; gap:20px; padding:20px; border-bottom:1px solid var(--sand); }.draft-row:last-child { border:0; }
.draft-thumb { width:62px; height:70px; object-fit:contain; background:var(--cream); border-radius:5px; }.image-placeholder { display:grid; place-items:center; font:700 25px var(--display); color:var(--tan); }
.record-title { font-weight:700; display:block; overflow-wrap:anywhere; }.record-meta { display:block; color:var(--subtle); font-size:11px; margin-top:5px; overflow-wrap:anywhere; }.record-price { font-weight:700; font-size:13px; font-variant-numeric:tabular-nums; }.record-price small { display:block; color:var(--subtle); font-size:10px; font-weight:500; }
.badge { display:inline-block; padding:4px 9px; border-radius:4px; font-size:10px; color:var(--navy); background:var(--sand); white-space:nowrap; }.badge.failed,.badge.restricted { background:#f1ddd5; color:#853c34; }.badge.succeeded,.badge.approved,.badge.enabled { background:var(--cream); border:1px solid var(--tan); }
.empty-state { padding:55px 25px; text-align:center; border:1px solid var(--tan); background:var(--surface); border-radius:10px; }.empty-state h2 { margin:0 0 8px; font:600 27px var(--display); }.empty-state p { max-width:460px; margin:0 auto; color:var(--subtle); font-size:13px; }.empty-state .action { margin-top:22px; }
.table-wrap { overflow:auto; border:1px solid var(--tan); border-radius:10px; background:var(--surface); }.workspace-table { width:100%; border-collapse:collapse; font-size:12px; }.workspace-table th { font-weight:600; color:var(--subtle); background:var(--sand); white-space:nowrap; }.workspace-table td,.workspace-table th { padding:15px 18px; border-bottom:1px solid var(--sand); text-align:left; vertical-align:top; }.workspace-table tr:last-child td { border-bottom:0; }.workspace-table td:first-child { font-weight:700; }.workspace-table td>small { display:block; color:var(--subtle); margin-top:4px; }.workspace-table select { max-width:155px; border:1px solid var(--tan); background:var(--cream); padding:6px; border-radius:4px; color:var(--navy); font-size:11px; }
.source-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.source-card { border:1px solid var(--tan); border-radius:10px; padding:24px; background:var(--surface); }.source-card header { display:flex; justify-content:space-between; align-items:start; gap:12px; }.source-card h2 { font:600 25px var(--display); margin:0 0 5px; }.source-card p { color:var(--subtle); font-size:12px; margin:17px 0; }.source-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }.source-card .source-data { display:flex; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid var(--sand); color:var(--subtle); font-size:11px; }
.error-banner,.form-error { color:#853c34; font-size:12px; overflow-wrap:anywhere; }.error-banner { padding:15px; background:#f1ddd5; border-radius:8px; margin-bottom:20px; }.form-error:empty { display:none; }
.workspace-dialog { width:min(790px,calc(100% - 28px)); max-height:90vh; padding:28px; border:1px solid var(--tan); border-radius:14px; background:var(--surface); color:var(--navy); box-shadow:0 24px 80px rgba(15,44,89,.2); }.workspace-dialog::backdrop { background:rgba(15,44,89,.45); }.workspace-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }.workspace-dialog h2 { margin:0; font:600 31px/1.1 var(--display); text-transform:none; }.dialog-close { border:0; background:var(--sand); color:var(--navy); border-radius:50%; width:30px; height:30px; font-size:22px!important; }
.operator-body form label { display:grid; gap:7px; margin-bottom:16px; font-size:12px; font-weight:600; }.operator-body input,.operator-body textarea,.operator-body form select { width:100%; min-width:0; border:1px solid var(--tan); background:var(--cream); color:var(--navy); border-radius:5px; padding:10px 12px; outline-offset:1px; }.operator-body textarea { min-height:76px; resize:vertical; }.form-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:18px; }.form-grid .full { grid-column:1/-1; }.operator-body .check-label { display:flex; align-items:start; gap:10px; font-weight:500; }.check-label input { width:auto; margin:4px 0 0; }.form-actions { display:flex; flex-wrap:wrap; gap:10px; padding-top:18px; border-top:1px solid var(--sand); }.help-text { color:var(--subtle); font-size:11px; }.draft-original { display:flex; gap:20px; align-items:center; padding:18px; background:var(--sand); border-radius:8px; margin-bottom:24px; }.draft-original p { margin:0 0 8px; font-size:13px; }.draft-original .draft-thumb { width:80px; height:90px; }.draft-original .record-meta { margin-top:7px; }
.workspace-toast { position:fixed; bottom:25px; right:25px; max-width:calc(100vw - 40px); padding:14px 22px; color:var(--cream); background:var(--navy); border:1px solid var(--tan); border-radius:8px; box-shadow:0 8px 24px rgba(15,44,89,.18); font-size:13px; z-index:100; }
.access-panel { max-width:500px; padding:28px; background:var(--surface); border:1px solid var(--tan); border-radius:10px; }.access-panel h2 { margin:0 0 16px; font:600 25px var(--display); }.pagination { display:flex; justify-content:end; align-items:center; gap:12px; margin-top:18px; color:var(--subtle); font-size:12px; }
@media(max-width:1100px){.workspace-tools #updated-at{display:none}.workspace-header{align-items:start}.workspace-metrics>div{padding:17px}.draft-row{grid-template-columns:55px minmax(0,1fr) 120px;gap:15px}.draft-row>.record-price{display:none}.source-grid{grid-template-columns:1fr}}
@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace-sidebar{position:static;height:auto;padding:20px 16px}.workspace-sidebar .workspace-brand{padding:0 0 20px;font-size:26px}.workspace-nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:5px}.workspace-nav button{white-space:nowrap;padding:10px 13px;gap:12px}.workspace-account{display:none}.workspace-main{padding:24px 16px 45px}.workspace-header{flex-direction:column;gap:16px}.workspace-tools{justify-content:start}.workspace-metrics{grid-template-columns:1fr 1fr}.workspace-metrics>div:nth-child(2){border-right:0}.workspace-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--tan)}.draft-row{padding:16px;grid-template-columns:48px minmax(0,1fr);gap:12px}.draft-thumb{width:48px;height:60px}.draft-row>.action{grid-column:2;justify-self:start;padding:8px 13px;min-height:35px}.form-grid{grid-template-columns:1fr}.workspace-dialog{padding:20px}.draft-original{align-items:start;padding:14px;gap:14px}.workspace-table{min-width:600px}}
@media(max-width:760px){.workspace-account{display:flex;margin-top:12px;padding:8px 0 0}}
@media(prefers-reduced-motion:reduce){.operator-body *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}