:root{
  --slate:#1E4B63;
  --slate-2:#2C5E78;
  --slate-deep:#183C50;
  --cream:#FFF6E6;
  --sand:#E6D4A2;
  --gold:#E3B12C;
  --sage:#788A5E;
  --clay:#B4502F;

  --page:#FBF4E1;
  --card:#FFFDF8;
  --ink:#1E4B63;
  --muted:#6E828B;
  --faint:#93A2A9;
  --line:rgba(30,75,99,0.12);
  --line-soft:rgba(30,75,99,0.07);

  --gold-tint:rgba(227,177,44,0.14);
  --sage-tint:rgba(120,138,94,0.16);
  --slate-tint:rgba(30,75,99,0.07);
  --clay-tint:#F7E7DC;
  --clay-row:#FAEDE4;

  --serif:'Spectral', Georgia, serif;
  --mono:'IBM Plex Mono', ui-monospace, monospace;
  --sans:'Hanken Grotesk', system-ui, sans-serif;

  --sidew:240px;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{background:var(--page);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;}
.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:0.14em;}
.serif{font-family:var(--serif);}
a{color:inherit;}

/* ============================================================= SIDEBAR */
.app{display:flex;min-height:100vh;}
.sidebar{
  width:var(--sidew);position:fixed;top:0;left:0;bottom:0;z-index:30;
  background:var(--slate);
  background-image:linear-gradient(180deg,#235471 0%,#1E4B63 38%,#183C50 100%);
  display:flex;flex-direction:column;color:var(--cream);
  border-right:1px solid rgba(0,0,0,0.15);
}
.sidebar .brand{display:flex;align-items:center;gap:11px;padding:20px 20px 18px;}
.sidebar .mark{width:34px;height:34px;flex:none;}
.sidebar .wm{font-family:var(--serif);font-weight:700;font-size:22px;letter-spacing:0.01em;color:var(--cream);line-height:1;}
.sidebar .tag{font-family:var(--mono);font-size:9px;letter-spacing:0.24em;color:var(--gold);font-weight:600;text-transform:uppercase;margin-top:3px;}

.nav-group{padding:6px 12px;}
.nav-group .gl{font-family:var(--mono);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,246,230,0.42);padding:14px 10px 8px;}
.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;border:none;cursor:pointer;
  color:rgba(255,246,230,0.74);font-family:var(--sans);font-size:14px;font-weight:500;
  padding:10px 11px;border-radius:9px;position:relative;transition:background .14s ease,color .14s ease;}
.nav-item:hover{background:rgba(255,255,255,0.06);color:var(--cream);}
.nav-item.active{background:rgba(255,255,255,0.10);color:var(--cream);}
.nav-item.active::before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gold);}
.nav-item svg{width:18px;height:18px;flex:none;stroke-width:1.8;opacity:.92;}
.nav-item .badge{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:600;background:var(--gold);color:var(--slate);border-radius:99px;padding:1px 7px;letter-spacing:0.02em;}
.nav-item .badge.muted{background:rgba(255,255,255,0.14);color:var(--cream);}

.sidebar .spacer{flex:1;}
.shutter{margin:12px;padding:13px 13px;border-radius:12px;background:rgba(0,0,0,0.18);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:11px;}
.shutter .ava{width:34px;height:34px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--gold);}
.shutter .ava svg{width:20px;height:20px;}
.shutter .nm{font-weight:600;font-size:13.5px;color:var(--cream);display:flex;align-items:center;gap:7px;}
.shutter .nm i{width:7px;height:7px;border-radius:50%;background:#7FBF7A;box-shadow:0 0 0 3px rgba(127,191,122,0.25);}
.shutter .ro{font-family:var(--mono);font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,246,230,0.5);margin-top:3px;}

/* ============================================================= MAIN */
.main{margin-left:var(--sidew);flex:1;min-width:0;display:flex;flex-direction:column;}
.topbar{height:60px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;
  padding:0 36px;border-bottom:1px solid var(--line);background:rgba(251,244,225,0.85);backdrop-filter:saturate(140%) blur(8px);}
.topbar .crumb{font-family:var(--mono);font-size:11px;letter-spacing:0.13em;text-transform:uppercase;color:var(--muted);}
.topbar .crumb b{color:var(--slate);font-weight:600;}
.topbar .right{margin-left:auto;display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--muted);}
.topbar .conn{display:flex;align-items:center;gap:7px;color:var(--slate);white-space:nowrap;}
.topbar .conn i{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 3px var(--sage-tint);}
.topbar .sep{color:var(--faint);}

/* iMessage texting-bridge status pill (clickable to restart) */
.bridge-pill{display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;
  font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--slate);
  background:var(--card);border:1px solid var(--line);border-radius:9px;padding:6px 11px;
  transition:background .15s,border-color .15s,opacity .15s;}
.bridge-pill:hover{border-color:var(--slate);}
.bridge-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:none;}
.bridge-pill.checking{opacity:.7;}
.bridge-pill.checking .dot{background:var(--faint);}
.bridge-pill.healthy .dot{background:var(--sage);box-shadow:0 0 0 3px var(--sage-tint);}
.bridge-pill.working{opacity:.85;}
.bridge-pill.working .dot{background:var(--gold,#E3B12C);animation:bridgePulse 1s ease-in-out infinite;}
.bridge-pill.degraded{border-color:#C0392B;color:#C0392B;}
.bridge-pill.degraded .dot{background:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.15);}
.bridge-pill.error{border-color:#B8860B;color:#B8860B;}
.bridge-pill.error .dot{background:#B8860B;}
@keyframes bridgePulse{0%,100%{opacity:1;}50%{opacity:.35;}}

.search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 12px;min-width:210px;}
.search svg{width:14px;height:14px;color:var(--faint);flex:none;}
.search input{border:none;background:transparent;outline:none;font-family:var(--sans);font-size:13px;color:var(--slate);width:100%;}
.search input::placeholder{color:var(--faint);}

.page{max-width:1080px;width:100%;margin:0 auto;padding:30px 36px 60px;}
.view{display:none;}
.view.active{display:block;}

/* ============================================================= BUTTONS */
.btn-gold{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--slate);font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;border:none;border-radius:9px;padding:11px 20px;cursor:pointer;box-shadow:0 5px 16px rgba(227,177,44,0.26);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
.btn-gold:hover{background:#d9a51f;transform:translateY(-1px);box-shadow:0 8px 20px rgba(227,177,44,0.32);}
.btn-gold svg{width:14px;height:14px;stroke-width:2.4;}
.btn-gold.spin svg{animation:rot .7s linear;}
@keyframes rot{to{transform:rotate(360deg)}}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:var(--card);color:var(--slate);font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;border:1px solid var(--line);border-radius:9px;padding:10px 16px;cursor:pointer;transition:border-color .14s ease,background .14s;}
.btn-ghost:hover{border-color:var(--sand);background:#fff;}
.btn-ghost svg{width:14px;height:14px;stroke-width:2.2;}

/* ============================================================= WORKLOAD HEADER */
.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:0.2em;color:var(--gold);font-weight:600;margin-bottom:14px;}
.eyebrow .live{width:7px;height:7px;border-radius:50%;background:var(--gold);position:relative;}
.eyebrow .live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--gold);opacity:.5;animation:pulse 2.4s ease-out infinite;}
@keyframes pulse{0%{transform:scale(.7);opacity:.6}100%{transform:scale(1.6);opacity:0}}
.pagehead h1{font-family:var(--serif);font-weight:700;font-size:44px;line-height:1.0;letter-spacing:-0.015em;color:var(--slate);}
.pagehead h1 .accent{color:var(--gold);font-style:italic;font-weight:600;}
.pagehead p.sub{max-width:460px;margin-top:14px;color:var(--muted);font-size:15.5px;line-height:1.55;}

/* ============================================================= FILTERS */
.filterbar{display:flex;align-items:center;gap:14px;padding:22px 0 14px;flex-wrap:wrap;}
.chips{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0;}
.chip{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;text-transform:none;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:99px;padding:7px 13px;cursor:pointer;white-space:nowrap;transition:all .14s ease;font-weight:500;}
.chip:hover{border-color:var(--sand);color:var(--slate);}
.chip.active{background:var(--slate);border-color:var(--slate);color:var(--cream);}
.filter-right{display:flex;align-items:center;gap:9px;margin-left:auto;}
.select{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--slate);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;}
.select svg{width:11px;height:11px;opacity:.6;}
.iconbtn{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);flex:none;}
.iconbtn:hover{color:var(--slate);border-color:var(--sand);}
.iconbtn svg{width:14px;height:14px;}

