/* ═══════════════════════════════════════════════════════════════════════════
   R10 · Superficie «PREPARAR» (① Evento + ② Días & bebidas) — P1 (oleada W2)
   ---------------------------------------------------------------------------
   «De hoja de cálculo a carta» (R10-APP-FEEL-DESIGN §2) aplicado a la superficie
   por defecto de R10. Los dos paneles ①+② se leen como UNA hoja continua de
   papel sobre el lienzo bosque, con márgenes de lectura, tres niveles de
   jerarquía (sección serif › grupo › campo) y aire vertical en vez de cajas.

   Sistema consumido: contrato S1 (redesign-plan/r10-audit/S1-contract.md).
   · La apariencia de las primitivas .r10-sheet / .r10-section-title /
     .r10-group-title / .r10-field-label / .r10-flow-* se reproduce sobre el
     markup legado (.sidebar/.section/.sec-t/.fr/.day-card) porque esas clases
     r10-system fijan color:var(--ink) — invisible sobre el lienzo OSCURO que
     estos MISMOS paneles usan en «modo guía». Por eso todo va SCOPED a
     body.bbp-surface-config (la superficie Preparar): el modo guía, el modo
     alquiler y el reveal-all de los e2e quedan byte-idénticos.
   · Cero colores/espaciados hardcodeados: todo sale de var(--…) («La Carta» +
     tokens --r10-*). Papel = --surface/--surface-2, tinta = --ink/--ink-soft/
     --ink-faint, hairlines = --line/--line-strong, oro legible sobre la
     superficie = --gold-on-surface (R12: resuelve a --gold-deep en claro y a
     --gold-bright en oscuro; --gold-deep a pelo falla a 2,99:1 en el panel).
   · Un solo momento display en Preparar = los títulos de sección serif; NO hay
     .r10-price aquí (el héroe-precio es de Proponer / P2).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · LA HOJA CONTINUA ──────────────────────────────────────────────────
   Los dos paneles apilados (① evento + ② días) forman un solo folio de papel
   elevado, centrado en la medida de lectura (65–75ch, columna única). Evento =
   cabecera del folio; días = pie: se funden sin costura. */
body.bbp-surface-config #ws-panel-evento,
body.bbp-surface-config #ws-panel-dias{
  max-width:calc(var(--r10-measure) + 2 * var(--r10-sheet-pad-x));
  width:auto;
  margin-inline:auto;
  background:var(--surface);
  color:var(--ink);
  padding:var(--r10-sheet-pad-y) var(--r10-sheet-pad-x);
  box-shadow:var(--shadow-lg);
}
/* Evento = cabecera: redondeo arriba, sin margen inferior, un respiro extra
   antes del pliegue. */
body.bbp-surface-config #ws-panel-evento{
  margin-top:var(--sp-6);
  margin-bottom:0;
  border-radius:var(--r3) var(--r3) 0 0;
  padding-bottom:var(--r10-sheet-pad-y);
}
/* Días = pie: redondeo abajo. position/z-index → su fondo opaco de papel cubre
   la sombra descendente de evento en el pliegue = una sola hoja, sin costura. */
body.bbp-surface-config #ws-panel-dias{
  margin-top:0;
  margin-bottom:var(--sp-6);
  border-radius:0 0 var(--r3) var(--r3);
  padding-top:var(--r10-sheet-pad-y);
  position:relative;
  z-index:1;
}

/* ── 2 · JERARQUÍA NIVEL 1 · título de sección (serif + regla dorada) ───────
   Único uso de la display font en Preparar. Dos por folio: «El evento» y
   «Días del evento» — marcan los dos actos (①②) del mismo acto de lectura. */
body.bbp-surface-config #ws-panel-evento .ws-panel-title,
body.bbp-surface-config #ws-panel-dias > .section:first-child > .sec-t{
  font-family:var(--serif);
  font-optical-sizing:auto;
  font-weight:500;
  font-size:var(--t-xl);
  line-height:1.15;
  letter-spacing:-.01em;
  text-transform:none;
  color:var(--ink);
  position:relative;
  margin:0 0 var(--sp-4);
  padding-bottom:var(--sp-2);
  display:block;
}
/* Regla dorada corta como firma (rule, no side-stripe). */
body.bbp-surface-config #ws-panel-evento .ws-panel-title::after,
body.bbp-surface-config #ws-panel-dias > .section:first-child > .sec-t::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:40px;
  height:1px;
  flex:none;
  background:var(--gold-line);
  opacity:.6;
}
/* La cabecera del panel evento pierde el hairline de administración: el aire
   basta para separar el título de su primer grupo. */
