/* ORDINATA — planificador de Instagram de DAME APRÈS PARIS.
   Sistema: dame-design-system.md, con los ajustes de MANUFACTA (papel #E4F4E9, Plex Mono).
   Leyenda: la forma dice el tipo (9:16 story y reel, 4:5 post y carrusel); el borde dice el estado.
   El esmeralda es el único acento: stories y el día de hoy. */

@font-face{font-family:"DAP Univers";src:local("Univers LT Pro Bold Cond"),local("UniversLTPro-BoldCond"),local("Univers LT Std Bold Cn"),local("UniversLTStd-BoldCn"),local("Univers 67 Bold Condensed");font-weight:700}

:root{
  --paper:#E4F4E9; --paper-2:#D9ECDF;
  --ink:#27272A; --ink-soft:rgba(39,39,42,.62);
  --rule:rgba(39,39,42,.18); --rule-strong:rgba(39,39,42,.7);
  --concrete:#D1D3CF;
  --emerald:#009274; --emerald-deep:#00694F; --on-emerald:#E4F4E9;
  --danger:#8E1B1B;
  --display:"DAP Univers","Univers LT Pro","Univers LT Std","Helvetica Neue Condensed","HelveticaNeue-CondensedBold","Archivo Narrow","Arial Narrow",Impact,sans-serif;
  --mono:"Apercu Mono Pro","PP Lettra Mono","IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-5:40px; --sp-8:64px;
  --r:1px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --paper:#0B0B0C; --paper-2:#131315; --ink:#ECEAE4; --ink-soft:rgba(236,234,228,.6);
  --rule:rgba(236,234,228,.18); --rule-strong:rgba(236,234,228,.7); --concrete:#3A3A3C;
  --emerald:#00B497; --emerald-deep:#3FD9A4; --on-emerald:#0B0B0C; --danger:#FF8A80;
  color-scheme:dark;}}

*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--paper);color:var(--ink);font:400 14px/1.55 var(--mono);-webkit-text-size-adjust:100%;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(40px,env(safe-area-inset-bottom,0px))}
body.picking{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
.wrap{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-2)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:.92;margin:0;text-wrap:balance}
h1{font-size:clamp(34px,8vw,51px)} h2{font-size:31px} h3{font-size:19px}
p{margin:0}
a{color:inherit}
.lbl{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.sub{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.muted{color:var(--ink-soft);font-size:12px}

/* Cabecera corrida y regla con cotas */
.runhead{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);white-space:pre}
.cota{height:9px;border-bottom:1px solid var(--rule-strong);background:
  repeating-linear-gradient(90deg,var(--rule-strong) 0 1px,transparent 1px 8px) bottom/100% 4px no-repeat,
  repeating-linear-gradient(90deg,var(--rule-strong) 0 1px,transparent 1px 40px) bottom/100% 9px no-repeat}
.top{display:flex;gap:12px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.mono-dd{display:block;color:var(--ink);flex:none}
.acct{border:0;border-bottom:1px solid var(--rule-strong);border-radius:0;background:transparent;padding:4px 22px 4px 0;font-family:var(--display);font-weight:700;font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:-.01em;min-width:0;max-width:100%;appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 7px center,right 2px center;background-size:5px 5px;background-repeat:no-repeat}
.acct option{font:14px var(--mono);text-transform:none}
.tools{display:flex;gap:8px;align-items:center;flex:none}
.bell{position:relative}
.bell .n{position:absolute;top:-6px;right:-6px;background:var(--emerald);color:var(--on-emerald);font-size:9px;font-weight:600;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}

.av{width:28px;height:28px;border:1px solid var(--rule-strong);border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:10px;letter-spacing:.04em;flex:none;background:transparent;color:var(--ink)}
.av.sm{width:22px;height:22px;font-size:9px}
button.av{cursor:pointer;width:40px;height:40px}

.btn{border:1px solid var(--rule-strong);background:transparent;border-radius:var(--r);padding:9px 14px;cursor:pointer;font-family:var(--mono);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--ink)}
.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.okb{background:var(--emerald);color:var(--on-emerald);border-color:var(--emerald)}
.btn.ghost{border-color:var(--rule)}
.btn.danger{color:var(--danger);border-color:var(--rule)}
.btn.small{min-height:34px;padding:6px 10px;font-size:10px}
.btn.icon{width:40px;min-height:40px;padding:0;font-size:15px;letter-spacing:0}
.btn.google{min-height:52px;padding:10px 20px;font-size:12px}
.btn:disabled{opacity:.35;cursor:default}

.tabs{display:flex;gap:var(--sp-3);border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{border:0;background:transparent;padding:10px 0;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tab[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--rule-strong);background:transparent;border-radius:var(--r);padding:5px 10px;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip:disabled{opacity:.35;cursor:default}
.note{border:1px dashed var(--rule-strong);border-radius:var(--r);padding:12px 14px;color:var(--ink-soft);font-size:12px}
.note strong{color:var(--ink)}
.bar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}
.nav{display:flex;gap:6px;align-items:center}

/* ---------- Miniatura con leyenda ---------- */
.th{--h:64px;position:relative;display:block;height:var(--h);aspect-ratio:4/5;background:var(--concrete);border:1px solid var(--ink);flex:none;padding:0}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.th[data-tipo="story"],.th[data-tipo="reel"]{aspect-ratio:9/16}
.th[data-tipo="story"]{border:2px solid var(--emerald)}
.th[data-tipo="carrusel"]{box-shadow:3px -3px 0 -1px var(--paper),3px -3px 0 0 var(--ink);margin:3px 3px 0 0}
.th[data-tipo="reel"]::before{content:"▶";position:absolute;left:0;bottom:0;background:var(--ink);color:var(--paper);font-size:7px;line-height:1;padding:2px 2px 2px 3px}
.th[data-estado="borrador"]{border-style:dashed;background:var(--paper)}
.th[data-estado="borrador"] img{opacity:.82}
.th[data-estado="revision"]::after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 11px 11px 0;border-color:transparent var(--ink) transparent transparent}
.th[data-estado="publicado"]{opacity:.45}
.th.sm{--h:30px}
.th.xs{--h:18px}
.th.xs[data-tipo="carrusel"]{box-shadow:2px -2px 0 -1px var(--paper),2px -2px 0 0 var(--ink);margin:2px 2px 0 0}
.th.xs[data-estado="revision"]::after{border-width:0 6px 6px 0}
.th.xs[data-tipo="reel"]::before{font-size:5px;padding:1px}

.legend{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend .sep{width:1px;height:18px;background:var(--rule-strong)}
.legend .th{background:var(--concrete)}
details.leg summary{cursor:pointer;list-style:none;font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ink-soft)}
details.leg summary::-webkit-details-marker{display:none}
details.leg[open] summary{margin-bottom:10px}

/* ---------- Diseño con bandeja lateral (ordenador) ---------- */
.layout{display:block}
.side{display:none}
@media (min-width:1024px){
  .layout.with-side{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-3);align-items:start}
  .layout.with-side .side{display:flex;flex-direction:column;gap:12px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;border-left:1px solid var(--rule);padding-left:var(--sp-3)}
}

