:root{--papel: #F0F1EC;--superficie: #FAFAF7;--tinta: #1B1E1C;--tinta-suave: #5A5F58;--linea: #C9CBC2;--acento: #24409B;--acento-suave: #E9ECF2;--ok: #1E6E45;--alerta: #B3352A;--aviso: #96690F;--din: "Bahnschrift", "Segoe UI", system-ui, sans-serif;--texto: "Segoe UI", system-ui, sans-serif;--mono: "Cascadia Mono", "Cascadia Code", Consolas, monospace}:root[data-theme=dark],html.dark{--papel: #14171B;--superficie: #1C2025;--tinta: #E7E9E4;--tinta-suave: #9AA0A6;--linea: #333A42;--acento: #8CA2EA;--acento-suave: #232B3A;--ok: #4FB07A;--alerta: #E0685C;--aviso: #D0A24A}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--papel: #14171B;--superficie: #1C2025;--tinta: #E7E9E4;--tinta-suave: #9AA0A6;--linea: #333A42;--acento: #8CA2EA;--acento-suave: #232B3A;--ok: #4FB07A;--alerta: #E0685C;--aviso: #D0A24A}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--papel);color:var(--tinta);font-family:var(--texto);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--acento);text-decoration:none}h1,h2,h3,.din{font-family:var(--din);letter-spacing:.04em}.mono{font-family:var(--mono)}.tabular{font-variant-numeric:tabular-nums}.rotulo{font-family:var(--din);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-suave)}.num{font-variant-numeric:tabular-nums;text-align:right;font-family:var(--mono)}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--papel);border-right:1.5px solid var(--tinta);padding:16px 0;display:flex;flex-direction:column}.sidebar .marca{padding:4px 18px 16px;margin-bottom:8px;border-bottom:1px solid var(--linea)}.sidebar .marca .titulo{font-family:var(--din);font-weight:700;letter-spacing:.06em;font-size:15px}.sidebar .marca .rev{font-family:var(--mono);font-size:10px;color:var(--tinta-suave)}.sidebar nav{display:flex;flex-direction:column;overflow-y:auto}.sidebar a.item{display:flex;align-items:baseline;gap:10px;padding:7px 18px;color:var(--tinta);border-left:3px solid transparent;font-size:13px}.sidebar a.item .cod{font-family:var(--mono);font-size:11px;color:var(--tinta-suave);min-width:18px}.sidebar a.item:hover{background:var(--superficie)}.sidebar a.item.router-link-active{border-left-color:var(--acento);background:var(--acento-suave);color:var(--acento);font-weight:600}.sidebar a.item.router-link-active .cod{color:var(--acento)}.sidebar .pie{margin-top:auto;padding:12px 18px;border-top:1px solid var(--linea);font-size:11px;color:var(--tinta-suave)}.area{padding:24px 28px;overflow-x:hidden}.area>header{margin-bottom:18px}.area>header h1{margin:0 0 2px;font-size:22px}.area>header .sub{color:var(--tinta-suave);font-size:13px}.caratula{border:1.5px solid var(--tinta);background:var(--superficie)}.caratula .celdas{display:grid;grid-template-columns:repeat(4,1fr)}.caratula .celda{padding:10px 14px;border-right:1px solid var(--linea)}.caratula .celda:last-child{border-right:none}.caratula .celda .valor{font-family:var(--din);font-size:16px;margin-top:2px}.sello{display:inline-block;font-family:var(--din);letter-spacing:.14em;font-size:12px;text-transform:uppercase;padding:3px 12px;border:2px solid var(--tinta);transform:rotate(-2deg);color:var(--tinta)}.sello.activo{border-color:var(--ok);color:var(--ok)}.sello.cotizacion{border-color:var(--aviso);color:var(--aviso)}.sello.finalizado{border-color:var(--acento);color:var(--acento)}.sello.cancelado,.sello.archivado{border-color:var(--tinta-suave);color:var(--tinta-suave)}.medidores{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea)}.medidor{background:var(--superficie);padding:12px 16px}.medidor .cifra{font-family:var(--din);font-size:26px;font-variant-numeric:tabular-nums}.medidor.rojo .cifra{color:var(--alerta)}.medidor.verde .cifra{color:var(--ok)}.cota{position:relative;height:8px;background:var(--papel);border:1px solid var(--linea);margin-top:8px}.cota .relleno{position:absolute;left:0;top:0;bottom:0;background:var(--acento)}.cota.verde .relleno{background:var(--ok)}.cota .marcas{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),var(--linea) 10%)}.libro{width:100%;border-collapse:collapse;background:var(--superficie)}.libro th{font-family:var(--din);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:var(--tinta-suave);padding:8px 10px;border-bottom:1.5px solid var(--tinta)}.libro td{padding:7px 10px;border-bottom:1px solid var(--linea)}.libro tbody tr:hover{background:var(--acento-suave)}.libro td.num,.libro th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}.libro .cod{font-family:var(--mono);font-size:12px;color:var(--acento)}.btn{font-family:var(--din);letter-spacing:.06em;text-transform:uppercase;font-size:12px;padding:8px 16px;border:1px solid var(--acento);background:transparent;color:var(--acento);cursor:pointer;transition:background .15s,color .15s;border-radius:0}.btn:hover{background:var(--acento-suave)}.btn.primario{background:var(--acento);color:#fff}.btn.primario:hover{filter:brightness(1.08)}.btn.peligro{border-color:var(--alerta);color:var(--alerta)}.btn.peligro:hover{background:var(--alerta);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.campo{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.campo>label{font-family:var(--din);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave)}.campo input,.campo select,.campo textarea{font-family:var(--texto);font-size:14px;padding:8px 10px;background:var(--superficie);color:var(--tinta);border:1px solid var(--linea);border-radius:0;outline:none}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--acento);box-shadow:inset 0 -2px 0 var(--acento)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.campo.heredado input{border-style:dashed;background:var(--acento-suave)}.panel{background:var(--superficie);border:1px solid var(--linea);padding:18px;margin-bottom:16px}.panel>h2{margin:0 0 12px;font-size:15px;border-bottom:1px solid var(--linea);padding-bottom:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{font-family:var(--mono);font-size:11px;padding:2px 8px;border:1px solid var(--linea);background:var(--papel)}.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.rojo{color:var(--alerta);border-color:var(--alerta)}.pill.aviso{color:var(--aviso);border-color:var(--aviso)}.tabs{display:flex;gap:2px;border-bottom:1.5px solid var(--tinta);margin:16px 0;flex-wrap:wrap}.tabs a{padding:8px 14px;font-family:var(--din);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-suave);border:1px solid transparent;border-bottom:none}.tabs a.router-link-active{color:var(--acento);border-color:var(--linea);background:var(--superficie);border-bottom:2px solid var(--acento);margin-bottom:-1.5px}.nota-regla{font-size:12px;color:var(--tinta-suave)}.nota-regla .rn{font-family:var(--mono);color:var(--acento)}.error-regla{color:var(--alerta);font-size:12px;margin-top:4px}.error-regla .rn{font-family:var(--mono)}.toast{position:fixed;bottom:20px;right:20px;z-index:50;background:var(--superficie);border:1.5px solid var(--ok);padding:10px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 6px 24px #0000002e;font-family:var(--mono);font-size:12px}.toast.err{border-color:var(--alerta)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0e73;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;z-index:40}.modal{background:var(--superficie);border:1.5px solid var(--tinta);width:min(560px,92vw);box-shadow:0 20px 60px #00000059}.modal>header{padding:12px 18px;border-bottom:2px solid var(--tinta);font-family:var(--din);text-transform:uppercase;letter-spacing:.06em}.modal>.cuerpo{padding:18px}.modal>footer{padding:12px 18px;border-top:1px solid var(--linea);display:flex;justify-content:flex-end;gap:10px}.centro-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--papel)}.tema-toggle{background:none;border:1px solid var(--linea);color:var(--tinta-suave);cursor:pointer;font-family:var(--mono);font-size:11px;padding:3px 8px}@media (max-width: 720px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1.5px solid var(--tinta)}.grid-2{grid-template-columns:1fr}}.doc-print{display:none}@media print{@page{size:letter;margin:16mm}.sidebar,.tabs,.btn,.toast,.no-print{display:none!important}body{background:#fff;color:#000}.app{display:block}.area{padding:0}.doc-print{display:block}.doc-print .caratula{border:1.5px solid #000}.doc-print .libro th{border-bottom-color:#000}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}table,tr,.panel,.caratula{break-inside:avoid}}.hoja{max-width:800px;margin:0 auto;background:var(--superficie);border:1.5px solid var(--tinta);padding:28px}.hoja .encabezado{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1.5px solid var(--tinta);padding-bottom:14px;margin-bottom:18px}.hoja .firma{margin-top:42px;display:flex;gap:48px}.hoja .firma .linea{border-top:1px solid var(--tinta);padding-top:4px;min-width:200px;text-align:center;font-size:12px}@media print{.hoja{border:none;max-width:none;padding:0}}