body.bbp-surface-config #ws-panel-evento .ws-panel-head{
  margin-bottom:var(--sp-5);
  padding-bottom:0;
  border-bottom:none;
}

/* ── 3 · JERARQUÍA NIVEL 2 · título de grupo (sans, firme, sin gritar) ──────
   Todos los .sec-t restantes: sans semibold, tinta, sin eyebrow (ni uppercase
   ni oro ni hairline de cierre). Sustituye la separación por cajas con aire. */
body.bbp-surface-config #ws-panel-evento .sec-t,
body.bbp-surface-config #ws-panel-dias .sec-t{
  font-family:var(--sans);
  font-weight:600;
  font-size:var(--t-md);
  line-height:1.3;
  letter-spacing:0;
  text-transform:none;
  color:var(--ink);
  margin:0 0 var(--sp-3);
  gap:var(--sp-2);
}
/* Fuera el hairline de cierre («::after» que rellenaba la fila) y el pip verde
   decorativo («::before»): sobre el papel editorial la agrupación la hace el
   aire, no los adornos. */
body.bbp-surface-config #ws-panel-evento .sec-t::after,
body.bbp-surface-config #ws-panel-dias .sec-t::after,
body.bbp-surface-config #ws-panel-evento .sec-t:not(summary)::before,
body.bbp-surface-config #ws-panel-dias .sec-t:not(summary)::before{
  display:none;
}
/* El grupo colapsable (.col: «Barra y cristalería») conserva su chevron a la
   derecha; el hover pasa a tinta suave (no oro chillón sobre papel). */
body.bbp-surface-config #ws-panel-dias .sec-t.col{cursor:pointer}
body.bbp-surface-config #ws-panel-dias .sec-t.col:hover{color:var(--ink-soft)}
/* Overheads (summary.sec-t) — el marcador ▸ en oro legible sobre papel. */
body.bbp-surface-config #ws-panel-evento .overheads-details > summary::before{
  color:var(--gold-on-surface);
}

/* ── 4 · RITMO VERTICAL (aire, no cajas) ───────────────────────────────────
   Sección --sp-7 › grupo --sp-5 (--r10-flow-group) › campo --sp-3
   (--r10-flow-field). Los grupos (.section) respiran a 24px; entre el último
   grupo y el CTA, ritmo de sección. */
body.bbp-surface-config #ws-panel-evento > .section,
body.bbp-surface-config #ws-panel-evento > details.section{
  margin:0 0 var(--r10-flow-group);
}
body.bbp-surface-config #ws-panel-evento > .fr{         /* notas internas */
  margin:0 0 var(--r10-flow-group);
}
/* Campos dentro de un grupo. */
body.bbp-surface-config #ws-panel-evento .fr,
body.bbp-surface-config #ws-panel-dias .fr,
body.bbp-surface-config #ws-panel-evento .g2,
body.bbp-surface-config #ws-panel-dias .g2{
  margin-bottom:var(--r10-flow-field);
}
body.bbp-surface-config #ws-panel-evento .fr:last-child,
body.bbp-surface-config #ws-panel-dias .fr:last-child{
  margin-bottom:0;
}
/* La sección «Días del evento» y su lista: aire generoso alrededor. */
body.bbp-surface-config #ws-panel-dias > .section:first-child{
  margin-bottom:var(--r10-flow-group);
}

/* ── 5 · JERARQUÍA NIVEL 3 · etiqueta de campo (la voz más callada) ─────────
   Sans semibold, tinta suave, sin uppercase. Aplica a labels de campo y de
   slider por igual. */
body.bbp-surface-config #ws-panel-evento .fr label,
body.bbp-surface-config #ws-panel-dias .fr label,
body.bbp-surface-config #ws-panel-evento .sl-head label,
body.bbp-surface-config #ws-panel-dias .sl-head label{
  display:block;
  font-family:var(--sans);
  font-weight:600;
  font-size:var(--t-sm);
  line-height:1.35;
  letter-spacing:.005em;
  text-transform:none;
  color:var(--ink-soft);
  margin-bottom:var(--sp-1);
}
/* Pistas auxiliares → la tinta más tenue, ancho de lectura. */
body.bbp-surface-config #ws-panel-evento .fr-hint,
body.bbp-surface-config #ws-panel-dias .fr-hint,
body.bbp-surface-config #ws-panel-evento .sl-hint,
body.bbp-surface-config #ws-panel-dias .sl-hint,
body.bbp-surface-config #ws-panel-evento .overheads-hint,
body.bbp-surface-config #ws-panel-dias .gd-help{
  font-family:var(--sans);
  font-size:var(--t-xs);
  line-height:1.45;
  color:var(--ink-faint);
  max-width:var(--r10-measure);
  opacity:1;
}

