/* ============================================================
   PLINTH SKIN · prueba local del Cake-me Hub con el UI kit
   "Plinth" (lucky-fireant-71): canvas blanco, contorno tinta,
   motivo táctil de pulsación (cara elevada que se hunde al clic),
   Space Grotesk + Inter, acento coral.
   Se carga la última: sobreescribe la piel del hub sin tocar JS.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root{
  --rose:#fd9b9b;
  --yellow:#ffe2db;
  --ink:#111111;
  --paper:#ffffff;
  --rose-light:#ffe2db;
  --yellow-light:#faf7f2;
  --display:'Space Grotesk',system-ui,sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --press:0 4px 0 var(--ink);
  --press-hover:0 6px 0 var(--ink);
  --press-active:0 1px 0 var(--ink);
  --ease-press:cubic-bezier(.2,.7,.2,1);
}
body{background:var(--paper);color:var(--ink);}

/* franja en clave Plinth */
#franja{background:repeating-linear-gradient(90deg,var(--rose) 0 44px,#faf7f2 44px 88px,var(--ink) 88px 132px);}

/* tipografía: sin uppercase gritado, tracking Plinth */
h1,h2,h3,h4{letter-spacing:-0.02em;}
.in-head h1{text-transform:none;font-weight:700;}
h2 .tag{background:var(--rose);color:var(--ink);border:1px solid var(--ink);}

/* etiquetas que eran texto rosa → tinta (coral solo como superficie) */
.p-h5,.brief h5,.update .f,.thread .msg .a,.pilot-kicker,.brief-json summary,
.ch-form label,.p-form label,.brief-dates b,.in-link{color:var(--ink);}
.in-link:hover{color:#5a5a5a;}

/* ---------- sidebar clara Plinth ---------- */
nav{background:#fff;border-right:1px solid var(--ink);}
nav .side-brand small{color:#5a5a5a;}
nav .side-heading{color:#5a5a5a;}
nav button{color:#5a5a5a;border-left:none;border:1px solid transparent;font-family:var(--body);}
nav button:hover{background:#faf7f2;color:var(--ink);}
nav button.active{background:var(--rose);color:var(--ink);border:1px solid var(--ink);box-shadow:0 3px 0 var(--ink);font-weight:700;}
nav .nbadge{background:var(--ink);color:#fff;}
nav .side-user{border-top:1px solid #ebe6dd;color:#5a5a5a;}
nav .side-user b{color:var(--ink);}
nav .side-user a{color:var(--ink);}
#topbar{border-bottom:1px solid var(--ink);top:5px;}

/* ---------- motivo de pulsación: controles ---------- */
.send,.cbtn,.mini,.fchip,.kb-add,.pilot-status button,.role-opts label{
  border:1px solid var(--ink);background:#faf7f2;color:var(--ink);
  border-radius:12px;box-shadow:var(--press);
  transition:transform .12s var(--ease-press),box-shadow .12s var(--ease-press),background .15s;
}
.send:hover,.cbtn:hover,.mini:hover,.fchip:hover,.kb-add:hover,.pilot-status button:hover{
  transform:translateY(-2px);box-shadow:var(--press-hover);background:#faf7f2;color:var(--ink);
}
.send:active,.cbtn:active,.mini:active,.fchip:active,.pilot-status button:active{
  transform:translateY(2px);box-shadow:var(--press-active);
}
.send{background:var(--rose);font-weight:700;}
.send:hover{background:var(--rose);}
.thread .send{background:var(--rose);color:var(--ink);border:1px solid var(--ink);}
.thread .send:hover{background:var(--rose);border-color:var(--ink);}
.cbtn.on,.fchip.on,.pilot-status button.on{background:var(--ink);color:#fff;box-shadow:var(--press-active);transform:translateY(2px);}
.cbtn .cnt{background:var(--ink);}

/* ---------- superficies ---------- */
.card,.in-stat,.in-card,.brief,.kpi-row,.pilot-card,.update,.cal-filters,.act-feed,.thread,.changes{
  border:1px solid #ebe6dd;box-shadow:none;border-radius:18px;background:#fff;
}
.thread,.changes{background:#faf7f2;}
.in-stat.dark{background:var(--ink);color:#fff;border-color:var(--ink);}
.in-stat.dark b{color:var(--rose);}
.in-stat:not(.dark) b{color:var(--ink);}
.in-card .in-title{border-bottom:1px solid #ebe6dd;}
.in-card.warn{border-left:6px solid var(--rose);}
.in-row:hover{background:#faf7f2;}
.in-pend:hover{background:var(--yellow-light);}
.in-kicker{background:var(--rose);border-color:var(--ink);color:var(--ink);}

/* tarjetas interactivas: pulsables */
.camp-card,.kb-card,.post-card,.ig-chip{
  border:1px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;background:#fff;
  transition:transform .12s var(--ease-press),box-shadow .12s var(--ease-press);
}
.camp-card:hover,.kb-card:hover,.post-card:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--ink);border-color:var(--ink);background:#fff;}
.camp-card:active,.kb-card:active,.post-card:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink);}
.mini-post{border:1px solid var(--ink);background:#fff;}
.mini-post:hover{background:var(--yellow-light);}
.kb-col{background:#faf7f2;border:1px solid #ebe6dd;}
.cal-cell{border:1px solid #ebe6dd;}
.cal-cell.today{outline:3px solid var(--rose);}
.cal-cell.dragover,.kb-col.dragover{background:var(--yellow);}

/* chips: píldora con contorno tinta */
.chip{border:1px solid var(--ink);background:#fff;}
.chip.hero{background:var(--rose);color:var(--ink);border-color:var(--ink);}
.chip.hub{background:var(--yellow);color:var(--ink);}
.chip.publicado{background:var(--ink);color:#fff;}
.chip.programado{background:var(--yellow);border-color:var(--ink);color:var(--ink);}

/* tablas, paneles, modales */
table{border:1px solid var(--ink);}
th{background:var(--ink);font-family:var(--display);letter-spacing:0;}
.modal{border:1px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:18px;background:#fff;}
#post-panel{border-left:1px solid var(--ink);background:#fff;}
.ig-panel{border-left:1px solid var(--ink);background:#fff;}
.panel-x{border:1px solid var(--ink);box-shadow:0 2px 0 var(--ink);}
.panel-x:hover{background:var(--rose);color:var(--ink);border-color:var(--ink);}
select,.thread input,.thread textarea,.ch-form input,.ch-form textarea,.p-form input,.p-form textarea,.p-form select,#rm-name,.pilot-field input,.pilot-field select,.pilot-field textarea{
  border:1px solid var(--ink);border-radius:10px;background:#fff;font-family:var(--body);
}
.role-opts label:has(input:checked){background:var(--rose);box-shadow:0 3px 0 var(--ink);}

/* programador semanal */
.ig-week{border:1px solid var(--ink);}
.ig-dow{background:#faf7f2;border-bottom:1px solid var(--ink);}
.ig-dow.today{background:var(--rose);}
.ig-cell.heat-1{background:#fff6f3;}
.ig-cell.heat-2{background:#ffeae4;}
.ig-cell.heat-3{background:var(--yellow);}
.ig-chip.live{background:var(--ink);color:#fff;}
.ig-chip.pub{background:var(--rose);color:var(--ink);}
footer{background:var(--ink);}
footer b{color:var(--rose);font-family:var(--display);}