﻿/* Alvic DeCA · lo común de la vista del panel (altas.py) y de la aplicación de gestión: colores, botones, tablas y
   etiquetas. Lo propio de cada uno, en su página. */
:root{--bg:#f6f5f2;--panel:#fff;--panel2:#faf9f7;--line:#e4e2dc;--line2:#cfccc3;--tx:#1f1e1b;--tx2:#5f5d57;--tx3:#8a877f;
--ok-bg:#e7f3df;--ok:#2f6410;--pe-bg:#e3eefa;--pe:#174f8c;--wa-bg:#fbefd8;--wa:#7a4a06;--er-bg:#fbe6e6;--er:#9a2525;
--in-bg:#efedfd;--in:#3c3489;--mu-bg:#efeee9;--mu:#55534d;--prod:#9a2525;--prod-bg:#fbe6e6;--lab:#3c3489;--lab-bg:#efedfd;
--acc:#174f8c;--sel:#fff8e6;--mono:ui-monospace,Consolas,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#1a1a18;--panel:#232321;--panel2:#2a2a27;--line:#3a3a36;--line2:#4a4a45;--tx:#ecebe6;--tx2:#b4b2a9;--tx3:#8a877f;
--ok-bg:#24391a;--ok:#b7dc8e;--pe-bg:#16304d;--pe:#a9cdf2;--wa-bg:#43300f;--wa:#f3c97a;--er-bg:#4a1d1d;--er:#f4b0b0;--in-bg:#2c2858;--in:#cecbf6;
--mu-bg:#33332f;--mu:#c9c7bf;--prod:#f4b0b0;--prod-bg:#4a1d1d;--lab:#cecbf6;--lab-bg:#2c2858;--acc:#a9cdf2;--sel:#3a3320}}
*{box-sizing:border-box}
button{font:inherit;font-size:13px;padding:6px 12px;border:1px solid var(--line2);background:var(--panel);color:var(--tx);border-radius:6px;cursor:pointer}
button:hover{background:var(--panel2)}button:disabled{opacity:.5;cursor:default}
table{width:100%;border-collapse:collapse}
th{font-size:12px;font-weight:600;color:var(--tx2);text-align:left;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--panel2);white-space:nowrap;position:sticky;top:0;z-index:1}
td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.b{display:inline-block;font-size:12px;padding:1px 8px;border-radius:5px;white-space:nowrap;font-weight:500}
.ok{background:var(--ok-bg);color:var(--ok)}.pe{background:var(--pe-bg);color:var(--pe)}.wa{background:var(--wa-bg);color:var(--wa)}
.er{background:var(--er-bg);color:var(--er)}.in{background:var(--in-bg);color:var(--in)}.mu{background:var(--mu-bg);color:var(--mu)}
.PROD{background:var(--prod-bg);color:var(--prod);font-weight:700}.LAB{background:var(--lab-bg);color:var(--lab);font-weight:700}
.mono{font-family:var(--mono);font-size:12.5px}.sm{font-size:12px;color:var(--tx2)}
.cif{display:inline-flex;gap:4px;align-items:center;margin:1px 6px 1px 0}
/* requiere atención */
.att{background:var(--panel);border:1px solid var(--wa);border-left:4px solid var(--wa);padding:8px 16px;max-height:150px;overflow:auto;border-radius:6px}
.att h2{font-size:14px;margin:0 0 4px;font-weight:600}.att ul{margin:0;padding-left:18px}.att li{margin:2px 0;cursor:pointer}
/* la rejilla de instalaciones */
.insts tbody tr{cursor:pointer}.insts tbody tr:hover{background:var(--panel2)}.insts tbody tr.sel{background:var(--sel)}
.insts td.e,.insts th.e{width:1%;padding-right:4px;text-align:center}