/* ── 6 · CAMPOS DE TEXTO / SELECT / TEXTAREA (pozo sobre papel) ─────────────
   Todo control de texto/número/fecha/hora/búsqueda del folio: pozo de papel
   (--surface-2) con hairline y tinta. Excluye checkbox/radio/range. */
body.bbp-surface-config #ws-panel-evento input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.bbp-surface-config #ws-panel-evento select,
body.bbp-surface-config #ws-panel-evento textarea,
body.bbp-surface-config #ws-panel-dias input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.bbp-surface-config #ws-panel-dias select,
body.bbp-surface-config #ws-panel-dias textarea{
  background:var(--surface-2);
  border:1px solid var(--line);
  color:var(--ink);
  border-radius:var(--r-sm);
}
body.bbp-surface-config #ws-panel-evento input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
body.bbp-surface-config #ws-panel-evento select:focus,
body.bbp-surface-config #ws-panel-evento textarea:focus,
body.bbp-surface-config #ws-panel-dias input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,
body.bbp-surface-config #ws-panel-dias select:focus,
body.bbp-surface-config #ws-panel-dias textarea:focus{
  border-color:var(--gold-on-surface);
  box-shadow:var(--shadow-focus-gold);
}
body.bbp-surface-config #ws-panel-evento ::placeholder,
body.bbp-surface-config #ws-panel-dias ::placeholder{color:var(--ink-faint)}
/* El <select> abierto: opciones sobre papel (el legado las fija oscuras). */
body.bbp-surface-config #ws-panel-evento select option,
body.bbp-surface-config #ws-panel-dias select option{
  background:var(--surface);
  color:var(--ink);
}

/* ── 7 · SLIDERS (comisión, margen) ────────────────────────────────────────
   Vía dorada legible sobre papel; el tramo vacío es hairline reforzado. */
body.bbp-surface-config #ws-panel-evento .slider-wrap input[type=range]{
  background:linear-gradient(to right,
    var(--gold-on-surface) 0%,
    var(--gold-on-surface) var(--pct,0%),
    var(--line-strong) var(--pct,0%));
}
body.bbp-surface-config #ws-panel-evento .slider-wrap input[type=range]::-webkit-slider-thumb{
  background:var(--gold-on-surface);
  border:2px solid var(--surface);
}
body.bbp-surface-config #ws-panel-evento .sl-val{color:var(--gold-on-surface)}

/* ── 8 · CHIPS (etapas, bebidas, cócteles) ─────────────────────────────────
   Pastilla de papel: pozo suave + hairline; activo = borde oro + tinta oro
   legible + lavado dorado tenue. El punto (tdot) marca el estado. */
body.bbp-surface-config #ws-panel-dias .tchip,
body.bbp-surface-config #ws-panel-dias .cock-chip{
  background:var(--surface-2);
  border:1px solid var(--line);
  color:var(--ink-soft);
}
body.bbp-surface-config #ws-panel-dias .tchip.active,
body.bbp-surface-config #ws-panel-dias .cock-chip.active{
  border-color:var(--gold-on-surface);
  color:var(--gold-on-surface);
  background:var(--gold-soft);
}
body.bbp-surface-config #ws-panel-dias .tdot{border-color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-dias .tchip.active .tdot{
  background:var(--gold-on-surface);
  border-color:var(--gold-on-surface);
}

/* ── 9 · TARJETA DE DÍA (cajas → aire) ─────────────────────────────────────
   El day card deja de ser una caja dentro de una caja: sin borde, sin fondo,
   sin radio. Cada día es un GRUPO separado por aire real, anclado por su
   cabecera. */
body.bbp-surface-config #ws-panel-dias .day-card{
  background:transparent;
  border:none;
  border-radius:0;
  /* R11.1 · UNA SOLA COLUMNA DE CONTENIDO.
     Con `padding:0`, los bloques sin caja (Pax, Horas, el guion, los chips)
     arrancaban en el borde interno de la hoja, mientras las cuatro cajas
     anidadas (vinos, boda, sincronizar, flujo) metían su contenido 12-13px más
     adentro por su propio padding. Trece píxeles de escalón en cada salto.
     Ahora la tarjeta declara el inset UNA vez y todo lo demás se alinea a él. */
  padding:0 var(--r11-day-inset);
  margin:0 0 var(--sp-6);
  transition:none;
}
body.bbp-surface-config #ws-panel-dias .day-card:hover{border-color:transparent}
body.bbp-surface-config #ws-panel-dias .day-card:last-child{margin-bottom:0}