/* ============================================================= SUMMARY */
.summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);margin-top:6px;}
.summary .cell{padding:20px 22px;border-right:1px solid var(--line-soft);}
.summary .cell:last-child{border-right:none;}
.summary .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:0.16em;color:var(--muted);text-transform:uppercase;margin-bottom:9px;}
.summary .val{display:flex;align-items:baseline;gap:7px;}
.summary .num{font-family:var(--serif);font-weight:700;font-size:42px;line-height:0.9;letter-spacing:-0.02em;color:var(--slate);}
.summary .unit{font-size:13px;color:var(--muted);}
.summary .meta{margin-top:9px;font-size:12.5px;color:var(--faint);}
.summary .cell.alert .num{color:var(--clay);}
.summary .cell.alert .meta{color:var(--clay);font-weight:500;}
.summary .cell.good .num{color:var(--sage);}

/* ============================================================= SECTION HEAD */
.sechead{display:flex;align-items:center;gap:16px;margin:40px 0 18px;flex-wrap:wrap;}
.sechead h2{font-family:var(--serif);font-weight:600;font-size:28px;letter-spacing:-0.01em;color:var(--slate);white-space:nowrap;}
.sechead h2 .count{color:var(--gold);font-style:italic;font-weight:500;}
.toggle{display:flex;background:var(--slate-tint);border-radius:9px;padding:3px;gap:2px;}
.toggle button{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);background:transparent;border:none;border-radius:7px;padding:7px 14px;cursor:pointer;font-weight:500;}
.toggle button.on{background:var(--card);color:var(--slate);box-shadow:0 1px 3px rgba(30,75,99,0.12);}
.legend{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap;}
.legend span{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.legend i{width:8px;height:8px;border-radius:50%;display:block;}
.lg-ed{background:var(--slate);}.lg-pm{background:var(--gold);}.lg-qa{background:var(--sage);}.lg-bl{background:var(--clay);}

/* ============================================================= EDITOR CARDS */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.ecard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 20px 8px;transition:box-shadow .18s ease,border-color .18s ease;display:flex;flex-direction:column;}
.ecard:hover{box-shadow:0 10px 30px -12px rgba(30,75,99,0.18);border-color:var(--sand);}
.ecard.empty{opacity:0.78;}
.ehead{display:flex;align-items:center;gap:12px;}
.avatar{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;font-size:16px;}
.av-slate{background:var(--slate);color:var(--cream);}.av-sage{background:var(--sage);color:var(--cream);}.av-gold{background:var(--gold);color:var(--slate);}.av-clay{background:var(--clay);color:var(--cream);}.av-sand{background:var(--sand);color:var(--slate);}
.ehead .who{flex:1;min-width:0;}
.ehead .nm{font-weight:600;font-size:15.5px;color:var(--slate);line-height:1.2;}
.ehead .role{font-family:var(--mono);font-size:9.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--faint);margin-top:3px;}
.load{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;padding:5px 10px;border-radius:99px;flex:none;}
.load i{width:6px;height:6px;border-radius:50%;}
.load.Heavy{background:var(--clay-tint);color:var(--clay);}.load.Heavy i{background:var(--clay);}
.load.Medium{background:var(--gold-tint);color:#9a7406;}.load.Medium i{background:var(--gold);}
.load.Light{background:var(--sage-tint);color:#566641;}.load.Light i{background:var(--sage);}

.ebig{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:18px;}
.ebig .big{display:flex;align-items:baseline;gap:8px;min-width:0;}
.ebig .bignum{font-family:var(--serif);font-weight:700;font-size:46px;line-height:0.85;letter-spacing:-0.02em;color:var(--slate);}
.ebig .big small{font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap;}
.ebig .pipe{text-align:right;flex:none;}
.ebig .pipe b{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--muted);}
.ebig .pipe small{display:block;font-size:11px;color:var(--faint);margin-top:1px;white-space:nowrap;}

.bar{height:5px;border-radius:3px;background:var(--sand);display:flex;overflow:hidden;margin-top:14px;}
.bar i{display:block;height:100%;}
.bar .ed{background:var(--slate);}.bar .pm{background:var(--gold);}.bar .qa{background:var(--sage);}
.barlbl{font-family:var(--mono);font-size:9.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.estats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px;}
.estats .box{background:var(--slate-tint);border-radius:9px;padding:10px 8px;text-align:center;}
.estats .box .n{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--slate);line-height:1;}
.estats .box .l{font-family:var(--mono);font-size:8.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:5px;}
.estats .box.over .n{color:var(--clay);}.estats .box.over{background:var(--clay-tint);}
.estats .box.zero .n{color:var(--faint);}

.worklab{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-soft);}
.worklab .t{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.worklab .c{font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--faint);white-space:nowrap;padding-left:10px;}

.wlist{margin-top:6px;}
.item{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:8px;margin:0 -8px;}
.item.late{background:var(--clay-row);}
.item .code{font-family:var(--mono);font-size:9px;letter-spacing:0.06em;color:var(--sage);font-weight:600;width:38px;flex:none;}
.item.late .code{color:var(--clay);}
.item .title{flex:1;min-width:0;font-size:13px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item .due{font-size:11.5px;color:var(--faint);white-space:nowrap;}
.item.late .due{color:var(--clay);font-weight:500;}
.item .st{font-size:11px;white-space:nowrap;text-align:right;min-width:74px;}
.st.review{font-family:var(--mono);font-size:9.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--gold);font-weight:600;}
.st.pill{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:0.04em;text-transform:uppercase;font-weight:600;padding:4px 9px;border-radius:99px;background:var(--sage-tint);color:#566641;}
.st.pill.qc{background:var(--slate-tint);color:var(--slate);}
.noactive{font-size:12.5px;color:var(--faint);padding:14px 0 6px;}
.efoot{margin-top:auto;padding:12px 0 10px;}
.efoot a{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--slate);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;}
.efoot a:hover{color:var(--gold);}

.pagefoot{border-top:1px solid var(--line);margin-top:48px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;color:var(--faint);text-transform:uppercase;}
.pagefoot a{color:var(--muted);text-decoration:none;}.pagefoot a:hover{color:var(--slate);}
.pagefoot .sep{opacity:.5;}

/* ============================================================= SOP LIBRARY */
.sop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:8px;}
.sop-head .htext{flex:1;min-width:280px;}
.sop-head h1{font-family:var(--serif);font-weight:700;font-size:40px;line-height:1.08;letter-spacing:-0.015em;color:var(--slate);}
.sop-head p.sub{max-width:520px;margin-top:12px;color:var(--muted);font-size:15.5px;line-height:1.55;}
.sop-filter{display:flex;align-items:center;gap:10px;margin:26px 0 20px;flex-wrap:wrap;}
.sop-tabs{display:flex;gap:6px;flex-wrap:wrap;}
.sop-tab{font-family:var(--mono);font-size:11px;letter-spacing:0.05em;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:99px;padding:7px 14px;cursor:pointer;font-weight:500;}
.sop-tab:hover{border-color:var(--sand);color:var(--slate);}
.sop-tab.active{background:var(--slate);border-color:var(--slate);color:var(--cream);}