/* ---------- Semana ---------- */
.week{display:flex;flex-direction:column;border-bottom:1px solid var(--rule-strong)}
.wd{display:grid;grid-template-columns:58px minmax(0,1fr);border-top:1px solid var(--rule-strong);min-height:104px}
.wd-h{display:flex;flex-direction:column;align-items:flex-start;padding:10px 0 8px;gap:2px;border-right:1px solid var(--rule);font-variant-numeric:tabular-nums}
.wd-h small{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.wd-h b{font-family:var(--display);font-size:34px;line-height:.9;font-weight:700;padding:1px 3px 0;margin-left:-3px}
.wd.today .wd-h b{background:var(--emerald);color:var(--on-emerald)}
.wd.past .wd-h b{opacity:.5}
.wd-strip{display:flex;gap:14px;align-items:flex-end;padding:10px 0 10px 12px;overflow-x:auto;scrollbar-width:thin}
.ent{border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;cursor:pointer;flex:none;color:inherit;font:inherit}
.ent .th{--h:76px}
.ent time{font-size:10px;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.ent time small{font-weight:400;color:var(--ink-soft);letter-spacing:.12em;margin-left:4px;font-size:8px}
.add{width:40px;height:76px;border:1px dashed var(--rule-strong);background:transparent;cursor:pointer;font-size:18px;flex:none;color:var(--ink-soft);margin-bottom:21px}
.add:hover{color:var(--ink);border-color:var(--ink)}
.target{cursor:copy}
body.picking .target{outline:1px dashed var(--rule-strong);outline-offset:-4px}
.target.over,body.picking .target:hover{outline:2px solid var(--emerald);outline-offset:-3px}
.ent[draggable="true"]{cursor:grab}

/* ---------- Mes ---------- */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--rule-strong);border-left:1px solid var(--rule-strong)}
.cal-wd{font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);padding:6px 8px;border-right:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong)}
.day{min-height:116px;border:0;border-right:1px solid var(--rule-strong);border-bottom:1px solid var(--rule-strong);padding:6px;display:flex;flex-direction:column;gap:6px;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit;min-width:0}
.day.out .dn{opacity:.4}
.dn{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;display:flex;justify-content:space-between}
.day.today .dn b{background:var(--emerald);color:var(--on-emerald);padding:1px 5px}
.dn small{color:var(--ink-soft);font-size:9px}
.ths{display:flex;flex-wrap:wrap;gap:5px;align-items:flex-end}
.ths .th{--h:36px}
.more{font-size:9px;font-weight:600;color:var(--ink-soft);align-self:center}

