/* Readable operations desk: light by default, same hierarchy in dark mode. */
:root {
  color-scheme: light;
  --bg:#f4f5f7; --surface:#ffffff; --card:#ffffff; --card-hover:#f7f8fa;
  --border:#dce1e8; --text-pri:#172536; --text-sec:#526174; --text-dim:#657489;
  --accent:#bd4a0b; --accent-light:#a83e07; --accent-dim:#fff1e6;
  --green:#096546; --green-dim:#e4f5ec; --red:#a52b35; --red-dim:#fcecee;
  --amber:#805300; --amber-dim:#fff3d8;
  --ig:#a32356; --fb:#2458a5; --yt:#a52b35;
  --shadow:0 2px 6px rgba(23,37,54,.035);
}
:root[data-theme=dark] {
  color-scheme:dark;
  --bg:#0f141c; --surface:#18212e; --card:#18212e; --card-hover:#202c3c;
  --border:#334255; --text-pri:#edf2f8; --text-sec:#b2bfd0; --text-dim:#9bacbf;
  --accent:#fb923c; --accent-light:#fdba74; --accent-dim:#38291f;
  --green:#7ce4b5; --green-dim:#173d31; --red:#ffadb3; --red-dim:#492830;
  --amber:#ffda85; --amber-dim:#413720;
  --ig:#ffacd0; --fb:#a4c8ff; --yt:#ffadb3;
  --shadow:0 2px 8px rgba(0,0,0,.1);
}
body { font-size:15px; line-height:1.6; }
main { max-width:1600px; margin:auto; padding:28px 36px 64px; }
.topbar { background:var(--surface); padding:16px 28px; gap:24px; box-shadow:var(--shadow); backdrop-filter:none; }
.brand { display:inline-flex; align-items:center; gap:.25em; flex-shrink:0; border:0; padding:0; background:transparent; color:var(--text-pri); font-size:21px; line-height:1.3; white-space:nowrap; cursor:pointer; }
.brand:focus-visible { outline:2px solid var(--accent); outline-offset:5px; border-radius:4px; }
.tabs { gap:8px; }
.tab { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 18px; font-size:15px; line-height:1.35; }
.tab.active { font-weight:600; }
.topbar-right { gap:10px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; vertical-align:middle; box-sizing:border-box; padding:9px 15px; min-height:40px; height:auto; font-size:14px; line-height:1.35; text-align:center; white-space:normal; overflow-wrap:anywhere; }
.btn>svg,.btn>.icon { flex:0 0 auto; display:block; }
.btn.small { min-height:36px; padding:6px 12px; font-size:13px; }
.btn.primary { color:#fff; background:#bd4a0b; border-color:#bd4a0b; }
.btn.primary:hover { background:#a83e07; }
input, select, textarea { padding:9px 12px; min-height:42px; border-color:var(--border); }
input[type=checkbox] { min-height:initial; accent-color:var(--accent); }
.small, .meta, .rules, .drawer .meta { font-size:13px; }
.overview-heading { padding:10px 0 28px; }
.overview-heading h1, .page-heading h1 { font-size:clamp(27px,3vw,38px); line-height:1.15; letter-spacing:-.035em; margin:8px 0 12px; }
.page-heading { margin:8px 0 28px; }
.eyebrow { font-size:12px; font-weight:500; color:var(--accent-light); }
h2 { font-size:22px; }
h3 { font-size:17px; font-weight:700; color:var(--text-pri); margin-bottom:16px; }
.kpis { gap:16px; margin-bottom:24px; }
.kpi { padding:22px; border-radius:14px; box-shadow:var(--shadow); }
.kpi .label { font-size:14px; color:var(--text-sec); }
.kpi .value { font-size:36px; line-height:1.2; margin-top:12px; letter-spacing:-.03em; }
.kpi:first-child { border-top:3px solid var(--accent); }
.grid2 { gap:20px; margin-bottom:24px; }
.card { padding:24px; border-radius:14px; box-shadow:var(--shadow); }
.overview-item { padding:16px 0; gap:6px; }
.overview-item b { font-size:16px; }
.overview-item .muted { font-size:14px; }
#overview-attention { max-height:390px; padding-right:8px; }
.toolbar { gap:12px; padding:16px; background:var(--card); border:1px solid var(--border); border-radius:12px; margin-bottom:20px; }
.toolbar h2 { margin-right:auto; }
.toolbar label { margin:0; }
.chip { padding:8px 14px; font-size:13px; min-height:36px; }
.seg button { padding:10px 18px; font-size:14px; }
.badge, .status { padding:5px 10px; font-size:12px; font-weight:600; line-height:1.4; border-radius:7px; }
.badge.instagram { color:var(--ig); background:var(--card-hover); border:1px solid var(--border); }
.badge.facebook { color:var(--fb); background:var(--card-hover); border:1px solid var(--border); }
.badge.youtube { color:var(--yt); background:var(--card-hover); border:1px solid var(--border); }
.status { white-space:nowrap; }
.table-wrap { border-radius:12px; box-shadow:var(--shadow); }
.table th { padding:16px; font-size:13px; background:var(--card-hover); color:var(--text-sec); }
.table td { padding:16px; font-size:14px; }
.table tbody tr:nth-child(even) { background:var(--card-hover); }
.table tbody tr:hover { background:var(--accent-dim); }
.table td:first-child { font-weight:600; }
.mini { font-size:14px; }
.mini td, .mini th { padding:12px 8px; }
.mini th { font-size:12px; }
.day { margin-top:26px; }
.day-head { font-size:21px; margin-bottom:14px; flex-wrap:wrap; }
.day-head .muted { font-size:13px; }
.upload-card { margin-bottom:14px; border-radius:14px; box-shadow:var(--shadow); }
.upload-card summary { padding:20px; gap:20px; }
.upload-card summary:hover { background:var(--card-hover); border-radius:14px; }
.upload-card .thumb { width:72px; height:104px; border-radius:8px; flex-shrink:0; }
.upload-title b { font-size:17px; }
.upload-title .sub { font-size:14px; margin-top:9px; }
.upload-badges { gap:7px; max-width:40%; }
.upload-details { padding:0 24px; }
.destination { padding:20px 0; }
.destination p { font-size:14px; }
.thumb { width:50px; height:76px; }
.login-card { width:min(420px,calc(100vw - 32px)); padding:36px; box-shadow:var(--shadow); }
.login-card h1 { font-size:30px; }
.drawer, .modal-card { background:var(--surface); }
.removed td { opacity:.65; }
@media(max-width:1250px) {
  .topbar { flex-wrap:wrap; gap:14px; }
  .topbar-right { gap:8px; }
  #kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:760px) {
  main { padding:22px 16px 40px; }
  .topbar { position:relative; padding:16px; gap:12px; }
  .tabs { order:3; width:100%; flex-wrap:wrap; }
  .tab { flex:1; }
  .topbar-right { width:100%; flex-wrap:wrap; margin:0; }
  .grid2 { grid-template-columns:minmax(0,1fr); }
  .kpis, #kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .kpi { padding:16px; }
  .kpi .value { font-size:30px; }
  .kpi .label { font-size:13px; }
  .card { padding:20px; }
  .toolbar { padding:12px; }
  .toolbar select, .toolbar input[type=search] { max-width:100%; }
  .overview-heading { gap:10px; }
  .overview-heading h1 { font-size:28px; }
  .upload-card summary { padding:16px; gap:12px; flex-wrap:wrap; }
  .upload-card .thumb { width:56px; height:82px; }
  .upload-title { width:calc(100% - 100px); }
  .upload-title b { white-space:normal; line-height:1.4; font-size:16px; }
  .upload-title .sub { font-size:13px; }
  .upload-badges { margin:0; max-width:100%; width:100%; }
  .upload-details { padding:0 16px; }
  #coverage-table, #coverage-table tbody { display:block; }
  #coverage-table thead { display:none; }
  #coverage-table tr { display:block; padding:16px; border-bottom:1px solid var(--border); }
  #coverage-table td { display:flex; justify-content:space-between; align-items:center; gap:16px; border:0; padding:6px 0; white-space:normal; text-align:right; font-size:14px; }
  #coverage-table td::before { content:attr(data-label); color:var(--text-sec); font-size:12px; text-align:left; flex-shrink:0; font-weight:400; }
  #coverage-table td:first-child { font-size:18px; text-align:left; justify-content:flex-start; padding-bottom:10px; }
  #coverage-table td:first-child::before { display:none; }
}
@media(prefers-reduced-motion:no-preference) {
  .btn, .tab, .upload-card summary { transition:background-color .15s ease,border-color .15s ease; }
}

/* Keep the workspace context visible without displacing the working area. */
.topbar{padding:8px 24px;gap:8px 16px}.topbar .tabs{gap:4px}.topbar .main-tab{padding:8px 14px}
#workspace-bar{padding-top:8px;padding-bottom:8px;gap:8px 16px}
#workspace-subtabs .tab{padding:9px 12px}
main{padding-top:16px}
@media(max-width:760px){.topbar{padding:10px 16px}.topbar .main-tab{padding:8px}.topbar .tabs{gap:2px}main{padding-top:16px}}