.sop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.sop-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;display:flex;flex-direction:column;gap:14px;}
.sop-card:hover{box-shadow:0 12px 32px -14px rgba(30,75,99,0.22);border-color:var(--sand);transform:translateY(-2px);}
.sop-card .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:none;}
.sop-card .ic svg{width:23px;height:23px;}
.ic.slate{background:var(--slate);color:var(--cream);}.ic.gold{background:var(--gold);color:var(--slate);}.ic.sage{background:var(--sage);color:var(--cream);}.ic.clay{background:var(--clay);color:var(--cream);}
.sop-card .top{display:flex;align-items:flex-start;gap:14px;}
.sop-card .top .tt{flex:1;min-width:0;}
.sop-card h3{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--slate);line-height:1.15;letter-spacing:-0.01em;}
.sop-card .cat{font-family:var(--mono);font-size:9.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:6px;}
.sop-card .desc{font-size:13.5px;color:var(--muted);line-height:1.5;}
.sop-card .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:0.04em;color:var(--faint);text-transform:uppercase;margin-top:auto;padding-top:6px;}
.sop-card .meta .dot{opacity:.5;}
.sop-card .draft{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;color:#9a7406;background:var(--gold-tint);border-radius:99px;padding:3px 9px;}

/* ============================================================= SOP DETAIL */
.sop-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);background:none;border:none;cursor:pointer;padding:0;margin-bottom:24px;font-weight:500;}
.sop-back:hover{color:var(--slate);}
.sop-back svg{width:14px;height:14px;}

.sop-doc{max-width:760px;}
.sop-hero{background:linear-gradient(135deg,#FFFDF6 0%,#FBEFD6 100%);border:1px solid var(--line);border-radius:18px;padding:30px 32px;position:relative;overflow:hidden;}
.sop-hero .eyebrow{margin-bottom:14px;}
.sop-hero h1{font-family:var(--serif);font-weight:700;font-size:38px;line-height:1.05;letter-spacing:-0.015em;color:var(--slate);max-width:90%;}
.sop-hero .lede{margin-top:14px;color:var(--muted);font-size:16px;line-height:1.55;max-width:92%;}
.sop-hero .metarow{display:flex;gap:26px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);}
.sop-hero .metarow .mi .k{font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--faint);}
.sop-hero .metarow .mi .v{font-size:14px;color:var(--slate);font-weight:600;margin-top:4px;}

.qref{margin-top:30px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);}
.qref .qh{font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);padding:14px 20px;border-bottom:1px solid var(--line-soft);background:var(--slate-tint);}
.qref .qrow{display:flex;align-items:center;gap:16px;padding:13px 20px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .12s;}
.qref .qrow:last-child{border-bottom:none;}
.qref .qrow:hover{background:var(--gold-tint);}
.qref .qrow .want{flex:1;font-size:14px;color:var(--slate);}
.qref .qrow .go{font-family:var(--mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap;}
.qref .qrow .go svg{width:13px;height:13px;}

.sop-section{margin-top:44px;scroll-margin-top:76px;}
.sop-section .sh{display:flex;align-items:baseline;gap:14px;margin-bottom:8px;}
.sop-section .sn{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--gold);letter-spacing:0.08em;background:var(--gold-tint);border-radius:8px;padding:5px 10px;flex:none;}
.sop-section h2{font-family:var(--serif);font-weight:600;font-size:27px;color:var(--slate);letter-spacing:-0.01em;line-height:1.2;}
.blk{margin-top:16px;}
.blk.p{font-size:15.5px;line-height:1.62;color:#3c5560;}
.blk.p b{color:var(--slate);font-weight:600;}
.blk.p code, .inline-code{font-family:var(--mono);font-size:0.86em;background:var(--slate-tint);color:var(--slate);padding:2px 6px;border-radius:5px;}

/* steps */
.steps{margin-top:18px;display:flex;flex-direction:column;}
.step{display:flex;gap:16px;position:relative;padding-bottom:22px;}
.step:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:0;width:2px;background:var(--sand);}
.step .num{width:32px;height:32px;border-radius:50%;flex:none;background:var(--slate);color:var(--cream);font-family:var(--serif);font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;z-index:1;}
.step .body{padding-top:3px;}
.step .st-t{font-weight:600;font-size:15.5px;color:var(--slate);line-height:1.4;}
.step .st-d{font-size:14.5px;color:var(--muted);line-height:1.55;margin-top:4px;}
.step .st-d code, .step .st-t code{font-family:var(--mono);font-size:0.85em;background:var(--slate-tint);color:var(--slate);padding:2px 6px;border-radius:5px;}

/* command / chat examples */
.cmds{margin-top:16px;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.cmds .cmd{display:flex;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);}
.cmds .cmd:last-child{border-bottom:none;}
.cmds .cmd .c{font-family:var(--mono);font-size:12.5px;color:var(--slate);font-weight:500;background:var(--slate-tint);padding:5px 9px;border-radius:6px;white-space:nowrap;flex:none;}
.cmds .cmd .d{font-size:13.5px;color:var(--muted);line-height:1.45;}

.chat{margin-top:16px;display:flex;flex-direction:column;gap:9px;}
.chat .msg{display:flex;gap:11px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px;}
.chat .msg .at{font-family:var(--mono);font-size:12px;color:var(--gold);font-weight:600;flex:none;}
.chat .msg .tx{font-size:14.5px;color:var(--slate);line-height:1.5;font-family:var(--mono);}

