/* PETRONOR 2.0 — presentation layer; preserve server-side business rules */
:root{--nav:#102c45;--nav-soft:#173a56;--blue:#087bc2;--blue-light:#eaf5fd;--canvas:#f2f7fc;--text:#173451;--line:#dce8f2;--radius:14px}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--canvas)}
.sidebar{width:254px;padding:22px 13px;background:linear-gradient(180deg,#0c2943,#123e5b);box-shadow:4px 0 22px #102b4412}
.brand{font-size:25px;letter-spacing:.4px;margin-bottom:25px;padding:0 13px;font-weight:800}
.brand:before{content:'◉';color:#37b1f9;margin-right:10px}.brand small{font-size:11px;font-weight:500;color:#c9e3f6}
.nav-label{font-size:10px;letter-spacing:1.1px;font-weight:800;color:#8db6d1;margin:17px 12px 7px}
.nav-item{border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:11px;color:#e5f2fc;font-weight:500;transition:background .16s}.nav-mark{font-size:17px;min-width:20px;text-align:center;opacity:.95}.nav-item.selected,.nav-item:hover{background:#087bbb;color:white}
.application{margin-left:254px}.topbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 5px #284e6810}.topbar-title{font-weight:700}.content{max-width:1760px}
.panel,.metric{border:1px solid #e5edf5;border-radius:13px;box-shadow:0 4px 16px #1736510c;background:white}.panel{padding:22px}.metric{border-top:3px solid #acd8f3}.metric-value{font-size:clamp(17px,1.7vw,27px)}
h1,h2{color:#103658}.button{border-radius:9px}.notice{border-radius:10px}
.management-intro{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0 15px}.management-intro h2{font-size:22px;margin:4px 0}.management-intro p{color:#657a8b;margin:0}.section-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#1682c2}
.capacity-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.capacity-card{background:white;border:1px solid #deebf3;border-radius:14px;padding:16px;box-shadow:0 3px 13px #17365109;border-top:4px solid var(--cap-color,#238ede)}.capacity-5{--cap-color:#249de4}.capacity-7{--cap-color:#2ca86f}.capacity-10{--cap-color:#db980d}.capacity-13{--cap-color:#ee5961}.capacity-45{--cap-color:#8a6ad3}.capacity-top{display:flex;align-items:center;gap:8px;color:var(--cap-color)}.capacity-bottle{background:color-mix(in srgb,var(--cap-color) 12%,white);padding:6px 9px;border-radius:8px}.capacity-quantity{font-weight:800;font-size:32px;color:#173451;margin-top:13px}.capacity-caption{font-size:12px;color:#6c8091}.capacity-detail{border-top:1px solid #e7edf4;margin-top:13px;padding-top:10px;display:grid;gap:4px;font-size:11px;color:#617889}.capacity-detail span{display:flex;justify-content:space-between;gap:5px}.capacity-detail b{color:#143956}
.manager-notices{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:0 0 20px}.manager-potential{background:linear-gradient(110deg,#d9f2eb,#e8f6ff);padding:17px;border-radius:12px;display:flex;align-items:center;justify-content:space-between}.manager-potential strong{display:block;font-size:clamp(20px,2vw,30px);color:#08466a}.manager-potential small{display:block;color:#5d7989}.mini-label{font-size:12px;font-weight:700;margin-bottom:5px}.manager-potential-icon{font-size:36px;font-weight:800;color:#16a48c}.manager-alert{background:white;border:1px solid #e0ebf4;border-radius:12px;display:flex;gap:10px;padding:16px;align-items:center;color:#1e435c}.manager-alert>span{font-size:23px;color:#ed8b29}.manager-alert strong,.manager-alert small{display:block}.manager-alert small{font-size:11px;color:#6d8290}.manager-alert>b{margin-left:auto;white-space:nowrap;font-size:11px}
.inventory-table th{background:#eef6fc;white-space:normal}.inventory-table td{padding-top:10px;padding-bottom:10px}.stock-loaded{font-weight:800;color:#0877b6}
.operation-panel.sale-operation{padding:24px}.sale-welcome{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #e5edf5;padding-bottom:18px;margin-bottom:19px}.sale-welcome h2{font-size:24px;margin:5px 0}.sale-welcome p{color:#728599;margin:0}.sale-guide{display:flex;gap:8px;flex-wrap:wrap}.sale-guide span{background:#edf6fd;border:1px solid #d0e7f8;padding:8px 11px;border-radius:22px;font-size:12px;color:#0879b9;font-weight:700}
.sale-operation fieldset{border-radius:13px;background:#f7fbfe;border-color:#e0edf7}.sale-operation .line-item{background:#f6fbff;border:1px solid #e2eef7;border-radius:11px;padding:15px;margin-bottom:12px}.sale-operation .line-item label{color:#526b80}.sale-operation input,.sale-operation select{border-radius:8px}.sale-operation .form-actions{position:sticky;bottom:8px;background:#ffffffeb;backdrop-filter:blur(8px);border:1px solid #e5ecf4;padding:12px;border-radius:11px;z-index:2}
@media(max-width:1300px){.capacity-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-notices{grid-template-columns:1fr 1fr}.manager-potential{grid-column:1/-1}}
@media(max-width:900px){.sidebar{width:auto}.application{margin-left:0}.capacity-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-notices{grid-template-columns:1fr}.manager-potential{grid-column:auto}.management-intro,.sale-welcome{flex-direction:column;align-items:flex-start}}
@media(max-width:580px){.capacity-cards{grid-template-columns:1fr 1fr;gap:8px}.capacity-card{padding:12px}.capacity-quantity{font-size:26px}.manager-alert{padding:12px}}

/* Compras: el pago se registra en la misma operación. */
.purchase-paybox {grid-column:1/-1; margin:14px 0; padding:20px; border:1px solid #c8dde8; border-radius:14px; background:#f5faff;}
.purchase-paybox strong {display:block; margin-bottom:6px; color:#15374c;}
.purchase-paybox .form-grid {margin-top:12px;}
[data-credit-due][hidden], [data-cheque-due][hidden], [data-purchase-paybox][hidden] {display:none!important;}

/* Importes en guaraníes, sin afectar los campos de cantidades. */
input[data-gs-ready] { font-variant-numeric: tabular-nums; letter-spacing: .015em; }