/* Las cuatro cajas SANGRAN hasta el borde de la tarjeta y reponen el inset por
   dentro: su marco se lee como una banda de ancho completo y su contenido cae
   en la misma columna que el de sus vecinos sin caja. Antes cada una elegía su
   propio padding (11px la de vinos, 12px las otras tres).
   Las cuatro llevan borde de 1px: si no se descuenta, su contenido cae un
   píxel a la derecha del de sus vecinos. Un píxel se ve. */
body.bbp-surface-config #ws-panel-dias .wine-block,
body.bbp-surface-config #ws-panel-dias .wed-block,
body.bbp-surface-config #ws-panel-dias .sync-bar,
body.bbp-surface-config #ws-panel-dias .svc-block{
  margin-inline:calc(-1 * var(--r11-day-inset));
  padding-inline:calc(var(--r11-day-inset) - 1px);
}
/* Cabecera del día = ancla del grupo. */
body.bbp-surface-config #ws-panel-dias .day-head{
  margin-bottom:var(--sp-4);
}
body.bbp-surface-config #ws-panel-dias .day-label{color:var(--gold-on-surface)}
body.bbp-surface-config #ws-panel-dias .day-label input{
  color:var(--gold-on-surface);
  border-bottom:1px dashed var(--line-strong);
}
body.bbp-surface-config #ws-panel-dias .day-label input:focus{
  border-bottom-color:var(--gold-on-surface);
}
body.bbp-surface-config #ws-panel-dias .day-del,
body.bbp-surface-config #ws-panel-dias .day-toggle{color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-dias .day-del{border-color:var(--line)}

/* ── 10 · GUION DEL DÍA + sub-etiquetas de día ─────────────────────────────
   .gd-title / .cock-suggested-t: micro-título en oro legible sobre papel.
   .gd-price: etiqueta «afecta al precio» en tinta dorada. */
body.bbp-surface-config #ws-panel-dias .gd-title,
body.bbp-surface-config #ws-panel-dias .cock-suggested-t{color:var(--gold-on-surface)}
body.bbp-surface-config #ws-panel-dias .gd-price{
  color:var(--gold-on-surface);
  border-color:var(--gold-mid);
  background:var(--gold-soft);
}
/* Sub-etiqueta de día (Cócteles / Bebidas a incluir) — nivel 3 sobre papel.
   Base (fuera de la superficie: modo guía) = mira histórica intacta. */
.day-subhead{
  display:block;
  font-family:var(--sans);
  font-size:var(--t-2xs);
  font-weight:500;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--text3);
  margin:var(--sp-3) 0 var(--sp-2);
}
body.bbp-surface-config #ws-panel-dias .day-subhead{
  font-size:var(--t-sm);
  font-weight:600;
  letter-spacing:.005em;
  text-transform:none;
  color:var(--ink-soft);
  margin:var(--r10-flow-group) 0 var(--r10-flow-field);
}
body.bbp-surface-config #ws-panel-dias .cock-count{color:var(--ink-faint)}
/* La lista de cócteles: título de categoría y buscador sobre papel. */
body.bbp-surface-config #ws-panel-dias .cock-group-title{
  color:var(--ink-soft);
  border-bottom-color:var(--line);
}

/* ── 11 · BLOQUES DE ESTADO / AYUDA sobre papel ────────────────────────────
   sync-bar (lavado dorado), nudge de comisión (aviso legible sobre papel),
   tabla de cristalería. */
body.bbp-surface-config #ws-panel-dias .sync-bar{
  background:var(--gold-soft);
  border-color:var(--gold-mid);
  color:var(--gold-on-surface);
}
body.bbp-surface-config #ws-panel-evento .comm-nudge-txt{color:var(--ink)}
body.bbp-surface-config #ws-panel-evento .comm-nudge-btn{
  color:var(--ink);
  border-color:var(--warn);
}
body.bbp-surface-config #ws-panel-dias .glass-table td:first-child{color:var(--ink-soft)}
body.bbp-surface-config #ws-panel-dias .glass-table td:last-child{color:var(--ink-faint)}

/* ── 12 · BOTONES sobre papel ──────────────────────────────────────────────
   .btn-add (+ Añadir día): tinta dorada legible. .btn-ghost (Auto-rellenar,
   Siguiente en guía oculto aquí): contorno hairline + tinta. .btn-gold
   (Calcular) queda intacto: oro sólido con tinta oscura ya es AA sobre papel. */