/* callouts */
.callout{margin-top:18px;border-radius:13px;padding:17px 19px 17px 18px;border-left:4px solid;display:flex;gap:13px;}
.callout .cic{width:22px;height:22px;flex:none;margin-top:1px;}
.callout .cic svg{width:22px;height:22px;}
.callout .ct{font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;font-weight:700;margin-bottom:6px;}
.callout .cb{font-size:14.5px;line-height:1.55;}
.callout.tip{background:var(--gold-tint);border-color:var(--gold);} .callout.tip .ct{color:#9a7406;} .callout.tip .cic{color:var(--gold);} .callout.tip .cb{color:#6b5410;}
.callout.note{background:var(--sage-tint);border-color:var(--sage);} .callout.note .ct{color:#4e5d3b;} .callout.note .cic{color:var(--sage);} .callout.note .cb{color:#445033;}
.callout.warn{background:var(--clay-tint);border-color:var(--clay);} .callout.warn .ct{color:var(--clay);} .callout.warn .cic{color:var(--clay);} .callout.warn .cb{color:#7d3a22;}
.callout.rule{background:var(--slate-tint);border-color:var(--slate);} .callout.rule .ct{color:var(--slate);} .callout.rule .cic{color:var(--slate);} .callout.rule .cb{color:#3c5560;}

/* tables */
.sop-table{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.sop-table table{width:100%;border-collapse:collapse;}
.sop-table th{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:12px 16px;background:var(--slate-tint);border-bottom:1px solid var(--line-soft);}
.sop-table td{padding:13px 16px;font-size:14px;color:#3c5560;line-height:1.5;border-bottom:1px solid var(--line-soft);vertical-align:top;}
.sop-table tr:last-child td{border-bottom:none;}
.sop-table td:first-child{color:var(--slate);font-weight:500;}
.sop-table td code, .sop-table th code{font-family:var(--mono);font-size:0.85em;background:rgba(30,75,99,0.06);padding:2px 6px;border-radius:5px;color:var(--slate);}

.bullets{margin-top:14px;display:flex;flex-direction:column;gap:9px;}
.bullets .bl{display:flex;gap:11px;font-size:14.5px;line-height:1.55;color:#3c5560;}
.bullets .bl::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none;margin-top:8px;}
.bullets .bl b{color:var(--slate);font-weight:600;}

/* ============================================================= MODAL */
.modal-bg{position:fixed;inset:0;background:rgba(24,60,80,0.42);backdrop-filter:blur(3px);z-index:60;display:none;align-items:flex-start;justify-content:center;padding:60px 20px;overflow:auto;}
.modal-bg.open{display:flex;}
.modal{background:var(--card);border-radius:18px;width:100%;max-width:560px;box-shadow:0 30px 80px -20px rgba(24,60,80,0.5);overflow:hidden;}
.modal .mh{padding:24px 28px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;}
.modal .mh h3{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--slate);}
.modal .mh .x{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;}
.modal .mh .x:hover{color:var(--slate);border-color:var(--sand);}
.modal .mb{padding:22px 28px;display:flex;flex-direction:column;gap:16px;}
.field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-weight:600;}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 13px;font-family:var(--sans);font-size:14px;color:var(--slate);background:#fff;outline:none;resize:vertical;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-tint);}
.field .hint{font-size:12px;color:var(--faint);margin-top:6px;line-height:1.4;}
.field.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.modal .mf{padding:18px 28px 24px;display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line-soft);}

@media(max-width:1080px){
  .grid,.sop-grid{grid-template-columns:1fr;}
}
@media(max-width:860px){
  :root{--sidew:0px;}
  .sidebar{transform:translateX(-100%);transition:transform .2s;}
  .sidebar.open{transform:translateX(0);}
  .main{margin-left:0;}
  .summary{grid-template-columns:1fr 1fr;}
  .summary .cell:nth-child(2){border-right:none;}
  .summary .cell:nth-child(1),.summary .cell:nth-child(2){border-bottom:1px solid var(--line-soft);}
}

/* ===================== CLIENTS — posting control panel ===================== */
.cl-note{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:0.02em;margin:6px 0 20px;}
#clientsGrid{align-items:start;}
.client-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:0 1px 0 rgba(30,75,99,0.03);}
.cl-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--line-soft);}
.cl-name{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--slate);line-height:1.1;}
.cl-sub{font-size:10.5px;color:var(--faint);margin-top:4px;letter-spacing:0.03em;}
.cl-pill{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:0.04em;padding:5px 10px;border-radius:99px;white-space:nowrap;}
.cl-pill.ok{background:var(--sage-tint);color:var(--sage);}
.cl-pill.warn{background:var(--clay-tint);color:var(--clay);}
.cl-block{margin-bottom:16px;}
.cl-lbl{display:block;font-family:var(--mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--faint);margin-bottom:9px;}
.cl-tz{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500;margin-left:6px;}
.ch-list{display:flex;flex-direction:column;gap:7px;}
.ch-row{display:flex;align-items:center;gap:10px;font-size:13px;}
.ch-row.dim{opacity:0.45;}
.ch-ic{width:18px;height:18px;display:inline-flex;color:var(--muted);flex:none;}
.ch-ic svg{width:18px;height:18px;}
.ch-name{font-weight:600;color:var(--slate);width:78px;flex:none;}
.ch-state{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;}
.ch-dot{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex:none;}
.ch-row.ok .ch-dot{background:var(--sage);color:#fff;}
.ch-row.ok .ch-state{color:var(--slate);}
.ch-row.warn .ch-dot{background:var(--gold);color:var(--slate);}
.ch-row.off .ch-dot{background:transparent;border:1.5px solid var(--faint);color:var(--faint);}
.ch-row.off .ch-state{color:var(--muted);}
.cad-list{list-style:none;display:flex;flex-direction:column;gap:5px;}
.cad-list li{font-size:12.5px;color:var(--slate);line-height:1.4;padding-left:14px;position:relative;}
.cad-list li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--sand);}
.cl-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:14px 0;border-top:1px solid var(--line-soft);margin-bottom:14px;font-size:13px;color:var(--slate);}
.cl-meta>div{display:flex;flex-direction:column;gap:3px;}
.cl-meta i{color:var(--faint);font-style:italic;}
.cl-gaps{background:var(--clay-row);border:1px solid rgba(180,80,47,0.18);border-radius:11px;padding:12px 14px;}
.cl-gaps.ok{background:var(--sage-tint);border-color:rgba(120,138,94,0.22);}
.cl-gaps-h{font-family:var(--mono);font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;color:var(--clay);margin-bottom:7px;}
.cl-gaps.ok .cl-gaps-h{color:var(--sage);margin-bottom:0;}
.cl-gaps ul{list-style:none;display:flex;flex-direction:column;gap:5px;}
.cl-gaps li{font-size:12.5px;color:var(--slate);padding-left:15px;position:relative;line-height:1.4;}
.cl-gaps li::before{content:"○";position:absolute;left:0;color:var(--clay);font-size:11px;}
@media(max-width:760px){.cl-meta{grid-template-columns:1fr;}}

/* ----- Clients: interactive bits (buttons, skeletons, modal) ----- */
.cl-head-btns{display:flex;align-items:center;gap:10px;}
.cl-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);}
.cl-mini{font-family:var(--mono);font-size:10.5px;letter-spacing:0.04em;font-weight:600;color:var(--slate);background:transparent;border:1px solid var(--line);border-radius:7px;padding:6px 11px;cursor:pointer;transition:all .14s ease;}
.cl-mini:hover{border-color:var(--sand);background:var(--slate-tint);}
.cl-mini.gold{background:var(--gold-tint);border-color:transparent;color:#8a6a10;}
.cl-mini.gold:hover{background:rgba(227,177,44,0.24);}
.ch-row .cl-mini{margin-left:auto;padding:4px 9px;font-size:10px;}
.client-card.skeleton{border-style:dashed;background:transparent;}
.cl-pill.ghost{background:transparent;border:1px solid var(--line);color:var(--faint);}
.cl-skel-note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:4px 0 0;}
/* modal body bits (reuses .modal-bg/.modal/.mh/.mb design) */
#clModalBg .modal{max-width:560px;}
.cl-modal-p{font-size:14px;color:var(--slate);line-height:1.55;margin-bottom:14px;}
.cl-modal-note{font-size:12px;color:var(--muted);line-height:1.5;margin-top:13px;}
.cl-copy{display:flex;align-items:stretch;gap:8px;background:var(--page);border:1px solid var(--line);border-radius:9px;padding:10px 12px;}
.cl-copy code{font-family:var(--mono);font-size:12px;color:var(--slate);word-break:break-all;flex:1;line-height:1.5;}
.cl-copy .cl-mini{flex:none;align-self:center;}

/* ----- Clients: create-client form (in-modal) ----- */
.cl-form{display:flex;flex-direction:column;gap:13px;margin-bottom:6px;}
.cl-form label{display:flex;flex-direction:column;gap:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);font-weight:600;}
.cl-form .cl-opt{text-transform:none;letter-spacing:0;color:var(--faint);font-weight:400;font-style:italic;}
.cl-form input,.cl-form select{font-family:var(--sans);font-size:14px;color:var(--slate);background:var(--page);border:1px solid var(--line);border-radius:8px;padding:9px 11px;outline:none;}
.cl-form input:focus,.cl-form select:focus{border-color:var(--gold);}
.cl-form-msg{font-size:12.5px;color:var(--clay);min-height:16px;margin:10px 0 4px;}
.cl-form-actions{display:flex;justify-content:flex-end;margin-top:6px;}