/* ---------- Bandeja ---------- */
.tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px}
.side .tray{grid-template-columns:repeat(3,1fr);gap:6px}
.ph{position:relative;border:0;padding:0;background:var(--concrete);aspect-ratio:4/5;cursor:pointer;display:block;width:100%;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph .used{position:absolute;left:0;top:0;background:var(--ink);color:var(--paper);font-size:8px;font-weight:600;letter-spacing:.1em;padding:2px 5px;text-transform:uppercase}
.ph .ord{position:absolute;right:4px;top:4px;width:22px;height:22px;background:var(--emerald);color:var(--on-emerald);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
.ph[aria-pressed="true"]{outline:3px solid var(--ink);outline-offset:-3px}
.ph[aria-pressed="true"] img{opacity:.8}
.ph .vert{position:absolute;right:0;bottom:0;background:var(--paper);color:var(--ink);font-size:8px;font-weight:600;letter-spacing:.08em;padding:1px 4px}

/* ---------- Perfil ---------- */
.prof{display:flex;gap:16px;align-items:center;padding:8px 0 4px}
.prof-pic{width:72px;height:72px;border:1px solid var(--rule-strong);display:flex;align-items:center;justify-content:center;flex:none}
.prof h2{font-size:24px}
.stories{display:flex;gap:10px;overflow-x:auto;padding:6px 0 4px}
.stories .ent .th{--h:96px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;max-width:620px}
.cell{position:relative;aspect-ratio:3/4;background:var(--concrete);border:0;padding:0;cursor:pointer;overflow:hidden;color:inherit;font:inherit}
.cell img{width:100%;height:100%;object-fit:cover;display:block}
.cell .tag{position:absolute;left:0;top:0;background:var(--paper);color:var(--ink);font-size:9px;font-weight:600;letter-spacing:.1em;padding:3px 6px;text-transform:uppercase;font-variant-numeric:tabular-nums}
.cell .ico{position:absolute;right:6px;top:5px;color:#fff;font-size:12px;text-shadow:0 0 3px rgba(0,0,0,.7)}
.cell[data-estado="borrador"]::after{content:"";position:absolute;inset:0;border:2px dashed var(--ink);background:rgba(228,244,233,.25)}
.cell[data-estado="revision"]::after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 16px 16px;border-color:transparent transparent var(--ink) transparent}
.cell[aria-pressed="true"]{outline:3px solid var(--emerald);outline-offset:-3px}
.cell.fixed{cursor:default}
.divider{grid-column:1/-1;font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);padding:10px 0 6px;border-top:1px solid var(--rule-strong);margin-top:8px}

/* ---------- Equipo ---------- */
.panel{border:1px solid var(--rule-strong);border-radius:var(--r);padding:var(--sp-2);display:flex;flex-direction:column;gap:12px}
.trow{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--rule)}
.trow:first-child{border-top:0}
.trow .grow{flex:1;min-width:180px}
.pill{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;white-space:nowrap;border:1px solid var(--rule-strong);border-radius:var(--r);display:inline-block}
.pill.borrador{border-style:dashed}
.pill.revision{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pill.aprobado{color:var(--emerald-deep);border-color:var(--emerald)}
.pill.publicado{opacity:.6}

/* ---------- Hojas ---------- */
.overlay{position:fixed;inset:0;background:rgba(11,11,12,.55);display:flex;align-items:flex-start;justify-content:center;z-index:50;overflow-y:auto;
  padding:max(20px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
.sheet{background:var(--paper);border:1px solid var(--rule-strong);border-radius:var(--r);width:100%;max-width:640px;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}
.sheet-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;border-bottom:1px solid var(--rule);padding-bottom:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field>label,.field>.lbl{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);display:flex;justify-content:space-between;gap:8px}
.field input[type=text],.field input[type=email],.field input[type=date],.field input[type=time],.field textarea,.field select{border:1px solid var(--rule-strong);border-radius:var(--r);padding:9px 11px;background:transparent;width:100%;font-size:14px}
.field textarea{min-height:96px;resize:vertical}
.field :disabled{opacity:.6}
.count.over{color:var(--danger)}
.err{color:var(--danger);font-size:12px}
.sheet-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:var(--sp-2)}
.sheet-actions .sp{flex:1}
.preview{display:flex;gap:16px;align-items:flex-start}
.frame{flex:none;background:var(--concrete);border:1px solid var(--rule-strong);width:150px;aspect-ratio:4/5;overflow:hidden;cursor:zoom-in;padding:0}
.frame.v{aspect-ratio:9/16;width:124px}
.frame img{width:100%;height:100%;object-fit:cover;display:block}
.strip{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}
.sl{display:flex;flex-direction:column;gap:3px;align-items:center}
.sl img{width:56px;height:70px;object-fit:cover;display:block;border:1px solid var(--rule-strong)}
.sl .n{font-size:9px;font-weight:600}
.sl .ctr{display:flex;gap:2px}
.sl .ctr button{border:1px solid var(--rule);background:transparent;width:18px;height:18px;font-size:10px;line-height:1;padding:0;cursor:pointer}
.thread{display:flex;flex-direction:column;gap:10px}
.msg{display:flex;gap:10px;align-items:flex-start}
.msg .bubble{border-left:1px solid var(--rule-strong);padding:2px 0 2px 12px;min-width:0;flex:1}
.msg .bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--ink-soft)}
.timeline b{color:var(--ink);font-weight:600}
.lightbox{align-items:center;cursor:zoom-out}
.lightbox img{max-height:90vh;max-width:100%}
.alist{display:flex;flex-direction:column}
.arow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--rule);background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.arow.unread b::before{content:"";display:inline-block;width:7px;height:7px;background:var(--emerald);margin-right:6px;vertical-align:middle}
.arow b{font-size:12px;font-weight:600}
.arow small{display:block;font-size:10px;color:var(--ink-soft);letter-spacing:.06em}
.dl{display:flex;flex-direction:column}
.drow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--rule);background:transparent;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;font:inherit;color:inherit}