body.bbp-surface-config #ws-panel-dias .btn-add{
  color:var(--gold-on-surface);
  border-color:var(--gold-on-surface);
}
body.bbp-surface-config #ws-panel-evento .btn-ghost,
body.bbp-surface-config #ws-panel-dias .btn-ghost{
  color:var(--ink);
  border-color:var(--line-strong);
  background:transparent;
}
body.bbp-surface-config #ws-panel-evento .btn-ghost:hover,
body.bbp-surface-config #ws-panel-dias .btn-ghost:hover{
  color:var(--gold-on-surface);
  border-color:var(--gold-on-surface);
}

/* ── 13 · MODO LECTURA (lock) sobre papel ──────────────────────────────────
   Un presupuesto enviado se lee como documento. El lock fija el texto de los
   campos en color:var(--text) !important (tinta CLARA, para el lienzo oscuro);
   sobre papel sería invisible → lo forzamos a tinta oscura. Gana por
   especificidad (+.bbp-surface-config) e !important. */
body.bbp-locked.bbp-surface-config #workspace-view .main #ws-panel-evento input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.bbp-locked.bbp-surface-config #workspace-view .main #ws-panel-evento textarea,
body.bbp-locked.bbp-surface-config #workspace-view .main #ws-panel-evento select,
body.bbp-locked.bbp-surface-config #workspace-view .main #ws-panel-dias input:not([type=checkbox]):not([type=radio]):not([type=range]),
body.bbp-locked.bbp-surface-config #workspace-view .main #ws-panel-dias textarea,
body.bbp-locked.bbp-surface-config #workspace-view .main #ws-panel-dias select{
  color:var(--ink) !important;
}

/* ── 14 · RESPONSIVE (<640px) ──────────────────────────────────────────────
   El padding de la hoja ya encoge por clamp. Bajo 640px los pares de campo
   (.g2) pasan a columna única; los chips (.tgrid) siguen en dos por su tamaño
   pequeño. */
@media (max-width:640px){
  body.bbp-surface-config #ws-panel-evento .g2,
  body.bbp-surface-config #ws-panel-dias .g2{
    grid-template-columns:1fr;
  }
}

/* ── 15 · CRISTALERÍA · caption / Total / valor (C2 #1 · crítico) ───────────
   Tres textos del bloque «Barra y cristalería» llevan tinta INLINE de lienzo
   oscuro (--text3/--text2/--gold) heredada de antes de R10. Sobre el papel de
   la superficie quedan casi invisibles en tema oscuro (medido 1.09 / 1.14 /
   2.71:1; la caption falla incluso en claro, 3.55:1). Se re-tintan a papel
   ESTABLE-entre-temas — !important porque el color va inline, y SCOPED a la
   superficie para que el modo guía / alquiler (mismos nodos sobre lienzo
   oscuro) conserven la tinta clara original. Los ids de contrato (#day-*-g-total)
   no cambian; nada de markup se toca. */
body.bbp-surface-config #ws-panel-dias [id$="-barra-body"] > div[style*="text3"]{
  color:var(--ink-faint) !important;   /* «Cristalería (1€/ud)» */
}
body.bbp-surface-config #ws-panel-dias .glass-table + div{
  color:var(--ink-soft) !important;    /* fila Total (el <span>Total</span> hereda) */
}
body.bbp-surface-config #ws-panel-dias [id$="-g-total"]{
  color:var(--gold-on-surface) !important;   /* valor «0 ud — €0» (oro legible sobre papel) */
}

/* ── 16 · PICKER DE VINOS «Vinos por pack» sobre papel (C1 M1 + m1) ─────────
   El bloque más grande del day card (visible por defecto en cualquier boda)
   pintaba con tokens de lienzo (bg2 · border · text2/text3 · gold) → caja
   verde-oscuro que perfora la hoja en tema oscuro. Se tematiza a papel: tinta
   estable; oro de texto/estado = --gold-deep. m1: se quita el uppercase de los
   eyebrows del picker (BLANCO/TINTO/ROSADO · CLIC PARA ELEGIR). Sin !important:
   el color base viene de clases (no inline) → gana la especificidad + orden. */
/* Papel BLANCO (no pozo --surface-2) porque el picker aloja acentos de texto en
   --gold-deep (tipo abierto, nombre del vino elegido, «usar en todos»): sobre
   --surface llegan a 4.58:1 (AA); sobre el pozo caerían a ~4.2. Se delimita por
   su hairline + el divisor de pestañas, no por un relleno. */
body.bbp-surface-config #ws-panel-dias .wine-block{
  background:var(--surface);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .wine-bar{color:var(--ink)}