/* ----- Clients: cadence editor ----- */
.cad-grid-head,.cad-row{display:grid;grid-template-columns:64px 86px 1fr 70px 24px;gap:8px;align-items:center;}
.cad-grid-head{font-family:var(--mono);font-size:9px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;padding:0 2px;}
#cad-rows{display:flex;flex-direction:column;gap:7px;max-height:46vh;overflow-y:auto;}
.cad-row input,.cad-row select{font-family:var(--sans);font-size:12.5px;color:var(--slate);background:var(--page);border:1px solid var(--line);border-radius:7px;padding:6px 7px;outline:none;width:100%;}
.cad-row input:focus,.cad-row select:focus{border-color:var(--gold);}
.cad-plats{display:flex;gap:4px;flex-wrap:wrap;}
.cad-plats label{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 6px;cursor:pointer;display:inline-flex;align-items:center;gap:3px;user-select:none;}
.cad-plats label.on{background:var(--sage-tint);border-color:transparent;color:var(--sage);}
.cad-plats label input{margin:0;width:auto;}
/* Quick post (one-off) */
.qp-tabs{display:flex;gap:6px;margin:2px 0 10px;}
.qp-tab{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.03em;color:var(--muted);background:var(--page);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;}
.qp-tab.on{background:var(--gold-tint,var(--sage-tint));border-color:var(--gold);color:var(--slate);}
.qp-input{font-family:var(--sans);font-size:13px;color:var(--slate);background:var(--page);border:1px solid var(--line);border-radius:8px;padding:9px 10px;outline:none;width:100%;box-sizing:border-box;}
.qp-input:focus{border-color:var(--gold);}
#qp-file{font-family:var(--sans);font-size:12.5px;color:var(--muted);}
.qp-plats label.qp-off{opacity:0.5;cursor:not-allowed;}
.qp-form label .cad-plats{margin-top:4px;}
.qp-time-row{display:flex;gap:6px;align-items:center;}
.qp-time-row input{flex:1;}
/* Cadence — visual week timeline */
.cad-releaserow{font-size:13px;color:var(--slate);margin:2px 0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cad-releaserow select{font-family:var(--sans);font-size:13px;color:var(--slate);background:var(--page);border:1px solid var(--line);border-radius:8px;padding:6px 8px;}
.cad-pills{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.cad-pill{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1.5px solid var(--line);border-radius:10px;padding:7px 13px;background:var(--page);cursor:pointer;min-width:98px;}
.cad-pill .cad-pill-l{font-weight:700;font-size:13px;color:var(--slate);}
.cad-pill .cad-pill-d{font-family:var(--mono);font-size:10px;color:var(--muted);}
.cad-pill.sel{background:var(--gold-tint);border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-tint);}
.cad-pill.lead.sel{border-color:var(--slate);} .cad-pill.short.sel{border-color:var(--sage);} .cad-pill.carousel.sel{border-color:var(--clay);}
.cad-weekhead{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;font-family:var(--mono);font-size:9px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);margin-bottom:5px;padding:0 2px;}
.cad-weekhead span{text-align:center;}
.cad-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}
.cad-cell{min-height:58px;border:1px solid var(--line);border-radius:9px;padding:5px;background:var(--card);cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .1s,box-shadow .1s;}
.cad-cell:hover{border-color:var(--gold);}
.cad-cell.before{opacity:0.35;cursor:default;background:transparent;}
.cad-cell.before:hover{border-color:var(--line);}
.cad-cell.release{border-color:var(--sage);}
.cad-cell.target{box-shadow:0 0 0 2px var(--gold);border-color:var(--gold);}
.cad-cell-h{display:flex;align-items:center;justify-content:space-between;gap:4px;}
.cad-dnum{font-family:var(--mono);font-size:10px;color:var(--muted);font-weight:600;}
.cad-rel{font-family:var(--mono);font-size:8px;letter-spacing:0.05em;text-transform:uppercase;color:var(--sage);font-weight:700;}
.cad-chip{font-size:10.5px;font-weight:600;border-radius:6px;padding:2px 6px;line-height:1.25;}
.cad-chip.lead{background:var(--slate-tint);color:var(--slate);}
.cad-chip.short{background:var(--sage-tint);color:var(--sage);}
.cad-chip.carousel{background:var(--clay-tint);color:var(--clay);}
.cad-chip.faint{opacity:0.5;font-weight:500;}
.cad-editcard{margin:12px 0 4px;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--gold-tint);}
.cad-editcard.lead{background:var(--slate-tint);} .cad-editcard.short{background:var(--sage-tint);} .cad-editcard.carousel{background:var(--clay-tint);}
.cad-edit-h{font-size:13px;color:var(--slate);margin-bottom:8px;}
.cad-edit-hint{font-family:var(--mono);font-size:10px;color:var(--muted);margin-left:6px;}
.cad-del{background:transparent;border:none;color:var(--faint);cursor:pointer;font-size:13px;padding:4px;}
.cad-del:hover{color:var(--clay);}
.cad-foot{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft);}
.cad-foot label{font-family:var(--mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);font-weight:600;display:flex;align-items:center;gap:8px;}
.cad-foot input{font-family:var(--sans);font-size:13px;color:var(--slate);background:var(--page);border:1px solid var(--line);border-radius:7px;padding:6px 8px;}
/* cadence live preview — "here's what this produces" */
.cad-preview{margin-top:14px;background:var(--sage-tint);border:1px solid rgba(120,138,94,0.22);border-radius:11px;padding:12px 14px;}
.cad-prev-head{font-family:var(--mono);font-size:10.5px;letter-spacing:0.05em;text-transform:uppercase;font-weight:600;color:var(--sage);margin-bottom:9px;}
.cad-prev-head b{color:var(--slate);}
.cad-prev-row{display:grid;grid-template-columns:48px 104px 128px 1fr auto;gap:8px;align-items:center;font-size:12.5px;color:var(--slate);padding:3px 0;}
.cad-prev-off{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--clay);}
.cad-prev-date{color:var(--muted);}
.cad-prev-type{font-weight:600;}
.cad-prev-type.carousel{color:var(--clay);}
.cad-prev-to{color:var(--slate);}
.cad-prev-auto{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--sage);background:var(--page);border:1px solid rgba(120,138,94,0.3);border-radius:5px;padding:2px 5px;justify-self:end;}
.cad-prev-note{font-size:12px;color:var(--muted);margin-top:9px;padding-top:9px;border-top:1px solid rgba(120,138,94,0.18);line-height:1.4;}
.cad-prev-note b{color:var(--slate);}
.cad-prev-type.short{color:var(--sage);}
.cad-prev-more{font-size:11.5px;font-style:italic;color:var(--faint);padding:2px 0 2px 100px;}
/* cadence editor — 3 sections (Teaser / Clips / Carousel) */
.cad-sec{background:var(--page);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;}
.cad-sec-h{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;}
.cad-sec-n{font-size:16px;line-height:1;color:var(--gold);font-weight:700;margin-top:1px;}
.cad-sec-t{font-size:14px;font-weight:600;color:var(--ink,var(--slate));}
.cad-sec-tag{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted);margin-left:6px;}
.cad-sec-sub{font-size:12px;color:var(--muted);margin-top:2px;}
.cad-sec-body{display:flex;flex-direction:column;gap:9px;}
.cad-f{display:flex;align-items:center;gap:10px;}
.cad-f-l{font-family:var(--mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);font-weight:600;width:48px;flex:none;}
.cad-f-hint{font-size:12px;color:var(--muted);}
.cad-when,.cad-time2{font-family:var(--sans);font-size:12.5px;color:var(--slate);background:var(--card,#fff);border:1px solid var(--line);border-radius:7px;padding:6px 8px;outline:none;}
.cad-when:focus,.cad-time2:focus{border-color:var(--gold);}
.cad-time2{width:90px;}
#clModalBg .modal{max-width:600px;}

/* ===================== POSTING CALENDAR ===================== */
.cal-select{font-family:var(--mono);font-size:11px;color:var(--slate);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;}
.cal-toolbar{display:flex;align-items:center;gap:10px;margin:6px 0 14px;}
.cal-month{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--slate);min-width:160px;text-align:center;}
.cal-toolbar .cl-mini{padding:6px 12px;font-size:13px;}
.cal-legend{margin-left:auto;display:flex;gap:8px;}
.cal-lg{font-family:var(--mono);font-size:9.5px;letter-spacing:0.04em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:99px;}
.cal-lg.draft{background:var(--clay-tint);color:var(--clay);}
.cal-lg.sched{background:var(--sage-tint);color:var(--sage);}
.cal-lg.pub{background:var(--slate-tint);color:var(--slate);}
.cal-weekhead{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;}
.cal-weekhead span{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);text-align:center;}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;}
.cal-cell{min-height:96px;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:5px 5px 6px;display:flex;flex-direction:column;gap:3px;overflow:hidden;}
.cal-cell.out{background:transparent;border-color:var(--line-soft);}
.cal-cell.out .cal-dnum{color:var(--faint);}
.cal-cell.today{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;}
.cal-dnum{font-family:var(--mono);font-size:11px;color:var(--muted);font-weight:600;padding:1px 2px;}
.cal-chip{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--slate);background:var(--page);border-left:3px solid var(--faint);border-radius:4px;padding:2px 5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45;}
.cal-chip:hover{background:var(--gold-tint);}
.cal-chip.draft{border-left-color:var(--clay);}
.cal-chip.sched{border-left-color:var(--sage);}
.cal-chip.pub{border-left-color:var(--slate);}
.cal-ic{width:11px;height:11px;flex:none;color:var(--muted);display:inline-flex;}
.cal-ic svg{width:11px;height:11px;}
.cal-t{font-family:var(--mono);font-size:9.5px;color:var(--muted);flex:none;}
.cal-caption{font-size:13.5px;color:var(--slate);line-height:1.55;background:var(--page);border:1px solid var(--line);border-radius:9px;padding:12px 14px;white-space:pre-wrap;max-height:40vh;overflow-y:auto;}
@media(max-width:760px){.cal-cell{min-height:70px;}.cal-chip{font-size:9px;}}

