/* bodas-simple.css -- «Bodas por etapa» (plan PLAN-crm-simple-resto-2026-10, Z1). Solo tokens de Cuarto Oscuro. Todo cuelga de .bs-*: sin `estudio.pantallas_simple` nada de esto se pinta. */
.bs-barra{ display:flex; flex-wrap:wrap; gap:var(--e-3); align-items:center; margin:var(--e-4) 0 var(--e-5); }
.bs-seg{ display:inline-flex; padding:3px; border-radius:var(--r-pildora); background:var(--piedra); }
.bs-seg-op{ min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); cursor:pointer; }
.bs-seg-op.on{ background:var(--boton); color:var(--boton-t); font-weight:600; }
.bs-busca{ flex:1; min-width:180px; }
.bs-filtros{ min-height:44px; padding:0 var(--e-4); border-radius:var(--r-pildora); background:var(--piedra); color:var(--tinta); border:0; font:inherit; font-size:var(--t-texto); cursor:pointer; }
.bs-filtros.on{ background:var(--piedra-on); font-weight:600; }
/* Columnas que se acomodan al ANCHO DE SU COLUMNA, no al de la ventana (con el chat abierto el CRM mide ~420 px aunque la ventana mida 1280): sin minimo duro se apretaban a 90 px. */
.bs-cols{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:var(--e-4); align-items:start; }
.bs-col{ background:var(--piedra); border-radius:var(--r-flota); padding:var(--e-3); display:flex; flex-direction:column; gap:var(--e-2); min-width:0; }
.bs-col-fin, .bs-col-canc{ background:transparent; box-shadow:inset 0 0 0 1px var(--punto); }
.bs-col-t{ display:flex; align-items:baseline; gap:var(--e-2); margin:0 0 var(--e-1); padding:0 var(--e-1); font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.bs-n{ font-size:var(--t-meta); font-weight:500; color:var(--medio); }
.bs-card{ display:flex; flex-direction:column; gap:var(--e-1); padding:var(--e-3); border-radius:4px; background:var(--pag); cursor:pointer; min-width:0; }
.bs-card.bs-cancelada{ opacity:.65; }
.bs-t{ font-size:var(--t-texto); font-weight:600; color:var(--tinta); text-decoration:none; overflow-wrap:anywhere; }
.bs-t:hover{ text-decoration:underline; }
.bs-s{ font-size:var(--t-meta); color:var(--medio); overflow-wrap:anywhere; }
.bs-falta{ font-size:var(--t-meta); color:var(--tinta); margin-top:var(--e-1); }
.bs-falta.urge{ color:var(--urge); font-weight:600; }
.bs-btn{ align-self:flex-start; min-height:36px; margin-top:var(--e-2); padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; }
.bs-btn:disabled{ opacity:.55; cursor:default; }
@media (hover:hover){ .bs-btn:hover{ background:var(--punto); } .bs-card:hover{ box-shadow:inset 0 0 0 1px var(--punto); } }
.bs-mas{ align-self:flex-start; min-height:36px; padding:0 var(--e-2); border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; cursor:pointer; }
.bs-nada{ padding:var(--e-2) var(--e-1); font-size:var(--t-meta); color:var(--medio); }
.bs-vacio{ padding:var(--e-6) var(--e-4); }
.bs-op{ display:flex; align-items:center; gap:var(--e-2); }
.bs-nocheck{ display:inline-block; width:13px; height:13px; }
/* Telefono y columnas angostas: solo las etapas que tienen bodas, una debajo de otra, como bloques. */
@media (max-width:760px){ .bs-cols{ grid-template-columns:1fr; } .bs-col.bs-vacia{ display:none; } .bs-busca{ order:3; flex-basis:100%; } .bs-btn{ min-height:44px; } .bs-seg-op{ min-height:40px; } }