body.bbp-surface-config #ws-panel-dias .wine-packs{border-bottom-color:var(--line)}
body.bbp-surface-config #ws-panel-dias .wine-pack-tab{
  background:var(--surface);
  border-color:var(--line);
  color:var(--ink-soft);
}
body.bbp-surface-config #ws-panel-dias .wine-pack-tab:hover{
  color:var(--ink);
  border-color:var(--line-strong);
}
/* Activo = pastilla perfilada de oro sobre papel BLANCO (no --gold-soft): así el
   texto --gold-deep queda a 4.58:1 (AA) en vez de ~4.0 sobre el pozo --surface-2. */
body.bbp-surface-config #ws-panel-dias .wine-pack-tab.active{
  color:var(--gold-on-surface);
  border-color:var(--gold-on-surface);
  background:var(--surface);
}
body.bbp-surface-config #ws-panel-dias .wine-pack-n{
  background:var(--gold-on-surface);
  color:var(--surface);
}
body.bbp-surface-config #ws-panel-dias .wine-copyall{
  color:var(--gold-on-surface);
  border-color:var(--gold-mid);
}
body.bbp-surface-config #ws-panel-dias .wine-copyall:hover{
  background:var(--gold-soft);
  border-color:var(--gold-on-surface);
}
body.bbp-surface-config #ws-panel-dias .wine-type{border-bottom-color:var(--line)}
/* m1 · fuera el uppercase del eyebrow del tipo (BLANCO/TINTO/ROSADO + «clic para elegir»). */
body.bbp-surface-config #ws-panel-dias .wine-type-h{
  color:var(--ink-soft);
  text-transform:none;
}
body.bbp-surface-config #ws-panel-dias .wine-type-h:hover{color:var(--ink)}
body.bbp-surface-config #ws-panel-dias .wine-type.open .wine-type-h,
body.bbp-surface-config #ws-panel-dias .wine-type-h strong,
body.bbp-surface-config #ws-panel-dias .wine-caret{color:var(--gold-on-surface)}
body.bbp-surface-config #ws-panel-dias .wine-chip{
  background:var(--surface);
  border-color:var(--line);
  color:var(--ink-soft);
}
body.bbp-surface-config #ws-panel-dias .wine-chip.active{
  border-color:var(--gold-on-surface);
  color:var(--gold-on-surface);
  background:var(--surface);   /* papel blanco → --gold-deep a 4.58:1 (AA) sobre el pozo */
}
body.bbp-surface-config #ws-panel-dias .wine-chip.wine-add{color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-dias .wine-chip.wine-chip-custom{border-color:var(--gold-mid)}
body.bbp-surface-config #ws-panel-dias .wine-pr{color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-dias .wine-chip.active .wine-pr{color:var(--gold-on-surface)}
body.bbp-surface-config #ws-panel-dias .wine-del{color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-dias .wine-hint,
body.bbp-surface-config #ws-panel-dias .wed-hint{color:var(--ink-faint)}

/* ── 17 · BODA · MULTI-ETAPA sobre papel (C1 M1) ───────────────────────────
   El otro bloque verde-oscuro del day card (guion detallado de boda). Mismo
   remedio a papel; oro de dato = --gold-deep. Los tags/sub-labels conservan su
   micro-forma pero pasan a tinta legible sobre papel. */
body.bbp-surface-config #ws-panel-dias .wed-block{
  background:var(--surface-2);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .wed-bar{color:var(--ink)}
body.bbp-surface-config #ws-panel-dias .wed-bar input[type=checkbox]{accent-color:var(--gold-on-surface)}
body.bbp-surface-config #ws-panel-dias .wed-horas-derived{
  color:var(--ink-soft);
  background:var(--surface);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .wed-horas-derived strong{color:var(--gold-on-surface)}
body.bbp-surface-config #ws-panel-dias .wed-note{
  color:var(--ink);
  background:var(--gold-soft);
  border-color:var(--gold-mid);
}
body.bbp-surface-config #ws-panel-dias .wed-stage{
  background:var(--surface);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .wed-stage-name{
  background:var(--surface-2);
  border-color:var(--line);
  color:var(--ink);
}
body.bbp-surface-config #ws-panel-dias .wed-tag{
  color:var(--gold-on-surface);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .wed-mini{
  background:var(--surface-2);
  border-color:var(--line);
  color:var(--ink-soft);
}
body.bbp-surface-config #ws-panel-dias .wed-sub{color:var(--ink-soft)}
body.bbp-surface-config #ws-panel-dias .wed-cock{
  background:var(--surface-2);
  border-color:var(--line);
}