/* ----- Clients: run-a-batch (review screen) ----- */
.nb-spin{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:rot 0.8s linear infinite;margin:6px auto 0;}
.nb-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;margin:4px 0;}
.nb-post{background:var(--page);border:1px solid var(--line);border-left:3px solid var(--clay);border-radius:8px;padding:9px 12px;}
.nb-meta{display:flex;gap:10px;align-items:center;margin-bottom:3px;}
.nb-when{font-family:var(--mono);font-size:10.5px;color:var(--slate);font-weight:600;}
.nb-plat{font-family:var(--mono);font-size:9.5px;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);}
.nb-clip{font-size:12px;color:var(--muted);}
.nb-cap{font-size:13px;color:var(--slate);line-height:1.5;margin-top:3px;}

/* ----- Calendar: post detail media + delete ----- */
.cal-media{display:block;width:100%;max-height:300px;object-fit:contain;background:#000;border-radius:10px;margin:4px 0 14px;}
.cal-clipnote{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--page);border:1px solid var(--line);border-radius:8px;padding:9px 12px;margin:4px 0 12px;}
.cal-clipnote span{color:var(--faint);}
.cl-mini.cl-danger{color:var(--clay);border-color:var(--clay-tint);}
.cl-mini.cl-danger:hover{background:var(--clay-tint);border-color:var(--clay);}

.nb-cap{white-space:pre-wrap;word-break:break-word;}
.nb-yt{font-size:11.5px;color:var(--muted);margin-top:4px;font-style:italic;}

.nb-edit-cap{width:100%;min-height:80px;font-size:13px;color:var(--slate);background:var(--page);border:1px solid var(--line);border-radius:6px;padding:8px 10px;line-height:1.5;resize:vertical;font-family:inherit;margin-top:4px;box-sizing:border-box;}
.nb-edit-cap:focus{outline:none;border-color:var(--gold);}
.nb-edit-yt{width:100%;font-size:12px;color:var(--muted);background:var(--page);border:1px solid var(--line);border-radius:6px;padding:6px 10px;margin-top:4px;box-sizing:border-box;font-family:var(--mono);}
.nb-edit-yt:focus{outline:none;border-color:var(--gold);}
.nb-post{margin-bottom:6px;}

.nb-regen{font-size:9px;padding:2px 7px;margin-left:auto;opacity:0.7;}
.nb-regen:hover{opacity:1;}
.nb-regen:disabled{opacity:0.4;}

/* ============================================================= ANALYTICS */
.avatar.an-plat svg{width:20px;height:20px;}
.an-tag{font-family:var(--mono);font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);background:var(--slate-tint);border-radius:99px;padding:5px 10px;align-self:flex-start;white-space:nowrap;}
.an-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:18px;}
.an-hero .big{display:flex;flex-direction:column;gap:2px;min-width:0;}
.an-hero .bignum{font-family:var(--serif);font-weight:700;font-size:46px;line-height:0.85;letter-spacing:-0.02em;color:var(--slate);}
.an-hero .big small{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);}
.an-foll{flex:none;text-align:right;min-width:132px;}
.an-foll-top{display:flex;align-items:baseline;gap:6px;justify-content:flex-end;}
.an-foll-top b{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--sage);}
.an-foll-top span{font-family:var(--mono);font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);}
.an-spark{width:132px;height:34px;margin-top:6px;display:block;}
.an-nospark{font-size:18px;color:var(--faint);margin-top:6px;}
.an-reach{font-family:var(--mono);font-size:10.5px;letter-spacing:0.04em;color:var(--muted);margin-top:14px;}
.an-reach b{color:var(--slate);font-weight:600;}
.estats.an-stats{grid-template-columns:repeat(3,1fr);margin-top:14px;margin-bottom:14px;}

