/* Pantalla y pie de versión. Colores propios, sin heredar nada. */

.ver-pie{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  font-size:11.5px; color:#7B8F8E;
  font-family:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,sans-serif;
}
.ver-etq{
  font-family:"Cascadia Mono",Consolas,ui-monospace,monospace; font-weight:700;
  background:#113034; color:#4FB6BE; border:1px solid #2C6A70;
  padding:2px 8px; border-radius:999px;
}
.ver-sep{ opacity:.4; }
.ver-mal{ color:#D66A5D; font-weight:600; }
.ver-mas{ color:#4FB6BE; text-decoration:none; margin-left:4px; }
.ver-mas:hover{ text-decoration:underline; }

.vr{
  color-scheme: dark;
  --g:#0D1417; --s:#161F22; --s2:#1E282B;
  --ink:#E9F0EF; --ink2:#AABDBB; --mut:#7B8F8E; --ln:#243033; --ln2:#33454A;
  --f:#35C2CC; --bad:#E0685C; --bad-sof:#2E1A18; --ok:#4FBE7E;

  background:var(--g); color:var(--ink);
  font-family:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  max-width:1000px; margin:-1rem auto 0; padding:22px 24px 60px; border-radius:10px;
}
.vr *{ box-sizing:border-box; }
.vr h1{ font-size:28px; margin:2px 0 0; font-weight:670; letter-spacing:-.02em;
  font-family:"Cascadia Mono",Consolas,monospace; color:var(--ink); }
.vr h2.vr-h2{ font-size:16px; margin:26px 0 10px; font-weight:640; color:var(--ink); }
.vr p{ margin:0; }
.vr .mono{ font-family:"Cascadia Mono",Consolas,ui-monospace,monospace; }

.vr-eyebrow{ font-size:10.5px; text-transform:uppercase; letter-spacing:.11em; color:var(--mut); font-weight:700; }
.vr-sub{ font-size:13.5px; color:var(--ink2); margin-top:6px; max-width:66ch; }
.vr-top{ padding-bottom:16px; border-bottom:1px solid var(--ln); margin-bottom:18px; }

.vr-tarjetas{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; }
.vr-t{ background:var(--s); border:1px solid var(--ln); border-left:3px solid var(--f);
  border-radius:10px; padding:14px 16px; display:grid; gap:4px; }
.vr-t.mal{ border-left-color:var(--bad); }
.vr-l{ font-size:11.5px; color:var(--ink2); }
.vr-v{ font-size:22px; font-weight:670; letter-spacing:-.02em;
  font-family:"Cascadia Mono",Consolas,monospace; font-variant-numeric:tabular-nums; }
.vr-f{ font-size:11px; color:var(--mut); }

.vr-alerta{ background:var(--bad-sof); border:1px solid rgba(224,104,92,.4); border-radius:10px;
  padding:14px 16px; margin-top:16px; font-size:13.5px; color:var(--ink2); }
.vr-alerta strong{ display:block; color:var(--bad); margin-bottom:4px; }

.vr-tabla{ background:var(--s); border:1px solid var(--ln); border-radius:10px; overflow-x:auto; }
.vr table{ border-collapse:collapse; width:100%; font-size:12.5px; }
.vr th,.vr td{ text-align:left; padding:8px 13px; border-bottom:1px solid var(--ln);
  white-space:nowrap; color:var(--ink2); }
.vr th{ font-size:10px; text-transform:uppercase; letter-spacing:.06em; color:var(--mut);
  font-weight:700; background:var(--s2); }
.vr tbody tr:hover td{ background:rgba(255,255,255,.03); }

/* Nota y marcas de la tabla de scripts. Un renglon "detectado" no trae fecha
   porque no se conoce: se marca, no se rellena. */
.vr-nota{ font-size:12px; color:var(--mut); margin:0 0 10px; max-width:78ch; line-height:1.5; }
.vr-det{
  font-family:"Cascadia Mono",Consolas,ui-monospace,monospace; font-size:10.5px;
  text-transform:uppercase; letter-spacing:.06em; font-weight:700;
  background:#1E282B; color:#7B8F8E; border:1px dashed #33454A;
  padding:1px 7px; border-radius:999px;
}
.vr td.vr-vacio{ color:#5E7071; }