/* SOSMED (sosmed.js) — memakai komponen LIST ECOMMERCE (os-row/kt-row, drawer
   kt-drawer, modal impor lu-*); di sini hanya tambahan khusus konten. */
.sm-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.os-card.sm-a-tr{--bar:#34d399}
#pageSosmed .kcat-count,#smDrawer .kcat-count,#smImporModal .kcat-count{margin-left:6px;font-size:11px;font-weight:700;
  color:var(--muted2);font-variant-numeric:tabular-nums}
#smDrawer .active .kcat-count,#smImporModal .active .kcat-count{color:inherit;opacity:.85}

/* ---- switcher toko paling atas (komponen .pira-iklan-stores dari iklan.css) ---- */
.sm-tokobar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sm-tokobar .sm-stores{width:240px}
.sm-tokobar-note{color:var(--muted2);font-size:var(--fs-small)}
/* ganti toko: isi lama diredupkan sampai data toko baru tiba */
#pageSosmed.sm-loading #smViewKonten,#pageSosmed.smp-loading .smp-view{opacity:.45;pointer-events:none;transition:opacity .12s}

/* ---- daftar produk induk ---- */
.sm-row .kt-stats{grid-template-columns:repeat(4,minmax(70px,auto))}
.sm-total{color:var(--accent)}
.sm-chips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 6px}
.sm-chip{font-size:11.5px;font-weight:600;color:var(--muted);background:var(--bg2);border:1px solid var(--line);
  border-radius:999px;padding:1px 9px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm-chip-more{color:var(--muted2)}

/* ---- drawer: varian, pillar, konten ---- */
.sm-var{display:flex;gap:6px;flex-wrap:wrap;padding:12px 20px 2px}
.sm-vbtn{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 10px;border:1px solid var(--line);
  border-radius:10px;background:var(--bg2);color:var(--text);font:inherit;font-size:12.5px;cursor:pointer;
  transition:border-color .12s,background .12s}
.sm-vbtn:hover{border-color:var(--line2)}
.sm-vbtn.on{border-color:var(--accent2);background:var(--field-ring)}
.sm-vbtn .kart{font-size:11px}
.sm-vw{font-weight:650}
.sm-vst{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--gold)}
.sm-vn{font-size:11px;font-weight:700;color:var(--muted2);font-variant-numeric:tabular-nums}
.sm-vbtn.on .sm-vn{color:var(--accent)}
.sm-grp{margin-bottom:16px}
.sm-gh{display:flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
  color:var(--muted2);margin:4px 0 8px}
.sm-kl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sm-k{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-inner);
  background:var(--bg2)}
