:root{--blue:#176c76;--blue-dark:#11535b;--blue-soft:#e6f2f2;--ink:#172b45;--muted:#53647a;--line:#dce4ed;--canvas:#f3f6fa;--green:#166534;--amber:#92400e;font-family:"Segoe UI",Arial,sans-serif}
.app-body,.login-body{background:var(--canvas)}.sidebar{background:#172b45}.sidebar-brand em{color:#85d5d0}.nav-item.active,.nav-group.active>.nav-group-toggle{background:#176c76;box-shadow:inset 3px 0 #8fe0d6}.nav-item span{color:#b7dadc}.nav-item.active span{color:white}.nav-item:hover{background:#24435f}.login-brand{background:linear-gradient(145deg,#172b45,#176c76)}
.primary-button,.primary-link{background:#176c76!important;border-color:#176c76!important;color:#fff!important;border-radius:7px}.primary-button:hover,.primary-link:hover{background:#11535b!important;border-color:#11535b!important}.outline-button,.outline-link{background:white;color:#176c76;border-color:#b5c8cf;border-radius:7px}.outline-button:hover,.outline-link:hover{background:#e6f2f2;color:#11535b}.card{border-color:#dce4ed;border-radius:10px}.danger-button{background:#b91c1c;color:white}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:#a8b9cb;color:#172b45;border-radius:6px}input:focus,select:focus,textarea:focus{outline:2px solid #176c76;outline-offset:2px;border-color:#176c76}a:focus-visible,button:focus-visible{outline:2px solid #176c76;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}
.result-badge.success,.flash.success{background:#dcfce7;color:#166534}.result-badge.pending{background:#fef3c7;color:#92400e}.result-badge.failed,.flash.error{background:#fee2e2;color:#b91c1c}.as-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.primary-button,.primary-link,.outline-button,.outline-link{align-items:center;gap:7px}.as-icon+span{vertical-align:middle}
.sales-modern .invoice-total-card{background:#172b45;color:white;border-color:#172b45}.sales-modern .invoice-total-card>strong{color:white}.sales-modern .invoice-total-card small,.sales-modern .invoice-total-card dt{color:#d4deeb}.sales-modern .invoice-total-card h2{color:white}.sales-modern .invoice-total-card dl div{border-color:#42546b}.sales-modern .invoice-lines-table th{background:#f3f6fa;color:#53647a}.sales-modern .invoice-action-bar{border-radius:10px;background:white;border-color:#dce4ed}.sales-modern .invoice-action-bar small{color:#53647a}
.sales-command-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sales-command-bar>a,.sales-command-bar>button{display:inline-flex}.sales-workspace-actions{background:white;border:1px solid #dce4ed;border-radius:10px;padding:18px;margin-bottom:18px}.sales-state-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:15px;margin-bottom:18px}.sales-state-grid small{display:block;color:#53647a;margin-bottom:7px}.sales-state-grid strong{font-size:14px;overflow-wrap:anywhere}.sales-state{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 10px}.sales-state.is-success{background:#dcfce7;color:#166534}.sales-state.is-pending{background:#fef3c7;color:#92400e}.sales-future{border-top:1px solid #dce4ed;margin-top:16px;padding-top:13px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.sales-future>span{font-size:12px;color:#53647a}
.sales-dialog{background:white;color:#172b45;border:1px solid #dce4ed;border-radius:12px;box-shadow:0 20px 80px #172b4533;padding:24px;width:min(580px,calc(100% - 28px));max-height:85vh;overflow:auto}.sales-dialog::backdrop{background:#172b4566}.sales-dialog h2{margin-top:0;color:#172b45}.sales-dialog p{line-height:1.6;color:#53647a}.sales-dialog label{display:grid;gap:7px;margin:18px 0}.sales-dialog input{width:100%;padding:11px}.sales-dialog .sales-command-bar{margin-top:20px}.sales-print-status{padding:14px;border-radius:8px;background:#dbeafe;color:#1d4ed8!important}.sales-identity-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:14px;padding:15px 0}.sales-identity-fields label{display:grid;gap:7px;color:#53647a}.sales-identity-fields .sales-identity-help{grid-column:1/-1;font-size:12px;margin:0;color:#53647a}.sales-identity-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sales-identity-tools select{flex:1;min-width:150px}.sales-tip{font-size:12px;color:#53647a}.sales-shortcuts-list{display:grid;grid-template-columns:1fr auto;gap:12px}.sales-shortcuts-list kbd{background:#f3f6fa;border:1px solid #dce4ed;border-radius:5px;padding:3px 7px}.sales-modern .invoice-quantity,.sales-modern .invoice-price{min-width:85px}.sales-modern .invoice-editor .card h2{color:#172b45}.sales-modern .invoice-editor .invoice-total-card h2{color:white}
@media(max-width:720px){.sales-state-grid,.sales-identity-fields{grid-template-columns:1fr}.sales-command-bar>*{flex:1 1 auto}.sales-workspace-actions{padding:14px}.sales-identity-fields .sales-identity-help{grid-column:auto}.sales-modern .invoice-table-wrap{overflow-x:auto}.sales-modern .page-heading{gap:12px;flex-wrap:wrap}}
@media print{.sales-workspace-actions,.sales-dialog,.sales-identity-tools button{display:none!important}}

#pos-button{background:#176c76;color:white;box-shadow:none}#pos-button:hover{background:#11535b}.invoice-customer-tools a{color:#176c76;background:#e6f2f2;border-color:#b5c8cf}
.sales-modern #normal-invoice-form .invoice-price[readonly]{background:#edf1f5;color:#42546b;cursor:default;border-color:#d5dee8}
.sales-modern #normal-invoice-form output{display:block;white-space:nowrap;font-variant-numeric:tabular-nums}
.sales-modern #normal-invoice-form .invoice-general-applied{display:block;color:#53647a;font-size:11px}
@media(max-width:780px){
 #normal-invoice-form .invoice-lines-table td:nth-child(5)::before{content:"Valor descuento"}
 #normal-invoice-form .invoice-lines-table td:nth-child(6)::before{content:"Valor neto"}
 #normal-invoice-form .invoice-lines-table td:nth-child(7){display:grid;justify-content:normal}
 #normal-invoice-form .invoice-lines-table td:nth-child(7)::before{content:"IVA"}
 #normal-invoice-form .invoice-lines-table td:nth-child(8)::before{content:"Total"}
 #normal-invoice-form .invoice-lines-table td:nth-child(9){display:flex;justify-content:flex-end}
 #normal-invoice-form .invoice-lines-table td:nth-child(9)::before{content:none}
}