/* ===================================================== BATCH REVIEW (cleaner cards) */
.nb-post{border-left:3px solid var(--sage);padding:11px 13px;}
.nb-post.carousel{border-left-color:var(--gold);background:var(--gold-tint);}
.nb-role{font-family:var(--mono);font-size:9px;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;padding:3px 8px;border-radius:99px;}
.nb-role.lead{background:var(--slate);color:var(--cream);}
.nb-role.short{background:var(--sage-tint);color:#566641;}
.nb-role.carousel{background:var(--gold);color:var(--slate);}
.nb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px;}
.nb-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;letter-spacing:0.03em;color:var(--slate);background:var(--card);border:1px solid var(--line);border-radius:99px;padding:4px 9px;}
.nb-chip svg{width:12px;height:12px;}
.nb-chip.off{color:var(--faint);opacity:0.55;text-decoration:line-through;}
/* clickable per-post channel toggle */
button.nb-chip-t{cursor:pointer;transition:all .14s ease;}
button.nb-chip-t:hover{border-color:var(--slate);}
.nb-chip.useroff{color:var(--faint);opacity:0.5;text-decoration:line-through;border-style:dashed;}
.nb-carousel-note{font-size:12px;color:#7a5e12;background:var(--card);border:1px dashed var(--gold);border-radius:6px;padding:8px 10px;margin-top:4px;line-height:1.45;}
.nb-cta-note{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.4;}
.nb-cta-note .nb-cta-sub{color:var(--faint);}
.nb-yt-lab{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);margin-top:7px;}
/* YouTube-title provenance badge: where the title came from (OCR vs AI) */
.nb-src{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:9px;letter-spacing:0.04em;text-transform:none;font-weight:600;padding:2px 7px;border-radius:99px;margin-left:6px;vertical-align:middle;}
.nb-src-thumb{background:var(--sage-tint);color:#566641;}
.nb-src-ai{background:var(--gold-tint);color:#7a5e12;border:1px solid var(--gold);}
.nb-ai-dot{flex:none;font-size:9px;line-height:1;margin-left:1px;}
.wire-stale{font-size:11px;color:#7a5e12;background:var(--gold-tint);border:1px solid var(--gold);border-radius:6px;padding:6px 9px;margin-top:4px;line-height:1.4;}
/* batch-build progress bar */
.nb-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:4px;}
.nb-bar-fill{height:100%;width:4%;border-radius:99px;background:var(--gold);transition:width 1.4s ease;}
/* calendar post inline editor */
.cal-edit-lab{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--faint);margin-top:10px;}
.cal-edit-cap{display:block;width:100%;min-height:96px;margin-top:4px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;line-height:1.45;resize:vertical;box-sizing:border-box;}
.cal-edit-inp{display:block;width:100%;margin-top:4px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:13px;box-sizing:border-box;}
/* batch review = calendar (reuses .cal-grid/.cal-cell/.cal-chip; scoped tweaks) */
.nb-cal{max-height:50vh;overflow-y:auto;}
.nb-cal .cal-cell{min-height:74px;}
.nb-cal .cal-chip{white-space:normal;}
.nb-cal .cal-chip .cal-ics{display:inline-flex;gap:2px;margin-left:auto;flex:none;}
.nb-cal .cal-chip .cal-ics svg{width:11px;height:11px;}
.nb-cal .cal-chip .cal-ics .off{opacity:0.35;}
.cal-chip.role-lead{border-left-color:var(--slate);background:var(--slate-tint);}
.cal-chip.role-short{border-left-color:var(--sage);background:var(--sage-tint);}
.cal-chip.role-carousel{border-left-color:var(--gold);background:var(--gold-tint);font-weight:600;}
.nb-weekhead span{font-family:var(--mono);font-size:9.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--faint);text-align:center;}
.nb-lg{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;padding:2px 7px;border-radius:99px;margin-left:2px;}
.nb-lg.lead{background:var(--slate);color:var(--cream);}
.nb-lg.short{background:var(--sage-tint);color:#566641;}
.nb-lg.carousel{background:var(--gold);color:var(--slate);}
/* wide / expandable modal for the batch-review calendar */
.modal.wide{max-width:min(1080px,94vw);}
.modal.full{max-width:96vw;}
.nb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.nb-head #nb-expand{flex:none;}
.modal.wide .nb-cal{max-height:54vh;}
.modal.full .nb-cal{max-height:70vh;}
.modal.wide .nb-cal .cal-cell{min-height:96px;}
.modal.full .nb-cal .cal-cell{min-height:120px;}
.modal.wide .nb-cal .cal-chip{font-size:11px;}
/* clip media preview in the post editor */
.nb-preview{display:flex;gap:12px;align-items:flex-start;margin:8px 0 4px;}
.nb-thumb{width:150px;border-radius:8px;border:1px solid var(--line);display:block;flex:none;background:var(--slate-tint);object-fit:cover;}
.nb-thumb-none{width:150px;height:90px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--faint);}
.nb-preview-side{min-width:0;flex:1;}
.nb-fio{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.03em;color:var(--slate);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:5px 11px;}
.nb-fio:hover{border-color:var(--gold);color:#9a7406;}

/* ===== Phase 2/3 UX: setup stepper, schedule preview, connect watcher, styled confirms ===== */
.cl-steps{background:var(--slate-tint);border-color:var(--line);}
.cl-steps .cl-gaps-h{color:var(--slate);}
.cl-steplist{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0;}
.cl-step{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--slate);line-height:1.35;}
.cl-step::before{content:none;}
.cl-step-n{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--slate);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10.5px;font-weight:700;}
.cl-step.done{color:var(--muted);}
.cl-step.done .cl-step-n{border-color:var(--sage);color:var(--sage);background:var(--sage-tint);}
.cl-step-t{flex:1;min-width:0;}
.cl-step-d{display:block;font-size:11px;color:var(--muted);margin-top:1px;}
.cl-step .cl-mini{flex:none;}
.nb-sched{background:var(--gold-tint);border:1px solid rgba(227,177,44,0.3);border-radius:11px;padding:11px 14px;margin-top:12px;font-size:12.5px;color:var(--slate);}
.nb-sched-h{font-family:var(--mono);font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;color:#9a7406;margin-bottom:7px;}
.nb-sched-lines{display:flex;flex-direction:column;gap:4px;}
.nb-sched-warn{margin-top:9px;padding-top:9px;border-top:1px dashed rgba(227,177,44,0.4);color:var(--clay);display:flex;align-items:center;gap:9px;flex-wrap:wrap;line-height:1.4;}
.cl-connect-watch{display:flex;align-items:flex-start;gap:9px;background:var(--slate-tint);border-radius:10px;padding:11px 13px;margin-top:12px;font-size:12.5px;color:var(--slate);line-height:1.45;}
.cl-watch-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--gold);margin-top:4px;animation:watchpulse 1.6s ease-in-out infinite;}
@keyframes watchpulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.35;transform:scale(0.75);}}
.modal.cl-confirm{max-width:430px;}

