/* Tema visual claro BREKA — capa aditiva y reversible */
:root{--bg:#f3f5f8;--bg2:#eef1f5;--surface:#fff;--surface2:#f8fafc;--surface3:#eef3f7;--line:#dce3ea;--line2:#cbd5df;--ink:#26354a;--muted:#718096;--muted2:#94a0ae;--shadow:0 10px 30px #253a5512}
html,body{background:#f3f5f8;color:#26354a}
body{font-family:"Segoe UI",Inter,Roboto,Arial,sans-serif;letter-spacing:0}
.topbar{background:#fff!important;color:#24364f!important;border-bottom:1px solid #dde3e9!important;box-shadow:0 3px 15px #263c5710!important}
.topbar b{color:#203553}.topbar small{color:#7c8998}.mobile-menu-toggle{background:#fff!important;color:#ee7d3d!important;border-color:#dbe2e8!important}
.bottom-nav{background:#fff!important;color:#667383!important;border-color:#dde4ea!important;box-shadow:5px 0 22px #253b5612!important}
.nav-caption,.bottom-nav:before{color:#ed7b3a!important;border-color:#e5e8ec!important}
.bottom-nav button,.nav-group-toggle{color:#697583!important;background:transparent!important}
.bottom-nav button:hover,.nav-group-toggle:hover{background:#f5f7f9!important;color:#263b58!important}
.bottom-nav .active,.bottom-nav .nav-direct.active,.nav-group.open>.nav-group-toggle{background:#fff4ed!important;color:#e76f2e!important;box-shadow:none!important}
.bottom-nav .nav-submenu{border-color:#e2e7ec!important}.bottom-nav .nav-submenu button{color:#6e7a89!important}
.bottom-nav .nav-submenu button:hover,.bottom-nav .nav-submenu button.active{background:#f7f8fa!important;color:#e76f2e!important}
.nav-submenu-label{color:#8b96a2!important}.nav-submenu-label:before{background:#e2e7ec!important}
.nav-user{border-color:#e1e6eb!important}.nav-user small,.nav-user span{color:#8994a1!important}.nav-user b{color:#34465f!important}
main{background:#f3f5f8}.page-title h1{color:#243b61;letter-spacing:-.025em}.muted,.page-title .muted{color:#718096}
.panel,.stats article,.shortcut-section,.product-model-card,.production-card,.location-management-card,.cash-register-card,.pos-catalog,.pos-cart-panel,.admin-summary article,.cash-summary article,.management-row,.dispatch-request,.production-model-block,.quality-model{background:#fff!important;color:#26354a!important;border-color:#dce3ea!important;box-shadow:0 8px 24px #253a5510!important}
.panel h2,.panel h3,.stats strong,.production-card h3,.admin-summary b,.cash-summary b{color:#263b5d!important}
.panel-head,.pane-head{border-color:#e2e7ec!important}.link{color:#315f8c}.link:hover{background:#eff4f8}
input,select,textarea{background:#fff!important;color:#24354c!important;border-color:#cfd8e1!important}
input::placeholder,textarea::placeholder{color:#9aa5b1!important}
input:focus,select:focus,textarea:focus{border-color:#ee8a4d!important;box-shadow:0 0 0 3px #ee8a4d20!important}
.search-box{background:#fff!important;color:#718096!important;border-color:#cfd8e1!important;box-shadow:none!important}.search-box input{background:transparent!important;color:#26354a!important}
.doc-row,.simple-row{border-color:#e5e9ed!important}.doc-row:hover,.simple-row:hover{background:#f8fafb!important}.doc-row b,.simple-row b,.doc-row strong,.simple-row strong{color:#263b5d!important}
.table-wrap,.inventory-scroll,.request-history{border-color:#dce3ea!important;background:#fff!important}
.product-model-summary{color:#26354a!important}.product-model-icon{background:#edf8f5!important;color:#19a983!important}
.product-model-main b,.product-model-price{color:#263b5d!important}.product-model-main small,.product-model-price small{color:#7c8997!important}
.product-model-actions,.product-variant-table{border-color:#e2e7ec!important;background:#fafbfc!important}.product-variant-head{background:#f0f3f6!important;color:#667587!important}
.product-variant-item{background:#fff!important;color:#34465c!important;border-color:#e4e9ee!important}.product-variant-item code{color:#526b84!important;background:#eef3f7!important}
.variant-actions button{background:#fff!important;color:#315d7d!important;border-color:#cbd8e1!important}
.pos-categories button{background:#edf2f6!important;color:#5e7183!important}.pos-categories button.active{background:#fff0e7!important;color:#d96829!important}
.pos-product{background:#fff!important;color:#26354a!important;border-color:#dce3ea!important}.pos-product:hover{background:#f5fbf9!important;border-color:#58bfa5!important}
.pos-product-icon{background:#eaf7f3!important;color:#169f7c!important}.pos-product-info b,.pos-product strong,.pos-cart-row b,.pos-cart-row strong,.pos-totals b{color:#263b5d!important}
.pos-product-info small,.pos-cart-row small{color:#7d8996!important}.pos-cart-row{background:#f7f9fb!important;border-color:#dfe5ea!important}
.pos-totals{background:#eef3f7!important;border-color:#dbe3e9!important}.pos-totals strong{color:#d87332!important}
#page-pos .pos-search-row .search-box{background:#fff!important;border-color:#cfd8e1!important}#page-pos #posSearch{color:#26354a!important;caret-color:#e67534!important}#page-pos #posSearch::placeholder{color:#929eaa!important}
.production-qty b,.dispatch-qty b{color:#263b5d!important}.production-variants span{background:#edf3f6!important;color:#587083!important}
.request-group-item,.request-item-row,.dispatch-product-row{background:#f8fafb!important;color:#26354a!important;border-color:#dce3ea!important}.request-group-items{border-color:#e2e7ec!important}
.management-row small,.production-card small{color:#7b8896!important}.member-avatar,.movement-icon{background:#edf7f4!important;color:#169e7b!important}.role-pill,.cash-state{background:#edf2f6!important;color:#526b80!important}
.btn.gold,.gold{background:linear-gradient(135deg,#ffcc62,#efa735)!important;color:#342512!important}.btn.primary,.primary{background:linear-gradient(135deg,#22cdbb,#16a995)!important;color:#07352f!important}
.btn.ghost,.ghost{background:#fff!important;color:#3d5872!important;border:1px solid #d2dce5!important}.eyebrow{color:#7a8796!important}
/* The dialog is the surface; the dimming belongs only to its backdrop. */
.modal-bg{background:rgba(22,34,50,.55)!important}
.modal{background:#fff!important;color:#26354a!important;border-color:#dce3ea!important;color-scheme:light;box-shadow:0 20px 70px #14263d33!important}
.modal:before{background:none!important}
.modal:after{background:#cbd5e1!important}
.modal-content,.dialog{background:#fff!important;color:#26354a!important;border-color:#dce3ea!important}
.modal .modal-head{background:#fff!important;color:#26354a!important;border-bottom:1px solid #e2e7ec;padding-bottom:14px;margin-bottom:16px}
.modal h2,.modal h3,.modal label{color:#263b5d!important}
.modal .muted,.modal .form-help,.modal .help-text{color:#526174!important}
.modal .close{flex-shrink:0;background:#f1f5f9!important;color:#263b5d!important;border-color:#cbd5e1!important}
.modal input,.modal select,.modal textarea{font-size:16px;max-width:100%;box-sizing:border-box}
.modal input::placeholder,.modal textarea::placeholder{color:#667589!important}
.modal label{line-height:1.45}
@media(max-width:760px){
 .modal{max-height:calc(100dvh - 24px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:20px;box-sizing:border-box}
 .modal-head h2{font-size:24px;line-height:1.2;overflow-wrap:anywhere}
 .modal form{min-width:0}
}
@media(max-width:760px){body{background:#f3f5f8!important}.bottom-nav{background:#fff!important}.nav-backdrop{background:#26384b66!important}main{padding-left:12px;padding-right:12px}.page-title h1{font-size:30px}.panel,.stats article,.shortcut-section,.inventory-pane,.pos-catalog,.pos-cart-panel{border-radius:16px!important}}

/* Compact, readable point of sale on phones and desktops. */
#page-pos .pos-location-bar,#page-pos .pos-doc-toggle,#page-pos .barcode-entry,#page-pos .pos-search-prompt,#page-pos .pos-empty{background:#f8fafc!important;color:#334155!important;border-color:#dce3ea!important}
#page-pos .barcode-entry label,#page-pos .barcode-entry b,#page-pos .pos-empty b{color:#263b5d!important}
#page-pos .pos-empty small,#page-pos .pos-cart-empty,#page-pos .pos-totals>span{color:#526174!important}
#page-pos .pos-product.out{opacity:1;background:#f5f6f8!important}
#page-pos .pos-product-price{color:#263b5d!important}
#page-pos .pos-product-price small{color:#19704e!important}
#page-pos .pos-product-price small.low{color:#97501a!important}
#page-pos .pos-product-info b,#page-pos .pos-product-info small,#page-pos .pos-product-info code{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
#page-pos .pos-product-info small,#page-pos .pos-cart-row small{font-size:12px}
#page-pos .pos-qty button{color:#263b5d;background:#edf2f7;min-width:36px;min-height:40px}
#page-pos .pos-remove{color:#a31c36;min-width:32px;min-height:40px}
#page-pos .pos-cart-row{grid-template-columns:minmax(0,1fr) auto 32px}
#page-pos .pos-cart-row>strong{grid-column:1}
#page-pos .pos-qty{grid-column:2;grid-row:1/3}
#page-pos .pos-remove{grid-column:3;grid-row:1/3}
#page-pos .pos-cart{min-height:90px}
#page-pos .pos-cart-empty{padding:18px 10px}
#page-pos .pos-customer-search{margin-bottom:8px}
#page-pos input,#page-pos select{font-size:16px;min-height:44px}
#page-pos .pos-mobile-dock{display:none}
#page-pos #pm-save-order{margin-top:10px}
@media(max-width:980px){
 #page-pos{padding-bottom:92px}
 #page-pos .pos-products{max-height:420px;overflow:auto}
 #page-pos .pos-empty{padding:20px 12px;min-height:0}
 #page-pos .pos-search-prompt span{font-size:24px}
 #page-pos .pos-mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:19;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce3ea;box-shadow:0 -4px 18px #26354a12}
 #page-pos .pos-mobile-dock small,#page-pos .pos-mobile-dock strong{display:block}
 #page-pos .pos-mobile-dock small{font-size:12px;color:#526174}
 #page-pos .pos-mobile-dock strong{font-size:20px;color:#263b5d}
 #page-pos .pos-mobile-dock button{font-size:14px;padding:12px}
 #page-pos .pos-payment{grid-template-columns:1fr 1fr}
 #page-pos .pos-payment>*{min-width:0}
 #page-pos .pos-location-bar,#page-pos #pm-pos-options{padding:12px;gap:8px}
 #page-pos label{margin-top:10px;margin-bottom:10px}
 #page-pos .pos-catalog .barcode-entry{padding:12px}
 #page-pos .pos-catalog .barcode-entry input{padding:10px 12px}
 #page-pos .pos-catalog .barcode-entry button{padding:10px}
 #page-pos .pos-cart-panel{scroll-margin-top:110px}
 #posCustomer{scroll-margin-top:140px}
}

/* Keep account actions visible while the menu itself scrolls. */
.bottom-nav{overflow:hidden}
.nav-menu-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.bottom-nav .nav-user{flex:0 0 auto;margin-top:8px;padding-bottom:max(4px,env(safe-area-inset-bottom));background:#fff}
.bottom-nav #navLogout{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:10px;padding:10px 12px;border:1px solid #e6b8b8;border-radius:10px;background:#fff5f5!important;color:#a82b35!important;font-size:14px;font-weight:700;cursor:pointer}
.bottom-nav #navLogout:hover{background:#ffe8e8!important;color:#84212a!important}
.bottom-nav #navLogout:focus-visible{outline:3px solid #2563eb;outline-offset:2px}

/* Compact mobile drawer: less obstruction, denser navigation, stable account footer. */
@media(max-width:760px){
 .bottom-nav{width:min(78vw,292px)!important;left:min(-78vw,-292px)!important;padding:12px 10px calc(10px + env(safe-area-inset-bottom))!important;gap:1px!important;border-radius:0 18px 18px 0!important;box-shadow:10px 0 34px #263b5624!important}
 .bottom-nav.open{left:0!important}
 .nav-menu-scroll{padding-right:2px;scrollbar-width:thin}
 .nav-caption{padding:8px 9px 10px!important;margin-bottom:4px!important;font-size:11px!important;letter-spacing:.12em!important}
 .bottom-nav .nav-direct,.bottom-nav .nav-group-toggle{min-height:43px;padding:7px 9px!important;gap:9px!important;border-radius:10px!important;font-size:14px!important}
 .bottom-nav .nav-direct span,.bottom-nav .nav-group-toggle span{font-size:13px!important;line-height:1.2!important}
 .nav-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;font-size:14px!important}
 .nav-group-toggle>b{font-size:11px!important}
 .nav-submenu{padding-left:34px!important}
 .bottom-nav .nav-submenu button{min-height:36px;padding:7px 7px 7px 13px!important;font-size:12px!important;border-radius:8px!important}
 .nav-submenu-label{padding:8px 7px 3px 13px!important;font-size:9px!important}
 .bottom-nav .nav-user{margin-top:5px!important;padding:9px 8px 2px!important}
 .bottom-nav .nav-user small{font-size:8px!important}.bottom-nav .nav-user b{font-size:11px!important;margin-top:3px!important}.bottom-nav .nav-user span{font-size:9px!important}
 .bottom-nav #navLogout{min-height:39px!important;margin-top:7px!important;padding:8px 10px!important;font-size:12px!important;border-radius:9px!important}
 .nav-backdrop{backdrop-filter:none!important;background:#26384b4d!important}
}
@media(max-width:390px){.bottom-nav{width:82vw!important;left:-82vw!important}.bottom-nav.open{left:0!important}}