:root{--ink:#171826;--muted:#737587;--paper:#f6f6fa;--card:#fff;--line:#e7e7ef;--primary:#6c5ce7;--primary2:#5143ce;--accent:#00b894;--danger:#e74c3c;--warning:#f39c12;--shadow:0 12px 35px rgba(26,27,46,.08);font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.82rem}.nowrap{white-space:nowrap}.right{text-align:right}.danger-text{color:var(--danger)}
.splash{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.brand-mark{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,var(--primary),#9c88ff);color:#fff;font-size:2rem;font-weight:900;box-shadow:0 16px 35px rgba(108,92,231,.32)}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{padding:8vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,#8f80ff 0,transparent 35%),linear-gradient(145deg,#161727,#272449 60%,#40377d);color:#fff;overflow:hidden;position:relative}.login-visual:after{content:"";width:420px;height:420px;border:70px solid rgba(255,255,255,.05);border-radius:50%;position:absolute;right:-140px;bottom:-170px}.login-visual h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;max-width:650px;margin:0;letter-spacing:-.06em}.login-visual p{max-width:540px;font-size:1.15rem;color:#c9c7df}.login-panel{display:grid;place-content:center;padding:40px}.login-card{width:min(410px,85vw)}.login-card h2{font-size:2rem;margin:.3rem 0}.login-card>p{margin:0 0 2rem;color:var(--muted)}
.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-size:.86rem;font-weight:700;color:#4d4e60}.field input,.field select,.field textarea,.search-box{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px 13px;outline:none;transition:.15s}.field input:focus,.field select:focus,.field textarea:focus,.search-box:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(108,92,231,.12)}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.span-2{grid-column:span 2}
.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:750;background:#ececf3;color:var(--ink);transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary2)}.btn-danger{background:#fff0ee;color:var(--danger)}.btn-ghost{background:transparent}.btn-block{width:100%}.btn-sm{padding:7px 10px;border-radius:9px;font-size:.83rem}.btn-icon{width:40px;height:40px;padding:0}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button-row.end{justify-content:flex-end}.error-box{background:#fff0ee;color:#a93226;border-radius:10px;padding:10px 12px;margin:12px 0;font-size:.9rem}.success-box{background:#e8faf3;color:#087d62;border:1px solid #b9eadb;border-radius:10px;padding:10px 12px;margin:12px 0;font-size:.9rem}
.layout{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#fff;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px}.brand .brand-mark{width:42px;height:42px;border-radius:12px;font-size:1.2rem;margin:0}.brand strong{display:block}.brand small{color:#9496aa}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:#aeb0bf;padding:11px 13px;text-align:left;border-radius:10px;font-weight:650;display:flex;align-items:center;gap:11px}.nav button:hover{background:#232437;color:#fff}.nav button.active{background:linear-gradient(100deg,var(--primary),#786af0);color:#fff}.nav-icon{font-size:1.05rem;width:20px;text-align:center}.sidebar-foot{margin-top:auto;padding:14px 8px 0;border-top:1px solid #2d2e42}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#36384c;font-weight:800}.user-chip small{display:block;color:#9294a8}.sidebar-foot .btn{color:#b8b9c5;margin-top:10px;padding-left:0}
.main{min-width:0}.topbar{height:78px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.topbar h1{font-size:1.25rem;margin:0}.status{font-size:.82rem;color:var(--accent);background:#e9fbf5;padding:7px 10px;border-radius:999px;font-weight:700}.content{padding:28px 34px 50px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.page-head h2{margin:0;font-size:1.7rem;letter-spacing:-.03em}.page-head p{margin:5px 0 0;color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 3px 14px rgba(20,22,42,.03)}.metric-label{color:var(--muted);font-size:.82rem;font-weight:650}.metric-value{font-size:1.75rem;font-weight:850;margin-top:8px;letter-spacing:-.04em}.metric-note{font-size:.76rem;color:var(--muted);margin-top:4px}.metric.purple{background:linear-gradient(135deg,#6c5ce7,#8d7ff5);color:#fff;border:0}.metric.purple .metric-label,.metric.purple .metric-note{color:#e7e3ff}
.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 14px rgba(20,22,42,.03);overflow:hidden}.card-pad{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.card-head h3{margin:0;font-size:1rem}.empty{padding:35px;text-align:center;color:var(--muted)}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{font-size:.73rem;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);text-align:left;padding:12px 15px;background:#fafafe;border-bottom:1px solid var(--line)}.table td{padding:12px 15px;border-bottom:1px solid #efeff5;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfbfe}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:800;background:#efeff5}.pill.ok{background:#e8faf3;color:#087d62}.pill.warn{background:#fff5df;color:#986400}.pill.bad{background:#fff0ee;color:#b83b2e}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.bar{height:8px;background:#ededf3;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#a194ff);border-radius:inherit}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.toolbar .search-box{max-width:430px}.toolbar .spacer{margin-left:auto}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters .field{margin:0;min-width:145px}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);gap:20px;align-items:start}.scanner{position:relative;margin-bottom:15px}.scanner .search-box{padding:16px 18px 16px 48px;font-size:1.05rem;box-shadow:var(--shadow)}.scanner:before{content:"⌕";position:absolute;left:17px;top:9px;font-size:1.7rem;color:var(--muted);z-index:1}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px}.product-tile{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px;text-align:left;min-height:126px;display:flex;flex-direction:column;justify-content:space-between;transition:.15s}.product-tile:hover{border-color:#bcb5f6;box-shadow:0 9px 24px rgba(50,45,100,.09);transform:translateY(-2px)}.product-tile .category{font-size:.72rem;color:var(--muted)}.product-tile strong{line-height:1.2}.product-tile .tile-bottom{display:flex;align-items:flex-end;justify-content:space-between}.product-tile .price{font-size:1.08rem;font-weight:850}.stock-note{font-size:.7rem;color:var(--muted)}.stock-note.low{color:var(--danger)}
.cart{position:sticky;top:98px}.cart-list{max-height:43vh;overflow:auto}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line)}.cart-line strong{font-size:.88rem}.qty-control{display:flex;align-items:center;gap:4px;margin-top:7px}.qty-control button{border:0;border-radius:7px;width:27px;height:27px;background:#eeeef4}.qty-control input{width:56px;border:1px solid var(--line);border-radius:7px;padding:5px;text-align:center}.cart-price{text-align:right;font-weight:800}.cart-total{padding:16px 18px;background:#fafafe}.total-row{display:flex;justify-content:space-between;margin:7px 0;color:var(--muted);font-size:.88rem}.total-row.grand{color:var(--ink);font-size:1.35rem;font-weight:900;border-top:1px dashed #d7d7e1;padding-top:12px;margin-top:12px}.checkout-fields{padding:16px 18px;border-top:1px solid var(--line)}
dialog{border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px rgba(20,20,38,.25);width:min(650px,calc(100vw - 30px));max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(18,19,32,.52);backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h3{margin:0}.modal-body{padding:22px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.close-modal{border:0;background:transparent;font-size:1.5rem;color:var(--muted)}
.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 17px;border-radius:11px;box-shadow:var(--shadow);z-index:30;opacity:0;transform:translateY(15px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:var(--danger)}
.receipt{font-family:"Courier New",monospace;width:310px;max-width:100%;margin:auto;color:#111}.receipt h2{text-align:center;margin:0}.receipt .center{text-align:center}.receipt-rule{border-top:1px dashed #222;margin:12px 0}.receipt-line{display:flex;justify-content:space-between;gap:12px;margin:6px 0}.receipt small{font-size:.72rem}.receipt .receipt-total{font-size:1.2rem;font-weight:900}
.hardware-reader-row{margin:10px 0;align-items:center;flex-wrap:wrap}.hardware-reader-row label{display:block;font-size:.8rem;margin-bottom:4px}.hardware-reader-row [hidden]{display:none!important}.hardware-reader-row .scanner{min-width:200px;flex:1}.hardware-reader-row #reader-status{max-width:260px;overflow-wrap:anywhere}
.mobile-menu{display:none}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.cart{position:static}.cart-list{max-height:none}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;left:-260px;width:245px;transition:.2s}.sidebar.open{left:0}.topbar{padding:0 18px}.mobile-menu{display:inline-flex}.content{padding:20px 15px 35px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric-value{font-size:1.35rem}.page-head{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.login-page{grid-template-columns:1fr}.login-visual{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media print{body>*{display:none!important}dialog[open]{display:block!important;position:static;width:auto;box-shadow:none}.modal-head,.modal-foot{display:none}.modal-body{padding:0}.receipt{display:block!important}}

/* Tablas compactas y modernas: patrón único para POS, reportes y configuración. */
.table-wrap{border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.table{border-collapse:separate;border-spacing:0;table-layout:auto;font-size:.78rem;color:var(--ink)}
.table th{position:sticky;top:0;z-index:1;padding:8px 10px;background:color-mix(in srgb,var(--card) 94%,var(--primary-soft));border-bottom:1px solid var(--line-2);color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.055em;line-height:1.15;white-space:nowrap;text-transform:uppercase}
.table td{padding:7px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);line-height:1.25;vertical-align:middle}
.table tbody tr:nth-child(even){background:color-mix(in srgb,var(--paper) 32%,transparent)}
.table tbody tr:hover{background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.table tbody tr:last-child td{border-bottom:0}
.table td:first-child,.table th:first-child{padding-left:12px}
.table td:last-child,.table th:last-child{padding-right:12px}
.table .button-row{gap:4px;flex-wrap:nowrap}
.table .btn-sm{min-height:28px;padding:4px 8px;border-radius:7px;font-size:.68rem;white-space:nowrap}
.table .pill{padding:3px 7px;font-size:.63rem;line-height:1.2;white-space:nowrap}
.table .small{font-size:.67rem;line-height:1.2}
@media(max-width:760px){.table-wrap{border-radius:10px}.table{min-width:620px}.table th{padding:7px 8px;font-size:.61rem}.table td{padding:6px 8px;font-size:.74rem}.table td:first-child,.table th:first-child{padding-left:9px}.table td:last-child,.table th:last-child{padding-right:9px}.table .btn-sm{min-height:27px;padding:4px 7px}}

/* Identidad visual de ELOUR CODE FLUX GESTION */
:root,html[data-theme="light"]{
  color-scheme:light;--paper:#f4f3ef;--card:#fff;--ink:#20242c;--text-2:#414957;--muted:#5f6878;
  --line:#d9dce3;--line-2:#bcc2cc;--sidebar:#071b34;--sidebar-hover:#12365c;--sidebar-line:#284f78;
  --primary:#5b4fd8;--primary2:#4136b4;--primary-soft:#eeecff;--accent:#0d7a5b;--accent-soft:#e3f5ef;
  --blue:#3569b8;--blue-soft:#e8f0fb;--danger:#bd3847;--danger-soft:#fdebed;--warning:#a96408;--warning-soft:#fff1d6;
  --shadow:0 15px 38px rgba(36,39,47,.09);--shadow-sm:0 4px 14px rgba(36,39,47,.07)
}
html[data-theme="dark"]{
  color-scheme:dark;--paper:#101216;--card:#1a1d23;--ink:#f3f5f8;--text-2:#d2d7df;--muted:#aeb6c3;
  --line:#343a45;--line-2:#4a5260;--sidebar:#061b35;--sidebar-hover:#12385d;--sidebar-line:#285078;
  --primary:#aa9cff;--primary2:#c1b7ff;--primary-soft:#302b53;--accent:#61d3ad;--accent-soft:#173d33;
  --blue:#84afea;--blue-soft:#223651;--danger:#f28a94;--danger-soft:#48272d;--warning:#f1bd69;--warning-soft:#44351f;
  --shadow:0 18px 42px rgba(0,0,0,.30);--shadow-sm:0 5px 16px rgba(0,0,0,.22)
}
html,body{background:var(--paper);color:var(--ink)}
body{font-size:14px;line-height:1.45;transition:background-color .2s ease,color .2s ease}
a{color:var(--blue);text-underline-offset:3px}
::selection{background:var(--primary-soft);color:var(--ink)}

.splash-logo{width:180px;padding:14px 18px;margin:0 auto 12px;border:1px solid var(--line);border-radius:15px;background:var(--card);box-shadow:var(--shadow-sm)}
.splash-logo img{display:block;width:100%;height:auto}
.splash-error{display:grid;place-items:center;width:42px;height:42px;margin:3px auto 0;border-radius:12px;background:var(--danger-soft);color:var(--danger);font-size:1.4rem;font-weight:950}
.layout{grid-template-columns:270px minmax(0,1fr);background:var(--paper)}
.sidebar{width:auto;background:linear-gradient(175deg,#0d3158,var(--sidebar) 72%);border-right:1px solid var(--sidebar-line);padding:18px 14px;box-shadow:8px 0 30px rgba(0,0,0,.10)}
.brand{display:block;padding:6px 9px 17px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}
.brand-logo{width:62px;height:42px;display:grid;place-items:center;flex:0 0 auto;padding:5px 7px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 7px 20px rgba(0,0,0,.15)}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand-title{display:block;color:#fff;font-size:14px;font-weight:950;letter-spacing:.04em;white-space:nowrap}
.brand-sub{display:block;color:#b9c0ca;font-size:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-top:3px;white-space:nowrap}
.sidebar-context{display:grid;gap:2px;margin:0 5px 14px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.sidebar-context b{color:#fff;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-context span{color:#9ba9b8;font-size:.69rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav{gap:4px}.nav button{position:relative;min-height:43px;margin:0;color:#d5dde6;border-left:3px solid transparent;padding:9px 11px;border-radius:9px;font-size:.86rem;font-weight:700}
.nav button:hover{background:var(--sidebar-hover);color:#fff}.nav button.active{background:#173b60;color:#fff;border-left-color:#70d0b0;box-shadow:none}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;font-size:17px;line-height:1;filter:none}
.sidebar-foot{border-top-color:rgba(255,255,255,.10);padding-top:15px}.sidebar-foot .user-chip{background:transparent;border:0;padding:0;box-shadow:none;color:#fff}
.avatar{border-radius:9px;background:#173b60;color:#fff;border:1px solid rgba(255,255,255,.12)}
.user-chip small,.sidebar-foot .btn{color:#b9c0ca}.sidebar-foot .btn:hover{color:#fff;background:rgba(255,255,255,.06)}

.main{background:linear-gradient(145deg,var(--paper),color-mix(in srgb,var(--card) 45%,var(--paper)));min-height:100vh}
.topbar{height:86px;background:color-mix(in srgb,var(--card) 92%,transparent);border-color:var(--line);padding:0 30px;color:var(--ink)}
.topbar h1{font-size:1.35rem;font-weight:900;letter-spacing:-.025em}.page-kicker{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:950;margin-bottom:3px}
.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.top-account-menu{position:relative}.top-account-menu>summary{display:flex;min-width:0;align-items:center;gap:8px;min-height:42px;padding:5px 8px 5px 5px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;list-style:none;transition:border-color .16s,box-shadow .16s,transform .16s}.top-account-menu>summary::-webkit-details-marker{display:none}.top-account-menu>summary:hover,.top-account-menu[open]>summary{border-color:color-mix(in srgb,var(--primary) 48%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.top-account-menu>summary:hover{transform:translateY(-1px)}.top-account-avatar{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:.77rem;font-weight:950}.top-account-copy{display:grid;min-width:0;line-height:1.1}.top-account-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.top-account-copy small{max-width:150px;overflow:hidden;color:var(--muted);font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.top-account-chevron{color:var(--muted);font-size:.85rem;transition:transform .16s}.top-account-menu[open] .top-account-chevron{transform:rotate(180deg)}.top-account-popover{position:absolute;z-index:30;top:calc(100% + 8px);right:0;display:grid;width:220px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 18px 45px rgba(15,23,42,.18)}.top-account-action{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}.top-account-action:hover{background:var(--paper)}.top-account-action>span:last-child{display:grid;gap:2px}.top-account-action b{font-size:.77rem}.top-account-action small{color:var(--muted);font-size:.66rem}.top-account-logout{color:var(--danger)}
.theme-toggle{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:11px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-sm);transition:.16s ease}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--primary)}.theme-toggle-icon{font-size:16px;line-height:1}
.status{color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.content{max-width:1600px;padding:27px 30px 50px}.page-head h2{font-size:1.75rem;font-weight:900;color:var(--ink)}
.platform-callout{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px 16px;margin-bottom:18px;padding:13px 15px;background:linear-gradient(120deg,var(--primary-soft),var(--accent-soft));border:1px solid var(--line);border-left:5px solid var(--primary);border-radius:12px;color:var(--ink);box-shadow:var(--shadow-sm)}
.platform-callout a{font-weight:800}.platform-callout span{color:var(--muted);font-size:.82rem}

.card,.metric{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow-sm)}
.card{border-radius:16px}.card-head{border-color:var(--line)}.metric{position:relative;overflow:hidden;border-radius:16px}
.metric:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;right:-25px;top:-25px;background:color-mix(in srgb,var(--blue) 7%,transparent)}
.metric:nth-child(2):after{background:color-mix(in srgb,var(--accent) 8%,transparent)}.metric:nth-child(3):after{background:color-mix(in srgb,var(--danger) 8%,transparent)}
.metric.purple{background:var(--card);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--primary)}
.metric.purple .metric-label,.metric.purple .metric-note,.metric-label,.metric-note{color:var(--muted)}
.metric-value{color:var(--ink);font-weight:950}
.table{color:var(--ink)}.table th{background:color-mix(in srgb,var(--card) 75%,var(--paper));color:var(--text-2);border-color:var(--line);font-size:.7rem}.table td{border-color:var(--line)}.table tbody tr:hover{background:var(--primary-soft)}
.pill{background:color-mix(in srgb,var(--card) 65%,var(--paper));color:var(--text-2)}.pill.ok{background:var(--accent-soft);color:var(--accent)}.pill.warn{background:var(--warning-soft);color:var(--warning)}.pill.bad{background:var(--danger-soft);color:var(--danger)}

.btn{border:1px solid var(--line-2);background:color-mix(in srgb,var(--card) 60%,var(--paper));color:var(--ink);border-radius:10px;font-weight:800;box-shadow:0 5px 14px rgba(16,24,40,.06)}
.btn:hover{border-color:var(--primary);filter:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:saturate(.55)}.btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:0 5px 14px rgba(91,79,216,.22)}
.btn-primary:hover{background:linear-gradient(135deg,var(--primary),var(--primary2));filter:brightness(1.05)}.btn-danger{border-color:transparent;background:var(--danger);color:#fff}.btn-ghost{box-shadow:none;border-color:transparent}
.field label{color:var(--text-2)}.field input,.field select,.field textarea,.search-box{background:color-mix(in srgb,var(--card) 82%,var(--paper));color:var(--ink);border-color:var(--line-2);border-radius:10px}
.field input:focus,.field select:focus,.field textarea:focus,.search-box:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 16%,transparent)}
.product-tile,.qty-control button{background:var(--card);color:var(--ink);border-color:var(--line)}.product-tile:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}
.cart-total,.table th{background-color:color-mix(in srgb,var(--card) 78%,var(--paper))}.total-row.grand{color:var(--ink);border-color:var(--line)}
.error-box{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}
dialog{background:var(--card);color:var(--ink);border:1px solid var(--line)}dialog::backdrop{background:rgba(4,14,27,.63)}.modal-head,.modal-foot{background:var(--card);border-color:var(--line)}
.toast{background:#071b34}.receipt{color:#111}

.login-page{background:var(--card)}.login-visual{padding:clamp(45px,7vw,110px);background:radial-gradient(circle at 18% 18%,rgba(91,79,216,.60) 0,transparent 35%),radial-gradient(circle at 85% 75%,rgba(13,122,91,.25) 0,transparent 30%),linear-gradient(150deg,#0d3158,#061b35 72%);color:#fff}
.login-visual:after{border-color:rgba(255,255,255,.055)}.login-visual h1{font-weight:950;letter-spacing:-.055em}.login-visual p{color:#d0d9e4}.login-panel{position:relative;background:var(--card)}
.login-card{width:min(430px,88vw)}.login-card h2{font-size:2rem;font-weight:900;letter-spacing:-.035em}.login-logo{display:grid;width:220px;margin:0 0 30px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm)}
.login-logo img{display:block;width:100%;height:78px;object-fit:contain}.login-logo span{text-align:center;color:#244d8c;font-size:9px;font-weight:950;letter-spacing:.18em;margin-top:1px}
.login-visual .login-logo{border-color:rgba(255,255,255,.17);box-shadow:0 18px 44px rgba(0,0,0,.20)}.login-kicker{margin:0 0 14px;color:#70d0b0;font-size:10px;font-weight:950;letter-spacing:.18em}
.login-theme{position:absolute;right:24px;top:24px}
.login-divider{display:flex;align-items:center;gap:10px;margin:19px 0;color:var(--muted);font-size:.78rem}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--line)}.register-card{width:min(540px,90vw)}.registration-page .login-panel{padding-block:25px}.trial-benefits{display:grid;gap:9px;margin-top:28px;color:#dce8f4;font-weight:750}.trial-benefits span{display:block}.check-line{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px!important}.check-line input{width:auto!important;margin-top:3px}.onboarding{min-height:360px}.onboarding-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.onboarding-progress i{height:5px;border-radius:999px;background:var(--line)}.onboarding-progress i.active{background:linear-gradient(90deg,var(--primary),var(--accent))}.onboarding-hero{text-align:center;padding:8px 15px 24px}.onboarding-hero>span{display:block;font-size:3rem}.onboarding-hero h2,.onboarding-title h2{margin:7px 0}.onboarding-hero p,.onboarding-title p{color:var(--muted);margin:0}.onboarding-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.onboarding-features>div{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.onboarding-features span{color:var(--muted);font-size:.78rem}.onboarding-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.onboarding-title>span{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:11px;background:var(--primary);color:#fff;font-weight:950}.profile-preview,.profile-ready{display:grid;gap:5px;padding:17px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--accent-soft)}.profile-preview span{color:var(--muted)}.onboarding-options{display:grid;gap:12px}.onboarding-options>label{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.onboarding-options input{margin-top:4px}.onboarding-options span{display:grid;gap:3px}.onboarding-options small{color:var(--muted)}
.scanner-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:15px}.scanner-row .scanner{margin-bottom:0}.camera-scan-button{min-height:54px;white-space:nowrap}.camera-scanner{display:grid;gap:13px}.camera-scanner #barcode-reader{min-height:220px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#05090e}.camera-scanner #barcode-reader video{border-radius:13px}.camera-guide{display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:var(--primary-soft);color:var(--ink);text-align:center}.camera-guide span{font-size:.78rem;color:var(--muted)}.camera-file-btn{position:relative;width:fit-content}.camera-file-btn input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.price-preview{grid-column:span 2;display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;background:var(--accent-soft)}.price-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.price-preview-value{font-size:1.45rem;font-weight:950}.payment-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:7px}.payment-price{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.payment-price span{display:block;color:var(--muted);font-size:.72rem}.payment-price b{font-size:.93rem}.pricing-settings{margin-top:20px}.pricing-rule-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pricing-rule-table{max-height:270px;overflow:auto}
.sale-delivery-options,.preference-panel{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.sale-delivery-options label,.preference-panel label{display:flex;align-items:center;gap:8px;font-weight:750}.sale-delivery-options input,.preference-panel input{width:auto}.whatsapp-card{margin-top:20px;border-top:4px solid #25d366}.email-card{margin-top:20px;border-top:4px solid #3b82f6}.pairing-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.email-test-panel>.field{flex:1;margin:0}.email-test-panel .button-row{flex-wrap:wrap}.pairing-code{min-height:34px;margin:8px 0;font-size:1.65rem;font-weight:950;letter-spacing:.14em;color:#128c5b}.delivery-history{margin-top:16px}.delivery-history summary{cursor:pointer;font-weight:850}.delivery-result{display:flex;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--paper)}.delivery-result.ok{color:#087a45;background:#e8f8ef}.delivery-result.bad{color:#a52828;background:#fff0f0}
.active-cash-register{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 18px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:10px;background:var(--accent-soft);color:var(--text)}.active-cash-register span{font-size:.67rem;font-weight:900;letter-spacing:.08em;color:var(--primary)}.active-cash-register.unassigned{display:grid;justify-content:stretch;background:var(--paper);border-color:var(--line)}.active-cash-register.unassigned small{color:var(--muted)}.cash-register-choice #cash-register-fields{display:grid;gap:10px;padding:10px 0 0}.cash-register-choice #cash-register-fields[hidden]{display:none}.cash-register-choice .field{margin:0}.cash-register-choice small{color:var(--muted)}
.combo-pill{background:#fff2d8;color:#925b00;border-color:#ffd38a;font-size:.68rem;vertical-align:middle}.combo-builder{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:14px;margin:4px 0 18px;background:var(--paper)}.combo-builder-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.combo-item-row{display:grid;grid-template-columns:minmax(240px,2fr) minmax(110px,.65fr) minmax(120px,.7fr) auto;align-items:end;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.combo-item-info{align-self:center;color:var(--muted);font-size:.82rem;padding-top:20px}dialog:has(#combo-form){width:min(920px,calc(100vw - 30px))}
.business-settings{margin-top:20px;border-top:4px solid var(--primary)}.account-balance{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin-bottom:14px;border-radius:14px;background:var(--paper);font-size:1rem}.account-balance b{font-size:1.7rem;color:var(--primary)}.account-actions{margin-bottom:18px;flex-wrap:wrap}.purchase-items{display:grid;gap:10px;margin:18px 0 10px}.purchase-item-row{display:grid;grid-template-columns:minmax(210px,2fr) minmax(100px,.7fr) minmax(130px,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.purchase-item-row.lot-purchase-row{grid-template-columns:minmax(190px,2fr) repeat(2,minmax(100px,1fr))}.purchase-item-row.lot-purchase-row .btn-danger{justify-self:end}.purchase-item-row .field{margin:0}.purchase-total{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:16px 4px;font-size:1.1rem}.purchase-total b{font-size:1.5rem;color:var(--primary)}
.settings-workspace{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:20px}.settings-subnav{position:sticky;top:96px;display:grid;gap:7px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm)}.settings-subnav-button{display:grid;grid-template-columns:30px 1fr;gap:1px 9px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.settings-subnav-button>span{grid-row:1/3;align-self:center;font-size:1.15rem}.settings-subnav-button>b{font-size:.83rem}.settings-subnav-button>small{overflow:hidden;color:var(--muted);font-size:.68rem;line-height:1.25;text-overflow:ellipsis}.settings-subnav-button:hover{border-color:var(--line);background:var(--paper)}.settings-subnav-button.active{border-color:color-mix(in srgb,var(--primary) 30%,var(--line));background:var(--primary-soft);color:var(--primary)}.settings-panels{min-width:0}.settings-panel{display:grid;gap:20px}.settings-panel[hidden]{display:none!important}.settings-panel>.business-settings,.settings-panel>.pricing-settings,.settings-panel>.whatsapp-card,.settings-panel>.email-card{margin-top:0}.settings-panel>.card{min-width:0}
.arca-card{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--card) 0%,color-mix(in srgb,var(--primary) 4%,var(--card)) 100%)}.arca-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#22c55e,var(--primary))}.integration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.integration-head h3{margin:4px 0 6px}.integration-head p{margin:0;color:var(--muted);max-width:620px;line-height:1.5}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--primary)}.arca-status{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.arca-status>div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card) 88%,transparent)}.arca-status span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.arca-status b{font-size:14px}.certificate-box{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary) 3%,transparent)}.arca-actions{margin:14px 0;flex-wrap:wrap}
.sidebar .nav{min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin}.ai-upload{border-top:4px solid var(--accent)}.ai-upload .btn-primary{width:100%;margin:4px 0 8px}.workflow{display:grid;gap:12px;padding-left:24px;color:var(--text-2)}.workflow li::marker{color:var(--primary);font-weight:900}dialog:has(#invoice-review){width:min(1050px,calc(100vw - 30px))}#invoice-review .table select,#invoice-review .table input{min-width:130px;border:1px solid var(--line-2);border-radius:8px;padding:8px;background:var(--card);color:var(--ink)}
.metrics.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.metrics.compact .metric{min-width:0;padding:14px}.metrics.compact .metric-label{overflow-wrap:anywhere}

/* Punto de venta compacto: búsqueda explícita, carrito en tabla y ajustes plegables. */
.pos-disclosure{margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}
.pos-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-weight:850;color:var(--ink)}
.pos-disclosure>summary::-webkit-details-marker{display:none}.pos-disclosure>summary:after{content:"＋";color:var(--primary);font-size:1.1rem}.pos-disclosure[open]>summary:after{content:"−"}.pos-disclosure>summary span{margin-left:auto;color:var(--muted);font-size:.78rem;font-weight:650;text-align:right}.pos-disclosure[open]>summary{border-bottom:1px solid var(--line)}.pos-disclosure .sale-delivery-options{margin:10px;border-color:transparent;background:transparent}
.cart-table-wrap{max-height:43vh;overflow:auto}.cart-table{min-width:600px;font-size:.8rem}.cart-table th{padding:9px 8px;font-size:.66rem}.cart-table td{padding:8px;white-space:nowrap}.cart-table td:first-child{min-width:165px;white-space:normal}.cart-table td:nth-child(2){min-width:125px}.cart-table td:last-child{width:1%;text-align:center}.cart-table .cart-unit{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}.cart-table .qty-control{margin:0;gap:3px}.cart-table .qty-control button{flex:0 0 27px}.cart-table .qty-control input{width:48px;padding:4px}.cart-table .cart-price{font-weight:850}
@media(max-width:760px){.cart-table-wrap{max-height:none}.cart-table{min-width:560px}.pos-disclosure>summary{padding:11px 12px}.pos-disclosure>summary span{font-size:.7rem}}
.pos-scanner-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pos-scanner-actions .btn{min-height:54px;white-space:nowrap}.pos-scanner-actions #reader-status{flex-basis:100%;max-width:330px;text-align:right;font-size:.72rem}.pos-scanner-actions [hidden]{display:none!important}
@media(max-width:760px){.pos-scanner-actions{justify-content:flex-start}.pos-scanner-actions #reader-status{text-align:left}}
.pos-items-card{margin-top:16px}.pos-items-card .cart-list{max-height:none;overflow:visible}.pos-items-card .cart-table-wrap{max-height:44vh}.pos-items-card .cart-table{min-width:820px}.pos-items-card .cart-table td:first-child{min-width:132px}.pos-items-card .cart-table td:nth-child(2){min-width:112px}.pos-items-card .cart-table td:nth-child(3){min-width:190px}.pos-items-card .cart-table td:nth-child(4){min-width:105px}.pos-items-card .cart-code{font-family:ui-monospace,Consolas,monospace;font-size:.76rem;color:var(--muted)}.cart #cart-total .total-row.grand{font-size:1.6rem}.pos-items-card .cart-table-wrap:has(.cart-table tbody tr){border-top:0}
@media(max-width:760px){.pos-items-card .cart-table-wrap{max-height:none}.pos-items-card .cart-table{min-width:760px}.cart #cart-total .total-row.grand{font-size:1.45rem}}

@media(max-width:1050px){.layout{grid-template-columns:245px minmax(0,1fr)}.platform-callout{grid-template-columns:1fr}.platform-callout span{display:block}.settings-workspace{grid-template-columns:1fr}.settings-subnav{position:static;display:flex;overflow-x:auto}.settings-subnav-button{flex:0 0 190px}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{width:260px;left:-275px}.sidebar.open{left:0}.topbar{height:78px;padding:0 15px}.top-actions{gap:6px;flex-wrap:nowrap}.theme-toggle-label,.top-account-copy,.top-account-chevron{display:none}.theme-toggle{min-width:40px;justify-content:center;padding:7px}.top-account-menu>summary{min-width:40px;justify-content:center;padding:4px}.top-account-popover{position:fixed;top:70px;right:12px;width:min(220px,calc(100vw - 24px))}.status{font-size:0;padding:8px}.status::first-letter{font-size:.82rem}.content{padding:20px 14px 35px}.login-theme{right:14px;top:14px}.platform-callout{grid-template-columns:1fr}.login-logo{width:190px}.table td,.table th{white-space:nowrap}.scanner-row{grid-template-columns:1fr}.camera-scan-button{width:100%}.price-preview{grid-column:auto}.pricing-rule-list{grid-template-columns:1fr}.purchase-item-row{grid-template-columns:1fr 1fr}.purchase-item-row .field:first-child{grid-column:1/-1}.combo-builder-head{align-items:flex-start;flex-direction:column}.combo-item-row{grid-template-columns:1fr 1fr}.combo-item-info{padding-top:0}.combo-item-row .btn-danger{justify-self:end}.settings-subnav{margin-inline:-3px;padding:7px}.settings-subnav-button{flex-basis:165px;padding:9px}.settings-subnav-button>small{display:none}.arca-status,.certificate-box{grid-template-columns:1fr}.integration-head{flex-direction:column}.onboarding-features{grid-template-columns:1fr}.registration-page .login-panel{padding:75px 18px 30px}}
.scanner #product-match-count{display:block;margin:7px 4px 0}.cash-payment-panel{margin-top:13px;padding:13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--primary-soft) 55%,var(--card))}.cash-due{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.cash-due span{font-size:.82rem;font-weight:800}.cash-due strong{font-size:1.35rem;color:var(--primary)}.cash-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.cash-change{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:10px}.cash-change span{font-size:.8rem;font-weight:750}.cash-change strong{font-size:1.25rem}.cash-change.pending{background:color-mix(in srgb,#f59e0b 16%,var(--card));color:#a65c00}.cash-change.ok{background:color-mix(in srgb,#10b981 16%,var(--card));color:#067647}
.pos-keyboard-help{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:-6px 0 16px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);font-size:.76rem}.pos-keyboard-help b{color:var(--ink);margin-right:3px}.pos-keyboard-help span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.pos-keyboard-help kbd{min-width:23px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--line) 70%,var(--ink));border-bottom-width:2px;border-radius:5px;background:var(--paper);color:var(--ink);font:800 .68rem/1.1 inherit;text-align:center;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 65%,transparent)}.product-tile.keyboard-selected{outline:3px solid var(--primary);outline-offset:2px;border-color:var(--primary);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 18%,transparent)}
.report-filters{margin-bottom:20px}.report-periods{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.report-periods .active{background:var(--primary);border-color:var(--primary);color:#fff}.report-scope{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 16px;border-radius:12px;background:var(--primary-soft)}.report-scope span{color:var(--muted);font-size:.82rem}.report-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.report-rankings,.report-charts{margin-bottom:20px}.ranking-name{margin-top:16px;font-size:1.12rem;font-weight:900}.ranking-value{margin:5px 0;font-size:2rem;font-weight:950;color:var(--primary)}.report-rankings p{margin:0;color:var(--muted)}.report-bars{display:grid;gap:10px}.report-bar-row{display:grid;grid-template-columns:minmax(75px,110px) minmax(120px,1fr) minmax(85px,auto);gap:10px;align-items:center}.report-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--muted)}.report-bar-row>div{height:13px;overflow:hidden;border-radius:999px;background:var(--paper)}.report-bar-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}.report-bar-row b{text-align:right;font-size:.78rem}.report-table{margin-bottom:20px}.report-print-header{display:none}
@media(max-width:1100px){.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.report-scope{align-items:flex-start;flex-direction:column}.report-metrics{grid-template-columns:1fr}.report-bar-row{grid-template-columns:75px minmax(90px,1fr) 80px}.report-controls .button-row{width:100%;flex-wrap:wrap}}
@media print{body.print-report>#app{display:block!important}body.print-report .layout{display:block!important}body.print-report .sidebar,body.print-report .topbar,body.print-report .report-controls,body.print-report .report-filters{display:none!important}body.print-report .main{display:block!important}body.print-report .content{padding:0!important}body.print-report .report-print-header{display:block!important;margin-bottom:16px;border-bottom:2px solid #111}body.print-report .report-print-header h1{margin:0}body.print-report #report-content{display:block!important}body.print-report .card,body.print-report .metric{break-inside:avoid;box-shadow:none!important}body.print-report .report-bars i{print-color-adjust:exact;-webkit-print-color-adjust:exact}body.print-report .table{font-size:10px}}
@media(prefers-reduced-motion:reduce){body,.theme-toggle,.btn,.product-tile{transition:none!important}}
dialog:has(#product-form){width:min(980px,calc(100vw - 30px));max-height:min(92vh,980px)}
.product-editor{display:grid;gap:15px;max-height:calc(92vh - 145px);overflow:auto;padding:2px 3px 8px;scrollbar-width:thin}
.product-editor-section{position:relative;overflow:hidden;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(140deg,var(--card),color-mix(in srgb,var(--primary) 3%,var(--card)));box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 5%,transparent);animation:product-section-enter .35s both;transition:transform .2s ease,border-color .25s ease,box-shadow .25s ease}
.product-editor-section:nth-child(2){animation-delay:.04s}.product-editor-section:nth-child(3){animation-delay:.08s}.product-editor-section:nth-child(4){animation-delay:.12s}
.product-editor-section:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:0 9px 25px color-mix(in srgb,var(--primary) 9%,transparent)}
.product-editor-section:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--primary),var(--accent));background-size:100% 180%;animation:product-color-flow 4s ease-in-out infinite alternate}
.product-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 15px}.product-section-heading h3{margin:0 0 3px;font-size:1rem}.product-section-heading p{margin:0;color:var(--muted);font-size:.78rem}
.product-section-icon{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:13px;background:linear-gradient(145deg,var(--primary-soft),color-mix(in srgb,var(--accent) 14%,var(--card)));color:var(--primary);font-size:1.1rem;font-weight:950}
.product-editor-section .form-grid{gap:13px 15px}.product-editor .field{min-width:0;margin:0}.product-editor .field>label{font-size:.78rem;font-weight:800}.product-editor .field input:not([type=checkbox]),.product-editor .field select{min-height:42px;border-radius:10px;transition:border-color .18s,box-shadow .18s,background .18s}.product-editor .field input:focus,.product-editor .field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
.barcode-input-row{display:flex;gap:8px}.barcode-input-row input{min-width:0;flex:1}.barcode-camera-button{flex:0 0 auto;min-height:42px;border-color:color-mix(in srgb,var(--primary) 30%,var(--line));background:var(--primary-soft);color:var(--primary);font-weight:800}.barcode-camera-button:hover{background:var(--primary);color:#fff}
.product-editor .product-pricing{background:linear-gradient(145deg,color-mix(in srgb,#10b981 5%,var(--card)),color-mix(in srgb,var(--primary) 4%,var(--card)))}.product-editor .product-pricing:before{background:linear-gradient(180deg,#10b981,var(--primary))}.product-editor .price-preview{border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-left:4px solid var(--primary);border-radius:13px}
.product-stock-toggle{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.product-stock-toggle label{display:flex;align-items:center;gap:9px}.product-stock-toggle input{width:auto}
.product-advanced{padding:0}.product-advanced summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.product-advanced summary::-webkit-details-marker{display:none}.product-advanced summary>span:last-child{display:grid;gap:3px}.product-advanced summary small{color:var(--muted)}.product-advanced[open] summary{border-bottom:1px solid var(--line)}.product-advanced .form-grid{padding:16px}
@keyframes product-section-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes product-color-flow{from{background-position:0 0}to{background-position:0 100%}}
@media(max-width:760px){dialog:has(#product-form){width:calc(100vw - 16px);max-height:96vh}.product-editor{max-height:calc(96vh - 145px)}.product-editor-section{padding:13px}.product-editor-section .span-2{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.product-editor-section,.product-editor-section:before{animation:none!important;transition:none!important}}
 .barcode-scanner-inline:not([hidden]){display:block;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--paper);animation:product-section-enter .2s ease-out}.camera-scanner-inline{gap:9px}.camera-scanner-inline #product-barcode-reader{min-height:190px;max-height:40vh;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#05090e}.camera-scanner-inline #product-barcode-reader video{max-width:100%;border-radius:10px}.camera-scanner-inline .camera-guide{padding:8px 10px}.camera-scanner-inline .camera-file-btn{font-size:.82rem}.camera-scanner-inline [data-inline-cancel]{justify-self:end}

/* Punto de venta: menos ruido visual y una lectura clara de artículo a cobro. */
.pos-page-head{align-items:center;margin-bottom:8px}.pos-page-head h2{font-size:1.4rem}.pos-page-head p{margin-top:3px;font-size:.86rem}.pos-enter-hint{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.76rem}.pos-enter-hint kbd,.pos-shortcut-list kbd{padding:2px 6px;border:1px solid var(--line-2);border-bottom-width:2px;border-radius:5px;background:var(--card);color:var(--ink);font:700 .7rem inherit}
.pos-shortcuts{width:fit-content;margin:0 0 12px;color:var(--muted);font-size:.76rem}.pos-shortcuts>summary{cursor:pointer;list-style:none}.pos-shortcuts>summary::-webkit-details-marker{display:none}.pos-shortcuts>summary:before{content:"＋";margin-right:6px;color:var(--primary);font-weight:800}.pos-shortcuts[open]>summary:before{content:"−"}.pos-shortcut-list{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:9px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--card)}.pos-shortcut-list span{display:inline-flex;align-items:center;gap:3px}
.pos-layout{grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:16px}.pos-catalog-pane{min-width:0}.pos-catalog-pane .scanner-row{gap:8px;align-items:center}.pos-catalog-pane .scanner{margin-bottom:8px}.pos-catalog-pane .scanner .search-box{min-height:44px;padding:9px 12px 9px 40px;font-size:.92rem;box-shadow:none}.pos-catalog-pane .scanner:before{top:5px;left:14px;font-size:1.45rem}.pos-catalog-pane .scanner #product-match-count{margin:4px 3px 0;font-size:.72rem}.pos-scanner-actions{gap:6px}.pos-scanner-actions .btn{min-height:40px;padding:8px 10px;font-size:.78rem}.pos-scanner-actions #reader-status{font-size:.68rem}
.pos-catalog-pane .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:232px;overflow:auto;overscroll-behavior:contain}.pos-catalog-pane .product-tile{min-height:76px;padding:9px 11px;border-radius:10px;gap:5px}.pos-catalog-pane .product-tile strong{font-size:.84rem}.pos-catalog-pane .product-tile .category{font-size:.66rem}.pos-catalog-pane .product-tile .price{font-size:.92rem}.pos-catalog-pane .product-tile .stock-note{font-size:.66rem}.pos-catalog-pane .product-tile:hover{transform:none}.pos-catalog-pane #pos-catalog-pages{gap:8px;margin-top:7px}.pos-catalog-pane #pos-catalog-pages .btn{padding:6px 9px;font-size:.74rem}.pos-catalog-pane #pos-catalog-pages .small{font-size:.72rem}
.pos-items-card{margin-top:10px;border-radius:12px}.pos-items-card .card-head{min-height:44px;padding:10px 13px}.pos-items-card .card-head h3{font-size:.88rem}.pos-items-card .cart-list{max-height:48vh;overflow:auto}.pos-items-card .cart-table-wrap{max-height:none;overflow:auto}.pos-items-card .cart-table{width:100%;min-width:550px;table-layout:fixed;font-size:.77rem}.pos-items-card .cart-table th,.pos-items-card .cart-table td{padding:7px 8px}.pos-items-card .cart-table th{font-size:.66rem}.pos-items-card .cart-table th:first-child,.pos-items-card .cart-table td:first-child{width:116px;min-width:116px}.pos-items-card .cart-table th:nth-child(2),.pos-items-card .cart-table td:nth-child(2){width:auto;min-width:170px;white-space:normal}.pos-items-card .cart-table th:nth-child(3),.pos-items-card .cart-table td:nth-child(3){width:82px;min-width:82px}.pos-items-card .cart-table th:nth-child(4),.pos-items-card .cart-table td:nth-child(4){width:96px;min-width:96px}.pos-items-card .cart-table th:last-child,.pos-items-card .cart-table td:last-child{width:40px;min-width:40px;text-align:center}.pos-items-card .cart-table .cart-unit{margin-top:2px;font-size:.67rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.pos-items-card .cart-table .qty-control{gap:3px}.pos-items-card .cart-table .qty-control button{flex:0 0 23px;width:23px;height:25px}.pos-items-card .cart-table .qty-control input{width:40px;height:27px;padding:3px;font-size:.76rem}.pos-items-card .cart-table [data-remove]{width:26px;height:26px;padding:0;border:0;box-shadow:none}.pos-items-card .empty{padding:20px 12px;font-size:.82rem}
.pos-checkout-card{position:sticky;top:92px;border-radius:12px}.pos-checkout-card>.card-head{min-height:44px;padding:10px 14px}.pos-checkout-card>.card-head h3{font-size:.92rem}.pos-checkout-card .active-cash-register{min-height:auto;margin:8px 12px 0;padding:8px 10px;border-radius:9px;font-size:.74rem}.pos-checkout-card .active-cash-register span{font-size:.64rem}.pos-checkout-card .active-cash-register b{font-size:.77rem}.pos-checkout-card .active-cash-register.unassigned{display:flex;align-items:center;justify-content:space-between;gap:8px}.pos-checkout-card .active-cash-register.unassigned small{font-size:.68rem;text-align:right}.pos-checkout-card .checkout-fields{padding:12px 14px;border-top:0}.pos-checkout-card .checkout-fields>.field{gap:5px;margin:0 0 10px}.pos-checkout-card .checkout-fields>.field>label,.pos-checkout-card .sale-delivery-options label{font-size:.75rem}.pos-checkout-card .checkout-fields>.field input,.pos-checkout-card .checkout-fields>.field select{min-height:39px;padding:8px 10px;border-radius:9px;font-size:.84rem}.pos-checkout-card .pos-disclosure{margin:0 0 8px;border-radius:9px}.pos-checkout-card .pos-disclosure>summary{padding:9px 10px;font-size:.78rem}.pos-checkout-card .pos-disclosure>summary span{font-size:.69rem}.pos-checkout-card .pos-disclosure .field{margin:0;padding:7px 2px 2px}.pos-checkout-card .sale-delivery-options{gap:7px;padding:8px 4px}.pos-checkout-card .sale-delivery-options small{font-size:.68rem;line-height:1.3}.pos-checkout-card .cart-total{padding:9px 0 7px;border-top:1px solid var(--line);background:transparent}.pos-checkout-card .total-row{margin:5px 0;font-size:.78rem}.pos-checkout-card .total-row.grand{margin-top:8px;padding-top:9px;border-top:1px solid var(--line);font-size:1.18rem}.pos-checkout-card .cash-payment-panel{display:grid;gap:7px;margin:0;padding:9px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.pos-checkout-card .cash-payment-panel .field{gap:5px;margin:0}.pos-checkout-card .cash-payment-panel .field label{font-size:.74rem}.pos-checkout-card .cash-payment-panel .field input{min-height:39px;padding:8px 10px;font-size:.84rem}.pos-checkout-card .cash-shortcuts{gap:5px;margin:0}.pos-checkout-card .cash-shortcuts .btn{padding:5px 8px;font-size:.7rem}.pos-checkout-card .cash-change{min-height:34px;padding:7px 9px;border-radius:8px}.pos-checkout-card .cash-change span{font-size:.73rem}.pos-checkout-card .cash-change strong{font-size:.9rem}.pos-checkout-actions{padding:0 14px 14px}.pos-checkout-actions .btn{min-height:43px;border-radius:9px;font-size:.88rem;box-shadow:none}
@media(max-width:1250px){.pos-layout{grid-template-columns:1fr}.pos-checkout-card{position:static}.pos-items-card .cart-list{max-height:42vh}}
@media(max-width:760px){.pos-page-head{align-items:flex-start}.pos-enter-hint{font-size:.7rem}.pos-catalog-pane .product-grid{max-height:210px}.pos-items-card .cart-list{max-height:none}.pos-checkout-card{position:static}.pos-items-card .cart-table{min-width:550px}}
@media(max-width:520px){.pos-page-head{gap:8px}.pos-enter-hint{max-width:130px;line-height:1.25}.pos-catalog-pane .product-grid{grid-template-columns:1fr;max-height:190px}.pos-catalog-pane .scanner-row{grid-template-columns:minmax(0,1fr) auto}.pos-scanner-actions .camera-scan-button{width:auto}.pos-checkout-card .active-cash-register.unassigned{align-items:flex-start;flex-direction:column}.pos-checkout-card .active-cash-register.unassigned small{text-align:left}}
.pos-catalog-pane{position:relative}.pos-search-results{position:absolute;z-index:20;top:60px;left:0;right:0;max-height:min(52vh,390px);overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:0 12px 30px #152b4426}.pos-search-results[hidden]{display:none}.pos-catalog-pane .pos-search-results .product-grid{display:block;grid-template-columns:none;gap:0;max-height:none;overflow:visible}.product-result-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.75rem}.product-result-table th{position:sticky;top:0;z-index:1;padding:6px 7px;background:var(--surface,var(--card));color:var(--muted);font-size:.67rem;text-align:left}.product-result-table td{padding:6px 7px;border-bottom:1px solid var(--line);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.product-result-table th:first-child,.product-result-table td:first-child{width:42%}.product-result-table th:nth-child(2),.product-result-table td:nth-child(2){width:20%;color:var(--muted);font-size:.7rem;white-space:nowrap}.product-result-table th:nth-child(3),.product-result-table td:nth-child(3){width:17%;text-align:right;white-space:nowrap}.product-result-table th:nth-child(4),.product-result-table td:nth-child(4){width:12%;text-align:right;white-space:nowrap}.product-result-table th:last-child,.product-result-table td:last-child{width:42px;text-align:center}.product-result-row{cursor:pointer}.product-result-row:hover,.product-result-row.keyboard-selected{background:color-mix(in srgb,var(--primary) 9%,var(--card))}.product-result-title,.product-result-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-result-title{font-size:.76rem}.product-result-meta{margin-top:2px;color:var(--muted);font-size:.65rem}.product-result-price{font-weight:700;color:var(--ink)}.product-result-row .low{color:var(--danger);font-weight:700}.product-result-action{min-width:27px;min-height:26px;padding:2px 7px;border-radius:6px;font-size:.9rem;line-height:1}
@media(max-width:520px){.pos-search-results{top:58px;max-height:45vh}.product-result-table{font-size:.7rem}.product-result-table th,.product-result-table td{padding:5px 4px}.product-result-table th:nth-child(2),.product-result-table td:nth-child(2){display:none}.product-result-table th:first-child,.product-result-table td:first-child{width:auto}.product-result-table th:nth-child(3),.product-result-table td:nth-child(3){width:23%}.product-result-table th:nth-child(4),.product-result-table td:nth-child(4){width:17%}.product-result-table th:last-child,.product-result-table td:last-child{width:34px}}

/* Cabecera de venta: bloques alineados, lookup claro y jerarquía visual de factura. */
.pos-invoice-header{position:relative;isolation:isolate;margin:0 0 14px;padding:15px 17px;border-color:color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:15px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--primary) 2.5%,var(--card)));box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 6%,transparent);animation:posInvoiceEnter .42s cubic-bezier(.2,.75,.25,1) both}
.pos-invoice-header:before{position:absolute;z-index:0;top:0;left:0;right:0;height:3px;content:"";background:linear-gradient(90deg,var(--primary),var(--accent),#35c8aa,var(--primary));background-size:220% 100%;animation:posInvoiceAccent 6s ease-in-out infinite alternate}
.pos-invoice-meta{position:relative;display:grid;grid-template-columns:minmax(210px,1.55fr) minmax(130px,.85fr) minmax(145px,1fr) minmax(145px,.95fr);gap:10px;align-items:stretch;padding:1px 0 13px;border-bottom:1px solid var(--line)}.pos-invoice-meta:not(:has(.active-cash-register)){grid-template-columns:minmax(230px,1.7fr) repeat(2,minmax(150px,1fr))}
.pos-invoice-brand,.pos-invoice-meta>div:not(.pos-invoice-brand){display:grid;min-width:0;min-height:54px;align-content:center;gap:4px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--card) 76%,var(--paper));animation:posInvoiceItem .36s both}.pos-invoice-brand{border-color:transparent;background:linear-gradient(115deg,var(--primary-soft),color-mix(in srgb,var(--accent) 9%,var(--card)));animation-delay:.04s}.pos-invoice-meta>div:nth-child(2){animation-delay:.08s}.pos-invoice-meta>div:nth-child(3){animation-delay:.12s}.pos-invoice-meta>.active-cash-register{animation-delay:.16s}
.pos-invoice-brand b{overflow:hidden;font-size:1.02rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.pos-invoice-brand span{color:var(--primary);font-size:.66rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.pos-invoice-meta small{color:var(--muted);font-size:.66rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.pos-invoice-meta>div:not(.pos-invoice-brand) b{overflow:hidden;font-size:.8rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.pos-invoice-meta>.active-cash-register{display:grid;min-height:54px;align-content:center;gap:4px;margin:0;padding:8px 11px;border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--card)),var(--card));color:var(--ink)}.pos-invoice-meta>.active-cash-register span{color:var(--primary);font-size:.66rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.pos-invoice-meta>.active-cash-register b{font-size:.8rem}.pos-invoice-meta>.active-cash-register.unassigned{justify-content:initial}.pos-invoice-meta>.active-cash-register.unassigned small{font-size:.64rem;letter-spacing:0;text-align:left;text-transform:none}
.pos-invoice-header-fields{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(180px,1fr) minmax(120px,.62fr) minmax(120px,.62fr);gap:13px;align-items:start;padding-top:13px}.pos-invoice-header-fields>.field{display:grid;min-width:0;align-content:start;gap:6px;margin:0;animation:posInvoiceItem .38s both}.pos-invoice-header-fields>.field:nth-child(1){animation-delay:.1s}.pos-invoice-header-fields>.field:nth-child(2){animation-delay:.16s}.pos-invoice-header-fields>.field:nth-child(3){animation-delay:.22s}.pos-invoice-header-fields>.field:nth-child(4){animation-delay:.28s}
.pos-invoice-header-fields>.field>label,.pos-invoice-header-fields .pos-disclosure>summary{display:flex;min-height:17px;align-items:center;margin:0;color:var(--text-2);font-size:.71rem;font-weight:850;letter-spacing:.025em}.pos-invoice-header-fields>.field input,.pos-invoice-header-fields>.field select{width:100%;min-width:0;min-height:41px;padding:9px 11px;border:1px solid var(--line-2);border-radius:10px;background:var(--card);font-size:.82rem;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}.pos-invoice-header-fields>.field input:focus,.pos-invoice-header-fields>.field select:focus{transform:translateY(-1px);border-color:var(--primary);background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.pos-invoice-header-fields .field:has(#sale-customer) .button-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;align-items:center;margin:0}.pos-invoice-header-fields .field:has(#sale-customer) .button-row .btn{min-height:29px;padding:4px 6px;border-radius:8px}.pos-invoice-header-fields .field:has(#sale-customer) .button-row .muted{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}.pos-invoice-header-fields .field:has(#sale-customer) select{background:color-mix(in srgb,var(--primary) 3%,var(--card))}

.pos-layout.pos-invoice-layout{display:block}.pos-invoice-layout>.pos-catalog-pane{min-width:0}.pos-invoice-layout .pos-items-card{margin-top:10px}.pos-invoice-layout .pos-items-card .cart-list{max-height:none}
.pos-invoice-footer{display:grid;width:min(100%,440px);gap:9px;margin:14px 0 28px auto;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 5px 16px color-mix(in srgb,var(--ink) 5%,transparent);animation:posInvoiceItem .32s .08s both}.pos-invoice-footer #cart-total{padding:0;border:0;background:transparent}.pos-invoice-footer #cart-total .total-row.grand{justify-content:space-between;margin:0;padding:4px 0 10px;border-top:0;border-bottom:1px solid var(--line);font-size:1.38rem}.pos-invoice-footer .cash-payment-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,auto);gap:10px;align-items:end;margin:0;padding:3px 0 0;border:0;background:transparent}.pos-invoice-footer .cash-payment-panel .field{min-width:0;margin:0}.pos-invoice-footer .cash-payment-panel .field label{font-size:.74rem}.pos-invoice-footer .cash-payment-panel .field input{min-height:40px;padding:8px 10px;font-size:.88rem}.pos-invoice-footer .cash-change{min-height:40px;padding:8px 10px;border-radius:8px}.pos-invoice-footer .cash-change span{font-size:.72rem}.pos-invoice-footer .cash-change strong{font-size:.92rem}.pos-invoice-footer .pos-checkout-actions{padding:0}.pos-invoice-footer .pos-checkout-actions .btn{min-height:42px;border-radius:9px;font-size:.86rem;box-shadow:none;transition:transform .18s,box-shadow .18s,filter .18s}.pos-invoice-footer .pos-checkout-actions .btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 20%,transparent)}
.pos-invoice-footer>.field{display:grid;gap:3px;margin:0}.pos-invoice-footer>.field>label{color:var(--muted);font-size:.67rem;font-weight:800}.pos-invoice-footer>.field select{width:100%;min-height:34px;padding:6px 8px;border-radius:8px;font-size:.76rem;background:var(--paper)}.pos-invoice-header-fields{grid-template-columns:1fr}.pos-invoice-header-fields>.field:first-child{grid-column:auto}
.pos-invoice-footer .account-payment-panel>.muted{grid-column:1/-1;line-height:1.35}.pos-invoice-footer .account-payment-panel .account-balance{background:color-mix(in srgb,var(--primary) 9%,var(--card));color:var(--primary)}
.pos-invoice-footer .account-sale-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pos-invoice-footer .account-sale-summary span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.pos-invoice-footer .account-sale-summary small{color:var(--muted);font-size:.68rem}.pos-invoice-footer .account-sale-summary b{font-size:.8rem}
@keyframes posInvoiceEnter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes posInvoiceItem{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes posInvoiceAccent{from{background-position:0 0}to{background-position:100% 0}}
@media(max-width:1000px){.pos-invoice-meta,.pos-invoice-meta:not(:has(.active-cash-register)){grid-template-columns:repeat(2,minmax(0,1fr))}.pos-invoice-header-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-invoice-header-fields>.field:first-child{grid-column:1/-1}}
@media(max-width:600px){.pos-invoice-header{padding:13px 11px}.pos-invoice-meta,.pos-invoice-meta:not(:has(.active-cash-register)){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pos-invoice-brand{grid-column:1/-1}.pos-invoice-meta>div:not(.pos-invoice-brand),.pos-invoice-meta>.active-cash-register{min-height:49px;padding:7px 9px}.pos-invoice-header-fields{grid-template-columns:1fr;gap:10px;padding-top:11px}.pos-invoice-header-fields>.field:first-child{grid-column:auto}.pos-invoice-footer{width:100%;padding:11px}.pos-invoice-footer .cash-payment-panel{grid-template-columns:minmax(0,1fr) minmax(105px,auto);gap:7px}.pos-invoice-layout .pos-items-card .cart-table{min-width:550px}}
@media(prefers-reduced-motion:reduce){.pos-invoice-header,.pos-invoice-header:before,.pos-invoice-meta>div,.pos-invoice-header-fields>.field,.pos-invoice-footer{animation:none!important}.pos-invoice-header-fields>.field input,.pos-invoice-header-fields>.field select,.pos-invoice-footer .pos-checkout-actions .btn{transition:none!important}}

/* Venta móvil compacta: cliente visible, sin paginador ni ayudas obvias. */
.pos-page-head .context-help-icon,.pos-invoice-header .context-help-icon{display:none!important}
.pos-invoice-header .remote-select-pages{display:none!important}
@media(max-width:600px){.pos-page-head{margin-bottom:4px}.pos-page-head p{margin-top:1px}.pos-shortcuts{margin-bottom:7px}.pos-invoice-header{margin-bottom:8px;padding:9px 10px;border-radius:11px}.pos-invoice-header-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:0}.pos-invoice-header-fields>.field:first-child{grid-column:1/-1}.pos-invoice-header-fields>.field{gap:3px}.pos-invoice-header-fields>.field>label{min-height:14px;font-size:.66rem}.pos-invoice-header-fields>.field input,.pos-invoice-header-fields>.field select,.pos-invoice-header-fields .remote-select>input{min-height:35px;padding:6px 8px;border-radius:8px;font-size:.78rem}.pos-invoice-header-fields .remote-select{gap:0}.pos-catalog-pane .scanner .search-box{min-height:38px;padding-top:7px;padding-bottom:7px}.pos-scanner-actions .btn{min-height:36px}.pos-items-card{margin-top:7px}.pos-items-card .card-head{min-height:38px;padding:7px 10px}.pos-items-card .empty{padding:13px 9px}.pos-invoice-footer{gap:6px;margin-top:8px;padding:9px 10px}.pos-invoice-footer #cart-total .total-row.grand{padding-bottom:7px;font-size:1.2rem}.pos-invoice-footer .pos-checkout-actions .btn{min-height:38px}}

body[data-access-profile="custom"] #content [data-account],
body[data-access-profile="custom"] #content [data-customer-portal],
body[data-access-profile="custom"] #content [data-edit] {display:none}

/* Los buscadores remotos se despliegan debajo del campo y por encima del comprobante. */
.remote-select .remote-select-results{z-index:130;top:calc(100% + 4px)}
.pos-invoice-header,.pos-invoice-header-fields{overflow:visible}
.pos-invoice-header:has(#sale-customer-search[aria-expanded="true"]){z-index:140}
@media(max-width:600px){.pos-catalog-pane .scanner-row{width:100%;grid-template-columns:minmax(0,1fr) auto}.pos-catalog-pane .scanner{width:100%;min-width:0}.pos-catalog-pane .scanner .search-box{box-sizing:border-box;width:100%;min-width:0}.pos-catalog-pane .pos-scanner-actions{width:auto;flex-wrap:nowrap}.pos-catalog-pane .pos-scanner-actions #reader-status{display:none}}

/* Ficha única del cliente: datos, límite, portal y movimientos. */
.customer-table th:first-child,.customer-table td:first-child{width:64px}.customer-table .customer-name-link{font-weight:850}.customer-profile-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 13%,var(--line));border-radius:10px;background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--primary) 3%,var(--card)));animation:customerProfileIn .28s ease both}.customer-profile-head h3{margin:2px 0;font-size:1.02rem}.customer-profile-head p{margin:0;color:var(--muted);font-size:.72rem;text-transform:capitalize}.customer-profile-balance{display:grid;min-width:145px;text-align:right}.customer-profile-balance span,.customer-profile-balance small{color:var(--muted);font-size:.65rem}.customer-profile-balance b{font-size:1.06rem}.customer-profile-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.customer-profile-actions .btn{min-height:33px;padding:6px 9px;border-radius:8px;font-size:.73rem;transition:transform .16s,box-shadow .16s}.customer-profile-actions .btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px color-mix(in srgb,var(--primary) 14%,transparent)}.customer-profile-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:9px}.customer-profile-data>div{display:grid;gap:1px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);animation:customerProfileIn .3s ease both}.customer-profile-data span{color:var(--muted);font-size:.62rem}.customer-profile-data b{overflow:hidden;font-size:.73rem;text-overflow:ellipsis;white-space:nowrap}.customer-movements-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 6px}.customer-movements-head h4{margin:0;font-size:.84rem}.customer-profile-pages{justify-content:center;margin-top:7px}dialog:has(.customer-profile-head){width:min(860px,calc(100vw - 20px))}dialog:has(.customer-profile-head) .modal-body{padding:12px}dialog:has(.customer-profile-head) .modal-foot{padding:8px 12px}dialog:has(.customer-profile-head) tbody tr{transition:background .15s,transform .15s}dialog:has(.customer-profile-head) tbody tr:hover{background:color-mix(in srgb,var(--primary) 6%,var(--card))}@keyframes customerProfileIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.customer-statement-filter{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto auto;gap:6px;align-items:end;margin:0 0 9px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--paper);animation:customerProfileIn .34s ease both}.customer-statement-filter .field{gap:2px;margin:0}.customer-statement-filter label{font-size:.64rem}.customer-statement-filter input{min-height:33px;padding:5px 7px;border-radius:7px}.customer-statement-filter .btn{min-height:33px;padding:6px 9px;border-radius:7px;font-size:.71rem;white-space:nowrap}
@media(max-width:600px){.customer-table{min-width:650px}.customer-profile-head{align-items:flex-start;padding:8px 9px}.customer-profile-balance{min-width:105px}.customer-profile-data{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-actions .btn{flex:1 1 auto}.customer-statement-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-statement-filter .btn{width:100%}.customer-movements-head{align-items:flex-start;flex-direction:column;gap:2px}dialog:has(.customer-profile-head) .modal-head{padding:10px 12px}dialog:has(.customer-profile-head) .modal-body{padding:8px}}
@media(prefers-reduced-motion:reduce){.customer-profile-head,.customer-profile-data>div,.customer-statement-filter{animation:none}.customer-profile-actions .btn,dialog:has(.customer-profile-head) tbody tr{transition:none}}
.pos-invoice-header-fields{position:relative;z-index:20}
.pos-invoice-header-fields>.field:has(#sale-customer){position:relative;z-index:25}
.pos-invoice-header.pos-sale-fields-only{padding:12px 14px}.pos-sale-fields-only .pos-invoice-header-fields{padding-top:0}.pos-sale-fields-only:before{height:2px}
body[data-access-profile="custom"][data-current-view="customers"] #content th:nth-child(n+4),
body[data-access-profile="custom"][data-current-view="customers"] #content td:nth-child(n+4),
body[data-access-profile="custom"][data-current-view="suppliers"] #content th:nth-child(5),
body[data-access-profile="custom"][data-current-view="suppliers"] #content td:nth-child(5),
body[data-access-profile="custom"][data-current-view="suppliers"] #content th:last-child,
body[data-access-profile="custom"][data-current-view="suppliers"] #content td:last-child {display:none}

/* Clientes: diseño sobrio, compacto y con estados claros. */
.customer-directory-card{background:var(--card);border:1px solid var(--line);box-shadow:none}
.customer-directory-card .customer-table{min-width:860px}
.customer-directory-card .customer-table th{background:var(--paper);border-bottom:1px solid var(--line)}
.customer-directory-card tbody tr{animation:none;transition:background .12s ease}
.customer-directory-card tbody tr:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--primary) 4%,var(--card))}
.customer-directory-card tbody tr:hover td:first-child{box-shadow:none}
.customer-public-id{font-variant-numeric:tabular-nums;color:var(--ink)!important;font-weight:800!important}
.customer-sort-button{border-radius:4px;transition:color .12s ease,background .12s ease}
.customer-sort-button i{width:16px;height:16px;border-radius:3px;background:transparent;color:var(--muted);transition:none}
.customer-sort-button:hover,.customer-sort-button.is-active{color:var(--primary);background:transparent;box-shadow:none}
.customer-sort-button:hover i,.customer-sort-button.is-active i{transform:none;background:transparent;color:var(--primary)}
.customer-status{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:750;color:var(--muted)}
.customer-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#6f7c87}
.customer-status.is-active{color:#23704d}.customer-status.is-active:before{background:#2e8b61}
.customer-status.is-suspended{color:#9a433b}.customer-status.is-suspended:before{background:#b8554b}
.customer-profile-head{border-color:var(--line);border-radius:8px;background:var(--card);animation:none}
.customer-profile-head.is-suspended{border-left:3px solid #b8554b}
.customer-profile-data>div,.customer-statement-filter{animation:none}
.customer-profile-actions .btn{transition:background .12s ease,border-color .12s ease,color .12s ease}
.customer-profile-actions .btn:hover{transform:none;box-shadow:none}
.customer-suspended-notice{margin:8px 0;padding:8px 10px;border-left:3px solid #b8554b;border-radius:4px;background:color-mix(in srgb,#b8554b 7%,var(--card));color:var(--ink);font-size:.78rem}
.remote-select-option.is-inactive{color:var(--muted);text-decoration:none;background:color-mix(in srgb,#b8554b 5%,var(--card))}

/* Ficha del cliente: movimiento corto y controles con apariencia consistente. */
.customer-directory-card .customer-table{min-width:760px}
dialog:has(.customer-profile-head) .modal-body{animation:customerCardOpen .2s ease-out both}
.customer-profile-actions .btn,.customer-profile-actions a.btn{text-decoration:none!important;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}
.customer-profile-actions .btn:visited,.customer-profile-actions .btn:hover,.customer-profile-actions .btn:focus,.customer-profile-actions .btn:active{text-decoration:none!important}
.customer-profile-actions .btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(8,39,70,.12)}
.customer-profile-actions .btn:active{transform:translateY(0) scale(.98);box-shadow:none}
.customer-profile-data>div{transition:border-color .14s ease,background-color .14s ease}
.customer-profile-data>div:hover{border-color:color-mix(in srgb,var(--primary) 25%,var(--line));background:color-mix(in srgb,var(--primary) 2%,var(--card))}
@keyframes customerCardOpen{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){dialog:has(.customer-profile-head) .modal-body{animation:none}.customer-profile-actions .btn,.customer-profile-actions a.btn,.customer-profile-data>div{transition:none}}

/* Directorios operativos: mismo lenguaje visual para clientes, productos, compras y proveedores. */
.directory-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:10px;margin:0 0 9px}
.directory-toolbar .search-box{width:100%;height:36px;min-height:36px;border-radius:7px;background:var(--card);font-size:.76rem;box-shadow:none}
.directory-count{color:var(--muted);font-size:.7rem;font-weight:700;white-space:nowrap}
.directory-list-card,body[data-current-view="customers"] .compact-list-card,body[data-current-view="purchases"] .compact-list-card,body[data-current-view="suppliers"] .compact-list-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:0 3px 12px rgba(8,39,70,.05)}
.directory-list-card .table-wrap,body[data-current-view="customers"] .compact-list-card .table-wrap,body[data-current-view="purchases"] .compact-list-card .table-wrap,body[data-current-view="suppliers"] .compact-list-card .table-wrap{overflow:auto;scrollbar-width:thin}
.directory-list-card .table,body[data-current-view="customers"] .compact-list-card .table,body[data-current-view="purchases"] .compact-list-card .table,body[data-current-view="suppliers"] .compact-list-card .table{margin:0;font-size:.73rem;border-collapse:separate;border-spacing:0}
.directory-list-card .table thead th,body[data-current-view="customers"] .compact-list-card thead th,body[data-current-view="purchases"] .compact-list-card thead th,body[data-current-view="suppliers"] .compact-list-card thead th{height:34px;padding:6px 9px;border-bottom:1px solid var(--line);background:#f2f3f1;color:#59636d;font-size:.62rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}
[data-theme="dark"] .directory-list-card .table thead th,[data-theme="dark"] body[data-current-view="customers"] .compact-list-card thead th,[data-theme="dark"] body[data-current-view="purchases"] .compact-list-card thead th,[data-theme="dark"] body[data-current-view="suppliers"] .compact-list-card thead th{background:color-mix(in srgb,var(--paper) 88%,#fff)}
.directory-list-card .table tbody td,body[data-current-view="customers"] .compact-list-card tbody td,body[data-current-view="purchases"] .compact-list-card tbody td,body[data-current-view="suppliers"] .compact-list-card tbody td{height:39px;padding:6px 9px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);vertical-align:middle}
.directory-list-card .table tbody tr:nth-child(even),body[data-current-view="customers"] .compact-list-card tbody tr:nth-child(even),body[data-current-view="purchases"] .compact-list-card tbody tr:nth-child(even),body[data-current-view="suppliers"] .compact-list-card tbody tr:nth-child(even){background:color-mix(in srgb,var(--paper) 58%,var(--card))}
.directory-list-card .table tbody tr:last-child td,body[data-current-view="customers"] .compact-list-card tbody tr:last-child td,body[data-current-view="purchases"] .compact-list-card tbody tr:last-child td,body[data-current-view="suppliers"] .compact-list-card tbody tr:last-child td{border-bottom:0}
.directory-list-card .table tbody tr,body[data-current-view="customers"] .compact-list-card tbody tr,body[data-current-view="purchases"] .compact-list-card tbody tr,body[data-current-view="suppliers"] .compact-list-card tbody tr{transition:background-color .12s ease}
.directory-list-card .table tbody tr:hover,body[data-current-view="customers"] .compact-list-card tbody tr:hover,body[data-current-view="purchases"] .compact-list-card tbody tr:hover,body[data-current-view="suppliers"] .compact-list-card tbody tr:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--primary) 4%,var(--card))}
.directory-list-card .pill,body[data-current-view="customers"] .compact-list-card .pill,body[data-current-view="purchases"] .compact-list-card .pill,body[data-current-view="suppliers"] .compact-list-card .pill{padding:3px 7px;border:1px solid currentColor;border-radius:999px;background:transparent;font-size:.61rem;font-weight:800;letter-spacing:.025em}
.directory-pagination{justify-content:center;gap:5px;padding:9px 10px}
.directory-pagination .btn{width:30px;height:30px;min-height:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--card);font-size:.72rem;box-shadow:0 2px 6px rgba(8,39,70,.05)}
.directory-pagination .page-number.is-current{border-color:var(--primary);background:var(--primary);color:#fff}
.directory-pagination .btn:disabled{opacity:.38;box-shadow:none}
body[data-current-view="products"] #catalog-table-pages{justify-content:center;margin:0;padding:9px 10px}
@media(max-width:700px){.directory-toolbar{grid-template-columns:1fr}.directory-count{padding-left:2px}.directory-list-card,body[data-current-view="customers"] .compact-list-card,body[data-current-view="purchases"] .compact-list-card,body[data-current-view="suppliers"] .compact-list-card{border-radius:7px}.directory-list-card .table tbody td,body[data-current-view="customers"] .compact-list-card tbody td,body[data-current-view="purchases"] .compact-list-card tbody td,body[data-current-view="suppliers"] .compact-list-card tbody td{height:37px}}
@media(prefers-reduced-motion:reduce){.directory-list-card .table tbody tr,body[data-current-view="customers"] .compact-list-card tbody tr,body[data-current-view="purchases"] .compact-list-card tbody tr,body[data-current-view="suppliers"] .compact-list-card tbody tr{transition:none}}

/* Caja: primero lo cotidiano; los desgloses quedan disponibles al expandirlos. */
.cash-page{max-width:1080px;margin:0 auto}
.cash-page-head{align-items:center;margin-bottom:12px}.cash-page-head h2{font-size:1.5rem}.cash-page-head p{font-size:.78rem;margin-top:2px}.cash-page-head .btn{padding:8px 11px;font-size:.78rem}
.cash-filterbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px;padding:9px 12px;overflow:visible}
.cash-filterbar .report-periods{margin:0;gap:5px}.cash-filterbar .report-periods .btn{padding:6px 10px;font-size:.75rem}
.cash-filterbar #cash-refresh{margin-left:auto;padding:7px 10px;font-size:.75rem}
.cash-date-picker{color:var(--muted);font-size:.77rem}.cash-date-picker summary{cursor:pointer;list-style:none;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-weight:750}.cash-date-picker summary::-webkit-details-marker{display:none}.cash-date-picker summary:after{content:' ▾';color:var(--primary)}.cash-date-picker[open]{flex-basis:100%}.cash-date-picker[open] summary{display:inline-block}.cash-date-picker .filters{padding:10px 0 2px}.cash-date-picker .field{min-width:145px;gap:3px}.cash-date-picker .field label{font-size:.7rem}.cash-date-picker .field input{padding:6px 8px;border-radius:8px;font-size:.77rem}
.cash-page #cash-report .report-scope{margin:0 0 8px;padding:7px 10px;border-radius:8px;font-size:.78rem}.cash-page #cash-report .report-scope span{font-size:.73rem}
.cash-page #cash-report .report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.cash-page #cash-report .metric{min-height:75px;padding:10px 12px;border-radius:10px}.cash-page #cash-report .metric-label{font-size:.71rem}.cash-page #cash-report .metric-value{margin-top:2px;font-size:1.2rem}.cash-page #cash-report .metric-note{font-size:.68rem;line-height:1.2}
.cash-session-preview{margin:10px 0 12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fafafe}
.cash-close-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:8px 0}.cash-close-totals>div{display:grid;align-content:start;gap:2px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.cash-close-totals span{font-size:.7rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.cash-close-totals strong{overflow:hidden;font-size:1.15rem;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.cash-close-totals small{font-size:.68rem;color:var(--muted)}
.cash-close-payments{margin:8px 0 12px;border:1px solid var(--line);border-radius:10px}.cash-close-payments .table{margin:0}.cash-close-payments th,.cash-close-payments td{padding:8px 10px;font-size:.76rem}.cash-close-payments td small{display:block;margin-top:2px;font-size:.65rem;color:var(--danger)}
.cash-close-count{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--paper);font-size:.78rem}.cash-close-result .success-text{color:var(--accent)}
.cash-details{margin:0 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.cash-details>summary{cursor:pointer;padding:10px 12px;color:var(--primary);font-size:.8rem;font-weight:800}.cash-details[open]>summary{border-bottom:1px solid var(--line)}.cash-details .report-table{margin:8px;box-shadow:none}.cash-details .card-head{padding:9px 11px}.cash-details .card-head h3{font-size:.83rem}.cash-details .table th,.cash-details .table td{padding:7px 10px;font-size:.75rem}
.cash-movements-card{margin-bottom:12px}.cash-movements-card .card-head{padding:11px 13px}.cash-movements-card .card-head h3{font-size:.9rem}.cash-movements-card .table-wrap{max-height:330px;overflow:auto}.cash-movements-card .table th,.cash-movements-card .table td{padding:7px 10px;font-size:.76rem}.cash-movements-card .pill{padding:3px 7px;font-size:.66rem}

/* Catálogo: diez filas compactas por página, con búsqueda siempre visible. */
body[data-current-view="products"] #content{max-width:1200px}
body[data-current-view="products"] .page-head{margin-bottom:12px}body[data-current-view="products"] .page-head h2{font-size:1.48rem}body[data-current-view="products"] .page-head p{font-size:.78rem}
body[data-current-view="products"] .page-head .btn{padding:7px 10px;font-size:.76rem}body[data-current-view="products"] .toolbar{margin-bottom:9px}body[data-current-view="products"] .toolbar .search-box{max-width:370px;padding:8px 10px;border-radius:9px;font-size:.8rem}
body[data-current-view="products"] .table{font-size:.78rem}body[data-current-view="products"] .table th{padding:7px 9px;font-size:.67rem}body[data-current-view="products"] .table td{padding:6px 9px;line-height:1.25}body[data-current-view="products"] #products-body td:first-child b,body[data-current-view="products"] #products-body td:first-child .small{display:block;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-current-view="products"] #products-body .small{font-size:.68rem}body[data-current-view="products"] #products-body .pill{padding:3px 6px;font-size:.65rem}body[data-current-view="products"] #products-body .btn-sm{padding:5px 8px;font-size:.7rem}body[data-current-view="products"] #catalog-table-pages{padding:7px 10px;gap:5px}body[data-current-view="products"] #catalog-table-pages .btn{padding:5px 8px;font-size:.72rem}
@media(max-width:760px){.cash-page-head{align-items:flex-start}.cash-filterbar #cash-refresh{margin-left:0}.cash-page #cash-report .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-page #cash-report .metric:last-child{grid-column:1/-1}.cash-close-totals{grid-template-columns:1fr}.cash-close-count{display:grid}body[data-current-view="products"] #content{padding-top:16px}body[data-current-view="products"] .page-head .button-row{gap:6px}}

/* Catálogo: el nombre abre la edición, sin una columna de acciones. */
body[data-current-view="products"] #products-body .product-name-link{display:block;max-width:270px;overflow:hidden;padding:0;border:0;background:none;color:var(--primary);font-family:inherit;font-size:.78rem;font-weight:800;line-height:1.25;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
body[data-current-view="products"] #products-body .product-name-link:hover{text-decoration:underline}
body[data-current-view="products"] #products-body .product-name-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:3px}
.product-label-button{min-width:78px;white-space:nowrap}.barcode-print-options{display:grid;grid-template-columns:minmax(130px,180px) 1fr;align-items:end;gap:12px;margin-bottom:14px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.barcode-print-options .field{margin:0}.barcode-print-options p{margin:0 0 7px}.label-dimensions{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin:0;padding:0;border:0}.label-dimensions legend{grid-column:1/-1;margin-bottom:4px;font-size:.72rem;font-weight:700}.label-dimensions label{display:grid;gap:3px;font-size:.66rem;color:var(--muted)}.label-dimensions>span{padding-bottom:9px}.barcode-label-sheet{display:grid;gap:8px}.barcode-label-copy{display:grid;gap:2px;padding:7px 8px;border:1px dashed #9ca3af;background:#fff;color:#111;text-align:center;break-inside:avoid;page-break-inside:avoid}.barcode-label-copy>b{overflow:hidden;font-size:.82rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.barcode-label-copy svg{display:block;max-height:92px}.barcode-label-copy small{font-size:.65rem}
.product-label-after-save{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:.72rem}.product-label-after-save>.field{display:grid;grid-template-columns:auto 78px;align-items:center;gap:6px;margin:0}.product-label-after-save>.field label{margin:0}.product-label-after-save input[type=number]{height:31px;min-height:31px}.barcode-label-settings .directory-toolbar{margin-bottom:8px}.barcode-label-settings .label-row-quantity{width:68px!important;min-height:30px!important;padding:4px 6px!important}.label-row-dimensions{display:grid;grid-template-columns:58px auto 58px auto;align-items:end;gap:4px;min-width:160px}.label-row-dimensions label{display:grid;gap:2px}.label-row-dimensions label span{font-size:.58rem;color:var(--muted)}.label-row-dimensions input{width:58px!important;min-height:30px!important;padding:4px 6px!important}.label-row-dimensions>b{padding-bottom:7px}.label-row-dimensions>small{padding-bottom:7px;color:var(--muted)}.barcode-label-settings td:last-child{width:78px}.barcode-label-settings .directory-pagination{justify-content:center;margin-top:8px}
.product-editor [hidden],.combo-editor [hidden]{display:none!important}
dialog:has(#product-form) .modal-foot{flex-wrap:wrap}
.product-save-error{flex:1 0 100%;margin:0;color:var(--danger);font-size:.73rem;font-weight:700;line-height:1.3}
.product-editor input.product-field-conflict{border-color:var(--danger)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 15%,transparent)!important}
.product-release-code[hidden]{display:none!important}
@media print{.barcode-print-options{display:none!important}.barcode-label-sheet{display:block!important}.barcode-label-copy{border:0;border-bottom:1px dashed #aaa;margin:0;padding:2mm 1mm;break-inside:avoid;page-break-inside:avoid}.barcode-label-copy:last-child{border-bottom:0}}
@media(max-width:760px){.barcode-print-options{grid-template-columns:1fr}.product-label-button{min-width:32px}.product-label-button{font-size:0}.product-label-button::first-letter{font-size:.8rem}}

/* Compras y proveedores: tablas operativas compactas. */
body[data-current-view="purchases"] #content,body[data-current-view="suppliers"] #content{max-width:1240px}
.compact-list-card .table-wrap{overflow:auto}.compact-data-table{font-size:.76rem}.compact-data-table th{padding:7px 9px;font-size:.66rem;letter-spacing:.035em}.compact-data-table td{padding:6px 9px;line-height:1.2}.compact-data-table .btn-sm{padding:5px 8px;font-size:.69rem}.compact-actions{gap:4px;flex-wrap:nowrap}.clickable-row{cursor:pointer}.clickable-row:hover{background:color-mix(in srgb,var(--primary) 5%,var(--card))}.table-link{padding:0;border:0;background:none;color:var(--primary);font:inherit;font-weight:850;cursor:pointer}.table-link:hover{text-decoration:underline}
.product-branch-stock{display:grid;gap:2px;margin-top:5px;color:var(--muted);font-size:.69rem;white-space:nowrap}.product-branch-stock b{color:var(--ink)}

.customer-directory-card{overflow:hidden;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--primary) 2.5%,var(--paper)))}.customer-directory-card .table-wrap{overflow:auto;scrollbar-width:thin}.customer-directory-card .customer-table{min-width:960px}.customer-directory-card .customer-table th{padding:6px 8px;background:color-mix(in srgb,var(--primary) 5%,var(--card))}.customer-sort-button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-height:27px;margin:-3px -4px;padding:3px 4px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-weight:900;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.customer-sort-button i{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:color-mix(in srgb,var(--muted) 10%,transparent);font-size:.78rem;font-style:normal;transition:transform .18s ease,background .16s ease}.customer-sort-button:hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,transparent)}.customer-sort-button:hover i{transform:translateY(-1px)}.customer-sort-button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.customer-sort-button.is-active{color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,transparent);box-shadow:inset 0 -2px 0 var(--primary)}.customer-sort-button.is-active i{color:#fff;background:linear-gradient(135deg,var(--primary),#126e95);transform:scale(1.05)}.customer-directory-card tbody tr{animation:customerDirectoryIn .24s ease both;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.customer-directory-card tbody tr:nth-child(2n){animation-delay:.015s}.customer-directory-card tbody tr:hover{position:relative;z-index:1;transform:translateY(-1px);box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 10%,transparent)}.customer-directory-card tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.customer-directory-card td:first-child{font-weight:900;color:var(--primary)}.customer-identifier{display:inline-block;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--primary) 8%,var(--card));color:var(--primary);font-size:.69rem;font-weight:800}@keyframes customerDirectoryIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.customer-directory-card tbody tr,.customer-sort-button,.customer-sort-button i{animation:none;transition:none}}
.purchase-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.purchase-detail-summary span{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.purchase-detail-summary small{color:var(--muted);font-size:.66rem;text-transform:uppercase}.purchase-detail-summary b{overflow:hidden;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.purchase-detail-totals{display:flex;justify-content:flex-end;gap:16px;margin-top:11px;padding:9px 11px;border-radius:9px;background:var(--paper);font-size:.77rem}.purchase-detail-totals b{margin-left:5px;color:var(--primary);font-size:.9rem}
@media(max-width:760px){.purchase-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-actions{flex-wrap:wrap}.purchase-detail-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}}
dialog:has(#product-form){width:min(720px,calc(100vw - 24px));max-height:94vh}
dialog:has(#product-form){overflow:hidden}dialog:has(#product-form) #modal-content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:94vh;overflow:hidden}
dialog:has(#product-form) .modal-head{position:relative;top:auto;padding:9px 14px;z-index:30}dialog:has(#product-form) .modal-head h3{font-size:.96rem}
dialog:has(#product-form) .modal-body{min-height:0;overflow-x:hidden;overflow-y:auto;padding:9px 12px;overscroll-behavior:contain}dialog:has(#product-form) .modal-foot{position:relative;bottom:auto;z-index:30;padding:8px 12px;box-shadow:0 -7px 18px color-mix(in srgb,var(--ink) 8%,transparent)}dialog:has(#product-form) .modal-foot .btn{padding:8px 12px;font-size:.78rem}
.product-editor{gap:7px;height:auto;max-height:none;overflow:visible;padding:1px 3px 10px}
.product-editor-section{padding:9px 11px;border-radius:11px;box-shadow:0 2px 9px color-mix(in srgb,var(--ink) 4%,transparent)}
.product-section-heading{gap:7px;margin-bottom:7px}.product-section-heading h3{font-size:.82rem}.product-section-heading p{font-size:.64rem}
.product-section-icon{flex-basis:25px;height:25px;border-radius:7px;font-size:.76rem}
.product-editor-section .form-grid{align-items:start;gap:7px 9px}.product-editor .field{align-content:start;align-self:start;min-width:0;gap:4px}
.product-category-supplier{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px;min-width:0}.product-category-supplier .field{margin:0}
.product-editor .product-identity{z-index:20;overflow:visible}.product-editor .product-pricing{z-index:2}.product-editor .product-stock,.product-editor .product-advanced{z-index:1}.product-category-supplier .remote-select{z-index:40}.product-category-supplier .remote-select-results{z-index:50;top:calc(100% + 4px);max-height:220px}.product-category-supplier .remote-select-pages[hidden]{display:none}
.product-editor .field>label{display:flex;min-height:0;align-items:center;overflow:hidden;font-size:.68rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.product-editor .field input:not([type=checkbox]),.product-editor .field select{box-sizing:border-box;width:100%;height:34px;min-height:34px;padding:5px 8px;border-radius:7px;font-size:.79rem;line-height:1.15}
.product-editor .field small{font-size:.61rem;line-height:1.25}.product-editor .price-preview{padding:7px 9px;border-radius:8px}.product-editor .price-preview-value{font-size:1.04rem}
.product-editor .barcode-input-row{display:flex;align-items:stretch;gap:5px}.product-editor .barcode-input-row input{height:34px;min-height:34px}.product-editor .barcode-input-row .btn{height:34px;min-height:34px;padding:4px 8px;border-radius:7px;font-size:.69rem;white-space:nowrap}.product-editor .barcode-tool-button{border:1px solid var(--line);background:var(--card);color:var(--ink)}
.product-stock-toggle{padding:6px 8px;border-radius:7px}.product-editor .product-stock-toggle>label{min-height:0;align-items:center;white-space:normal}.product-advanced{padding:0}.product-advanced-toggle{display:flex;align-items:center;gap:7px;padding:7px 10px;cursor:pointer}.product-advanced-toggle>input{flex:0 0 auto;width:16px;height:16px;margin:0}.product-advanced-toggle>span:last-child{display:grid;gap:2px}.product-advanced-toggle b{font-size:.78rem}.product-advanced-toggle small{color:var(--muted);font-size:.63rem}.product-advanced [data-advanced-fields]{padding:9px 11px;border-top:1px solid var(--line)}.product-advanced [data-advanced-fields][hidden]{display:none}
@media(max-width:760px){dialog:has(#product-form){width:calc(100vw - 10px);max-height:98vh}dialog:has(#product-form) #modal-content{max-height:98vh}.product-editor{max-height:none}dialog:has(#product-form) .modal-body{padding:7px 8px}.product-editor-section{padding:8px 9px}.product-section-heading p{display:none}.product-editor .barcode-action-label{display:none}.product-editor .barcode-input-row .btn{flex:0 0 32px;width:32px;padding:0}.product-editor .product-barcode-help{display:none}}

/* Venta y producto: filtros compactos y un solo desplazamiento vertical en el editor. */
.sales-filterbar{display:grid;gap:9px;margin-bottom:12px;padding:10px 12px}.sales-filterbar .report-periods{margin:0}.sales-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:8px}.sales-filter-grid .field{margin:0;gap:4px}.sales-filter-grid .field label{font-size:.68rem;font-weight:800}.sales-filter-grid input,.sales-filter-grid select{min-height:34px;padding:5px 8px;font-size:.78rem}.sales-filter-grid .btn{min-height:34px;padding:6px 10px;white-space:nowrap}
@media(max-width:760px){.sales-filter-grid{grid-template-columns:1fr 1fr}.sales-filter-grid .field:last-of-type,.sales-filter-grid .btn{grid-column:1/-1}}

/* Editor de combos: la misma estructura compacta y estable que el producto. */
.combo-editor .product-label-after-save[hidden],.combo-editor #print-combo-barcode[hidden],.combo-editor #combo-profit-field[hidden]{display:none}
dialog:has(#combo-form){width:min(720px,calc(100vw - 24px));max-height:94vh;overflow:hidden}dialog:has(#combo-form) #modal-content{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:94vh;overflow:hidden}dialog:has(#combo-form) .modal-head{position:relative;top:auto;padding:9px 14px;z-index:30}dialog:has(#combo-form) .modal-head h3{font-size:.96rem}dialog:has(#combo-form) .modal-body{min-height:0;overflow-x:hidden;overflow-y:auto;padding:9px 12px;overscroll-behavior:contain}dialog:has(#combo-form) .modal-foot{position:relative;z-index:30;padding:8px 12px;box-shadow:0 -7px 18px color-mix(in srgb,var(--ink) 8%,transparent)}dialog:has(#combo-form) .modal-foot .btn{padding:8px 12px;font-size:.78rem}
.combo-editor{gap:7px;height:auto;max-height:none;overflow:visible;padding:1px 3px 10px}.combo-editor .product-editor-section{padding:9px 11px;border-radius:11px;box-shadow:0 2px 9px color-mix(in srgb,var(--ink) 4%,transparent)}.combo-editor .product-section-heading{gap:7px;margin-bottom:7px}.combo-editor .product-section-heading h3{font-size:.82rem}.combo-editor .product-section-heading p{font-size:.64rem}.combo-editor .product-section-icon{flex-basis:25px;height:25px;border-radius:7px;font-size:.76rem}.combo-editor .product-section-heading .btn{margin-left:auto;padding:5px 8px;font-size:.7rem}.combo-editor .form-grid{align-items:start;gap:7px 9px}.combo-editor .field{align-content:start;align-self:start;min-width:0;gap:4px}.combo-editor .field>label{display:flex;min-height:0;align-items:center;overflow:hidden;font-size:.68rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.combo-editor .field input:not([type=checkbox]),.combo-editor .field select{box-sizing:border-box;width:100%;height:34px;min-height:34px;padding:5px 8px;border-radius:7px;font-size:.79rem;line-height:1.15}.combo-editor .barcode-input-row{display:flex;align-items:stretch;gap:5px}.combo-editor .barcode-input-row input{height:34px;min-height:34px}.combo-editor .barcode-input-row .btn{height:34px;min-height:34px;padding:4px 8px;border-radius:7px;font-size:.69rem;white-space:nowrap}.combo-editor .barcode-tool-button{border:1px solid var(--line);background:var(--card);color:var(--ink)}.combo-editor .combo-components{padding-bottom:8px}.combo-editor .combo-item-row{grid-template-columns:minmax(150px,2fr) 82px minmax(90px,.7fr) 30px;gap:7px;padding:7px 0}.combo-editor .combo-item-row .field{margin:0}.combo-editor .combo-item-row .btn-danger{width:30px;height:34px;padding:0}.combo-editor .combo-item-info{padding:0 0 9px;font-size:.67rem}.combo-editor .product-advanced{padding:0}.combo-editor .product-advanced-toggle{display:flex;align-items:center;gap:7px;padding:7px 10px;cursor:pointer}.combo-editor .product-advanced-toggle>input{flex:0 0 auto;width:16px;height:16px;margin:0}.combo-editor .product-advanced-toggle>span:last-child{display:grid;gap:2px}.combo-editor .product-advanced-toggle b{font-size:.78rem}.combo-editor .product-advanced-toggle small{color:var(--muted);font-size:.63rem}.combo-editor [data-combo-advanced-fields]{padding:9px 11px;border-top:1px solid var(--line)}.combo-editor [data-combo-advanced-fields][hidden]{display:none}
@media(max-width:760px){dialog:has(#combo-form){width:calc(100vw - 10px);max-height:98vh}dialog:has(#combo-form) #modal-content{max-height:98vh}dialog:has(#combo-form) .modal-body{padding:7px 8px}.combo-editor .product-editor-section{padding:8px 9px}.combo-editor .product-section-heading p{display:none}.combo-editor .barcode-action-label{display:none}.combo-editor .barcode-input-row .btn{flex:0 0 32px;width:32px;padding:0}.combo-editor .product-barcode-help{display:none}.combo-editor .combo-item-row{grid-template-columns:minmax(0,1fr) 70px 30px}.combo-editor .combo-item-info{display:none}.combo-editor .combo-item-row .field:first-child{grid-column:1/-1}}

/* Configuración: paneles compactos y controles alineados de forma uniforme. */
.settings-workspace{grid-template-columns:210px minmax(0,1fr);gap:14px}.settings-workspace>form{min-width:0}
.settings-subnav{gap:5px;padding:8px;border-radius:12px}
.settings-subnav-button{grid-template-columns:25px minmax(0,1fr);gap:1px 7px;padding:8px 9px;border-radius:9px}
.settings-subnav-button>span{font-size:1rem}.settings-subnav-button>b{font-size:.77rem}.settings-subnav-button>small{font-size:.64rem;line-height:1.2}
.settings-panels,.settings-panel{min-width:0}.settings-panel{gap:12px;align-content:start}
.settings-panel>.card-pad{padding:14px;border-radius:12px}
.settings-panel>.card-pad>h3{margin:0 0 10px;font-size:.98rem}
.settings-panel>.card:not(.card-pad)>.card-head{min-height:42px;padding:9px 12px}
.settings-panel>.card:not(.card-pad)>.card-head h3{font-size:.88rem}
.settings-panel .page-head{align-items:center;margin:0 0 10px;gap:10px}
.settings-panel .page-head h3{margin:0 0 3px;font-size:.96rem}.settings-panel .page-head p{margin:0;font-size:.72rem;line-height:1.35}
.settings-panel .form-grid{align-items:start;gap:9px 12px}
.settings-panel .field{align-content:start;align-self:start;min-width:0;gap:4px;margin:0}
.settings-panel .field>label{display:flex;min-height:2.25em;align-items:flex-end;font-size:.73rem;line-height:1.15}
.settings-panel .field:has(>label>input[type=checkbox])>label{min-height:0;align-items:center}
.settings-panel .field input:not([type=checkbox]),.settings-panel .field select,.settings-panel .field textarea{box-sizing:border-box;width:100%;min-width:0;min-height:36px;padding:6px 9px;border-radius:8px;font-size:.8rem;line-height:1.25}
.settings-panel .field textarea{min-height:72px;resize:vertical}
.settings-panel .field small,.settings-panel .small{font-size:.68rem;line-height:1.3}
.settings-panel .button-row{gap:6px}.settings-panel .btn{min-height:34px;padding:7px 10px;border-radius:8px;font-size:.74rem}
.settings-panel .table th,.settings-panel .table td{padding:7px 9px;font-size:.72rem;line-height:1.25}.settings-panel .table th{font-size:.65rem}
.settings-panel .pricing-rule-list{gap:12px}.settings-panel .pricing-rule-list h4{margin:0 0 6px;font-size:.78rem}.settings-panel .pricing-rule-table{max-height:220px}
.settings-panel .integration-head{align-items:center;gap:12px;margin-bottom:12px}.settings-panel .integration-head h3{margin:3px 0;font-size:.98rem}.settings-panel .integration-head p{font-size:.72rem;line-height:1.35}.settings-panel .eyebrow{font-size:9px}
.settings-panel .arca-status{gap:7px;margin:10px 0}.settings-panel .arca-status>div{padding:8px 10px;border-radius:9px}.settings-panel .arca-status span{margin-bottom:2px;font-size:9px}.settings-panel .arca-status b{font-size:.75rem}
.settings-panel .certificate-box{gap:9px;padding:10px;border-radius:10px}.settings-panel .arca-actions{gap:6px;margin:10px 0}
.settings-panel .pairing-panel{gap:10px;margin-top:10px;padding:10px;border-radius:10px}.settings-panel .pairing-code{min-height:25px;margin:4px 0;font-size:1.25rem}.settings-panel .delivery-history{margin-top:10px}
.settings-panel .error-box{margin-top:10px;padding:9px 11px;border-radius:9px;font-size:.74rem;line-height:1.35}
.settings-panel .business-settings{border-top-width:3px}.settings-panel .business-settings h4{margin:12px 0 6px;font-size:.8rem}.settings-panel .business-settings>p{margin:5px 0;font-size:.69rem;line-height:1.35}
.settings-panel .business-template-actions{gap:8px;margin:10px 0}.settings-panel .profile-ready{margin:8px 0;padding:8px 10px;border-radius:9px;font-size:.72rem}
.settings-panel .business-option{gap:8px;padding:8px 10px;border-radius:9px}.settings-panel .business-option b{font-size:.76rem}.settings-panel .business-option small{font-size:.66rem;line-height:1.25}
.settings-panel .business-menu-preview{margin-top:10px;padding:10px;border-radius:9px}.settings-panel .business-menu-preview p{margin:4px 0;font-size:.74rem}
.settings-panel[data-settings-panel="modules"]>.business-settings{padding:10px 12px}.settings-panel[data-settings-panel="modules"] .page-head{margin-bottom:4px}.settings-panel[data-settings-panel="modules"] .business-option-group{margin:7px 0;padding:8px;border-radius:9px}.settings-panel[data-settings-panel="modules"] .business-option-group legend{padding:0 5px;font-size:.7rem}.settings-panel[data-settings-panel="modules"] .business-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.settings-panel[data-settings-panel="modules"] .business-option{min-height:44px;padding:6px 8px}.settings-panel[data-settings-panel="modules"] .business-option input{width:16px!important;min-width:16px;height:16px!important}.settings-panel[data-settings-panel="modules"] .business-option span{gap:1px}.settings-panel[data-settings-panel="modules"] .business-option b{font-size:.7rem}.settings-panel[data-settings-panel="modules"] .business-option small{font-size:.6rem;line-height:1.2}.settings-panel[data-settings-panel="modules"] .business-menu-preview{margin-top:7px;padding:7px 9px}.settings-panel[data-settings-panel="modules"] .business-menu-preview small{font-size:.6rem}.pricing-settings-simple .integration-head{margin-bottom:8px}.pricing-settings-simple .setting-switch{display:flex;align-items:flex-start;gap:8px;min-width:245px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);cursor:pointer}.pricing-settings-simple .setting-switch input{margin-top:2px;accent-color:var(--primary)}.pricing-settings-simple .setting-switch span{display:grid;gap:2px}.pricing-settings-simple .setting-switch b{font-size:.74rem}.pricing-settings-simple .setting-switch small{color:var(--muted);font-size:.62rem}.compact-pricing-defaults{display:grid;grid-template-columns:repeat(2,minmax(150px,240px));gap:8px}.pricing-settings-note{margin:7px 0 0!important}.barcode-label-settings .table th:nth-child(6),.barcode-label-settings .table td:nth-child(6){text-align:center}
@media(max-width:760px){.settings-workspace{gap:10px}.settings-subnav{gap:5px}.settings-subnav-button{flex-basis:155px;min-height:42px}.settings-panel{gap:9px}.settings-panel>.card-pad{padding:11px}.settings-panel .form-grid{gap:8px}.settings-panel .integration-head{align-items:flex-start}.settings-panel .arca-status{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel .certificate-box{grid-template-columns:1fr}}
@media(max-width:900px){.settings-panel[data-settings-panel="modules"] .business-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.settings-panel[data-settings-panel="modules"] .business-option-grid,.compact-pricing-defaults{grid-template-columns:1fr}.pricing-settings-simple .setting-switch{min-width:0;width:100%}}

/* Proveedor de reglas de precio: el desplegable debe escapar de la tabla y no dejar
   una fila de paginación huérfana debajo del campo. */
.pricing-settings{position:relative;z-index:2;overflow:visible}
.pricing-settings .pricing-rule-table{overflow:visible;max-height:none}
.pricing-settings .remote-select:has(#pricing-provider-search) .remote-select-pages{display:none}
.pricing-settings .remote-select:has(#pricing-provider-search) .remote-select-results{top:calc(100% + 4px);max-height:260px}
.pricing-settings .remote-select:has(#pricing-provider-search){z-index:5}

/* Formularios de mensajería con columnas constantes y controles de prueba alineados. */
.settings-panel[data-settings-panel="messages"] .whatsapp-card .form-grid,
.settings-panel[data-settings-panel="messages"] .email-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.settings-panel[data-settings-panel="messages"] .whatsapp-card .field,
.settings-panel[data-settings-panel="messages"] .email-card .field{min-width:0}
.settings-panel[data-settings-panel="messages"] .email-test-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}
.settings-panel[data-settings-panel="messages"] .email-test-panel .button-row{justify-content:flex-end;align-self:end}
@media(max-width:640px){.settings-panel[data-settings-panel="messages"] .whatsapp-card .form-grid,.settings-panel[data-settings-panel="messages"] .email-card .form-grid{grid-template-columns:minmax(0,1fr)}.settings-panel[data-settings-panel="messages"] .email-test-panel{grid-template-columns:minmax(0,1fr)}.settings-panel[data-settings-panel="messages"] .email-test-panel .button-row{justify-content:flex-start}}

/* Configuración: navegación compacta por grupos, sin una columna lateral alta. */
.settings-workspace{display:block}.settings-subnav{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px;padding:7px}.settings-subnav-button{display:flex;align-items:center;gap:7px;min-width:0;min-height:39px;padding:7px 8px;border-radius:9px}.settings-subnav-button>span{flex:0 0 21px;font-size:.95rem;text-align:center}.settings-subnav-button>b{overflow:hidden;font-size:.72rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.settings-subnav-button>small{display:none}.settings-panels{min-width:0}.settings-panel{gap:10px}
@media(max-width:1100px){.settings-subnav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.settings-subnav{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;margin-bottom:10px;padding:6px}.settings-subnav-button{min-height:37px;padding:6px 7px}.settings-subnav-button>b{font-size:.69rem}}
.catalog-transfer .integration-head{margin-bottom:12px}.transfer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.transfer-file-label{cursor:pointer}.transfer-preview{display:grid;gap:12px;margin-top:12px}.transfer-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.transfer-summary span,.transfer-map-field>span{color:var(--muted);font-size:.75rem}.transfer-mapping{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.transfer-map-field{display:grid;min-width:0;gap:4px}.transfer-map-field>span{font-size:.7rem;font-weight:750}.transfer-map-field select{box-sizing:border-box;width:100%;min-width:0;min-height:34px;padding:6px 8px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);color:var(--ink);font-size:.76rem}.transfer-sample{max-height:230px;overflow:auto}.transfer-sample .table{font-size:.72rem}.transfer-sample .table td,.transfer-sample .table th{max-width:220px;padding:7px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--line)}.transfer-footer .muted{flex:1}.transfer-result{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.transfer-result h4{margin:0 0 10px}.transfer-result-metrics{display:flex;flex-wrap:wrap;gap:10px}.transfer-result-metrics span{padding:8px 11px;border-radius:9px;background:var(--card);font-size:.8rem}.transfer-result-metrics b{margin-right:4px;color:var(--primary);font-size:1rem}
@media(max-width:720px){.transfer-mapping{grid-template-columns:repeat(2,minmax(0,1fr))}.transfer-actions>*{flex:1 1 100%}.transfer-footer{align-items:stretch}.transfer-footer .btn{width:100%}}
/* Lookup único: la búsqueda y sus resultados reemplazan visualmente al select nativo. */
.remote-select{position:relative;display:grid;gap:7px;min-width:0}.remote-select>.search-box{box-sizing:border-box;min-width:0}.remote-select-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}.remote-select-results{position:absolute;z-index:30;top:calc(100% - 36px);left:0;right:0;max-height:250px;overflow:auto;border:1px solid var(--line-2);border-radius:10px;background:var(--card);box-shadow:0 12px 28px rgba(15,23,42,.18)}.remote-select-results[hidden]{display:none}.remote-select-option{display:block;width:100%;padding:9px 11px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.remote-select-option:last-child{border-bottom:0}.remote-select-option:hover,.remote-select-option:focus{outline:0;background:color-mix(in srgb,var(--primary) 9%,var(--card))}.remote-select-pages{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;align-items:center;margin:0}.remote-select-pages .muted{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem}
.mercadopago-checkout{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:14px 0 20px}.mercadopago-checkout img{max-width:100%;height:auto;padding:8px;background:#fff;border:1px solid var(--border,#d8dce7);border-radius:12px}.mercadopago-checkout p{margin:0}
.portal-whatsapp-fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:25;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 10px 28px rgba(12,96,49,.3);transition:transform .18s ease,box-shadow .18s ease}.portal-whatsapp-fab:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(12,96,49,.38)}.portal-whatsapp-fab:focus-visible{outline:3px solid #163d29;outline-offset:3px}.portal-whatsapp-fab svg{display:block}
@media(max-width:760px){.portal-whatsapp-fab{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:54px;height:54px}}

/* Ayuda contextual: compacta, accesible por mouse, teclado y toque. */
.field.has-context-help{position:relative}.field.has-context-help>label{padding-right:25px}
.field.has-context-help>.context-help-icon{position:absolute;right:1px;top:0}
.context-help-icon{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:7px;padding:0;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line));border-radius:50%;background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary);font-size:11px;font-weight:900;line-height:1;cursor:help;vertical-align:middle;flex:none}
.context-help-icon:hover,.context-help-icon:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:2px;background:var(--primary);color:#fff}
.context-help-popover{position:fixed;z-index:9999;box-sizing:border-box;padding:11px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--card);color:var(--ink);box-shadow:0 16px 38px rgba(11,28,55,.25);font-size:.78rem;line-height:1.45;pointer-events:none;white-space:normal}
.context-help-popover[hidden]{display:none}
.updates-nav-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 4px;border-radius:999px;background:var(--primary);color:#fff;font-size:10px;font-weight:800}
.updates-list{display:grid;gap:11px}.updates-card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:15px 17px}.updates-card.is-unread{border-left:4px solid var(--primary)}.updates-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.updates-card h3{margin:0;font-size:1rem}.updates-card p{margin:7px 0;color:var(--muted);font-size:.83rem}.updates-card .button-row{margin-top:9px}.updates-guide-steps{padding-left:22px;line-height:1.6}.updates-guide-steps li{margin:7px 0}.updates-date{color:var(--muted);font-size:.7rem;white-space:nowrap}
.updates-table-card{overflow:hidden}.updates-table{font-size:.78rem}.updates-table th{padding:8px 10px;font-size:.65rem}.updates-table td{padding:8px 10px;line-height:1.25}.updates-table td:first-child{min-width:260px}.updates-table td:nth-child(2){white-space:nowrap}.updates-table .small{font-size:.7rem;margin-top:2px}.updates-table tr.is-unread{background:color-mix(in srgb,var(--primary) 5%,transparent)}.updates-table .button-row{gap:5px;flex-wrap:nowrap}.updates-table .btn-sm{padding:5px 8px;font-size:.68rem;white-space:nowrap}
.page-head + .card .table{font-size:.76rem}.page-head + .card .table th{padding:7px 9px;font-size:.64rem}.page-head + .card .table td{padding:7px 9px;line-height:1.25}.page-head + .card .table .pill{padding:4px 7px;font-size:.65rem}.page-head + .card .table .btn-sm{padding:5px 8px;font-size:.68rem}.page-head + .card .table .button-row{gap:5px;flex-wrap:nowrap}
@media(max-width:640px){.updates-card{padding:12px}.updates-card-head{flex-wrap:wrap}.updates-date{white-space:normal}}
.update-spotlight{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--primary) 7%,var(--card))}.update-spotlight>span{font-size:1.3rem}.update-spotlight>div{flex:1;min-width:0}.update-spotlight b{font-size:.85rem}.update-spotlight p{margin:2px 0 0;color:var(--muted);font-size:.75rem}.update-spotlight .btn{flex:none}
@media(max-width:640px){.update-spotlight{flex-wrap:wrap}.update-spotlight .btn{margin-left:auto}}
@media(max-width:760px){.purchase-item-row.lot-purchase-row{grid-template-columns:1fr 1fr}}
.pos-offline-status{display:flex;align-items:center;gap:8px;padding:7px 11px;margin:8px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);font-size:.82rem}.pos-offline-status[hidden]{display:none}.pos-offline-status.is-offline{border-color:#efb748;background:#fff8e8;color:#684800}.pos-offline-status.has-pending{border-color:#e0aa63}.install-steps{margin:14px 0;padding-left:22px}.install-steps li{margin:7px 0}@media(max-width:760px){.pos-offline-status{align-items:flex-start}}

/*
 * Tablas operativas FLUX
 * Lenguaje visual único para clientes, productos, compras, proveedores, stock,
 * ventas, cuentas corrientes, caja, reportes, usuarios, agenda, eventos y
 * listados de configuración. La venta conserva su composición de factura/POS.
 */
:root,html[data-theme="light"]{
  --flux-list-page:#f6f5f0;
  --flux-list-surface:#fff;
  --flux-list-head:#efefeb;
  --flux-list-row-alt:#faf9f5;
  --flux-list-border:#dedfd9;
  --flux-list-divider:#e7e7e2;
  --flux-list-link:#315e8f;
  --flux-list-link-hover:#214970;
  --flux-list-active:#5b4fd8;
  --flux-list-ok:#286f5a;
  --flux-list-ok-bg:#eaf6f1;
  --flux-list-ok-border:#acd7c8;
  --flux-list-warn:#8a641e;
  --flux-list-warn-bg:#fff7df;
  --flux-list-warn-border:#ead598;
  --flux-list-bad:#a64747;
  --flux-list-bad-bg:#fff0ef;
  --flux-list-bad-border:#e6b7b3;
}
html[data-theme="dark"]{
  --flux-list-page:#101216;
  --flux-list-surface:#1a1d23;
  --flux-list-head:#24272d;
  --flux-list-row-alt:#1d2026;
  --flux-list-border:#343942;
  --flux-list-divider:#30343c;
  --flux-list-link:#8fb8e5;
  --flux-list-link-hover:#bad6f4;
  --flux-list-active:#776bec;
  --flux-list-ok:#8fd5bc;
  --flux-list-ok-bg:#173a31;
  --flux-list-ok-border:#356c5b;
  --flux-list-warn:#ead18c;
  --flux-list-warn-bg:#3b321d;
  --flux-list-warn-border:#76622e;
  --flux-list-bad:#efadad;
  --flux-list-bad-bg:#3d2426;
  --flux-list-bad-border:#78454a;
}

body:not([data-current-view="pos"]) #content .card:has(> .table-wrap),
body:not([data-current-view="pos"]) #content .card:has(> .card-head + .table-wrap),
body:not([data-current-view="pos"]) #content .directory-list-card,
body:not([data-current-view="pos"]) #content .compact-list-card{
  overflow:hidden;
  border:1px solid var(--flux-list-border);
  border-radius:8px;
  background:var(--flux-list-surface);
  box-shadow:0 4px 13px rgba(31,42,56,.055);
}
body:not([data-current-view="pos"]) #content .card > .table-wrap,
body:not([data-current-view="pos"]) #content .card > .card-head + .table-wrap{
  border:0;
  border-radius:0;
  box-shadow:none;
}
body:not([data-current-view="pos"]) #content .table-wrap{
  border-color:var(--flux-list-border);
  border-radius:8px;
  background:var(--flux-list-surface);
  scrollbar-color:color-mix(in srgb,var(--muted) 35%,transparent) transparent;
}
body:not([data-current-view="pos"]) #content .table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:var(--flux-list-surface);
  color:var(--ink);
  font-size:.73rem;
}
body:not([data-current-view="pos"]) #content .table thead th{
  height:34px;
  padding:6px 9px;
  border-bottom:1px solid var(--flux-list-border);
  background:var(--flux-list-head);
  color:color-mix(in srgb,var(--text-2) 82%,var(--muted));
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.045em;
  line-height:1.15;
  text-transform:uppercase;
}
body:not([data-current-view="pos"]) #content .table tbody td{
  height:39px;
  padding:6px 9px;
  border-bottom:1px solid var(--flux-list-divider);
  background:transparent;
  font-size:.73rem;
  line-height:1.22;
  vertical-align:middle;
}
body:not([data-current-view="pos"]) #content .table tbody tr:nth-child(even){background:var(--flux-list-row-alt)}
body:not([data-current-view="pos"]) #content .table tbody tr:last-child td{border-bottom:0}
body:not([data-current-view="pos"]) #content .table tbody tr{transition:background-color .14s ease,box-shadow .14s ease}
body:not([data-current-view="pos"]) #content .table tbody tr:hover{
  background:color-mix(in srgb,var(--flux-list-link) 5%,var(--flux-list-surface));
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--flux-list-link) 60%,transparent);
}
body:not([data-current-view="pos"]) #content .table .small{margin-top:2px;font-size:.65rem;line-height:1.18}
body:not([data-current-view="pos"]) #content .table-link,
body:not([data-current-view="pos"]) #content .product-name-link,
body:not([data-current-view="pos"]) #content .customer-name-link{
  border:0;
  background:transparent;
  color:var(--flux-list-link);
  font-family:inherit;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
  transition:color .14s ease;
}
body:not([data-current-view="pos"]) #content .table-link:hover,
body:not([data-current-view="pos"]) #content .product-name-link:hover,
body:not([data-current-view="pos"]) #content .customer-name-link:hover{color:var(--flux-list-link-hover);text-decoration:none}
body:not([data-current-view="pos"]) #content .table-link:focus-visible,
body:not([data-current-view="pos"]) #content .product-name-link:focus-visible,
body:not([data-current-view="pos"]) #content .customer-name-link:focus-visible{
  outline:2px solid color-mix(in srgb,var(--flux-list-link) 58%,transparent);
  outline-offset:2px;
  border-radius:3px;
}
body:not([data-current-view="pos"]) #content .table .pill,
body:not([data-current-view="pos"]) #content .customer-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:21px;
  padding:2px 8px;
  border:1px solid var(--flux-list-border);
  border-radius:999px;
  background:color-mix(in srgb,var(--flux-list-head) 76%,var(--flux-list-surface));
  color:var(--text-2);
  font-size:.61rem;
  font-weight:850;
  letter-spacing:.025em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
body:not([data-current-view="pos"]) #content .table .pill.ok,
body:not([data-current-view="pos"]) #content .customer-status.is-active{
  border-color:var(--flux-list-ok-border);
  background:var(--flux-list-ok-bg);
  color:var(--flux-list-ok);
}
body:not([data-current-view="pos"]) #content .table .pill.warn{
  border-color:var(--flux-list-warn-border);
  background:var(--flux-list-warn-bg);
  color:var(--flux-list-warn);
}
body:not([data-current-view="pos"]) #content .table .pill.bad,
body:not([data-current-view="pos"]) #content .customer-status.is-suspended{
  border-color:var(--flux-list-bad-border);
  background:var(--flux-list-bad-bg);
  color:var(--flux-list-bad);
}
body:not([data-current-view="pos"]) #content .table .btn-sm{
  min-height:27px;
  padding:4px 7px;
  border-radius:6px;
  box-shadow:none;
  font-size:.66rem;
}
body:not([data-current-view="pos"]) #content .table .button-row{gap:4px;flex-wrap:nowrap}

/* Barras de búsqueda y paginadores con el mismo ritmo visual del ejemplo. */
#content .directory-toolbar{gap:8px;margin:0 0 8px;padding:0;background:transparent}
#content .directory-toolbar .search-box{
  min-height:36px;
  border-color:var(--flux-list-border);
  border-radius:7px;
  background:var(--flux-list-surface);
  box-shadow:0 2px 8px rgba(31,42,56,.035);
  font-size:.74rem;
}
#content .directory-count{color:var(--muted);font-size:.69rem}
#content .directory-pagination,
#content #catalog-table-pages,
#content #stock-table-pages{
  justify-content:center;
  gap:5px;
  padding:9px 10px;
  border-top:1px solid var(--flux-list-divider);
  background:var(--flux-list-surface);
}
#content .directory-pagination .btn,
#content #catalog-table-pages .btn,
#content #stock-table-pages .btn{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  min-height:30px;
  padding:0;
  border:1px solid var(--flux-list-border);
  border-radius:7px;
  background:var(--flux-list-surface);
  color:var(--text-2);
  box-shadow:0 2px 6px rgba(31,42,56,.05);
  font-size:.7rem;
}
#content .directory-pagination .page-number.is-current,
#content #catalog-table-pages .page-number.is-current,
#content #stock-table-pages .page-number.is-current{
  border-color:var(--flux-list-active);
  background:var(--flux-list-active);
  color:#fff;
}

/* Caja y reportes: los encabezados de bloque pasan a formar parte de la tabla. */
#content .cash-movements-card > .card-head,
#content .report-table > .card-head,
#content .card:has(> .table-wrap) > .card-head{
  min-height:40px;
  padding:8px 11px;
  border-bottom:1px solid var(--flux-list-border);
  background:var(--flux-list-surface);
}
#content .cash-movements-card > .card-head h3,
#content .report-table > .card-head h3,
#content .card:has(> .table-wrap) > .card-head h3{margin:0;font-size:.82rem}
#content .cash-movements-card .table-wrap{max-height:360px;border-radius:0}
#content .cash-movements-card .table tbody td{height:37px}

@media(max-width:760px){
  body:not([data-current-view="pos"]) #content .card:has(> .table-wrap),
  body:not([data-current-view="pos"]) #content .directory-list-card,
  body:not([data-current-view="pos"]) #content .compact-list-card{border-radius:7px}
  body:not([data-current-view="pos"]) #content .table{min-width:620px;font-size:.7rem}
  body:not([data-current-view="pos"]) #content .table thead th{height:32px;padding:5px 8px;font-size:.59rem}
  body:not([data-current-view="pos"]) #content .table tbody td{height:37px;padding:5px 8px;font-size:.7rem}
  #content .directory-toolbar{grid-template-columns:minmax(0,1fr)}
  #content .directory-toolbar .search-box{width:100%;max-width:none}
}
@media(prefers-reduced-motion:reduce){
  body:not([data-current-view="pos"]) #content .table tbody tr,
  body:not([data-current-view="pos"]) #content .table-link,
  body:not([data-current-view="pos"]) #content .product-name-link,
  body:not([data-current-view="pos"]) #content .customer-name-link{transition:none}
}

/* Cuentas corrientes: directorio compacto y detalle coherente con el resto de FLUX. */
#content .accounts-summary{grid-template-columns:repeat(2,minmax(0,260px));gap:8px;margin:0 0 9px}
#content .accounts-summary .metric{min-height:72px;padding:10px 12px;border-radius:8px}
#content .accounts-summary .metric-label{font-size:.65rem}
#content .accounts-summary .metric-value{font-size:1.18rem}
#content .accounts-ledgers{display:grid;gap:10px}
#content .accounts-list-card .card-head{min-height:38px;padding:7px 10px}
#content .accounts-list-card .card-head h3{font-size:.8rem}
#content .accounts-list-card .table-wrap{max-height:360px}
.account-balance-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:3px 8px;border:1px solid var(--flux-list-border);border-radius:999px;background:var(--flux-list-head);color:var(--text-2);font-size:.66rem;font-weight:850;white-space:nowrap}
.account-balance-pill.is-due{border-color:var(--flux-list-bad-border);background:var(--flux-list-bad-bg);color:var(--flux-list-bad)}
.account-balance-pill.is-credit,.account-balance-pill.is-clear{border-color:var(--flux-list-ok-border);background:var(--flux-list-ok-bg);color:var(--flux-list-ok)}

dialog:has(.account-statement-view){width:min(900px,calc(100vw - 28px))}
.account-statement-view{display:grid;gap:10px;padding-top:10px}
.account-statement-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--flux-list-border);border-radius:8px;background:var(--flux-list-surface)}
.account-statement-view .account-balance{display:grid;gap:1px;min-width:150px;margin:0;padding:0;background:transparent}
.account-statement-view .account-balance span{color:var(--muted);font-size:.65rem;font-weight:750;text-transform:uppercase}
.account-statement-view .account-balance b{font-size:1.25rem}
.account-statement-view .account-actions{justify-content:flex-end;margin:0;gap:6px}
.account-statement-view .account-actions .btn{min-height:31px;padding:5px 9px;font-size:.69rem}
.account-statement-view .compact-list-card{overflow:hidden;border:1px solid var(--flux-list-border);border-radius:8px;background:var(--flux-list-surface);box-shadow:0 3px 12px rgba(31,42,56,.04)}
.account-statement-view .card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:7px 10px;border-bottom:1px solid var(--flux-list-border)}
.account-statement-view .card-head h4{margin:0;font-size:.8rem}
.account-statement-view .table-wrap{overflow:auto}
.account-statement-view .table{width:100%;min-width:590px;border-collapse:separate;border-spacing:0;background:var(--flux-list-surface);font-size:.72rem}
.account-statement-view .table thead th{height:33px;padding:6px 9px;border-bottom:1px solid var(--flux-list-border);background:var(--flux-list-head);color:var(--text-2);font-size:.61rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.account-statement-view .table tbody td{height:38px;padding:6px 9px;border-bottom:1px solid var(--flux-list-divider);vertical-align:middle}
.account-statement-view .table tbody tr:nth-child(even){background:var(--flux-list-row-alt)}
.account-statement-view .table tbody tr:last-child td{border-bottom:0}
.account-statement-view .table .pill{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border:1px solid var(--flux-list-border);border-radius:999px;background:var(--flux-list-head);font-size:.6rem;font-weight:850;text-transform:uppercase}
.account-statement-view .table .pill.ok{border-color:var(--flux-list-ok-border);background:var(--flux-list-ok-bg);color:var(--flux-list-ok)}
.account-statement-view .table .pill.warn{border-color:var(--flux-list-warn-border);background:var(--flux-list-warn-bg);color:var(--flux-list-warn)}
.account-statement-view .success-text{color:var(--flux-list-ok)}
.account-statement-view .account-review-note{margin:0;padding:7px 10px;border-top:1px solid var(--flux-list-divider)}
.account-statement-view .directory-pagination{justify-content:center;gap:5px;padding:8px;border-top:1px solid var(--flux-list-divider)}
.account-statement-view .directory-pagination .btn{display:inline-grid;place-items:center;width:29px;height:29px;min-height:29px;padding:0;border-radius:7px;font-size:.68rem}
.account-statement-view .directory-pagination .is-current{border-color:var(--flux-list-active);background:var(--flux-list-active);color:#fff}

.install-settings .integration-head{align-items:flex-start}
.install-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.install-settings-actions p{max-width:620px;margin:0}
.install-settings .integration-head{gap:10px}.install-settings .integration-head h3{margin:2px 0 3px}.install-settings .integration-head p{margin:0;font-size:.77rem}
.install-table-wrap{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.install-table{width:100%;min-width:0;font-size:.76rem}.install-table th{padding:8px 10px;background:var(--paper);font-size:.67rem;text-transform:uppercase;letter-spacing:.04em}.install-table td{padding:9px 10px;vertical-align:middle}.install-table td:first-child{white-space:nowrap}.install-table td:nth-child(2){color:var(--muted)}.install-table td:last-child{text-align:right;white-space:nowrap}.install-table .btn{min-width:106px;min-height:31px;padding:5px 10px;font-size:.71rem;text-decoration:none}.install-device-icon{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:7px;border-radius:7px;background:color-mix(in srgb,var(--primary) 9%,var(--card));color:var(--primary);font-size:1rem;vertical-align:middle}.install-table tbody tr{animation:installRowEnter .26s ease-out both;transition:background .18s ease,transform .18s ease}.install-table tbody tr:nth-child(2){animation-delay:.06s}.install-table tbody tr:nth-child(3){animation-delay:.12s}.install-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 5%,var(--card));transform:translateX(2px)}@keyframes installRowEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.install-table thead{display:none}.install-table,.install-table tbody{display:block}.install-table tbody tr{display:grid;grid-template-columns:1fr auto;gap:3px 7px;padding:9px 10px;border-bottom:1px solid var(--line)}.install-table tbody tr:last-child{border-bottom:0}.install-table td{display:block;padding:0}.install-table td:first-child{grid-column:1;grid-row:1}.install-table td:nth-child(2){grid-column:1;grid-row:2;font-size:.68rem;line-height:1.3}.install-table td:last-child{grid-column:2;grid-row:1/3;align-self:center}.install-table .btn{min-width:98px}}
@media(prefers-reduced-motion:reduce){.install-table tbody tr{animation:none;transition:none}}

@media(max-width:640px){
  #content .accounts-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-statement-head,.install-settings-actions{align-items:stretch;flex-direction:column}
  .account-statement-view .account-actions{justify-content:flex-start}
  .install-settings-actions .btn{width:100%}
}

/* Reportes: lectura ejecutiva primero y detalles exactos en tablas compactas. */
#content .reports-page{display:grid;gap:10px}
#content .reports-page .page-head{margin:0}
#content .reports-page .report-controls p{margin:3px 0 0;font-size:.78rem}
#content .reports-page .report-controls .button-row{gap:6px}
#content .reports-page .report-controls .btn{min-height:34px;padding:7px 10px;font-size:.72rem}
#content .reports-page .report-filters{margin:0;padding:10px 12px;border-color:var(--flux-list-border);border-radius:8px;box-shadow:0 3px 12px rgba(31,42,56,.04)}
#content .reports-page .report-periods{gap:5px;margin:0 0 9px}
#content .reports-page .report-periods .btn{min-height:29px;padding:5px 9px;border-radius:6px;font-size:.68rem}
#content .reports-page .report-filter-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(125px,165px) minmax(125px,165px) auto;gap:8px;align-items:end}
#content .reports-page .report-filter-grid .field{margin:0}
#content .reports-page .report-filter-grid label{margin-bottom:3px;font-size:.65rem}
#content .reports-page .report-filter-grid input,
#content .reports-page .report-filter-grid select{min-height:34px;padding:6px 8px;border-radius:6px;font-size:.73rem}
#content .reports-page .report-filter-grid .btn{min-height:34px;padding:6px 12px;font-size:.72rem}
#content .reports-page .report-filter-help{margin:7px 0 0;color:var(--muted);font-size:.67rem}
#content .reports-page .report-scope{margin:0;padding:8px 11px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--flux-list-border));border-radius:8px;background:color-mix(in srgb,var(--primary) 5%,var(--flux-list-surface));font-size:.73rem}
#content .reports-page .report-scope>div{display:flex;align-items:center;gap:2px;min-width:0}
#content .reports-page .report-section-nav{display:flex;gap:5px;overflow:auto;padding:0 0 1px;scrollbar-width:thin}
#content .reports-page .report-section-nav a{flex:none;padding:5px 9px;border:1px solid var(--flux-list-border);border-radius:999px;background:var(--flux-list-surface);color:var(--text-2);font-size:.66rem;font-weight:800;text-decoration:none;transition:border-color .14s ease,color .14s ease,background-color .14s ease}
#content .reports-page .report-section-nav a:hover{border-color:color-mix(in srgb,var(--flux-list-active) 55%,var(--flux-list-border));background:color-mix(in srgb,var(--flux-list-active) 5%,var(--flux-list-surface));color:var(--flux-list-active)}
#content .reports-page .report-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0}
#content .reports-page .report-metric{min-height:84px;padding:9px 10px;border:1px solid var(--flux-list-border);border-radius:8px;background:var(--flux-list-surface);box-shadow:0 2px 8px rgba(31,42,56,.035)}
#content .reports-page .report-metric.is-primary{border-top:3px solid var(--flux-list-active)}
#content .reports-page .report-metric.is-success{border-top:3px solid var(--flux-list-ok)}
#content .reports-page .report-metric.is-warning{border-top:3px solid var(--flux-list-warn)}
#content .reports-page .report-metric .metric-label{font-size:.62rem;letter-spacing:.035em;text-transform:uppercase}
#content .reports-page .report-metric .metric-value{margin-top:4px;font-size:1.16rem;line-height:1.1}
#content .reports-page .report-metric .metric-note{margin-top:4px;font-size:.62rem;line-height:1.25}
#content .reports-page .report-explainer{margin-top:7px;padding:7px 10px;border-left:3px solid var(--flux-list-link);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--flux-list-link) 5%,var(--flux-list-surface));color:var(--text-2);font-size:.67rem;line-height:1.4}
#content .reports-page .report-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:7px}
#content .reports-page .report-insights article{display:grid;gap:2px;min-height:67px;padding:8px 10px;border:1px solid var(--flux-list-border);border-radius:8px;background:var(--flux-list-surface)}
#content .reports-page .report-insights span{color:var(--muted);font-size:.61rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase}
#content .reports-page .report-insights b{overflow:hidden;color:var(--ink);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}
#content .reports-page .report-insights small{color:var(--muted);font-size:.61rem;line-height:1.25}
#content .reports-page .report-chart-card{margin:0;padding:10px 12px;border-color:var(--flux-list-border);border-radius:8px;box-shadow:0 3px 12px rgba(31,42,56,.04)}
#content .reports-page .report-chart-card>.card-head{min-height:auto;margin:0 0 9px;padding:0;border:0;background:transparent}
#content .reports-page .report-chart-card>.card-head h3{font-size:.82rem}
#content .reports-page .report-chart-card>.card-head p{margin:2px 0 0}
#content .reports-page .report-bars{gap:6px}
#content .reports-page .report-bar-row{grid-template-columns:minmax(74px,100px) minmax(100px,1fr) minmax(76px,auto);gap:8px}
#content .reports-page .report-bar-row>span,#content .reports-page .report-bar-row b{font-size:.67rem}
#content .reports-page .report-bar-row>div{height:9px;background:var(--flux-list-head)}
#content .reports-page .report-bar-row i{background:var(--flux-list-active)}
#content .reports-page .report-bar-row.is-negative i{background:var(--flux-list-bad)}
#content .reports-page .report-exact-values{margin-top:9px;border-top:1px solid var(--flux-list-divider)}
#content .reports-page .report-exact-values>summary{cursor:pointer;padding:8px 2px 0;color:var(--flux-list-link);font-size:.67rem;font-weight:800}
#content .reports-page .report-exact-values .table-wrap{margin-top:7px}
#content .reports-page .report-breakdown-grid{gap:10px;margin:0}
#content .reports-page .report-table{margin:0}
#content .reports-page .report-table>.card-head{align-items:flex-start}
#content .reports-page .report-table>.card-head p{margin:2px 0 0;font-size:.63rem}
#content .reports-page .report-scroll-table{max-height:340px;overflow:auto}
#content .reports-page .report-ranking-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}
#content .reports-page .report-ranking-summary span{display:grid;gap:1px;text-align:right}
#content .reports-page .report-ranking-summary small{color:var(--muted);font-size:.58rem;font-weight:800;text-transform:uppercase}
#content .reports-page .report-ranking-summary b{font-size:.68rem}
#content .reports-page .report-team-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(520px,1.3fr);gap:10px;padding:9px}
#content .reports-page .report-team-chart{align-self:start;padding:8px;border:1px solid var(--flux-list-divider);border-radius:7px;background:var(--flux-list-row-alt)}
#content .reports-page .report-inventory-card{overflow:hidden;margin:0;border:1px solid var(--flux-list-border);border-radius:8px;background:var(--flux-list-surface);box-shadow:0 3px 12px rgba(31,42,56,.04)}
#content .reports-page .report-inventory-card>.card-head{min-height:40px;padding:8px 11px;border-bottom:1px solid var(--flux-list-border)}
#content .reports-page .report-inventory-card>.card-head h3{margin:0;font-size:.82rem}
#content .reports-page .report-inventory-card>.card-head p{margin:2px 0 0;font-size:.63rem}
#content .reports-page .report-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#content .reports-page .report-stock-grid>div{display:grid;gap:2px;padding:10px 12px;border-right:1px solid var(--flux-list-divider)}
#content .reports-page .report-stock-grid>div:last-child{border-right:0}
#content .reports-page .report-stock-grid span{color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}
#content .reports-page .report-stock-grid b{font-size:.94rem}
#content .reports-page .report-stock-grid small{color:var(--muted);font-size:.61rem}

@media(max-width:1180px){
  #content .reports-page .report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  #content .reports-page .report-insights{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .reports-page .report-team-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  #content .reports-page .report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .reports-page .report-filter-grid .field:first-child{grid-column:1/-1}
  #content .reports-page .report-filter-grid .btn{grid-column:1/-1;width:100%}
  #content .reports-page .report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content .reports-page .report-insights{grid-template-columns:1fr 1fr}
  #content .reports-page .report-stock-grid{grid-template-columns:1fr}
  #content .reports-page .report-stock-grid>div{border-right:0;border-bottom:1px solid var(--flux-list-divider)}
  #content .reports-page .report-stock-grid>div:last-child{border-bottom:0}
  #content .reports-page .report-ranking-summary{justify-content:flex-start}
  #content .reports-page .report-ranking-summary span{text-align:left}
}
@media(max-width:440px){
  #content .reports-page .report-metrics,#content .reports-page .report-insights{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){#content .reports-page .report-section-nav a{transition:none}}
/* Clientes: alta compacta, ordenada y con grupos visuales claros. */
dialog:has(#customer-form){width:min(700px,calc(100vw - 20px));max-height:95vh}dialog:has(#customer-form) .modal-body{padding:10px 12px}dialog:has(#customer-form) .modal-head{padding:10px 14px}dialog:has(#customer-form) .modal-foot{padding:9px 12px}
.customer-editor{display:grid;gap:9px;max-height:calc(95vh - 105px);overflow:auto;padding:1px 2px 4px;scrollbar-width:thin}.customer-editor-section{position:relative;display:grid;gap:9px;overflow:hidden;padding:11px 12px 12px;border:1px solid var(--line);border-radius:13px;background:var(--card);box-shadow:0 4px 14px color-mix(in srgb,var(--ink) 5%,transparent)}.customer-editor-section:before{content:"";position:absolute;inset:0 auto 0 0;width:4px}.customer-editor-main{background:linear-gradient(135deg,var(--card),color-mix(in srgb,#2586c7 5%,var(--card)))}.customer-editor-main:before{background:#2586c7}.customer-editor-account{background:linear-gradient(135deg,var(--card),color-mix(in srgb,#1a9a70 6%,var(--card)))}.customer-editor-account:before{background:#1a9a70}.customer-editor-automation{background:linear-gradient(135deg,var(--card),color-mix(in srgb,#de8b28 6%,var(--card)))}.customer-editor-automation:before{background:#de8b28}.customer-editor-section>header{display:flex;align-items:center;gap:9px}.customer-editor-section>header>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--primary) 10%,var(--card));font-size:.9rem}.customer-editor-section header h3{margin:0;color:var(--ink);font-size:.85rem}.customer-editor-section header p{margin:1px 0 0;color:var(--muted);font-size:.66rem}.customer-editor .form-grid{gap:8px 10px}.customer-editor .field{gap:4px;margin:0}.customer-editor .field>label{font-size:.7rem;font-weight:800}.customer-editor input:not([type=checkbox]),.customer-editor select{box-sizing:border-box;width:100%;min-height:35px;padding:6px 9px;border-radius:8px;font-size:.78rem;transition:border-color .16s ease,box-shadow .16s ease}.customer-editor input:focus,.customer-editor select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.customer-editor .field small{font-size:.62rem}.customer-account-note{display:grid;align-content:center;gap:2px;min-height:35px;padding:7px 10px;border:1px solid color-mix(in srgb,#1a9a70 25%,var(--line));border-radius:9px;background:color-mix(in srgb,#1a9a70 7%,var(--card))}.customer-account-note b{color:#137556;font-size:.73rem}.customer-account-note span{color:var(--muted);font-size:.64rem;line-height:1.25}.customer-editor .customer-editor-automation.preference-panel{gap:7px;padding:11px 12px 12px}.customer-editor-automation>label{padding:6px 8px;border-radius:8px;background:color-mix(in srgb,#de8b28 7%,var(--card));font-size:.72rem}.customer-active-toggle{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:.72rem;font-weight:800}.customer-active-toggle label{display:flex;align-items:center;gap:7px}
@media(max-width:620px){dialog:has(#customer-form){width:calc(100vw - 8px);max-height:98vh}.customer-editor{max-height:calc(98vh - 96px)}.customer-editor-section{padding:9px 10px}.customer-editor-section header p{display:none}.customer-editor .form-grid{grid-template-columns:1fr}.customer-editor .span-2{grid-column:1}.customer-editor-account .form-grid{grid-template-columns:1fr}}

/* POS: la cantidad debe leerse completa; los botones laterales ya reemplazan
   a las flechas nativas del campo numérico. */
.pos-items-card .cart-table th:first-child,.pos-items-card .cart-table td:first-child{width:124px;min-width:124px}
.pos-items-card .cart-table .qty-control{gap:4px;min-width:112px}
.pos-items-card .cart-table .qty-control button{flex:0 0 25px;width:25px;height:30px}
.pos-items-card .cart-table .qty-control input{box-sizing:border-box;width:56px;height:32px;min-height:32px;padding:4px 5px;line-height:1.2;font-size:.8rem;appearance:textfield;-moz-appearance:textfield}
.pos-items-card .cart-table .qty-control input::-webkit-inner-spin-button,.pos-items-card .cart-table .qty-control input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
/* Reportes: una sección visible por pestaña, con toda la información al imprimir. */
#content .reports-page .report-section-nav{display:flex;gap:4px;overflow-x:auto;margin:10px 0 12px;padding:0 0 5px;border-bottom:1px solid var(--flux-list-border)}
#content .reports-page .report-section-nav [role="tab"]{flex:none;min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:7px 7px 0 0;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}
#content .reports-page .report-section-nav [role="tab"]:hover{color:var(--ink);background:var(--paper)}
#content .reports-page .report-section-nav [role="tab"].active{color:var(--primary);border-color:var(--flux-list-border);border-bottom-color:var(--card);background:var(--card)}
#content .reports-page .report-section-nav [role="tab"]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#content .reports-page [role="tabpanel"][hidden]{display:none!important}
@media print{body.print-report #report-content [role="tabpanel"][hidden]{display:block!important}body.print-report .report-section-nav{display:none!important}}
.mobile-quick-actions{display:none}
@media(max-width:760px){.mobile-quick-actions{position:fixed;z-index:18;left:0;right:0;bottom:0;display:flex;justify-content:space-around;gap:4px;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -5px 20px #0b244014}.mobile-quick-actions button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;min-height:48px;padding:4px}.mobile-quick-actions button:active{background:var(--soft)}.mobile-quick-actions button span{font-size:1.2rem;line-height:1.2}.mobile-quick-actions button b{font-size:.68rem}.main .content{padding-bottom:calc(92px + env(safe-area-inset-bottom))}}
body.flux-android-app #print-report,body.flux-android-app #hardware-test-print{display:none!important}
body.flux-native-mobile-app #print-report,body.flux-native-mobile-app #hardware-test-print{display:none!important}

@media(max-width:760px){.pos-page-head h2,.pos-enter-hint,.pos-shortcuts{display:none}.pos-page-head{margin-bottom:8px}body:has(#sale-customer-search:focus) .mobile-quick-actions,body:has(#pos-search:focus) .mobile-quick-actions{display:none}}

.help-guide{display:grid;gap:10px;max-width:900px}.help-topic{overflow:hidden}.help-topic>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;font-weight:750;list-style:none}.help-topic>summary::-webkit-details-marker{display:none}.help-topic[open]>summary{border-bottom:1px solid var(--line)}.help-topic-body{padding:10px 18px 18px}.help-topic-body ol{margin:0 0 14px;padding-left:23px}.help-topic-body li{padding:6px 0;line-height:1.5}.help-topic>summary span:last-child{transition:transform .2s}.help-topic[open]>summary span:last-child{transform:rotate(180deg)}


.remote-select-empty{padding:10px 12px;color:var(--muted);font-size:.78rem}


.stock-count-editor .field:has(#count-search){position:relative}.stock-count-editor #count-results:not(:empty){position:absolute;z-index:60;top:calc(100% + 3px);left:0;right:0;max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--card);box-shadow:0 12px 28px #1029452b}.stock-count-editor #count-results .table{margin:0}


.directory-search-wrap{position:relative;min-width:0}.directory-search-wrap>.search-box{width:100%}.directory-suggestions{position:absolute;z-index:45;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--card);box-shadow:0 12px 28px #1029452b}.directory-suggestions[hidden]{display:none}.directory-suggestions button{display:block;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.76rem;text-align:left;cursor:pointer}.directory-suggestions button:hover,.directory-suggestions button:focus{background:var(--soft)}

/* Orden de Clientes: indicador discreto que no agranda la cabecera móvil. */
.customer-directory-card .customer-table .customer-sort-button{min-height:24px;margin:0;padding:0;justify-content:flex-start;gap:4px;border-radius:0;background:transparent;box-shadow:none}
.customer-directory-card .customer-table .customer-sort-button i{display:inline-flex;width:11px;height:11px;flex:0 0 11px;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:.62rem;line-height:1;transform:none;box-shadow:none}
.customer-directory-card .customer-table .customer-sort-button:hover,.customer-directory-card .customer-table .customer-sort-button.is-active{background:transparent;box-shadow:none}
.customer-directory-card .customer-table .customer-sort-button:hover i,.customer-directory-card .customer-table .customer-sort-button.is-active i{background:transparent;color:var(--primary);transform:none}

/* Manual visual de módulos: el catálogo incluye también opciones desactivadas. */
.help-section{max-width:960px;margin:0 0 22px}.help-section h3{margin:0 0 10px;font-size:1rem}.help-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-section-head p{margin:0 0 12px}.help-module-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 12px}.help-module-filters .search-box{flex:1 1 260px;min-width:0}.help-module-filters .button-row{gap:4px}.help-module-filters .is-active{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--card))}.help-module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.help-module{min-width:0;overflow:hidden}.help-module[hidden]{display:none}.help-module>summary{display:flex;align-items:center;gap:8px;min-height:51px;padding:10px 12px;cursor:pointer;list-style:none}.help-module>summary::-webkit-details-marker{display:none}.help-module-title{display:grid;gap:2px;min-width:0;flex:1;font-size:.78rem;font-weight:750}.help-module-title small{font-size:.64rem;font-weight:500;color:var(--muted)}.help-module>summary .pill{font-size:.62rem;white-space:nowrap}.help-module-chevron{font-size:.8rem;color:var(--muted);transition:transform .15s}.help-module[open] .help-module-chevron{transform:rotate(180deg)}.help-module-body{padding:10px 12px 14px;border-top:1px solid var(--line);font-size:.76rem}.help-module-body>p{margin:0 0 9px;line-height:1.45}.help-module-body h4{margin:12px 0 4px;font-size:.78rem}.help-module-body ol{margin:0 0 10px;padding-left:19px}.help-module-body li{margin:4px 0;line-height:1.4}.help-module-body figure{margin:10px 0}.help-module-body figcaption{margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.35}.help-example-image{display:block;width:100%;height:auto;max-width:360px}.help-example-label{font-size:10px;fill:var(--muted)}.help-example-value{font-size:15px;font-weight:700;fill:var(--ink)}@media(max-width:720px){.help-module-list{grid-template-columns:1fr}.help-module-filters .button-row{width:100%;overflow-x:auto;flex-wrap:nowrap}.help-module-filters .button-row .btn{white-space:nowrap}}