/* Look "sala de control" de CNC Supply USA (igual que la app, la web y el brochure).
   Se carga después del estilo propio de cada página y solo en pantalla: al imprimir queda claro. */
@media screen{
:root{--bg:#050b14;--panel:#0b1a2e;--panel-2:#0f2340;--line:#1d3557;--line-2:#2a4a75;--fg:#eaf2ff;--muted:#8fa6c4;--cyan:#47d4ff;--cyan-deep:#1f8fd0;--red:#e3263b;--green:#2fd38a;--amber:#f5b83d;
  --ink:var(--fg);--ink-2:var(--muted);--quiet:var(--muted);--paper:var(--bg);--soft:var(--panel);--studio:var(--line);--navy:#0f2340;--blue:var(--cyan);--blue-dark:#2bb8ef;--wa:#1faa59;--ok:var(--green);--bad:#ff8a96;--warn:var(--amber);--warn-bg:rgba(245,184,61,.14);
  --okbg:rgba(47,211,138,.14);--badbg:rgba(227,38,59,.15);--ambg:rgba(245,184,61,.14);color-scheme:dark}
html,body{background-color:var(--bg)}
body{color:var(--fg);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  background-image:linear-gradient(rgba(71,212,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(71,212,255,.045) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed}
h1,h2,h3{font-family:"Montserrat",system-ui,sans-serif;font-variation-settings:normal;color:var(--fg)}
h1{font-weight:900;letter-spacing:-.02em}
h2,h3{font-weight:800}
a{color:var(--cyan)}
header{background:rgba(5,11,20,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 2px 0 var(--red);color:var(--fg)}
header small,header p{color:var(--muted)}
.lang{border-color:var(--line-2)!important}
.lang button{background:transparent;color:var(--muted);border-color:var(--line-2)}
.lang button[aria-pressed="true"],.lang button[aria-pressed=true]{background:var(--panel-2);color:var(--cyan);border-color:var(--line-2)}
.card,.box,.panel,.case,fieldset,.empty,.done{background:linear-gradient(180deg,rgba(17,38,68,.85),rgba(9,22,40,.85));border-color:var(--line);box-shadow:none;color:var(--fg)}
label,label.f{color:#cfe0f7}
input,select,textarea,input[type=text],input[type=tel],input[type=email],input[type=number]{background:#06101e;border-color:var(--line);color:var(--fg)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--cyan)}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--cyan)}
.btn{background:linear-gradient(180deg,#7fe6ff,#2bb8ef);color:#03121f;border-color:#9beeff;box-shadow:0 0 18px rgba(71,212,255,.3)}
.btn:hover{background:linear-gradient(180deg,#9beeff,#47d4ff)}
.btn.wa,.btn.g{background:linear-gradient(180deg,#2fd38a,#18a35f);color:#03140b;box-shadow:none}
.btn.light,.btn.ghost{background:linear-gradient(180deg,#1a3c69,#0e2547);color:var(--fg);border:1px solid var(--line-2);box-shadow:none}
.btn.red{background:rgba(227,38,59,.14);color:#ff8a96;border:1px solid rgba(227,38,59,.4);box-shadow:none}
.tabs button,nav.tabs button,.seg button,.chips button{background:linear-gradient(180deg,#14325a,#0c2240);color:#cfe0f7;border-color:var(--line-2)}
.tabs button[aria-pressed="true"],nav.tabs button[aria-pressed="true"],.seg button[aria-pressed="true"],.chips button[aria-pressed="true"]{background:linear-gradient(180deg,#7fe6ff,#2bb8ef);color:#03121f;border-color:#9beeff;box-shadow:0 0 16px rgba(71,212,255,.4)}
.top button{background:linear-gradient(180deg,#14325a,#0c2240);border-color:var(--line-2);color:#cfe0f7}
.tag{background:var(--panel-2);color:#cfe0f7}
.tag.ok{background:rgba(47,211,138,.15);color:var(--green)}.tag.warn{background:rgba(245,184,61,.15);color:var(--amber)}.tag.blue{background:rgba(71,212,255,.14);color:var(--cyan)}.tag.red{background:rgba(227,38,59,.15);color:#ff8a96}
.err{color:#ff8a96}
.muted,.meta,.sub,.hint{color:var(--muted)}
.toast{background:var(--panel-2);border:1px solid var(--cyan);color:var(--fg);box-shadow:0 0 20px rgba(71,212,255,.3)}
.toast.err{border-color:var(--red);background:#3a0f17}
dialog{background:var(--panel);color:var(--fg);border:1px solid var(--line-2)}
dialog::backdrop{background:rgba(2,6,12,.75)}
table th{background:var(--panel-2);color:var(--muted)}
th,td{border-color:var(--line)}
footer{background:#03070d;border-top:1px solid var(--line);color:var(--muted)}
footer a{color:var(--cyan)}
}