.sm-kmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sm-ktop{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.sm-kjudul{font-weight:650;font-size:var(--fs-body);color:var(--text);overflow-wrap:anywhere}
.sm-kurl{font-size:12.5px;color:var(--accent);overflow-wrap:anywhere;text-decoration:none}
a.sm-kurl:hover{text-decoration:underline}
.sm-kmeta{font-size:11.5px;color:var(--muted2)}
.sm-kpd{font-size:12px;color:var(--muted)}
.sm-kact{display:flex;gap:4px;flex:0 0 auto}
.sm-kact .btn-icon{width:32px;height:32px;min-height:32px;padding:0;font-size:14px}
.sm-kvar{font-size:11.5px;font-weight:600;color:var(--muted)}
.sm-kvar::before{content:"· "}
.sm-kvar-all{color:var(--muted2);font-style:italic}
.sm-kt[data-t="IN HOUSE"]{color:#7dd3fc;border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.08)}
.sm-kt[data-t="AFFILIATE"]{color:#c4b5fd;border-color:rgba(167,139,250,.35);background:rgba(167,139,250,.08)}
.sm-kt[data-t="TEMANRAPI"]{color:#6ee7b7;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
:root[data-theme="light"] .sm-kt[data-t="IN HOUSE"]{color:#0369a1}
:root[data-theme="light"] .sm-kt[data-t="AFFILIATE"]{color:#6d28d9}
:root[data-theme="light"] .sm-kt[data-t="TEMANRAPI"]{color:#047857}
.sm-tipe-kunci{display:flex;align-items:center;gap:8px;min-height:38px;font-size:12px}
.sm-kus{font-size:12px;font-weight:700;color:var(--text)}
.sm-pf{font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;color:#fff;background:#4b5563}
.sm-pf[data-pf="instagram"]{background:#c13584}
.sm-pf[data-pf="tiktok"]{background:#111;box-shadow:inset 0 0 0 1px #3f3f46}
.sm-pf[data-pf="youtube"]{background:#dc2626}
/* warna pillar (dari editor) lewat --c */
.sm-gdot{width:10px;height:10px;border-radius:50%;background:var(--c,#888);margin-right:7px;flex:0 0 auto}
.sm-gdesc{margin:-4px 0 8px;font-size:12px;color:var(--muted2)}
.sm-pdot{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:1px 8px 1px 6px}
.sm-pdot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,#888)}
.sm-drf{display:flex;flex-wrap:wrap;gap:0 10px}
.sm-drf .kt-dr-tabs[hidden]{display:none}
.sm-empty{line-height:1.6}

/* ---- form tambah/ubah ---- */
.sm-form{margin-bottom:18px;padding:12px 14px;border:1px solid var(--accent2);border-radius:var(--r-inner);
  box-shadow:0 0 0 3px var(--field-ring)}
.sm-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.sm-fwide{grid-column:1/-1}
.sm-factions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.sm-radio{display:inline-flex;flex-wrap:wrap;gap:2px;text-transform:none;letter-spacing:0;align-self:flex-start}
.sm-radio label{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:8px;cursor:pointer;
  font-size:12.5px;font-weight:650;color:var(--muted)}
.sm-radio label.active{background:var(--accent2);color:#fff}
.sm-radio input{position:absolute;opacity:0;width:1px;height:1px}
.sm-radio label:focus-within{outline:2px solid var(--accent);outline-offset:1px}
.sm-at{display:flex;align-items:center;gap:6px}
.sm-at i{font-style:normal;font-size:14px;color:var(--muted);text-transform:none}
.sm-plsel{display:flex;align-items:center;gap:10px}
.sm-plsel .sm-link{text-transform:none;letter-spacing:0;font-size:12.5px;white-space:nowrap}
.kt-new-f[hidden]{display:none}

/* ---- navigasi judul ---- */
.sm-view{display:flex;flex-direction:column;gap:inherit}
.sm-view[hidden]{display:none}
#smKontenActions.sm-off{visibility:hidden}
.sm-soon{margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:1px 6px;
  border-radius:5px;color:var(--gold);background:rgba(245,196,81,.12)}
#smpNavLate{color:#fff;background:var(--down)}
#smpNavLate[hidden]{display:none}

/* ---- editor content pillar ---- */
.sm-pl-card{width:min(820px,95vw)}
.sm-pl-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;max-height:52vh;overflow:auto}
.sm-pl-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-inner);background:var(--bg2)}
.sm-pl-row.dirty{border-color:var(--accent2)}
.sm-pl-in{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:6px}
.sm-pl-c{font-size:12px;color:var(--muted2);white-space:nowrap;font-variant-numeric:tabular-nums}
.sm-pl-act{display:flex;gap:4px;align-items:center}
.sm-pl-act .btn-icon{width:32px;height:32px;min-height:32px;padding:0}
.sm-pl-act .btn-primary{min-height:32px;padding:4px 11px;font-size:12.5px}
.sm-pl-row input[type=color],.sm-pl-new input[type=color]{width:34px;height:34px;padding:2px;border:1px solid var(--line2);
  border-radius:8px;background:var(--field);cursor:pointer;flex:0 0 auto}
.sm-pl-new{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sm-pl-new .ked-input{flex:1;min-width:160px}
.sm-im-pb:empty{display:none}
.sm-im-pb{margin-top:10px}

/* ---- upload massal ---- */
.sm-im-card{width:min(1040px,96vw)}
.sm-link{background:none;border:0;padding:0;font:inherit;color:var(--accent);font-weight:650;cursor:pointer;text-decoration:underline}
.sm-im-rowhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 8px}
.sm-im-rowhead .seg button{padding:6px 11px;font-size:12.5px}
.sm-im-rows{max-height:44vh;overflow:auto;border:1px solid var(--line);border-radius:var(--r-inner)}
.sm-im-rows .lu-table th{position:sticky;top:0;background:var(--card);z-index:1}
.sm-im-rows .lu-table td,.sm-im-rows .lu-table th{text-align:left;white-space:normal;vertical-align:top}
.sm-iu{max-width:280px;overflow-wrap:anywhere}
.sm-ist{font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;white-space:nowrap}
.sm-ist[data-s="baru"]{color:var(--up);background:var(--up-soft)}
.sm-ist[data-s="kembar"]{color:var(--muted);background:var(--bg2)}
.sm-ist[data-s="gagal"]{color:var(--down);background:var(--down-soft)}

@media(max-width:640px){
  .sm-tokobar .sm-stores{width:100%}
  .sm-tokobar-note{display:none}
  /* judul: tombol aksi turun baris, tab navigasi selebar kartu (tidak terpotong) */
  .sm-head #smKontenActions{flex:1 1 100%;width:100%;min-width:0;flex-wrap:wrap;justify-content:flex-start}
  .sm-head #smKontenActions.sm-off{display:none}
  .sm-head .os-refresh-msg:empty{display:none}
  /* 4 tab: grid 2 kolom agar label + lencana tidak bertumpuk */
  .sm-head .sm-nav{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .sm-head .sm-nav button{flex:1 1 0;min-width:0;padding-inline:6px;font-size:12px;white-space:nowrap}
  .sm-head .sm-nav .sm-soon{margin-left:4px;padding:1px 4px;font-size:8.5px}
  .sm-row .kt-stats{grid-template-columns:repeat(4,1fr)}
  .sm-fgrid{grid-template-columns:1fr}
  .sm-var{padding:10px 14px 2px}
  .sm-k{flex-direction:column}
  .sm-pl-row{flex-wrap:wrap}.sm-pl-in{grid-template-columns:1fr;flex-basis:calc(100% - 50px)}
  .sm-kact{align-self:flex-end}
}
/* panel kanan di layar sempit: style.css memberi order:2 pada sub/tab/body
   panel; baris varian ikut agar urutannya tetap sama dengan desktop */
@media(max-width:980px){.sm-drawer>.sm-var,.sm-drawer>.sm-drf{order:2}}
.sm-kus.kmuted{color:var(--muted2);font-weight:500;font-style:italic}

/* ================= PLANNER + PRODUKSI (sosmed_produksi.js) ================= */
.smp-cards{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
.smp-tb-sp{flex:1 1 auto}
.smp-id{font-size:11px;font-weight:700;color:var(--muted2);font-variant-numeric:tabular-nums}
.smp-mini{font-size:11.5px;color:var(--muted2)}
.smp-nm{font-weight:700;font-size:var(--fs-body);color:var(--text);overflow-wrap:anywhere}
.smp-sub{font-size:12px;color:var(--muted);min-height:4px}
.smp-tags{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.smp-tp{color:#7dd3fc;border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.08)}
:root[data-theme="light"] .smp-tp{color:#0369a1}
.smp-studio,.smp-pfc{font-size:11px;font-weight:650;color:var(--muted);border:1px dashed var(--line2);border-radius:6px;padding:1px 7px}
.smp-tah{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:2px 7px;
  color:var(--accent);background:var(--field-ring)}
.smp-tah[data-t="selesai"]{color:var(--up);background:var(--up-soft)}
.smp-tah[data-t="planner"]{color:var(--muted);background:var(--bg2)}

/* ================= PRODUKSI: daftar tugas, toolbar, Lewat deadline, tolak, Friday Review =================
   (sosmed_produksi.js bagian PRODUKSI; blok PLANNER/form ada di bawah). Warna hanya lewat variabel tema,
   amber (tertunda / Friday Review) punya override :root[data-theme="light"]. */
/* toolbar: dropdown saringan bersama (.dd) sejajar dengan pencarian; mode Friday Review menyembunyikannya */
.smp-fgrp{display:contents}
#smViewProduksi .os-toolbar{gap:8px}
/* satu baris di desktop: pencarian berbasis 150px lalu tumbuh (maks 380px) mengisi sisa; tombol ikon
   didorong ke kanan oleh margin auto (bukan spacer, supaya pencarian yang mendapat ruang lebih dulu) */
#smViewProduksi .os-toolbar .os-search{flex:1 1 150px;min-width:150px;max-width:380px}
#smViewProduksi .os-toolbar .smp-tb-sp{flex:0 0 0}
#smpPlatformBtn{margin-left:auto}
.smp-tb-ic{width:36px;height:36px;font-size:15px;flex:none}
.smp-tb-ic[hidden]{display:none}
#smViewProduksi .os-toolbar .dd-btn .val{max-width:130px}
.smp-fr-on .smp-nofr,.smp-fr-on #smpCards,.smp-fr-on #smpLate{display:none}
.smp-frseg[hidden],#smpFrN[hidden]{display:none}
.smp-frseg button{padding:6px 11px;font-size:12.5px}
#smpFrSeg .active .kcat-count{color:inherit;opacity:.85}
.smp-fr-tg{position:relative;display:inline-flex;align-items:center;gap:2px}
.smp-fr-tg[aria-pressed="true"]{color:#fbbf24;border-color:rgba(245,158,11,.6);background:rgba(245,158,11,.13)}
.smp-fr-tg[aria-pressed="true"] .kcat-count{color:inherit}
.smp-fr-tg.mine::after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;
  background:#f59e0b;box-shadow:0 0 0 2px var(--card)}
:root[data-theme="light"] .smp-fr-tg[aria-pressed="true"]{color:#b45309;border-color:#f59e0b;background:#fffbeb}

/* chip deadline: ok / hampir (<25% sisa) / lewat */
.smp-dl{display:inline-flex;align-self:flex-start;font-size:11px;font-weight:700;border-radius:6px;padding:2px 7px;
  font-variant-numeric:tabular-nums;color:var(--muted);background:var(--bg2)}
.smp-dl.ok{color:var(--up);background:var(--up-soft)}
.smp-dl.warn{color:#fbbf24;background:rgba(245,158,11,.14)}
:root[data-theme="light"] .smp-dl.warn{color:#b45309}
.smp-dl.late{color:#fff;background:var(--down)}
.smp-top .smp-dl{align-self:center;font-size:10.5px;padding:1px 6px}
.smp-top .smp-dl.ok{display:none}               /* baris atas: hanya hampir / lewat */

/* bagian deadline terlewat: maks 3 baris, sisanya lewat "Tampilkan n lagi" */
.smp-late{border-color:var(--down);box-shadow:0 0 0 1px var(--down-soft)}
.smp-late[hidden]{display:none}
.smp-late-h{display:flex;align-items:center;flex-wrap:wrap;margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.5px;color:var(--down)}
.smp-late-s{margin-left:10px;font-size:11.5px;font-weight:500;letter-spacing:0;color:var(--muted2)}
.smp-late-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.smp-late-i{width:100%;display:grid;grid-template-columns:130px minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:10px;
  text-align:left;padding:8px 10px;font:inherit;font-size:12.5px;color:var(--text);background:var(--bg2);border:1px solid var(--line);
  border-left:3px solid var(--down);border-radius:var(--r-inner);cursor:pointer}
.smp-late-i:hover,.smp-late-i:focus-visible{border-color:var(--down)}
.smp-late-t{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--down)}
.smp-late-p,.smp-late-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smp-late-p .kmuted{margin-left:8px}
.smp-late-who{color:var(--muted)}
.smp-late-who b{color:var(--text);font-weight:650}
.smp-late-more{margin-top:8px;font-size:12px;text-decoration:none}
.smp-late-more:hover{text-decoration:underline}

/* ---- kartu tugas PRODUKSI: info kiri + pipa tahap (grid sejajar) ---- */
.smp-list,.smp-plist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.smp-list{gap:12px}
.smp-task{--rail:var(--accent2);display:grid;grid-template-columns:224px minmax(0,1fr);gap:14px;padding:12px 14px 12px 12px;
  border:1px solid var(--line);border-left:4px solid var(--rail);border-radius:var(--r-inner);background:var(--bg2)}
.smp-task.revisi{--rail:var(--gold)}
.smp-task.tunda{--rail:#d97706}
.smp-task.late{--rail:var(--down);border-color:var(--down)}
.smp-task.is-selesai{--rail:var(--up);opacity:.85}
.smp-task.flash{animation:smpFlash 1.4s ease}
@keyframes smpFlash{0%,40%{box-shadow:0 0 0 3px var(--accent)}100%{box-shadow:0 0 0 0 transparent}}
.smp-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.smp-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.smp-info .smp-nm{font-size:14.5px;line-height:1.25}
.smp-info .smp-sub{font-size:12px}
/* kode ART satu kesatuan: tidak pernah patah di tanda hubung; tidak muat = pindah baris utuh / elipsis */
.smp-sub .kart{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
/* GILIRAN: siapa yang harus bergerak sekarang */
.smp-gil{display:flex;flex-wrap:wrap;gap:1px 6px;align-items:baseline;margin-top:2px;padding:5px 8px;border-radius:7px;
  background:var(--card);border:1px solid var(--line2);font-size:12px;line-height:1.35;color:var(--muted)}
.smp-gil b{color:var(--text);font-weight:700}
.smp-gil-l{flex:1 1 100%;font-size:9.5px;font-weight:800;letter-spacing:.6px;color:var(--muted2)}
.smp-gil.me{border-color:var(--accent2);background:var(--field-ring)}
.smp-gil.me .smp-gil-l{color:var(--accent)}
/* URGENSI: warna tingkat = kunci WARNA_URGENSI server (.ug-<warna> mengisi --ug) */
.ug-merah{--ug:#ef4444}.ug-oranye{--ug:#f97316}.ug-kuning{--ug:#eab308}.ug-biru{--ug:#3b82f6}
.ug-hijau{--ug:#22c55e}.ug-ungu{--ug:#a855f7}.ug-abu{--ug:#94a3b8}
.ug-dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--ug,#94a3b8);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ug,#94a3b8) 25%,transparent)}
.smp-urg{display:flex;align-items:center;gap:6px;margin-top:2px;padding:5px 8px;border-radius:7px;font-size:12px;line-height:1.35;
  border:1px solid color-mix(in srgb,var(--ug) 45%,transparent);background:color-mix(in srgb,var(--ug) 13%,var(--card))}
.smp-urg.kosong{border:1px dashed var(--line2);background:var(--card)}
.smp-urg-l{flex:none;font-size:9.5px;font-weight:800;letter-spacing:.6px;color:var(--muted2)}
.smp-urg-v{display:inline-flex;align-items:center;gap:5px;flex:1 1 auto;min-width:0}
.smp-urg-v b{color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smp-urg-v i{font-size:11px;font-style:normal}
.smp-urg-b{flex:none;margin-left:auto;font-size:11.5px}
.smp-urg-m{margin-top:2px}
.smp-ugc{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;
  color:var(--text);border:1px solid color-mix(in srgb,var(--ug) 50%,transparent);background:color-mix(in srgb,var(--ug) 14%,transparent)}
.smp-ugw{display:inline-flex;flex:none;gap:5px;align-items:center}
.ug-sw{width:18px;height:18px;min-height:0;padding:0;border-radius:50%;background:var(--ug);border:2px solid transparent;cursor:pointer}
.ug-sw.on{border-color:var(--text);box-shadow:0 0 0 2px var(--bg2)}
.ug-sw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ug-sw:disabled{cursor:default}
/* aksi kartu: satu baris [Brief][Tunda] … [ubah][hapus] */
.smp-acts{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;margin-top:auto;padding-top:6px}
.smp-acts .smp-sp{flex:1 1 auto}
.smp-acts .btn-icon{width:28px;height:28px;min-height:28px;padding:0;font-size:13px;flex:none}
.smp-bb{min-height:28px;padding:3px 9px;font-size:12px;white-space:nowrap}
.smp-undo{align-self:flex-start;font-size:11.5px;color:var(--muted);text-decoration:none}
.smp-undo:hover,.smp-undo:focus-visible{color:var(--accent);text-decoration:underline}
/* pipa tahap: grid, kolom sama lebar di semua kartu (JADWAL UPLOAD tidak lagi menyisakan ruang mati,
   EDITING cukup lebar untuk banner REVISI) */
.smp-pipe{display:grid;align-items:stretch;min-width:0;overflow-x:auto;
  grid-template-columns:minmax(120px,1fr) 14px minmax(170px,1.45fr) 14px minmax(165px,1.25fr) 14px minmax(140px,.95fr) 14px minmax(170px,1.15fr)}
.smp-pipe.is-fr{grid-template-columns:minmax(150px,1fr) 14px minmax(150px,1fr) 14px minmax(170px,1fr);
  align-items:start}                               /* kotak tahap FR setinggi isinya (kolom info lebih tinggi) */
.smp-pipe.is-fr>.smp-wall{align-self:stretch}      /* garis pemisah tetap setinggi kartu */
.smp-task.is-fr .smp-info{gap:4px}
.smp-task.is-fr .smp-acts{margin-top:2px}
.smp-st{min-width:0;display:flex;flex-direction:column;gap:6px;padding:9px 11px;border-radius:10px;border:1px solid transparent}
.smp-st.is-on{border-color:var(--accent2);background:var(--card);box-shadow:inset 0 3px 0 var(--accent2),0 0 0 3px var(--field-ring)}
.smp-task.late .smp-st.is-on{border-color:var(--down);box-shadow:inset 0 3px 0 var(--down),0 0 0 3px var(--down-soft)}
.smp-task.tunda .smp-st.is-on{border-color:#d97706;box-shadow:inset 0 3px 0 #d97706,0 0 0 3px rgba(245,158,11,.14)}
.smp-st.is-lock{opacity:.38;filter:grayscale(1)}
.smp-st.is-done .smp-ic,.smp-st.is-done .smp-sh{color:var(--up)}
.smp-sh{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:11px;letter-spacing:.4px;color:var(--muted2)}
.smp-sht{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.smp-st.is-on .smp-sh{color:var(--accent)}
.smp-task.late .smp-st.is-on .smp-sh{color:var(--down)}
.smp-now{font-size:8.5px;font-weight:800;letter-spacing:.6px;padding:1px 5px;border-radius:4px;color:#fff;background:var(--accent2)}
.smp-task.late .smp-now{background:var(--down)}
.smp-task.tunda .smp-now{background:#d97706}
.smp-ic{font-size:11px;width:14px;text-align:center}
.smp-wall{position:relative;min-width:0}
.smp-wall::before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;border-radius:2px;background:var(--line2)}
.smp-ppl{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;align-items:center}
.smp-by{display:block;max-width:100%;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smp-btn{min-height:32px;padding:5px 10px;font-size:12.5px;align-self:flex-start}
.smp-btn:disabled{opacity:.45;cursor:not-allowed}
.smp-lbl{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--muted2)}
.smp-edm{min-width:0}
.smp-edm .dd,.smp-edm .dd-btn{width:100%;max-width:none}
/* banner REVISI: penolak + kutipan alasan */
.smp-rej{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--down);background:var(--down-soft);
  border:1px solid color-mix(in srgb,var(--down) 35%,transparent);border-radius:7px;padding:6px 8px}
.smp-rej-h{font-weight:800;letter-spacing:.2px}
.smp-rej-f{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:11px}
.smp-rej-f .sm-link{font-size:11px}
.smp-rv{font-size:11px;font-weight:700;color:var(--gold)}
/* approval: langkah bernomor ke bawah = urutan */
.smp-aps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:4px}
.smp-apa{display:none}
.smp-ap{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 6px;min-height:30px;padding:3px 5px 3px 4px;border:1px solid var(--line);border-radius:8px;
  font-size:11px;font-weight:700;min-width:0}
.smp-apn{flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:800;
  color:var(--muted2);background:var(--bg2);border:1px solid var(--line2)}
.smp-apl{flex:1 1 auto;min-width:min(76px,60%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smp-ap.ap-done{color:var(--up);border-color:color-mix(in srgb,var(--up) 60%,transparent);background:var(--up-soft)}
.smp-ap.ap-done .smp-apn{color:#fff;background:var(--up);border-color:var(--up)}
.smp-ap.ap-rej{color:var(--down);border-color:color-mix(in srgb,var(--down) 60%,transparent);background:var(--down-soft)}
.smp-ap.ap-on{border-color:var(--accent2);color:var(--text);background:var(--card)}
.smp-ap.ap-on .smp-apn{color:#fff;background:var(--accent2);border-color:var(--accent2)}
.smp-ap.ap-lock{color:var(--muted2)}
.smp-ap-was{flex:none;padding:1px 6px;font:inherit;font-size:9.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;
  color:var(--down);background:var(--down-soft);border:1px solid color-mix(in srgb,var(--down) 45%,transparent);border-radius:5px;cursor:pointer}
.smp-ap-was:hover,.smp-ap-was:focus-visible{color:#fff;background:var(--down)}
.smp-apb{display:inline-flex;gap:3px;flex:none}
.smp-ok,.smp-no,.smp-x{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:6px;border:1px solid var(--line2);
  background:var(--field);font:inherit;font-weight:800;cursor:pointer;color:var(--text)}
.smp-ok:hover,.smp-ok:focus-visible{color:#fff;background:var(--up);border-color:var(--up)}
.smp-no:hover,.smp-no:focus-visible,.smp-x:hover{color:#fff;background:var(--down);border-color:var(--down)}
.smp-x{width:22px;height:22px;font-size:11px;flex:0 0 auto}
.smp-ap-f{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.smp-trb b{margin-left:3px;color:var(--down)}
.smp-ra{min-height:28px;padding:3px 10px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--down);
  background:none;border:1px dashed var(--down);border-radius:7px;cursor:pointer}
.smp-ra:hover,.smp-ra:focus-visible{color:#fff;background:var(--down);border-style:solid}
/* upload platform: belah ketupat per platform */
.smp-pfl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.smp-pfl li{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}
.smp-dia{width:11px;height:11px;flex:0 0 auto;transform:rotate(45deg);border:2px solid var(--muted2);border-radius:2px}
.smp-pfl li.ok .smp-dia{background:var(--up);border-color:var(--up)}
.smp-pfn{font-weight:700;min-width:0;flex:none}
.smp-pfl .smp-url{font-size:11px;text-align:right}
.smp-url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);text-decoration:none;flex:1 1 auto}
a.smp-url:hover{text-decoration:underline}
.smp-urlf{display:flex;gap:5px;flex-wrap:wrap}
.smp-urlf input{flex:1 1 100%;min-width:0}
.smp-urlf select{flex:1 1 120px;min-width:0}
.smp-urlf .btn-ghost{min-height:32px;padding:4px 10px;font-size:12px}
.smp-urlf .ked-input,.smp-lbl .ked-input{min-height:32px;padding:5px 8px;font-size:12.5px}
/* modal tolak + popup riwayat penolakan */
.smp-card[data-kind="tolak"]{width:min(580px,95vw)}
#smpTolakF{margin-top:14px}
#smpTolakF textarea{font-weight:500;line-height:1.5}
.smp-tl-n{align-self:flex-end;font-size:11px;font-weight:500;color:var(--muted2);text-transform:none;letter-spacing:0}
.ked-input.input-bad{border-color:var(--down);box-shadow:0 0 0 3px var(--down-soft)}
.btn-primary.smp-merah{background:var(--down);border-color:var(--down)}
:root[data-theme="light"] .btn-primary.smp-merah{background:var(--down);border-color:var(--down)}
.smp-tr-l{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;max-height:52vh;overflow:auto}
.smp-tr-l li{padding:8px 10px;border:1px solid var(--line);border-left:3px solid var(--down);border-radius:8px;background:var(--bg2)}
.smp-tr-h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:12px}
.smp-tr-b{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:1px 7px;border-radius:5px;
  color:var(--down);background:var(--down-soft)}
.smp-tr-b.ra{color:#fff;background:var(--down)}
.smp-tr-k{font-weight:650;color:var(--muted)}
.smp-tr-al{margin:6px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
/* Friday Review: kartu 3 tahap (amber) */
.smp-task.is-fr{--rail:#f59e0b}
.smp-task.is-fr.is-selesai{--rail:var(--up)}
.smp-task.is-fr.mine{box-shadow:0 0 0 1px var(--accent2)}
.smp-fr-b{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:2px 7px;
  color:#fbbf24;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.4)}
.smp-tah[data-t="story"]{color:#f9a8d4;background:rgba(244,114,182,.14)}
:root[data-theme="light"] .smp-fr-b{color:#b45309;background:#fffbeb;border-color:#f59e0b}
:root[data-theme="light"] .smp-tah[data-t="story"]{color:#be185d;background:#fdf2f8}
:root[data-theme="light"] .smp-task.tunda,:root[data-theme="light"] .smp-task.is-fr{--rail:#b45309}
:root[data-theme="light"] .smp-task.is-fr.is-selesai{--rail:var(--up)}

/* ---- PLANNER ---- */
.smp-prow{display:grid;grid-template-columns:minmax(0,1fr) 170px 190px auto;gap:12px;align-items:center;padding:12px;
  border:1px solid var(--line);border-radius:var(--r-inner);background:var(--bg2);cursor:pointer}
.smp-prow:hover,.smp-prow:focus-visible{border-color:var(--line2)}
.smp-pmain{display:flex;flex-direction:column;gap:4px;min-width:0}
.smp-brx{margin:2px 0 0;font-size:12px;color:var(--muted);white-space:pre-line;overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical}
.smp-ppl2{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:12px;align-items:baseline}
.smp-ppl2 span{color:var(--muted2);font-size:11px}
.smp-pwhen{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.smp-jd{font-size:13px;font-variant-numeric:tabular-nums}
.smp-pact{display:flex;gap:4px;align-items:center}
.smp-pact .btn-ghost{min-height:30px;padding:4px 10px;font-size:12px}
.smp-pact .btn-icon{width:30px;padding:0}
/* PLANNER: baris 1 = saringan selebar toolbar (tombol berbagi lebar), baris 2 = pencarian + tombol aksi */
#smpPlSeg{display:flex;width:100%}
#smpPlSeg button{flex:1 1 auto;padding:6px 11px;font-size:12.5px;white-space:nowrap}

/* ---- modal: draft, daftar, pengaturan, brief ---- */
.smp-card{width:min(780px,95vw)}
.smp-card[data-kind="daftar"]{width:min(700px,95vw)}
/* form draft: split view — kiri produk (utama + pendamping), kanan isian */
.smp-split{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.3fr);gap:18px;align-items:start}
.smp-sp-l{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--r-inner);
  background:var(--bg2);min-width:0}
.smp-sp-h,.smp-ut-h{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted2)}
.smp-ut,.smp-pdl{display:flex;flex-direction:column;gap:6px}
.smp-ut{padding:9px 10px;border:1px solid var(--accent2);border-radius:var(--r-inner);background:var(--field-ring)}
.smp-ut.kosong{border-style:dashed;border-color:var(--line2);background:none}
.smp-pdl ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;max-height:132px;overflow:auto}
.smp-si{display:flex;align-items:center;gap:8px;min-width:0}
.smp-pdl .smp-si{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.smp-si-n{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:12.5px}
.smp-si-n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smp-si-n span{font-size:11.5px;color:var(--muted)}
.smp-si .btn-icon{width:28px;height:28px;min-height:28px;padding:0;flex:none}
.smp-si .sm-link{white-space:nowrap;font-size:11.5px}
.smp-sp-l .smp-prod-res{background:var(--card)}
.smp-prod-res button.on{background:var(--field-ring);color:var(--text)}
.smp-pt-tag{margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:1px 6px;
  border-radius:5px;background:var(--line);color:var(--muted)}
.smp-pt-tag.ut{background:var(--accent2);color:#fff}
.smp-sp-r{align-content:start}
.smp-alur{display:flex;flex-wrap:wrap;align-items:center;gap:4px;text-transform:none;letter-spacing:0}
.smp-alur>i{font-style:normal;color:var(--muted2)}
.smp-ach{display:inline-flex;flex-direction:column;padding:3px 8px;border-radius:7px;border:1px solid var(--line2);font-size:12px;
  font-weight:650;color:var(--text);line-height:1.25}
.smp-ach small{font-size:10.5px;font-weight:500;color:var(--muted)}
.smp-ach.off{color:var(--muted2);text-decoration:line-through;border-style:dashed;opacity:.7}
.smp-alur.kecil .smp-ach{font-size:11px;padding:2px 6px}
#smpProdSel{display:flex;flex-direction:column;gap:12px}
.smp-lbl-tag{align-self:flex-start;font-size:9.5px;padding:1px 6px;border-radius:5px;background:rgba(245,158,11,.16);color:#d97706;letter-spacing:.3px}
.smp-opt{font-style:normal;text-transform:none;font-weight:500;color:var(--muted2);letter-spacing:0}
.smp-mode{display:flex;gap:4px;padding:3px;border:1px solid var(--line2);border-radius:9px;background:var(--card)}
.smp-mode button{flex:1;min-height:30px;border:0;border-radius:7px;background:none;font:inherit;font-size:12px;font-weight:650;
  color:var(--muted);cursor:pointer}
.smp-mode button.on{background:var(--accent2);color:#fff}
.smp-kpl{counter-reset:none}
.smp-kpn{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;
  background:var(--field-ring);color:var(--accent)}
.smp-kp{color:var(--accent)}
.smp-wait{align-self:flex-start;font-size:11.5px;font-weight:650;color:#d97706;background:rgba(245,158,11,.12);
  border-radius:6px;padding:3px 7px}
.smp-task.smp-out{opacity:.62}
.smp-out-b{font-size:10px;font-weight:700;letter-spacing:.3px;padding:1px 6px;border-radius:5px;border:1px dashed var(--line2);
  color:var(--muted2)}
.smp-out-n{color:#d97706}
.smp-pd{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smp-st.is-skip{min-width:0;opacity:.5;border:1px dashed var(--line2);justify-content:center;align-items:center}
.smp-st.is-skip .smp-sh{font-size:11px}
/* alur per tipe di daftar tipe konten */
.smp-dl-row.tipe{flex-wrap:wrap}
.smp-dl-al{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.smp-al-ed{flex-basis:100%;display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:10px;border:1px solid var(--accent2);
  border-radius:var(--r-inner);background:var(--card)}
.smp-al-g{display:flex;flex-direction:column;gap:6px}
.smp-al-pr{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px}
.smp-al-pr b{min-width:86px}
.smp-al-pr label{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1px solid var(--line2);border-radius:8px;
  cursor:pointer;color:var(--muted);font-weight:600}
.smp-al-pr label.on{border-color:var(--accent2);color:var(--text);background:var(--field-ring)}
.smp-al-pr input{accent-color:var(--accent2)}
.smp-al-fix{opacity:.7;cursor:default}
.smp-al-warn{font-size:12px;color:#d97706;background:rgba(245,158,11,.1);border-radius:7px;padding:6px 9px}
.smp-al-act{display:flex;justify-content:flex-end;gap:8px}
.smp-form,.smp-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.smp-fwide{grid-column:1/-1}
.smp-card .kt-new-f select,.smp-card .kt-new-f input,.smp-card .kt-new-f .smp-mini{text-transform:none;letter-spacing:0;font-weight:500}
.smp-prod-pick{text-transform:none;letter-spacing:0;font-weight:500}
.smp-prod-res{list-style:none;margin:6px 0 0;padding:4px;max-height:260px;overflow:auto;border:1px solid var(--line);
  border-radius:var(--r-inner);background:var(--bg2)}
.smp-prod-g{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px solid var(--line)}
.smp-prod-g:last-child{border-bottom:0}
.smp-prod-res button{text-align:left;background:none;border:0;border-radius:6px;padding:5px 8px;font:inherit;font-size:12.5px;
  color:var(--text);cursor:pointer}
.smp-prod-res button:hover,.smp-prod-res button:focus-visible{background:var(--field-ring)}
.smp-prod-res .smp-prod-v{padding-left:22px;color:var(--muted)}
.smp-prod-more{font-size:11.5px;color:var(--muted2);padding:4px 8px}
.smp-pfpick{display:flex;flex-wrap:wrap;gap:6px;text-transform:none;letter-spacing:0}
.smp-pfpick label{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 11px;border:1px solid var(--line2);
  border-radius:8px;font-size:12.5px;font-weight:650;color:var(--muted);cursor:pointer}
.smp-pfpick label.on{border-color:var(--accent2);color:var(--text);background:var(--field-ring)}
.smp-pfpick input{accent-color:var(--accent2)}
.smp-brief-prev{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-transform:none;letter-spacing:0;font-weight:500}
.smp-brief-prev p{margin:0;font-size:12.5px;color:var(--text);white-space:pre-line;max-height:7.5em;overflow:hidden}
.smp-left{margin-right:auto}
.smp-brief-ov{z-index:1300}
.smp-brief-card{width:min(720px,95vw)}
.smp-brief-ta{width:100%;min-height:46vh;resize:vertical;font:inherit;font-size:13.5px;line-height:1.55}
.smp-brief-n{font-size:11px;color:var(--muted2);text-align:right;margin-top:4px}
.smp-brief-txt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.6;max-height:48vh;overflow:auto;
  padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-inner);background:var(--bg2)}
.smp-info-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-bottom:14px}
.smp-info-g div{display:flex;flex-direction:column;gap:2px;font-size:13px}
.smp-info-g span{font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted2)}
.smp-dl-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px;max-height:50vh;overflow:auto}
.smp-dl-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-inner);background:var(--bg2)}
.smp-dl-row.dirty{border-color:var(--accent2)}
.smp-dl-row.arsip{opacity:.6}
.smp-dl-row .ked-input{flex:1 1 0;min-width:0}
.smp-dl-c{font-size:11.5px;color:var(--muted2);white-space:nowrap}
.smp-dl-act{display:flex;gap:4px;align-items:center}
.smp-dl-act .btn-icon{width:30px;height:30px;min-height:30px;padding:0}
.smp-dl-act .btn-primary,.smp-dl-act .btn-ghost{min-height:30px;padding:3px 10px;font-size:12px}
.smp-dl-new{display:flex;gap:8px;flex-wrap:wrap}
.smp-dl-new .ked-input{flex:1 1 160px}
.smp-jam{display:flex;align-items:center;gap:6px}
.smp-jam i{font-style:normal;text-transform:none;color:var(--muted)}
.smp-jam .ked-input{width:110px}
.smp-jam .ked-input:disabled{opacity:.45;cursor:not-allowed}   /* pengingat belum dimulai mati */
.smp-apl-ed{margin:0 0 8px;padding-left:22px;display:grid;gap:6px}
.smp-apl-ed li{display:flex;gap:6px;align-items:center}
.smp-apl-ed .ked-input{flex:1;max-width:320px}
.smp-apl-ed .btn-icon{width:30px;height:30px;min-height:30px;padding:0}

/* ================= PLANNER / FORM DRAFT (sosmed_produksi.js: toolbar & tab PLANNER, modal draft konten +
   Friday Review, Aturan planner, tunda) — isian memakai komponen bersama PIRAIsian (.dd-field / .pdt,
   style.css). Modal draft & Friday Review berukuran TETAP di desktop: hasil cari produk bergulir di dalam
   panel kiri, isian kanan bergulir sendiri, kartu tidak pernah berubah ukuran saat mencari. ================= */
/* toolbar + tab Friday Review (amber = Friday Review, sama dengan kartu PRODUKSI) */
.smp-fr-add{color:#fbbf24;border-color:rgba(245,158,11,.5)}
.smp-fr-add:hover{color:#fcd34d;border-color:#f59e0b;background:rgba(245,158,11,.08)}
:root[data-theme="light"] .smp-fr-add{color:#b45309;border-color:#f59e0b}
:root[data-theme="light"] .smp-fr-add:hover{color:#92400e;background:#fffbeb}
/* tombol aksi PLANNER satu kelompok: bila toolbar terlipat, ketiganya pindah baris bersama (rata kanan) */
.smp-pl-act{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-left:auto}
#smpPlSeg .smp-seg-fr{position:relative;margin-left:9px}
#smpPlSeg .smp-seg-fr::before{content:"";position:absolute;left:-6px;top:6px;bottom:6px;width:1px;background:var(--line2)}
#smpPlSeg .smp-seg-fr:not(.active){color:#fbbf24}
:root[data-theme="light"] #smpPlSeg .smp-seg-fr:not(.active){color:#b45309}
.smp-prow.is-fr{border-left:3px solid #f59e0b}
:root[data-theme="light"] .smp-prow.is-fr{border-left-color:#d97706}

/* kerangka modal: kepala + split (kiri produk, kanan isian) + kaki bergaris */
.smp-card[data-kind="form"],.smp-card[data-kind="fr"]{display:flex;flex-direction:column;overflow:hidden}
.smp-card[data-kind="form"]{width:min(1140px,96vw);height:min(780px,calc(100dvh - 48px))}
.smp-card[data-kind="fr"]{width:min(940px,96vw);height:min(620px,calc(100dvh - 48px))}
.smp-card:is([data-kind="form"],[data-kind="fr"]) #smpModalBody{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:14px}
.smp-fm-head{flex:none;padding-right:44px}
.smp-fm-head h3{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.smp-fr-star{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:15px;color:#fbbf24;
  background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.45)}
:root[data-theme="light"] .smp-fr-star{color:#b45309;background:#fffbeb;border-color:#f59e0b}
.smp-fm-toko{font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:2px 9px;border-radius:999px;
  border:1px solid var(--line2);color:var(--muted)}
.smp-fm-lock{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
.smp-fm-head .smr-from{margin:6px 0 0}
.smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-split{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr);
  align-items:stretch;gap:20px}
.smp-card[data-kind="fr"] .smp-split{grid-template-columns:minmax(300px,1fr) minmax(0,1fr)}
.smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-sp-l{min-height:0;overflow:hidden;gap:10px}
.smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-prod-pick{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px}
.smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-sp-l .smp-prod-res{flex:1 1 auto;min-height:120px;max-height:none;margin:0}
.smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-sp-r{min-height:0;overflow:auto;padding:2px 8px 10px 2px;gap:16px 18px;
  scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.smp-fm-foot{flex:none;margin-top:0;padding-top:14px;border-top:1px solid var(--line);align-items:center}
.smp-fm-foot .adm-err{flex:1 1 auto;min-width:0;margin:0;min-height:0}

/* panel kiri: produk terpilih + cari + hasil */
#smpProdSel{flex:none}
.smp-ut-kosong{font-size:12.5px;color:var(--muted2)}
.smp-ut .smp-si-n b{font-size:13px}
.smp-q{position:relative}
.smp-q svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted2);pointer-events:none}
.smp-q .ked-input{padding-left:34px;min-height:38px}
.smp-prod-res button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.smp-pr-t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.smp-prod-res .kart,.smp-si-n .kart{white-space:nowrap}
.smp-prod-res .smp-pt-tag{flex:none;margin-left:0}
.smp-prod-kosong{list-style:none;height:100%;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;padding:20px 8px;text-align:center;font-size:12.5px;color:var(--muted2)}
.smp-prod-kosong svg{width:24px;height:24px;opacity:.55}

/* kolom kanan: isian */
.smp-fh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.smp-fh .sm-link{text-transform:none;letter-spacing:0;font-size:12px;font-weight:650}
.smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-brief-prev{padding:10px 12px;border:1px dashed var(--line2);border-radius:var(--r-inner);
  background:var(--bg2)}
.smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-pfpick label{min-height:34px}
.smp-brief-prev p.kmuted{color:var(--muted2);font-weight:500}
.smp-fr-form{grid-template-columns:1fr}
.smp-fr-pm{display:flex;align-items:center;gap:4px;min-height:36px;padding:0 2px;font-size:13.5px;font-weight:650;color:var(--text);
  text-transform:none;letter-spacing:0}

/* Aturan planner: tab Tipe konten | Nama studio | Urgensi | Akses draft (manager/admin) */
.smp-at-tab{display:inline-flex;flex-wrap:wrap;margin:12px 0 2px}
.smp-at-tab button{padding:6px 14px;font-size:12.5px}
.smp-at-tab .smp-at-ak{position:relative;margin-left:9px}
.smp-at-tab .smp-at-ak::before{content:"";position:absolute;left:-6px;top:6px;bottom:6px;width:1px;background:var(--line2)}
.smp-ak{display:grid;gap:10px;margin:0 0 12px;max-height:55vh;overflow:auto}
.smp-ak-g{display:grid;gap:7px;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg2)}
.smp-ak-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.smp-ak-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.smp-ak-list li{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);border-radius:999px;padding:2px 3px 2px 11px;
  font-size:12.5px;background:var(--field)}
.smp-ak-list li span{color:var(--muted2);font-size:11.5px}
.smp-ak-list .btn-icon{width:24px;height:24px;min-height:24px;padding:0;font-size:11px;border-radius:999px}
.smp-ak-add .dd{max-width:280px}

/* KONTEN panel produk: lencana FRIDAY REVIEW n (sosmed.js) */
.sm-fr-badge{align-self:center;display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:4px 11px;border-radius:999px;
  border:1px solid rgba(245,158,11,.5);background:rgba(245,158,11,.1);color:#fbbf24;font-size:10.5px;font-weight:800;letter-spacing:.6px;
  white-space:nowrap}
.sm-fr-badge b{font-size:13px;font-weight:800;letter-spacing:0;color:var(--text);font-variant-numeric:tabular-nums}
.sm-fr-badge.nol{border-color:var(--line2);background:none;color:var(--muted2)}
.sm-fr-badge.nol b{color:var(--muted)}
.sm-fr-badge[hidden]{display:none}
:root[data-theme="light"] .sm-fr-badge{color:#b45309;background:#fffbeb;border-color:#f59e0b}
:root[data-theme="light"] .sm-fr-badge.nol{color:var(--muted2);background:none;border-color:var(--line2)}

/* layar sempit: kartu setinggi isi (bottom sheet), area hasil cari tetap setinggi tetap */
@media(max-width:900px){
  .smp-card[data-kind="form"],.smp-card[data-kind="fr"]{height:auto;max-height:92dvh;display:block;overflow:auto}
  .smp-card:is([data-kind="form"],[data-kind="fr"]) #smpModalBody{display:block}
  .smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-split{grid-template-columns:1fr;margin:12px 0}
  .smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-sp-l,
  .smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-sp-r{overflow:visible}
  .smp-card:is([data-kind="form"],[data-kind="fr"]) .smp-sp-l .smp-prod-res{flex:none;height:min(42dvh,340px);min-height:0}
  .smp-fm-foot{flex-wrap:wrap}
  .smp-fm-foot .adm-err{flex-basis:100%;order:-1}
}
@media(max-width:640px){#smpPlSeg{flex-wrap:wrap}}

/* ---- TUNDA ---- */
.smp-task.tunda{border-color:#d97706}
.smp-tunda{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:8px;font-size:12px;
  color:var(--text);background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.45)}
.smp-tunda b{font-size:11px;letter-spacing:.4px;color:#fbbf24}
:root[data-theme="light"] .smp-tunda b{color:#b45309}
.smp-tunda-al{font-weight:600;overflow-wrap:anywhere}
.smp-tunda .kmuted{font-size:11px}
.smp-tunda-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smp-td-b{color:#fbbf24;border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.12)}
:root[data-theme="light"] .smp-td-b{color:#b45309}
.smp-td-al{font-size:12px;font-weight:600;color:var(--text);max-width:190px;overflow:hidden;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical}
.smp-tunda-ta{min-height:90px;resize:vertical;font:inherit;font-size:13px;text-transform:none;letter-spacing:0}
.smp-tunda-l{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}
.smp-tunda-l li{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:12.5px}
.smp-tunda-l .kmuted{font-size:11px}

/* ---- JADWAL UPLOAD: daftar kiri + kalender bulanan ---- */
.smu-wrap{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}
.smu-side{position:sticky;top:12px;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px dashed var(--line2);
  border-radius:var(--r-inner);background:var(--bg2);max-height:calc(100vh - 40px);min-height:220px}
.smu-side.over{border-color:var(--accent2);background:var(--field-ring)}
.smu-side-h{display:flex;align-items:center;gap:6px}
.smu-side-h h3{margin:0;font-size:13px;letter-spacing:.4px;text-transform:uppercase}
.smu-side-sub{margin:0;font-size:11.5px;color:var(--muted2)}
.smu-search input{min-width:0}
.smu-pool{list-style:none;margin:0;padding:0;display:grid;gap:6px;overflow:auto;min-height:60px}
.smu-empty{font-size:12px;color:var(--muted2);padding:10px 4px;text-align:center}
.smu-main{min-width:0}
.smu-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.smu-judul{margin:0;font-size:16px;min-width:150px;text-align:center}
.smu-bar .btn-icon{width:32px;height:32px;min-height:32px;padding:0}
.smu-legend{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted2)}
.smu-legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-left:6px}
.lg-plan{background:var(--accent2)}.lg-part{background:#f59e0b}.lg-done{background:var(--up)}.lg-late{background:var(--down)}
.smu-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.smu-hd{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted2);padding:2px 6px}
.smu-hd.we{color:var(--down)}
.smu-day{min-height:118px;display:flex;flex-direction:column;gap:4px;padding:5px;border:1px solid var(--line);border-radius:8px;
  background:var(--bg2);min-width:0;transition:background .1s,border-color .1s}
.smu-day.we{background:color-mix(in srgb,var(--bg2) 85%,var(--down) 4%)}
.smu-day.out{opacity:.45}
.smu-day.today{border-color:var(--accent2);box-shadow:inset 0 0 0 1px var(--accent2)}
.smu-day.over{border-color:var(--accent);background:var(--field-ring);opacity:1}
.smu-drag .smu-day{border-style:dashed}
.smu-dn{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:var(--muted)}
.smu-day.today .smu-dn{color:var(--accent)}
.smu-dc{font-size:10px;font-weight:800;color:var(--muted2)}
.smu-dl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
/* chip konten: warna kiri = status */
.smu-chip{position:relative;display:flex;flex-direction:column;gap:2px;padding:5px 7px 5px 9px;border:1px solid var(--line2);
  border-left:4px solid var(--accent2);border-radius:7px;background:var(--card);font-size:11.5px;cursor:pointer;min-width:0}
.smu-chip[draggable=true]{cursor:grab}
.smu-chip:hover,.smu-chip:focus-visible{border-color:var(--accent2)}
.smu-chip.st-part{border-left-color:#f59e0b}
.smu-chip.st-done{border-left-color:var(--up);opacity:.85}
.smu-chip.late{border-left-color:var(--down);background:color-mix(in srgb,var(--card) 88%,var(--down) 12%)}
.smu-chip.dragging{opacity:.4}
.smu-chip.flash{animation:smpFlash 1.4s ease}
.smu-cn{font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:14px}
.smu-cs{color:var(--muted2);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.smu-pfs{display:flex;flex-wrap:wrap;gap:3px;margin-top:1px}
.smu-pf{font-size:9.5px;font-weight:800;padding:0 4px;border-radius:4px;color:var(--muted2);border:1px solid var(--line2)}
.smu-pf.ok{color:#fff;background:var(--up);border-color:var(--up)}
.smu-pf.jd{color:#fff;background:var(--accent2);border-color:var(--accent2)}
.smu-pf.late{color:#fff;background:var(--down);border-color:var(--down)}
.smu-pf.skip{text-decoration:line-through;opacity:.6}
/* daftar kiri (antrian upload): pil per platform tujuan; garis kiri abu = masih ada platform belum dijadwalkan */
.smu-pc{border-left-color:var(--muted2)}
.smu-pc.st-full{border-left-color:var(--accent2)}
.smu-pc .smu-pfs{gap:4px}
.smu-pc .smu-pf{font-size:10px;padding:1px 5px}
.smu-side-lg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;font-size:10.5px;color:var(--muted2)}
.smu-filter[hidden]{display:none}
.smu-filter .os-search{min-width:180px}
.smu-side-lg .it{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;margin-right:6px}
.smu-lain{font-size:10.5px;color:var(--muted2);overflow-wrap:anywhere}
.smu-td{font-size:10px;color:#fbbf24}
.smu-x{position:absolute;top:2px;right:2px;width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;
  background:none;color:var(--muted2);font-size:10px;cursor:pointer}
.smu-x:hover{background:var(--down);color:#fff}
.smu-pl{display:flex;flex-wrap:wrap;gap:4px;margin-top:1px}
.smu-pl .sm-pdot{font-size:10.5px;padding:0 7px 0 5px}
.smu-nopl{font-size:10.5px;color:var(--muted2);font-style:italic}
/* tombol + di setiap tanggal: popup pilih konten */
.smu-dr{display:flex;align-items:center;gap:4px}
.smu-add{min-width:20px;height:20px;display:grid;place-items:center;padding:0 4px;border:1px solid var(--line2);border-radius:6px;
  background:var(--field);color:var(--muted);font:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer;opacity:.55}
.smu-day:hover .smu-add,.smu-add:focus-visible{opacity:1}
.smu-add:hover{background:var(--accent2);border-color:var(--accent2);color:#fff;opacity:1}
/* tampilan mingguan: daftar hari ke bawah (gulir sendiri), kartu konten berjajar di tiap hari */
.smu-vw button{padding:6px 12px;font-size:12.5px}
.smu-cal.wk{position:relative;grid-template-columns:1fr;gap:6px;max-height:calc(100vh - 190px);min-height:360px;overflow-y:auto;
  overscroll-behavior:contain;padding-right:4px}
.smu-cal.wk .smu-day{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px;min-height:104px;padding:10px 12px}
.smu-cal.wk .smu-dn{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding-right:12px;
  border-right:1px solid var(--line)}
.smu-cal.wk .smu-dl{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));align-content:start;gap:8px}
.smu-cal.wk .smu-add{opacity:1;height:28px;padding:0 10px;margin-top:6px;font-size:12px;font-weight:650}
.smu-dk{font-size:11px;font-weight:600;color:var(--muted2)}
.smu-kosong{grid-column:1/-1;align-self:center;padding:10px 4px;font-size:12px;font-style:italic;color:var(--muted2)}
.smu-dh{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted2)}
.smu-day.we .smu-dh{color:var(--down)}
.smu-dd{font-size:18px;font-weight:800;color:var(--text)}
.smu-day.today .smu-dd{color:var(--accent)}
.smu-chip.besar{gap:4px;padding:7px 8px 7px 10px;font-size:12px}
.smu-chip.besar .smu-cn{white-space:normal;overflow-wrap:anywhere;font-size:12.5px}
.smu-chip.besar .smu-cs{white-space:normal}
.smu-art .kart{font-size:10px}
.smu-wpf{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:2px}
.smu-wpf li{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;font-size:11px;color:var(--muted2);min-width:0}
.smu-wpf li b{color:var(--text);font-weight:650}
.smu-wpf li span:last-child{margin-left:auto;padding-left:6px;text-align:right}
.smu-wpf .smp-dia{width:8px;height:8px;border-width:2px}
.smu-wpf li.ok .smp-dia{background:var(--up);border-color:var(--up)}
.smu-wpf li.ok span:last-child{color:var(--up);font-weight:700}
.smu-wpf li.skip{text-decoration:line-through;opacity:.6}
.smu-wtd{font-size:11px;font-weight:600;color:#fbbf24;overflow-wrap:anywhere}
:root[data-theme="light"] .smu-wtd{color:#b45309}
/* ---- UPLOAD HARI INI ---- */
.sm-head{position:relative}
.smu-actions{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.smu-actions[hidden],.smh-wrap[hidden],.smu-wrap[hidden]{display:none}
.smh-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;border-radius:999px;
  font-size:11px;font-weight:800;color:var(--accent2);background:#fff}
.smh-n[hidden]{display:none}
.smh-wrap{display:flex;flex-direction:column;gap:inherit}
.smh-head h3{margin:0 0 4px;font-size:16px}
.smh-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.smh-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.smh-row{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px;padding:12px 14px;border:1px solid var(--line);
  border-left:4px solid var(--accent2);border-radius:var(--r-inner);background:var(--bg2)}
.smh-row.st-part{border-left-color:#f59e0b}
.smh-row.st-done{border-left-color:var(--up)}
.smh-row.late{border-left-color:var(--down);border-color:color-mix(in srgb,var(--down) 45%,var(--line))}
.smh-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.smh-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.smh-when{font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;border-radius:6px;padding:2px 8px;
  color:var(--accent);background:var(--field-ring)}
.smh-when.today{color:#fff;background:var(--accent2)}
.smh-when.late{color:#fff;background:var(--down)}
.smh-when.done{color:var(--up);background:var(--up-soft)}
.smh-acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:4px}
.smh-pf{min-width:0;display:flex;flex-direction:column;gap:6px}
.smh-pfh{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted2)}
.smh-pfh .kmuted{text-transform:none;letter-spacing:0;font-weight:600}
.smh-err:empty{display:none}
.smh-pf .smu-r{padding:6px 10px}
.smh-pf .smu-uf{flex:1 1 320px;align-items:center}
.smh-pf .smu-ul{flex-direction:row;align-items:center;gap:6px}
@media(max-width:1180px){.smh-row{grid-template-columns:1fr}}
@media(max-width:640px){.smu-actions{position:static;transform:none;flex:1 1 100%}.smu-actions .btn-primary{width:100%}}
/* popup pilih konten */
.smp-card[data-kind="pilih"]{width:min(920px,96vw)}
.smu-pkq{margin:2px 0 10px}
.smu-pkl{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:58vh;overflow:auto}
.smu-pki{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--r-inner);background:var(--bg2);cursor:pointer}
.smu-pki:hover{border-color:var(--line2)}
.smu-pki.on{border-color:var(--accent2);box-shadow:0 0 0 3px var(--field-ring)}
.smu-pki input{width:17px;height:17px;margin-top:2px;accent-color:var(--accent2);cursor:pointer}
.smu-pkm{display:flex;flex-direction:column;gap:5px;min-width:0}
.smu-pkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px 14px;font-size:11.5px;color:var(--muted2)}
.smu-pkg b{color:var(--text);font-weight:600;margin-left:3px}
.smu-pkb{margin:0;font-size:12px;color:var(--muted);white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical}
.smu-pkn{font-size:12.5px;font-weight:700;color:var(--accent)}
.smu-pkl.satu{max-height:none}
/* pilih platform per konten untuk tanggal ini */
.smu-pkp{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0}
.smu-pkpl{flex:1 1 100%;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted2)}
.smu-pt{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:40px;padding:4px 12px;
  border:1px solid var(--line2);border-radius:8px;background:var(--field);color:var(--text);font:inherit;font-size:12.5px;
  font-weight:700;line-height:1.25;text-align:left;cursor:pointer}
.smu-pt small{font-size:10.5px;font-weight:500;color:var(--muted2)}
button.smu-pt:hover{border-color:var(--accent2)}
.smu-pt.on{border-color:var(--accent2);background:var(--accent2);color:#fff}
.smu-pt.on small{color:rgba(255,255,255,.85)}
.smu-pt.ok{background:none;border-color:color-mix(in srgb,var(--up) 50%,var(--line));color:var(--up);cursor:default}
.smu-pt.here{background:none;border-style:dashed;color:var(--muted);cursor:default}
/* popup URL */
.smu-jd{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.smu-jd label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted2)}
.smu-note{margin:-2px 0 10px;font-size:12px;color:var(--muted)}
/* popup konten: jadwal per platform */
.smu-jl{margin-bottom:14px}
.smu-jr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;border:1px solid var(--line);border-radius:var(--r-inner);
  background:var(--bg2);font-size:12.5px}
.smu-jr b{min-width:78px}
.smu-jk{flex:1 1 150px;font-size:12px;color:var(--muted2)}
.smu-jr.ok .smp-dia{background:var(--up);border-color:var(--up)}
.smu-jr.ok .smu-jk{color:var(--up);font-weight:700}
.smu-jr.jd .smp-dia{background:var(--accent2);border-color:var(--accent2)}
.smu-jr.late .smp-dia{background:var(--down);border-color:var(--down)}
.smu-jr.late .smu-jk{color:var(--down);font-weight:700}
.smu-jr .ked-input{min-height:34px;padding:5px 8px;font-size:12.5px;width:auto}
.smu-jr .btn-ghost{min-height:34px;padding:4px 12px}
/* label jadwal di baris URL */
.smu-rj{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:5px;color:var(--accent);background:var(--field-ring);white-space:nowrap}
.smu-rj.none{color:var(--muted2);background:none;border:1px dashed var(--line2)}
.smu-rj.late{color:#fff;background:var(--down)}
.smu-r.hit{border-color:var(--accent2)}
.smp-url.late{color:var(--down)}
.smu-rl{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.smu-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-inner);
  background:var(--bg2);font-size:12.5px}
.smu-r.ok{border-color:color-mix(in srgb,var(--up) 50%,var(--line))}
.smu-r.ok .smp-dia{background:var(--up);border-color:var(--up)}
.smu-rn{min-width:78px}
.smu-ru{flex:1 1 160px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);text-decoration:none}
.smu-ru:hover{text-decoration:underline}
.smu-rt{font-size:11.5px;font-weight:700;color:var(--up)}
.smu-uf{flex:1 1 100%;display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end}
.smu-uf input[type=url]{flex:1 1 220px;min-width:0}
.smu-ul{display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:var(--muted2)}
.smu-uf .ked-input{min-height:34px;padding:5px 8px;font-size:12.5px}
.smu-uf .btn-primary{min-height:34px;padding:4px 12px}

@media(max-width:1180px){
  .smp-task{grid-template-columns:1fr}
  .smp-acts{margin-top:4px}
  .smu-wrap{grid-template-columns:1fr}
  .smu-side{position:static;max-height:none}
  .smu-pool{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
}
/* layar sentuh: tombol minimal 44px (style.css) tak muat di sel bulanan -> ketuk sel = pilih konten */
@media(max-width:820px){#smuCal:not(.wk) .smu-add{display:none}}
@media(max-width:640px){
  /* kalender sempit: sel hanya angka + jumlah konten; chip tetap bisa diklik */
  .smu-day{min-height:64px;padding:3px}
  .smu-cal .smu-cs,.smu-cal .smu-pfs{display:none}
  .smu-chip{padding:3px 4px 3px 6px;font-size:10px}
  .smu-x{display:none}
  .smu-dc{display:none}
  .smu-cal.wk{max-height:none;min-height:0;overflow:visible}
  .smu-cal.wk .smu-day{grid-template-columns:1fr;min-height:0;gap:8px}
  .smu-cal.wk .smu-dn{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px;padding:0 0 6px;border-right:0;border-bottom:1px solid var(--line)}
  .smu-cal.wk .smu-add{margin:0 0 0 auto}
  .smu-cal.wk .smu-cs,.smu-cal.wk .smu-pfs{display:flex}
  .smu-legend{margin-left:0}
}
@media(max-width:900px){
  /* pipa tahap jadi vertikal: dinding = garis mendatar */
  .smp-pipe,.smp-pipe.is-fr{grid-template-columns:1fr}
  .smp-wall{height:12px}
  .smp-wall::before{left:12px;right:12px;top:5px;bottom:auto;width:auto;height:2px}
  .smp-late-i{grid-template-columns:1fr;gap:4px}
  .smp-prow{grid-template-columns:1fr}
  .smp-form,.smp-fgrid,.smp-info-g{grid-template-columns:1fr}
  .smp-split{grid-template-columns:1fr}
  .smp-dl-row{flex-wrap:wrap}
}

/* ================= PLANNER -> REQUEST KONTEN (sosmed_request.js) =================
   Ungu = request konten, merah muda = request story (sama dengan rel LIST ECOMMERCE). */
.smr-list{gap:8px}
.smr-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,240px) auto;gap:8px 16px;align-items:center;padding:12px 14px;
  border:1px solid var(--line);border-left:4px solid #a78bfa;border-radius:var(--r-inner);background:var(--bg2)}
.smr-row[data-j="story"]{border-left-color:#f472b6}
.smr-row[data-st="selesai"],.smr-row[data-st="tolak"],.smr-row[data-st="batal"]{border-left-color:var(--line2);opacity:.82}
.smr-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.smr-jn{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;border-radius:6px;padding:2px 8px;
  color:#c4b5fd;background:rgba(167,139,250,.14)}
.smr-jn[data-j="story"]{color:#f9a8d4;background:rgba(244,114,182,.14)}
:root[data-theme="light"] .smr-jn{color:#6d28d9;background:#f5f3ff}
:root[data-theme="light"] .smr-jn[data-j="story"]{color:#be185d;background:#fdf2f8}
.smr-c{margin:2px 0 0;font-size:12.5px;color:var(--muted);font-style:italic;overflow-wrap:anywhere;white-space:pre-line}
.smr-by{font-size:12px;color:var(--muted2)}
.smr-by b{color:var(--text);font-weight:700}
.smr-stat{display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0}
.smr-st{font-weight:800}
.smr-st[data-st="baru"]{color:#fbbf24;border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.1)}
.smr-st[data-st="diproses"]{color:var(--accent);border-color:var(--field-ring);background:var(--field-ring)}
.smr-st[data-st="selesai"]{color:var(--up);background:var(--up-soft)}
.smr-st[data-st="tolak"]{color:var(--down)}
:root[data-theme="light"] .smr-st[data-st="baru"]{color:#b45309;background:#fffbeb;border-color:#f59e0b}
.smr-al{font-size:11.5px;color:var(--muted);font-style:italic;overflow-wrap:anywhere}
.smr-act{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.smr-act .btn-ghost,.smr-act .btn-primary{min-height:30px;padding:4px 10px;font-size:12px}
.smr-tolak{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--line2)}
.smr-tolak textarea{resize:vertical;min-height:52px;text-transform:none;letter-spacing:0;font-weight:500}
.smr-tolak-a{display:flex;gap:6px;justify-content:flex-end}
.smr-from{margin:0 0 4px;font-size:12.5px;font-weight:650;color:#c4b5fd}
:root[data-theme="light"] .smr-from{color:#6d28d9}
#smrActions .btn-primary{white-space:nowrap}
@media(max-width:900px){
  .smr-row{grid-template-columns:1fr}
  .smr-act{justify-content:flex-start}
}