/* Schedule pane · Slush in both themes · namespaced sd*
   Every colour is a token on .sdwrap: light (the Slush page: white cards, black ink, sun accents)
   is the default, and html[data-theme="dark"] swaps in the night layers. */
.sdwrap{max-width:1180px;min-width:0;
  --sd-card:var(--card,#fff);--sd-well:var(--card2,#fff4ec);--sd-chip:#fff;--sd-chip2:#f1e4d9;
  --sd-ink:#000;--sd-ink2:#111;--sd-muted:#444;--sd-faint:#5a5a5a;
  --sd-line:#000;--sd-line2:rgba(0,0,0,.35);--sd-rule:rgba(0,0,0,.12);--sd-hover:#000;
  --sd-link:#000;--sd-linkline:#ffd731;--sd-hot:#000;--sd-hotbg:#ffd731;
  --sd-good:#0a7043;--sd-bad:#b83900;--sd-warn:#6e5200;--sd-lav:#6a3fa3;--sd-mint:#0a7043;--sd-mintbg:rgba(85,219,156,.22);
  --sd-plate:#000;--sd-scheme:light}
html[data-theme="dark"] .sdwrap{
  --sd-card:var(--l1,#15151a);--sd-well:var(--l0,#0e0e11);--sd-chip:var(--l2,#1f1f25);--sd-chip2:var(--l3,#2a2a32);
  --sd-ink:#f3efe6;--sd-ink2:#e6e1d6;--sd-muted:#a8a49b;--sd-faint:#8a877f;
  --sd-line:rgba(243,239,230,.14);--sd-line2:rgba(243,239,230,.24);--sd-rule:rgba(243,239,230,.09);--sd-hover:rgba(243,239,230,.5);
  --sd-link:#ffd731;--sd-linkline:transparent;--sd-hot:#ffd731;--sd-hotbg:transparent;
  --sd-good:#55db9c;--sd-bad:#fb4903;--sd-warn:#ffd731;--sd-lav:#e9ccff;--sd-mint:#55db9c;--sd-mintbg:rgba(85,219,156,.1);
  --sd-plate:#0e0e11;--sd-scheme:dark}
.sdwrap *{box-sizing:border-box}
.sdwrap ::-webkit-scrollbar{display:none}
.sdwrap .sdscroll{scrollbar-width:none}

/* the numbers strip */
.sdwrap .sd-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}
.sdwrap .sd-num{background:var(--sd-card);border:1px solid var(--sd-line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;color:var(--sd-ink)}
.sdwrap .sd-num b{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:34px;line-height:.95;color:var(--sd-ink)}
.sdwrap .sd-num span{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-muted);opacity:1}
.sdwrap .sd-num em{font-style:normal;font-size:11px;color:var(--sd-bad);font-weight:800}
.sdwrap .sd-num.sun{background:var(--sd-hotbg)}
.sdwrap .sd-num.sun b{color:var(--sd-hot)}
html:not([data-theme="dark"]) .sdwrap .sd-num.sun span{color:#000}
@media(max-width:900px){.sdwrap .sd-numbers{grid-template-columns:repeat(2,1fr)}}

/* cards + sticker tabs */
.sdcard{position:relative;background:var(--sd-card);border:1px solid var(--sd-line);border-radius:20px;padding:26px 26px 24px;margin:26px 0 0;color:var(--sd-ink)}
.sdcard:first-of-type{margin-top:0}
.sdtab{position:absolute;top:-13px;left:22px;font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#000;padding:5px 12px 4px;border-radius:7px;border:1px solid #000;transform:rotate(-1.2deg);box-shadow:2px 2px 0 #000;background:#ffd731}
.sdtab.mint{background:#55db9c}.sdtab.blue{background:#4da2ff}.sdtab.lav{background:#e9ccff}.sdtab.sun{background:#ffd731}.sdtab.ember{background:#fb4903;color:#000}
.sdhead{display:flex;align-items:baseline;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.sdhead h3{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:20px;letter-spacing:.02em;text-transform:uppercase;margin:0;color:var(--sd-ink)}
.sdhead .sd-k{font-size:12.5px;color:var(--sd-muted)}
.sdhead .sd-r{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:12px;color:var(--sd-muted)}
.sdlink{cursor:pointer;color:var(--sd-link);font-weight:800;display:inline-flex;gap:5px;align-items:center;text-decoration:underline 3px var(--sd-linkline);text-underline-offset:3px}
.sdlink:hover{text-decoration-color:currentColor}

/* buttons */
.sdbtn{font-weight:800;font-size:13px;border-radius:999px;padding:11px 20px;cursor:pointer;border:1px solid var(--sd-line2);background:var(--sd-chip);color:var(--sd-ink);display:inline-flex;align-items:center;gap:8px;transition:transform .12s,border-color .15s,background .15s;font-family:inherit;line-height:1}
.sdbtn:hover{transform:translateY(-1px);border-color:var(--sd-hover)}
.sdbtn.sun{background:#ffd731;color:#000;border-color:#000;box-shadow:2px 2px 0 #000}
.sdbtn.sun:hover{background:#ffe066}
.sdbtn.big{font-size:15px;padding:15px 28px}
.sdbtn.ghost{background:transparent}
.sdbtn.tiny{padding:6px 12px;font-size:11px}
.sdbtn.ember{color:var(--sd-bad);border-color:var(--sd-bad)}
.sdbtn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
.sdrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sdhint{font-size:12px;color:var(--sd-muted);line-height:1.6;margin-top:10px}
.sdhint b{color:var(--sd-ink)}

/* inputs */
.sdwrap input,.sdwrap textarea,.sdwrap select{background:var(--sd-well)!important;border:1px solid var(--sd-line2)!important;border-radius:12px!important;color:var(--sd-ink)!important;font:inherit;font-size:13.5px;padding:11px 13px;box-shadow:none!important}
.sdwrap input:focus,.sdwrap textarea:focus,.sdwrap select:focus{outline:none;border-color:#ffd731!important;box-shadow:0 0 0 2px #ffd731!important}
.sdwrap textarea{width:100%;resize:vertical;line-height:1.55;min-height:150px}
.sdwrap select{padding-right:28px}
.sdwrap input[type=datetime-local]{color-scheme:var(--sd-scheme)}
.sdwrap ::placeholder{color:var(--sd-faint);opacity:1}
.sdlbl{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-muted);margin:0 0 8px}

/* brand glyphs */
.sdg{display:inline-grid;place-items:center;width:18px;height:18px;flex:none;color:currentColor}
.sdg svg{width:16px;height:16px;display:block}
.sdg.txt{font-family:'Anton',Impact,sans-serif;font-size:13px;line-height:1;letter-spacing:0}

/* account chips: real avatars with a platform badge */
.sdacc{position:relative;display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:999px;background:var(--sd-chip);border:1px solid var(--sd-line2);color:var(--sd-ink);font-size:13px;font-weight:800;cursor:pointer;transition:border-color .15s,background .15s;user-select:none}
.sdacc:hover{border-color:var(--sd-hover)}
.sdacc.on{background:#ffd731;color:#000;border-color:#000;box-shadow:2px 2px 0 #000}
.sdacc.static{cursor:default}
/* the photo is clipped round, not its wrapper: the platform badge hangs 4px past the circle (map2-app-sandbox §3 row 4) */
.sdacc .av{position:relative;width:34px;height:34px;border-radius:50%;background:var(--sd-chip2);flex:none;display:grid;place-items:center;font-family:'Anton',Impact,sans-serif;font-size:15px;color:var(--sd-ink)}
.sdacc .av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.sdacc .bd{position:absolute;right:-4px;bottom:-4px;width:19px;height:19px;border-radius:50%;background:var(--sd-plate);border:1.5px solid #f3efe6;display:grid;place-items:center;color:#f3efe6}
.sdacc.on .bd{background:#000;border-color:#000;color:#ffd731}
.sdacc .bd .sdg{width:11px;height:11px}.sdacc .bd .sdg svg{width:10px;height:10px}.sdacc .bd .sdg.txt{font-size:9px}
.sdacc .nm{display:flex;flex-direction:column;line-height:1.1}
.sdacc .nm small{font-size:10px;font-weight:700;color:var(--sd-muted);letter-spacing:.04em;text-transform:uppercase}
.sdacc.on .nm small{color:rgba(0,0,0,.7)}
.sdacc .x{margin-left:4px;opacity:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;transition:opacity .15s;color:var(--sd-muted)}
.sdacc:hover .x{opacity:.9}
.sdacc .x:hover{background:rgba(251,73,3,.2);color:var(--sd-bad)}
.sdwrap .sdacc.warn{border-color:var(--sd-bad);background:var(--sd-chip)!important;color:var(--sd-ink)!important}   /* the studio's global .warn paints sun */
.sdwrap .sdacc.warn.on{background:#ffd731!important;color:#000!important}
.sdacc .dot{position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#55db9c;border:1.5px solid var(--sd-card)}
.sdacc.warn .dot{background:#fb4903}

/* connect row */
.sdplat{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;border:1px solid var(--sd-line);color:var(--sd-ink);background:transparent;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .15s,color .15s,transform .12s;font-family:inherit}
html[data-theme="dark"] .sdplat{border-color:#ffd731;color:#ffd731}
.sdplat:hover,html[data-theme="dark"] .sdplat:hover{background:#ffd731;color:#000;transform:translateY(-1px)}
.sdplat.has,html[data-theme="dark"] .sdplat.has{border-color:var(--sd-line2);color:var(--sd-muted)}
.sdplat.has:hover,html[data-theme="dark"] .sdplat.has:hover{background:var(--sd-chip2);color:var(--sd-ink)}
.sdplat:disabled{opacity:.4;pointer-events:none}
.sdconn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:var(--sd-link);font-weight:800}
.sdconn i{width:8px;height:8px;border-radius:50%;background:#ffd731;box-shadow:0 0 0 1px var(--sd-line);animation:sdblink 1s infinite}
@keyframes sdblink{50%{opacity:.2}}

/* composer */
.sdcomp{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:start}
.sdpick{display:flex;flex-direction:column;gap:12px;width:200px;max-width:100%}
.sdprev{position:relative;width:200px;max-width:100%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--sd-well);border:1px solid var(--sd-line);display:grid;place-items:center;color:var(--sd-muted);font-size:12.5px;text-align:center;padding:16px}
/* one column: the reel stays small on the left, the strip wraps beside it */
@media(max-width:980px){
  .sdcomp{grid-template-columns:1fr}
  .sdpick{display:grid;grid-template-columns:150px 1fr;gap:12px 14px;width:auto;align-items:start}
  .sdprev{width:150px;grid-row:1/3}
  .sdstrip{min-width:0}
}
.sdprev video{width:100%;height:100%;object-fit:cover;display:block}
.sdprev .tag{position:absolute;top:10px;left:10px;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#ffd731;color:#000;border:1px solid #000;border-radius:6px;padding:3px 8px}
.sdstrip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.sdstrip::-webkit-scrollbar{display:none}
.sdthumb{flex:none;width:64px;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#000;border:2px solid transparent;cursor:pointer;position:relative}
.sdthumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.sdthumb.sel{border-color:#ffd731;box-shadow:0 0 0 1px var(--sd-line)}
.sdthumb .k{position:absolute;left:0;right:0;bottom:0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:10px 4px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdform{display:flex;flex-direction:column;gap:18px;min-width:0}
.sdcapbar{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.sdcapbar .sdlbl{margin:0}
.sdctx{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--sd-mint);background:var(--sd-mintbg);border:1px solid var(--sd-mint);border-radius:999px;padding:5px 11px}
.sdopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.sdopt{background:var(--sd-well);border:1px solid var(--sd-rule);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.sdopt .h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--sd-ink)}
.sdopt input,.sdopt select{background:var(--sd-card)!important;padding:8px 10px;font-size:12.5px;width:100%}
.sdopt label.tg{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sd-muted);cursor:pointer}
.sdopt label.tg input{width:auto;accent-color:#ffd731}
.sdwhen{display:flex;flex-direction:column;gap:10px}
.sdquick{display:flex;gap:8px;flex-wrap:wrap}
.sdq{font-size:11.5px;font-weight:800;padding:7px 12px;border-radius:999px;border:1px solid var(--sd-line2);background:transparent;color:var(--sd-muted);cursor:pointer;font-family:inherit}
.sdq:hover{border-color:var(--sd-hover);color:var(--sd-ink)}
.sdq.on{border-color:#000;background:#ffd731;color:#000}
html[data-theme="dark"] .sdq:hover,html[data-theme="dark"] .sdq.on{border-color:#ffd731;color:#ffd731;background:transparent}
.sdgo{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}
.sdgo .st{font-size:12px;color:var(--sd-muted)}
.sdgo .st.err{color:var(--sd-bad);font-weight:800}

/* queue */
.sdday{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-muted);margin:16px 0 6px}
.sdday:first-child{margin-top:0}
.sdpost{display:grid;grid-template-columns:60px 44px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--sd-rule);font-size:13px;color:var(--sd-muted)}
.sdday+.sdpost{border-top:none}
.sdpost .tm{font-family:'Anton',Impact,sans-serif;font-size:20px;color:var(--sd-ink);letter-spacing:.02em;line-height:1}
.sdpost .tm small{display:block;font-family:inherit;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--sd-muted);margin-top:3px}
.sdpost .th{width:44px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#000;display:grid;place-items:center;color:var(--sd-muted)}
.sdpost .th video,.sdpost .th img{width:100%;height:100%;object-fit:cover;display:block}
.sdpost .bd{min-width:0;display:flex;flex-direction:column;gap:6px}
.sdpost .ct{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sd-ink2);font-size:13px}
.sdpost .pl{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sdpost .sdwhy{font-size:11.5px;color:var(--sd-bad);font-weight:700;line-height:1.4}
.sdpl{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px 3px 6px;border-radius:999px;border:1px solid var(--sd-line2);color:var(--sd-ink2);text-decoration:none}
.sdpl .sdg{width:13px;height:13px}.sdpl .sdg svg{width:12px;height:12px}.sdpl .sdg.txt{font-size:10px}
.sdpl.published{border-color:var(--sd-good);color:var(--sd-good)}.sdpl.failed{border-color:var(--sd-bad);color:var(--sd-bad)}.sdpl.publishing{border-color:var(--sd-warn);color:var(--sd-warn)}.sdpl.partial{border-color:var(--sd-lav);color:var(--sd-lav)}
.sdpl.err{cursor:help}
.sdstk{display:inline-block;font-family:'Anton',Impact,sans-serif;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px 2px;border-radius:5px;border:1px solid #000;color:#000;transform:rotate(-1deg);background:#4da2ff}
.sdstk.published{background:#55db9c}.sdstk.failed{background:#fb4903;color:#000}.sdstk.publishing,.sdstk.pending{background:#ffd731}.sdstk.partial{background:#e9ccff}.sdstk.draft{background:var(--sd-chip2);color:var(--sd-ink);border-color:var(--sd-line2)}
.sdpost .ac{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.sdmove{display:flex;gap:6px;align-items:center}
.sdmove input{padding:6px 8px;font-size:12px}
@media(max-width:700px){.sdpost{grid-template-columns:52px 1fr;grid-auto-rows:auto}.sdpost .th{display:none}.sdpost .ac{grid-column:1/-1;justify-content:flex-start}}

/* performance */
.sdtot{display:flex;gap:26px;flex-wrap:wrap;margin:0 0 16px;padding:14px 18px;border-radius:14px;background:var(--sd-well);border:1px solid var(--sd-rule)}
.sdtot div{display:flex;flex-direction:column;gap:2px}
.sdtot b{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:26px;color:var(--sd-ink);line-height:1}
.sdtot span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sd-muted)}
.sdtot div.acc{margin-left:auto;flex-direction:row;align-items:center;gap:10px}
.sdfol{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--sd-ink2)}
.sdfol b{font-size:13px;font-family:inherit;color:var(--sd-hot)}
.sdperf{display:grid;grid-template-columns:44px 1fr repeat(5,64px) 30px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--sd-rule);font-size:12.5px;color:var(--sd-muted)}
.sdperf.hd{border-top:none;padding:0 0 6px;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sdperf .th{width:44px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:var(--sd-chip2);display:grid;place-items:center;color:var(--sd-ink)}
.sdperf .th img{width:100%;height:100%;object-fit:cover;display:block}
.sdperf .bd{min-width:0;display:flex;flex-direction:column;gap:4px}
.sdperf .who{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;color:var(--sd-ink2);text-transform:none}
.sdperf .who .sdg{width:14px;height:14px}.sdperf .who .sdg svg{width:13px;height:13px}
.sdperf .who small{color:var(--sd-muted);font-weight:700}
.sdperf .ct{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sd-ink2)}
.sdperf .n{font-family:'Anton',Impact,sans-serif;font-size:19px;color:var(--sd-ink);text-align:right;letter-spacing:.02em}
.sdperf .n.z{color:var(--sd-faint);font-size:14px}
.sdperf .n.hot{color:var(--sd-hot);background:var(--sd-hotbg);border-radius:6px;padding:0 4px;justify-self:end}
.sdperf a.o{color:var(--sd-link);text-decoration:none;font-weight:800;text-align:right;font-size:16px}
.sdperf a.o:hover{text-decoration:underline}
@media(max-width:900px){.sdperf{grid-template-columns:44px 1fr repeat(3,56px) 24px}.sdperf .c4,.sdperf .c5{display:none}}
.sdload{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--sd-muted);padding:12px 0}
.sdload i{width:9px;height:9px;border-radius:50%;background:#ffd731;box-shadow:0 0 0 1px var(--sd-line);animation:sdblink 1s infinite}
.sdempty{font-size:12.5px;color:var(--sd-muted);padding:14px 0 4px;line-height:1.6}

/* states */
.sdstate{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:6px 0}
.sdstate h3{margin:0}