/* Línea de tiempo de niveles SNII — paleta de una sola tonalidad (validada claro/oscuro) */
.sni-tray{
  --sni-lv0:#bdbdbd; --sni-lv1:#8f8f8f; --sni-lv2:#626262; --sni-lv3:#363636; --sni-lv4:#000000;
  --sni-surface:var(--bs-card-bg,var(--bs-body-bg,#fcfcfb));
  --sni-ink:var(--bs-body-color,#0b0b0b);
  --sni-ink2:var(--bs-secondary-color,#52514e);
  --sni-grid:rgba(127,127,127,.28);
  color:var(--sni-ink); font-size:.95rem; line-height:1.45;
}
@media (prefers-color-scheme:dark){
  :root:where(:not([data-theme="light"]):not([data-bs-theme="light"])) .sni-tray{
    --sni-lv0:#505050; --sni-lv1:#767676; --sni-lv2:#9c9c9c; --sni-lv3:#c8c8c8; --sni-lv4:#f5f5f5;
    --sni-surface:var(--bs-card-bg,var(--bs-body-bg,#1a1a19));
    --sni-ink:var(--bs-body-color,#f0efec); --sni-ink2:var(--bs-secondary-color,#c3c2b7);
  }
}
:root[data-theme="dark"] .sni-tray,:root[data-bs-theme="dark"] .sni-tray{
  --sni-lv0:#505050; --sni-lv1:#767676; --sni-lv2:#9c9c9c; --sni-lv3:#c8c8c8; --sni-lv4:#f5f5f5;
  --sni-surface:var(--bs-card-bg,var(--bs-body-bg,#1a1a19));
  --sni-ink:var(--bs-body-color,#f0efec); --sni-ink2:var(--bs-secondary-color,#c3c2b7);
}
.sni-tray__svg{display:block;width:100%;height:auto;overflow:visible}
.sni-tray__svg text{font-family:inherit;fill:var(--sni-ink2);font-size:12px}
.sni-tray__svg .t-yr{font-size:11px}
.sni-tray__svg .t-lbl-cur{fill:var(--sni-ink);font-weight:600}
.sni-tray__svg .t-gap{font-style:italic}
.sni-tray__svg .halo{paint-order:stroke;stroke:var(--sni-surface);stroke-width:4px;stroke-linejoin:round}
.sni-tray__svg .grid{stroke:var(--sni-grid);stroke-width:1}
.sni-tray__svg .axis{stroke:var(--sni-ink2);stroke-width:1}
.sni-tray__svg .link{stroke:var(--sni-ink2);stroke-width:1.5;fill:none}
.sni-tray__svg .link-gap{stroke:var(--sni-ink2);stroke-width:1.5;stroke-dasharray:4 4;fill:none}
.sni-tray__svg .link-down{stroke:var(--sni-ink2);stroke-width:1.5;stroke-dasharray:2 3;fill:none}
.sni-tray__svg .now{stroke:var(--sni-surface);stroke-width:2}
.sni-tray__svg .bar:hover{filter:brightness(1.12)}
.sni-tray__resumen{margin:.6rem 0 0;padding:0;list-style:none}
.sni-tray__resumen li{margin:.15rem 0}
.sni-tray__resumen strong{font-weight:600}
.sni-tray__nota{font-size:.82rem;color:var(--sni-ink2);margin:.5rem 0 0}
.sni-tray details{margin-top:.6rem;font-size:.88rem}
.sni-tray summary{cursor:pointer;color:var(--sni-ink2)}
.sni-tray table{border-collapse:collapse;margin-top:.4rem;width:100%;max-width:30rem}
.sni-tray th,.sni-tray td{padding:.2rem .6rem .2rem 0;text-align:left;border-bottom:1px solid var(--sni-grid)}
.sni-tray__sw{display:inline-block;width:.7em;height:.7em;border-radius:2px;margin-right:.4em;vertical-align:baseline}

/* Dentro de las tarjetas del tema sni (.card-style, fondo #f9f9f9) */
.card-style .sni-tray{--sni-surface:#f9f9f9}