/* VAQUIRUTAS v3.1.3: tema corporativo de alta legibilidad, sin cambios operativos */
:root{
 --bg:#091923; --panel:#102633; --panel2:#193545; --line:#41667b;
 --verde:#84ed47; --amarillo:#ffda5f; --rojo:#ff858e;
 --txt:#f7fbff; --mut:#bfd2df;
}
html{color-scheme:dark}
body{font-size:15.5px;line-height:1.5;color:var(--txt);background:var(--bg)}
nav a{color:#dcebf5;font-size:15px;font-weight:650;line-height:1.4}
nav a.on,nav a:hover{color:#fff;background:#224435;border-left:3px solid var(--verde)}
aside .brand b{color:var(--verde)}
aside .foot,.ui-readability label{color:#d1e2ef;font-size:13px}
main{background:transparent}
.kpi,.panelbox,.modal,.card-login,.cotiz,.form-section{border-color:#446b81;background-color:var(--panel);color:var(--txt)}
.form-section{background:#193241;padding:18px}
.form-section-title{font-size:18px;color:#fff;font-weight:800}
.form-section-sub,.field-help,.helper-line,.review-note{color:#d4e5ee;font-size:14px;line-height:1.5}
.review-note{background:#1d3b2a;border-color:#57914b;color:#edffe6}
.modal{box-shadow:0 22px 70px #0009}
.modal-bg{background:rgba(0,5,11,.75)}
.modal h3{color:var(--verde);font-size:25px;line-height:1.25}
label{color:#edf5fb;font-size:15px;line-height:1.45;font-weight:750}
input,select,textarea{
 background:#1a394b;border:1.5px solid #7093a7;color:#fff;
 font-size:16px;min-height:51px;line-height:1.4;border-radius:11px
}
input::placeholder,textarea::placeholder{color:#c2d7e4;opacity:1}
input:hover,select:hover,textarea:hover{border-color:#a5c7d9}
input:focus,select:focus,textarea:focus{background:#204457;border-color:#7ad4ff;box-shadow:0 0 0 3px #7ad4ff39}
input:disabled,select:disabled,textarea:disabled{background:#203644;color:#e1ebf3;opacity:1}
.btn{background:var(--verde);color:#0b1e0d;font-size:16px;min-height:49px;border-radius:11px;font-weight:800}
.btn.sec{color:#fff;background:#234457;border:1px solid #78a5bc}
.btn.mini{min-height:40px;font-size:14px;padding:9px 13px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ce7ff;outline-offset:3px}
th,td{padding:13px 11px;line-height:1.45;border-bottom:1px solid #48697b}
th{font-size:13px;font-weight:800;color:#ecf6fc;background:#1b394b;letter-spacing:.035em}
td{font-size:15px;color:#f0f6fa}
tbody tr:hover{background:#264456}
.badge{font-size:13px;padding:6px 10px;line-height:1.3;font-weight:800}
.b-pendiente{background:#344957;color:#f5faff}
.b-asignado{background:#234b73;color:#e5f5ff}
.b-en_ruta{background:#4b3e17;color:#ffe18c}
.b-entregado{background:#214b22;color:#baff98}
.b-incidente,.b-no_entregado{background:#5a252e;color:#ffd4d8}
.b-cancelado{background:#444b56;color:#ebf1f6}
.kpi .l,.cost-label,.cost-unit-main small,.cost-meta,.cost-visible-count,.panel-head small{color:#cfdfeb;font-size:13px;line-height:1.45}
.kpi .n{color:var(--verde);font-size:36px}
.cost-unit-row{background:#183344;border-color:#426d85}
.cost-unit-row:hover{background:#244456;border-color:#86bad4}
.cost-unit-main b{font-size:16px}
.cost-real{font-size:18px}
.err,.field-error-msg{color:#ffc3c7;font-size:14px;font-weight:750}
.toast{background:#213c4d;color:#fff;border:1px solid var(--verde);font-size:15px}
.ui-readability{background:#173140;border-color:#557b8c}
.ui-readability label{font-size:13px}
.ui-readability select{font-size:15px;min-height:43px}
html[data-text-size="standard"] body{font-size:14.5px}
html[data-text-size="standard"] td{font-size:14px}
html[data-text-size="standard"] label{font-size:14px}
html[data-text-size="standard"] input,html[data-text-size="standard"] select,html[data-text-size="standard"] textarea{font-size:15px}
html[data-text-size="large"] body{font-size:18px}
html[data-text-size="large"] nav a{font-size:18px}
html[data-text-size="large"] label{font-size:17px}
html[data-text-size="large"] td{font-size:17px;padding-block:16px}
html[data-text-size="large"] th{font-size:15px}
html[data-text-size="large"] input,html[data-text-size="large"] select,html[data-text-size="large"] textarea{font-size:18px;min-height:56px}
html[data-text-size="large"] .field-help,html[data-text-size="large"] .form-section-sub{font-size:16px}
@media(max-width:760px){main{padding:15px} .modal{padding:18px} th,td{padding:11px 8px}}
@media print{body,.panelbox,.kpi,.cotiz{background:#fff!important;color:#000!important}th,td,small,label{color:#111!important}}