/* PSR Effects: los avisos del alquiler con la estética Arc (tema-arc.css, alquiler.css).
   El trámite de la pirotecnia en la ficha del evento, la previsión de consumibles del almacén y
   «Mis próximos eventos» de Mi espacio. Va aparte de alquiler.css para no pisar sus cambios; los
   colores salen de los tokens --fc-* del tema, que ya cambian en modo oscuro. */

/* Fuera de la ficha del evento no están los --arc-* de alquiler.css: se definen aquí, solo para
   estos bloques, con los mismos valores. */
.alm-prev-aviso, .alm-prev-tabla, .alm-prev-cab, .alq-mis-eventos {
  --arc-fg:var(--fc-ink, oklch(15% 0 0)); --arc-sec:var(--fc-muted, oklch(46% 0 0)); --arc-mut:oklch(60% 0 0);
  --arc-borde:var(--fc-border, oklch(93.5% 0 0)); --arc-borde-f:oklch(82% 0 0); --arc-sup:var(--fc-card, #fff); --arc-sup-m:var(--fc-secondary, oklch(97.3% 0 0));
  --arc-ok:oklch(52% .14 150); --arc-mal:oklch(55% .19 25); --arc-aviso:oklch(62% .14 75);
}

/* ---- Pirotecnia en la ficha del evento ---- */
.alq-piro { --tono:var(--arc-mut); margin-top:14px; padding:12px 14px; border-radius:16px; border:1px solid var(--arc-borde); background:color-mix(in oklab, var(--tono) 7%, var(--arc-sup)); }
.alq-piro[data-tono="mal"] { --tono:var(--arc-mal); border-color:color-mix(in oklab, var(--arc-mal) 30%, var(--arc-borde)); }
.alq-piro[data-tono="aviso"] { --tono:var(--arc-aviso); }
.alq-piro[data-tono="ok"] { --tono:var(--arc-ok); }
.alq-piro-txt { display:flex; gap:10px; align-items:baseline; font-size:13.5px; color:var(--arc-sec); }
.alq-piro-txt i { width:8px; height:8px; flex:none; border-radius:50%; background:var(--tono); box-shadow:0 0 0 4px color-mix(in oklab, var(--tono) 18%, transparent); transform:translateY(-1px); }
.alq-piro-txt b { color:var(--arc-fg); font-weight:600; margin-right:4px; }
.alq-piro-txt em { font-style:normal; color:var(--arc-mut); }
.alq-piro-campos { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-top:10px; padding-left:18px; font-size:13px; }
.alq-piro-campos select, .alq-piro-campos input[type="date"] { height:30px; padding:0 8px; border-radius:9px; border:1px solid var(--arc-borde); background:var(--arc-sup); color:var(--arc-fg); font:inherit; font-size:13px; }
.alq-piro-tipo { display:inline-flex; align-items:center; gap:6px; color:var(--arc-sec); }
.alq-piro-casilla { display:inline-flex; align-items:center; gap:6px; }
.alq-piro-casilla label { display:inline-flex; align-items:center; gap:6px; cursor:pointer; color:var(--arc-fg); font-weight:500; }
.alq-piro-casilla input[type="checkbox"] { width:16px; height:16px; accent-color:var(--arc-fg); }
.alq-piro-casilla label:has(input:disabled) { cursor:default; color:var(--arc-mut); }
.alq-piro-campos small { margin-left:auto; color:var(--arc-sec); font-size:12.5px; }
.alq-piro-campos small b { color:var(--arc-fg); font-weight:600; }

/* ---- Previsión de consumibles (almacén) ---- */
.alm-prev-aviso { margin:0 0 14px; }
.alm-prev-aviso[data-tono="mal"] { background:color-mix(in oklab, var(--arc-mal) 9%, var(--arc-sup)); }
.alm-prev-aviso[data-tono="mal"] i { background:var(--arc-mal); box-shadow:0 0 0 4px color-mix(in oklab, var(--arc-mal) 18%, transparent); }
.alm-prev-cab { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:0 0 12px; }
.alm-prev-cab p { margin:0; flex:1 1 320px; color:var(--arc-sec); font-size:13.5px; }
.alm-prev-cab b { color:var(--arc-fg); font-weight:600; }
.alm-prev-tabla td { vertical-align:top; }
.alm-prev-tabla .num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.alm-prev-eventos { margin-top:3px; font-size:12.5px; line-height:1.5; color:var(--arc-sec); }

/* ---- Mis próximos eventos (Mi espacio) ---- */
.alq-mio { display:flex; align-items:center; gap:12px; }
.alq-mio .seg-item-cuerpo { flex:1; min-width:0; }
.alq-mio .seg-item-cuerpo small { display:block; }
.alq-mio-fecha { display:flex; flex-direction:column; align-items:center; justify-content:center; width:44px; height:48px; flex:none; border-radius:12px; border:1px solid var(--arc-borde); background:var(--arc-sup-m); font-size:11px; line-height:1.1; color:var(--arc-sec); text-transform:uppercase; letter-spacing:.04em; }
.alq-mio-fecha b { font-size:18px; color:var(--arc-fg); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.alq-mio-prov { margin-left:6px; padding:1px 8px; border-radius:999px; background:color-mix(in oklab, var(--arc-aviso) 14%, transparent); color:oklch(45% .1 70); font-size:11.5px; font-weight:500; vertical-align:1px; }
.alq-mio-sin { flex:none; color:var(--arc-mut); font-size:12px; }

@media (max-width:640px) {
  .alq-piro-campos { padding-left:0; }
  .alq-piro-campos small { margin-left:0; flex-basis:100%; }
  .alq-mio { flex-wrap:wrap; }
  /* El nombre ocupa su fila y el botón baja debajo: si no, el botón deja el texto en un par de letras */
  .alq-mio .seg-item-cuerpo { flex:1 1 calc(100% - 56px); }
  .alq-mio > .btn, .alq-mio-sin { margin-left:56px; }
  .alm-prev-tabla th:nth-child(4), .alm-prev-tabla td:nth-child(4) { display:none; }
}