/* Barra de «foto cogida» */
.pick{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);color:var(--paper);
  padding:12px max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pick .thumbs{display:flex;gap:4px}
.pick img{width:34px;height:42px;object-fit:cover;display:block;border:1px solid var(--paper);cursor:zoom-in}
.pick .txt{flex:1;min-width:150px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.pick .txt small{display:block;font-weight:300;opacity:.75;letter-spacing:.08em}
.pick .btn{color:var(--paper);border-color:var(--paper)}
.pick .btn.okb{background:var(--emerald);border-color:var(--emerald);color:var(--on-emerald)}

.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);padding:10px 16px;z-index:60;font-size:11px;letter-spacing:.1em;text-transform:uppercase;max-width:calc(100% - 32px);border:1px solid var(--paper)}
body.picking .toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}

/* Entrada */
.login{min-height:78vh;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-5);max-width:480px;margin:0 auto;width:100%}
.login-mid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3)}
.login .mark{font-family:var(--display);font-weight:700;font-size:clamp(56px,16vw,82px);line-height:.88;text-transform:uppercase;letter-spacing:-.01em}
.desc-line{font-size:10px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);text-align:center;white-space:pre-wrap}
.foot{display:flex;flex-direction:column;gap:10px;align-items:center;margin-top:var(--sp-5)}
.linkbtn{border:0;background:none;padding:0;cursor:pointer;text-decoration:underline;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}

@media (max-width:640px){
  .runhead span:nth-child(2){display:none}
  .acct{font-size:19px}
  .grid2{grid-template-columns:1fr}
  .tabs{gap:var(--sp-2)}
  .cal-wd{padding:6px 2px;text-align:center;letter-spacing:.04em}
  .day{min-height:76px;padding:3px;gap:3px}
  .ths{gap:3px}
  .ths .th{--h:22px}
  .ths .th[data-tipo="carrusel"]{box-shadow:2px -2px 0 -1px var(--paper),2px -2px 0 0 var(--ink);margin:2px 2px 0 0}
  .ths .th[data-estado="revision"]::after{border-width:0 6px 6px 0}
  .ths .th[data-tipo="reel"]::before{font-size:5px;padding:1px}
  .ths .th[data-tipo="story"]{border-width:1.5px}
  .dn{font-size:10px}
  .preview{flex-direction:column}
  .sheet{padding:var(--sp-2)}
}
@media (prefers-reduced-motion:no-preference){.btn,.tab,.chip{transition:background .15s,border-color .15s,color .15s}}

/* Avisos de estado, selector en línea y personas sin acceso */
.banner{border:1px solid var(--rule-strong);border-radius:var(--r);padding:10px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px}
.banner.warn{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.banner.warn .btn{color:var(--paper);border-color:var(--paper)}
select.inline{border:1px solid var(--rule-strong);border-radius:var(--r);padding:7px 9px;background:transparent;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.trow.off{opacity:.55}