/* ── 18 · AGUA DE COCO · sub-panel de tipo (C1 M1) ──────────────────────────
   #day-*-coco-opts (oculto hasta marcar «Agua de coco») lleva background/border/
   tinta INLINE de lienzo oscuro → dark-box al desplegar. Re-papelado con
   !important (todo va inline), SCOPED a la superficie (el id de contrato
   #day-*-coco-opts se preserva). */
body.bbp-surface-config #ws-panel-dias [id$="-coco-opts"]{
  background:var(--surface-2) !important;
  border-color:var(--line) !important;
}
body.bbp-surface-config #ws-panel-dias [id$="-coco-opts"] div,
body.bbp-surface-config #ws-panel-dias [id$="-coco-opts"] label{
  color:var(--ink-soft) !important;
}
body.bbp-surface-config #ws-panel-dias [id$="-coco-opts"] input[type=radio]{
  accent-color:var(--gold-on-surface) !important;
}

/* ── 19 · MODO ALQUILER · chip (C1 M2) ──────────────────────────────────────
   label#alquiler-toggle.tchip es lo PRIMERO de la hoja «Preparar» pero heredaba
   el .tchip base (--bg = lienzo oscuro) → caja negra con «Modo Alquiler»
   invisible sobre papel. Se re-tematiza como los demás .tchip de la superficie
   (pastilla de papel; activo = borde/tinta --gold-deep + lavado). El wrap pierde
   su hairline de lienzo. SCOPED a superficie: en modo guía/alquiler-sobre-lienzo
   el chip vuelve solo a su base oscura (allí sí legible). */
body.bbp-surface-config #ws-panel-evento #alquiler-toggle-wrap{
  border-bottom-color:var(--line) !important;
}
body.bbp-surface-config #ws-panel-evento #alquiler-toggle{
  background:var(--surface-2);
  border-color:var(--line);
  color:var(--ink);
}
body.bbp-surface-config #ws-panel-evento #alquiler-toggle .tdot{border-color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-evento #alquiler-toggle.active{
  border-color:var(--gold-on-surface);
  color:var(--gold-on-surface);
  background:var(--gold-soft);
}
body.bbp-surface-config #ws-panel-evento #alquiler-toggle.active .tdot{
  background:var(--gold-on-surface);
  border-color:var(--gold-on-surface);
}

/* ── 20 · FLUJO DE SERVICIO · puntos & estaciones sobre papel (F6 · residuo de
   F3) ────────────────────────────────────────────────────────────────────────
   #day-*-svc.svc-block («Flujo de servicio · puntos & estaciones») pintaba con
   tokens de lienzo (--bg2/--bg/--text/--text2/--border/--gold/--gold2) →
   última caja verde-oscuro que perforaba la hoja en tema oscuro (F3 la señaló
   como «petición al orquestador», fuera de su hallazgo enumerado). Mismo
   remedio de los vecinos (vinos §16 / boda §17 / coco §18): tinta ESTABLE
   entre temas, oro de texto = --gold-deep, sin !important (todo por clase, cero
   inline en este módulo) — js/ext-service-flow.js y css/styles.css intactos. */
body.bbp-surface-config #ws-panel-dias .svc-block{
  background:var(--surface-2);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .svc-bar{color:var(--ink)}
body.bbp-surface-config #ws-panel-dias .svc-hint{color:var(--ink-faint)}
/* Pastilla «no afecta al precio · solo cliente» (.gd-tag.gd-noprice, propia de
   este bloque — la hermana .gd-price ya la tinta la §10). */
body.bbp-surface-config #ws-panel-dias .gd-noprice{
  color:var(--ink-faint);
  background:var(--surface);
}
body.bbp-surface-config #ws-panel-dias .svc-note{
  background:var(--gold-soft);
  border-color:var(--gold-mid);
  color:var(--ink);
}
body.bbp-surface-config #ws-panel-dias .svc-note-wed{background:var(--surface)}
/* Fila de un punto/estación: tarjeta anidada sobre el pozo, como .wed-stage. */
body.bbp-surface-config #ws-panel-dias .svc-row{
  background:var(--surface);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .svc-tag{
  color:var(--gold-on-surface);
  border-color:var(--line);
}
body.bbp-surface-config #ws-panel-dias .svc-tag-st{color:var(--gold-on-surface)}
body.bbp-surface-config #ws-panel-dias .svc-tag-wel{color:var(--ink-soft)}
body.bbp-surface-config #ws-panel-dias .svc-mini{
  background:var(--surface-2);
  border-color:var(--line);
  color:var(--ink-soft);
}
body.bbp-surface-config #ws-panel-dias .svc-auto-name{color:var(--ink)}
body.bbp-surface-config #ws-panel-dias .svc-auto-badge{
  color:var(--ink-faint);
  border-color:var(--line-strong);
}
body.bbp-surface-config #ws-panel-dias .svc-meta-sep{color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-dias .svc-chips-empty{color:var(--ink-faint)}
/* Micro-label «Bebidas»/«Cócteles» del ::before — mismo eyebrow del vecino
   .wine-type-h, pero fuera de los 3 arreglos asignados (ver F6-report.md):
   se conserva su mayúscula, solo se repapela el color para que no quede
   invisible sobre el pozo. */