/* ===== batch review: move mode + inline day/time editing; cadence clip days ===== */
.nb-move{display:none;margin-left:5px;cursor:grab;font-size:11px;opacity:0.65;padding:0 2px;border-radius:4px;}
.cal-chip:hover .nb-move{display:inline;}
.nb-move:hover{opacity:1;background:rgba(255,255,255,0.35);}
.cal-chip.moving{outline:2px dashed var(--gold);outline-offset:1px;opacity:0.65;}
.cal-cell.droppable{cursor:copy;background:var(--gold-tint);}
.cal-cell.droppable:hover{background:rgba(227,177,44,0.28);}
.nb-moving-banner{background:var(--gold-tint);border:1px solid rgba(227,177,44,0.4);border-radius:9px;padding:8px 12px;margin-top:8px;font-size:12.5px;color:var(--slate);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.nb-when-edit{display:inline-flex;align-items:center;gap:7px;}
.nb-when-edit input{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font:inherit;font-size:12.5px;color:var(--slate);background:var(--card);}

/* ===== pick-times-while-it-builds panel ===== */
.nb-times{margin-top:16px;}
.nb-times-h{font-size:12.5px;color:var(--slate);line-height:1.5;margin-bottom:9px;}
.nb-time-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--line-soft);border-radius:9px;margin-bottom:6px;background:var(--card);}
.nb-time-name{flex:1;min-width:0;font-size:12.5px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nb-time-row input{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font:inherit;font-size:12px;color:var(--slate);background:var(--card);}
.nb-pre-time{width:60px;}

/* ===== batch review LIST view (the default) ===== */
.nb-head-btns{display:flex;gap:7px;align-items:center;flex:none;}
.cl-mini.gold{border-color:var(--gold);color:#9a7406;background:var(--gold-tint);}
.nb-list{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.nb-l-row{display:flex;gap:13px;border:1px solid var(--line-soft);border-radius:12px;padding:12px;background:var(--card);}
.nb-l-thumb{width:104px;height:130px;object-fit:cover;border-radius:9px;border:1px solid var(--line);flex:none;background:var(--slate-tint);}
.nb-l-thumb-none{display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--faint);}
.nb-l-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;}
.nb-l-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.nb-l-name{font-size:13px;color:var(--slate);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34%;}
.nb-l-watch{font-family:var(--mono);font-size:10px;color:var(--slate);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:3px 9px;flex:none;}
.nb-l-watch:hover{border-color:var(--gold);color:#9a7406;}
.nb-l-when{margin-left:auto;display:inline-flex;gap:6px;align-items:center;flex:none;}
.nb-l-when input{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font:inherit;font-size:12px;color:var(--slate);background:var(--card);}
.nb-l-time{width:auto;}
.nb-l-cap{width:100%;min-height:74px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;font-size:12.5px;color:var(--slate);resize:vertical;background:var(--card);}
.nb-l-yt{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.05em;text-transform:uppercase;font-weight:600;color:var(--muted);}
.nb-l-yt input{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:inherit;font-size:12.5px;color:var(--slate);text-transform:none;letter-spacing:0;background:var(--card);}
.nb-l-row .nb-regen{align-self:flex-start;}
.nb-l-actions{display:flex;gap:8px;align-items:center;}
.cl-mini.nb-remove{color:var(--clay);border-color:var(--clay-tint);}
.cl-mini.nb-remove:hover{background:var(--clay-tint);border-color:var(--clay);}
.nb-l-row.nb-l-removed{border-style:dashed;background:transparent;opacity:0.8;align-items:center;}

/* ===== tz picker + native time inputs ===== */
.nb-tz-sel{border:1px solid var(--line);border-radius:7px;padding:4px 6px;font:inherit;font-size:12px;color:var(--slate);background:var(--card);font-weight:600;}
.cad-foot select{border:1px solid var(--line);border-radius:7px;padding:5px 8px;font:inherit;font-size:12px;color:var(--slate);background:var(--card);}
input[type="time"]{font-family:inherit;}

/* ===== titles for all content types + ✨ Try again + IG trial reels ===== */
.nb-title-row{display:flex;gap:6px;align-items:center;}
.nb-title-row input{flex:1;min-width:0;}
.nb-tryagain{white-space:nowrap;flex:none;text-transform:none;letter-spacing:0;}
.nb-thumb-title{font-family:var(--mono);font-size:10.5px;letter-spacing:0.03em;color:var(--muted);margin-top:7px;text-transform:none;}
.nb-thumb-title b{font-weight:600;color:var(--slate);text-transform:none;}
.nb-trial{display:flex;align-items:center;gap:7px;margin-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.05em;text-transform:uppercase;font-weight:600;color:var(--muted);cursor:pointer;}
.nb-trial b{text-transform:none;}
.nb-trial.on{color:var(--slate);}
.nb-trial select,.qp-trial-row select{font:inherit;font-size:11px;text-transform:none;letter-spacing:0;border:1px solid var(--line);border-radius:6px;padding:3px 6px;background:var(--card);color:var(--slate);}
.qp-trial-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;}
/* ---- Megaphone podcast analytics cards ---- */
.an-pod-h{margin:34px 0 14px;font-size:22px;}
.an-pod-h .cl-opt{font-size:12px;font-family:var(--mono);letter-spacing:0.02em;margin-left:10px;}
.an-pod-art{width:38px;height:38px;border-radius:9px;flex:none;object-fit:cover;}
.an-pod-recent{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px;color:var(--muted);}
.an-pod-recent li{padding:3px 0;border-bottom:1px dashed var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.an-pod-recent li:last-child{border-bottom:none;}
.an-pod-date{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-right:6px;}
.cl-ok-dot{color:var(--sage);font-weight:700;}
.an-pod-warn{margin:8px 0 2px;padding:8px 10px;border:1px solid #d9a44033;background:#d9a4400f;border-radius:9px;font-size:12.5px;color:var(--slate);}
.an-pod-review{margin-top:8px;font-size:12.5px;color:var(--muted);}
.an-pod-review i{color:var(--slate);}
.an-pod-links{margin-top:8px;}
.an-pod-links a{color:var(--slate);text-decoration:underline;text-underline-offset:2px;}
.an-pod-links a:hover{color:var(--ink);}
.an-pod-play{text-decoration:none;font-size:10px;color:var(--sage);margin-left:4px;}
.an-pod-play:hover{color:var(--ink);}

/* ============================================================ WORKLOAD v0.4 (Jason's spec 2026-07-15) */
.wl-controls{display:flex;align-items:center;gap:14px;margin:26px 0 18px;flex-wrap:wrap;}
.wl-select{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--paper,#fff);border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:200px;cursor:pointer;}
.att-chip{font-family:var(--mono);font-size:11px;color:var(--clay);background:transparent;border:1px solid var(--clay);border-radius:99px;padding:7px 13px;cursor:pointer;}
.att-chip b{margin-left:6px;}
.wl-queued-toggle{font-family:var(--mono);font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap;}
.wl-search{font-family:var(--mono);font-size:11px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:99px;padding:7px 13px;width:170px;}
.wl-search:focus{outline:none;border-color:var(--sand);}
.wl-secthead{display:flex;align-items:baseline;justify-content:space-between;margin:26px 0 10px;}
.wl-secthead h3{font-family:var(--display,inherit);font-size:17px;margin:0;font-weight:700;}
.wl-secthead .mut,.mut{font-family:var(--mono);font-size:10.5px;color:var(--muted);font-weight:500;}
.wl-secthead .cnt{font-family:var(--mono);font-size:11px;color:var(--muted);}
.wl-secthead.sub{margin-top:18px;}
.wl-secthead.sub h3{font-size:14px;color:var(--slate);}
.wl-table{border:1px solid var(--line);border-radius:14px;background:var(--paper,#fff);overflow:hidden;}
.wl-table.dim{opacity:.78;}
.wl-row{display:grid;grid-template-columns:52px minmax(0,1fr) 130px 150px 110px 22px;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .12s ease;}
.wl-row:last-child{border-bottom:none;}
.wl-row:hover{background:var(--cream-soft,rgba(0,0,0,.025));}
.wl-row.wl-head{cursor:default;background:transparent;padding:9px 16px;border-bottom:1px solid var(--line);}
.wl-row.wl-head span{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);}
.wl-row .code{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--slate);background:var(--cream-soft,rgba(0,0,0,.04));border-radius:6px;padding:4px 0;text-align:center;}
.wl-row .title{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px;}
.wl-row .who{font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wl-row .st{white-space:nowrap;overflow:hidden;}
.wl-row .due{font-family:var(--mono);font-size:10.5px;color:var(--muted);text-align:right;white-space:nowrap;}
.wl-row .due.late{color:var(--clay);font-weight:600;}
.wl-row .due.nodue{color:var(--gold,#b8860b);font-weight:600;}
.wl-row .chev{color:var(--muted);font-size:15px;text-align:right;}
.wl-pill{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.03em;padding:4px 9px;border-radius:99px;background:var(--cream-soft,rgba(0,0,0,.05));color:var(--slate);white-space:nowrap;}
.wl-pill.review{background:rgba(120,138,94,.14);color:var(--sage,#5c7046);}
.wl-pill.revision{background:rgba(196,95,40,.12);color:var(--clay);}
.wl-pill.pri{background:rgba(196,95,40,.14);color:var(--clay);font-weight:600;}
.wl-owner{font-family:var(--mono);font-size:10.5px;color:var(--slate);font-weight:600;}
.att-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.att-card{display:grid;grid-template-columns:34px auto 1fr;grid-template-areas:"ic n t" "ic n s";align-items:center;column-gap:12px;text-align:left;background:var(--paper,#fff);border:1px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;transition:border-color .14s ease;font-family:inherit;}
.att-card:hover{border-color:var(--sand);}
.att-card.on{border-color:var(--clay);box-shadow:0 0 0 1px var(--clay);}
.att-card.zero{opacity:.55;}
.att-card .ic{grid-area:ic;font-size:16px;color:var(--clay);text-align:center;}
.att-card .n{grid-area:n;font-size:26px;font-weight:800;color:var(--ink);}
.att-card .t{grid-area:t;font-size:13px;font-weight:700;color:var(--ink);}
.att-card .s{grid-area:s;font-family:var(--mono);font-size:10px;color:var(--muted);}
.im-row{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13px;}
.im-row:last-child{border-bottom:none;}
.im-row .k{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:2px;}
.im-row .v{color:var(--ink);line-height:1.5;}
@media(max-width:860px){.wl-row{grid-template-columns:44px minmax(0,1fr) 120px 20px;} .wl-row .who,.wl-row .due{display:none;} .att-cards{grid-template-columns:1fr;}}