body.bbp-surface-config #ws-panel-dias .svc-chips::before{color:var(--ink-faint)}
body.bbp-surface-config #ws-panel-dias .svc-chip{
  background:var(--surface-2);
  border-color:var(--line);
  color:var(--ink-soft);
}
body.bbp-surface-config #ws-panel-dias .svc-chip:hover{
  border-color:var(--gold-on-surface);
  color:var(--ink);
}
/* Papel BLANCO (no --gold-soft) por el mismo motivo que .wine-chip.active
   (§16): --gold-deep sobre el lavado dorado traslúcido cae a ~4.2-4.35:1
   (bajo AA) al componer sobre un pozo/fila ya clara; sobre --surface llega
   a 4.58:1. Medido F6. */
body.bbp-surface-config #ws-panel-dias .svc-chip.on{
  background:var(--surface);
  border-color:var(--gold-on-surface);
  color:var(--gold-on-surface);
}
body.bbp-surface-config #ws-panel-dias .svc-chip-c.on{
  color:var(--gold-on-surface);
  border-color:var(--gold-on-surface);
}
body.bbp-surface-config #ws-panel-dias .svc-en-tag{
  color:var(--ink-faint);
  border-color:var(--line);
}

/* ── 21 · ESTACIÓN GREEN / CERVEZA DE TIRO · residuos hallados en el barrido
   (F6, no enumerados por F3) ─────────────────────────────────────────────────
   F3 verificó que los BLOQUES no salían como caja negra, pero no midió estos
   tres hijos, que sí fallan sobre papel:
   · Badge «incluida/opcional» (.eg-sec-tag/.ct-sec-tag, R3.5 .addon-summary):
     estado neutro pinta con --bg (opaco, lienzo) → punto oscuro diminuto sobre
     la hoja SIEMPRE visible (el badge vive en la cabecera del acordeón, no
     detrás del enable); estado activo (.addon-summary-on) pinta --gold2 sobre
     --gold-dim (oro pensado para lienzo oscuro, 14% opacidad) → compuesto
     sobre el papel da un oro casi ilegible (medido 1.84:1 en oscuro). Ambos
     estados repapelados con el mismo par neutro/dorado que el resto de chips
     de la superficie — SIN tocar registries.js/styles.css (la especificidad
     de id+clase gana sobre .addon-summary-on sin usar !important).
   · Nota informativa (.eg-note/.ct-note): tinta --text2 (pensada para lienzo)
     sobre un lavado verde/ámbar traslúcido que, compuesto sobre el papel
     blanco, casi desaparece (medido 1.09-1.11:1).
   · Label inline «Contenido de la estación» (solo Estación Green): color
     inline --text3 sin clase propia → mismo patrón que la cristalería §15,
     mismo remedio (selector estructural + !important, scoped). */
body.bbp-surface-config #ws-panel-dias .eg-sec-tag,
body.bbp-surface-config #ws-panel-dias .ct-sec-tag{
  color:var(--ink-faint);
  background:var(--surface-2);
  border-color:var(--line);
}
/* Papel BLANCO, no --gold-soft: mismo motivo que .wine-chip.active (§16) y
   .svc-chip.on — el lavado dorado compuesto sobre el pozo cae a ~4.2-4.35:1
   (bajo AA); sobre --surface llega a 4.58:1. Medido F6. */
body.bbp-surface-config #ws-panel-dias .eg-sec-tag.addon-summary-on,
body.bbp-surface-config #ws-panel-dias .ct-sec-tag.addon-summary-on{
  color:var(--gold-on-surface);
  background:var(--surface);
  border-color:var(--gold-mid);
}
body.bbp-surface-config #ws-panel-dias .eg-note,
body.bbp-surface-config #ws-panel-dias .ct-note{
  color:var(--ink);
}
body.bbp-surface-config #ws-panel-dias [id$="-eg-detail"] > div[style*="text3"]{
  color:var(--ink-faint) !important;
}