:root {
  color-scheme: dark;
  --ink: #f0f0f2;
  --muted: #adadb5;
  --line: #38383f;
  --paper: #141416;
  --white: #202024;
  --green: #6ed5a4;
  --mint: #333338;
  --soft: #2a2a30;
}
body, .authgate { background: var(--paper); color: var(--ink); }
.sidebar { background: #19191d; border-color: var(--line); }
.sidebar > .locationbox { margin:14px 3px 20px; }
.nav #clearButton { margin-top:18px; border:1px solid #8e4b4b; color:#ffbaba; }
.nav #clearWarehouseButton{margin-top:18px;border:1px solid #946740;color:#f7ce9f;}
.nav #clearWarehouseButton:not([hidden]) + #clearButton{margin-top:0;}
@media(max-width:640px){.nav #clearWarehouseButton{margin-top:0}}
@media(max-width:640px){.sidebar > .locationbox{padding:8px 12px;margin:8px 0 0}.sidebar > .locationbox .locname{margin-top:3px;font-size:12px}.nav #clearButton{margin-top:0}}
.brand strong, .locname, .user strong, h1, h2, .paneltitle, .cardval { color: var(--ink); }
.navlabel, .brand span, .today, .breadcrumb, .mobilehint, .cardtop, .cardnote,
.paneltitle small, .foot, .locationbox small, .field label { color: var(--muted); }
.breadcrumb b { color: #ceced5; }
.nav button { color: #bdbdc6; }
.nav button:hover { background: #2b2b31; color: #f5f5f7; }
.nav button.active { background: #36363f; color: #f0f0f5; border-color: #52525e; }
.nav button.danger { color: #f2a58d; border-color: #644235; }
.nav button.danger:hover { background: #3c2821; }
.locationbox, .cardico, .avatar { background: #33333c; color: #d4d4e0; }
.sidebar .user{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;min-width:0;}
.sidebar .user .avatar{width:36px;height:36px;min-width:36px;border-radius:50%;display:grid;place-items:center;line-height:1;}
.sidebar .user>div:not(.avatar){min-width:0;}
.sidebar .user strong{display:block;overflow-wrap:anywhere;line-height:1.5;}
.sidebar .user small{line-height:1.5;}
#cloudLogout{grid-column:1/-1;width:100%;min-width:0;min-height:40px;margin-left:0!important;justify-content:center;}
.card, .panel, .modal, .authcard { background: var(--white); border-color: var(--line); box-shadow: 0 6px 24px #0002; }
.modalbg { background: #08080bbf; z-index:100; }
.modal p, .authcard p, .pagehead p { color: var(--muted); }
.eyebrow, .authbrand, .cardnote em, .authcard button.authlink { color: #bcbccc; }
.btn, .iconbtn, .pages button { background: #303037; color: #ededf2; border-color: #494952; }
.btn:hover, .iconbtn:hover, .pages button:hover { background: #3b3b44; border-color: #737380; }
.btn.primary, .pages .current { background: #297951; border-color: #3b9a6b; color: #fff; }
.btn.primary:hover { background: #328d60; border-color: #6cc694; }
.btn.out { background: #95482e; border-color: #b86544; color: #fff; }
.btn.out:hover { background: #ac5639; border-color: #dd9376; }
button:disabled { opacity: .55; cursor: not-allowed; }
input, select, .search input, .filters select, .field input, .field select, .authcard input {
  background: #18181c; color: #f2f2f5; border-color: #484852;
}
input::placeholder { color: #9f9fab; opacity: 1; }
input:disabled, select:disabled { background: #2d2d33; color: #bfbfc9; opacity: 1; }
input:focus, select:focus, .search input:focus, .filters select:focus { border-color: #aaaacc; outline: 2px solid #aaaacc2b; outline-offset: 1px; }
button:focus-visible, a:focus-visible { outline: 2px solid #bcbcd9; outline-offset: 3px; }
option { background: #232329; color: #f2f2f5; }
th { background: #2b2b31; color: #bdbdc8; border-color: var(--line); }
td { color: #ddddE4; border-color: #35353c; }
#inventoryPage table th, #inventoryPage table td { text-align:center; vertical-align:middle; }
#inventoryPage td.qty { font-variant-numeric:tabular-nums; }
#inventoryPage .novelty-value { justify-content:center; }
tbody tr:hover { background: #292930; }
.product { color: #f2f2f5; }
.sku { color: #a7a7b3; }
.zero { color: #8fa397; }
.tag { background: #1e422e; color: #8ae3ae; }
.tag.low, .tag.stock-reorder { background: #4b321a; color: #ffbd77; }
.tag.stock-empty { background: #4b2427; color: #ff9da5; }
.rowmenu, .search span, .viewtoggle button { color: #b2b2c0; }
.viewtoggle { border-color: #44444f; }
.viewtoggle button.sel { background: #43434f; color: #e0e0ee; }
.authstatus, .admin-status { color: #ffc394; }
.toast { background: #3a3a46; color: #f5f5ff; border: 1px solid #777789; box-shadow: 0 8px 24px #0005; }
a { color: #bbbbf0; }
* { scrollbar-color: #585861 #202025; }
@media (max-width:640px) {
  .sidebar { background: #19191d; box-shadow: 0 3px 14px #0005; }
  .nav button { border-color: #44444d; }
  .nav button.active { border-color: #626271; }
}

.toast{z-index:2000;max-width:calc(100vw - 32px)}
.btn[hidden], .branch-account #exportImageButton, .branch-account #exportExcelButton { display:none!important; }
.nav button[hidden] { display:none!important; }
.nav .ico { flex-shrink:0; }
.nav button { line-height:1.4; }
.toast { left:50%; right:auto; bottom: max(28px, env(safe-area-inset-bottom)); transform:translate(-50%, 8px); text-align:center; width:max-content; }
.toast.show { transform:translate(-50%, 0); }
#modalbg { flex-direction:column; align-items:center; }
.final-success { flex-shrink:0; width:min(450px,100%); margin-top:12px; padding:14px 18px; text-align:center; background:#244334; border:1px solid #4d8063; color:#d6f8e3; border-radius:10px; font-weight:600; box-shadow:0 8px 24px #0003; }
.final-success[hidden] { display:none; }
.inventory-record-actions { display:flex; flex-direction:column; gap:9px; }
.inventory-record-actions .btn { justify-content:center; }
.btn.transfer-action{background:#285f9b;border-color:#538bd0;color:#fff;font-weight:700}
.btn.changes-action { background:#e9bb43; border-color:#f2cf6d; color:#24200f; font-weight:700; }
.btn.changes-action:hover { background:#f5cc60; }
.btn.changes-action:disabled { opacity:.6; cursor:wait; }
.change-cell { white-space:nowrap; }
.novelty-value { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.novelty-value > span { min-width:1ch; }
.change-note-button { flex-shrink:0; border:1px solid #8d783e; border-radius:8px; background:#413820; color:#f7d87e; padding:7px 9px; min-height:36px; min-width:38px; font-size:12px; cursor:pointer; }
.change-note-button:hover { background:#5c4b26; }
.change-note-button:focus-visible { outline:2px solid #f7d87e; outline-offset:3px; }
.novelty-type { display:table; padding:5px 10px; margin-bottom:12px; border-radius:20px; font-size:12px; font-weight:700; background:#514326; color:#ffe29a; }
.novelty-dano { background:#542d35; color:#ffc2cc; }
.novelty-reposicion { background:#284b3a; color:#b9f1d0; }
.change-history-entry strong { display:block; line-height:1.6; overflow-wrap:anywhere; }
.changes-overlay { flex-direction:column; align-items:center; z-index:120; }
.changes-overlay .field textarea { width:100%; resize:vertical; min-height:88px; padding:11px; border:1px solid #4b4b57; background:#2b2b33; border-radius:8px; color:#f1f1f7; font:inherit; }
.change-error { color:#ffb6be; font-size:13px; line-height:1.5; }
.change-error:empty { display:none; }
.change-history-entry { border:1px solid #44444f; background:#28282f; padding:14px; margin-top:12px; border-radius:10px; }
.change-history-entry small { display:block; color:#b4b4c2; margin-top:5px; }
.change-history-entry p { white-space:pre-wrap; overflow-wrap:anywhere; margin:12px 0 0; color:#eeeef5; }
#changeDetailsList { max-height:55dvh; overflow-y:auto; }
.branch-account .nav, .branch-account .navlabel { display:none; }
.branch-account .actions #finalButton { min-height:48px; }
@media(max-width:640px) {
  .main { padding:20px 14px 32px; }
  .top { margin-bottom:20px; }
  .brand { margin-bottom:10px; }
  .pagehead h1 { font-size:28px; line-height:1.2; letter-spacing:-.8px; }
  .pagehead p { line-height:1.5; }
  .actions { justify-content:flex-start; }
  .actions .btn { min-height:46px; }
  input, select, .field input, .field select, .search input, .filters select, .authcard input { font-size:16px; min-height:46px; }
  .modalbg { align-items:flex-start; padding:16px; padding-top:max(16px, env(safe-area-inset-top)); padding-bottom:max(16px, env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; }
  .modal { padding:22px 18px; max-height:calc(100dvh - 32px); overflow-y:auto; }
  #modalbg { justify-content:flex-start; }
  #modalbg:has(.final-success:not([hidden])) .modal { max-height:calc(100dvh - 110px); }
  .modal h2 { font-size:21px; line-height:1.3; }
  .modalactions { display:grid; grid-template-columns:1fr 1.5fr; gap:10px; }
  .modalactions .btn { justify-content:center; min-height:46px; padding:11px 12px; }
  .toast { top:50%; bottom:auto; transform:translate(-50%, calc(-50% + 8px)); padding:16px 22px; font-size:15px; font-weight:600; box-shadow:0 12px 40px #0009; }
  .toast.show { transform:translate(-50%, -50%); }
  .branch-account .sidebar { position:static; padding:12px 16px; }
  .branch-account .brand { margin-bottom:0; }
  .branch-account .top { display:none; }
  .branch-account .pagehead { gap:18px; }
  .branch-account .actions #finalButton { flex:1 1 100%; width:100%; }
  .inventory-record-actions { flex:1 1 100%; width:100%; }
  .inventory-record-actions .btn { width:100%; }
  .changes-overlay { justify-content:flex-start; }
  .changes-overlay .field textarea { font-size:16px; }
  .changes-overlay:has(.final-success:not([hidden])) .modal { max-height:calc(100dvh - 110px); }
  .branch-account .change-cell { white-space:nowrap; }
  .change-note-button { min-height:42px; min-width:42px; }
  .branch-account #inventoryPage th:first-child { width:28%; }
  .branch-account #inventoryPage th:nth-child(7) { width:18%; }
  .branch-account #inventoryPage th:nth-child(8) { width:18%; }
  .branch-account #inventoryPage th:last-child { width:22%; }
  .branch-account #inventoryPage table { min-width:560px; table-layout:fixed; }
  .branch-account #inventoryPage th, .branch-account #inventoryPage td { padding:12px 7px; overflow-wrap:anywhere; }
  .branch-account #inventoryPage th { font-size:9px; letter-spacing:.25px; }
  .branch-account #inventoryPage td { font-size:12px; }
  .branch-account #inventoryPage th:first-child { width:28%; }
  .branch-account #inventoryPage th:nth-child(7) { width:18%; }
  .branch-account #inventoryPage th:last-child { width:22%; }
  .branch-account .tag { font-size:9px; padding:5px 6px; gap:3px; white-space:nowrap; }
  .branch-account .sku { font-size:9px; }
  .branch-account .filters { gap:8px; }
  .branch-account .filters select { width:100%; min-width:0; }
  .branch-account .mobilehint { display:block; }
  .branch-account .rowmenu { display:none; }
  .branch-account .panelhead { padding:16px 14px; }
}
.mobile-logout{display:none;}
@media(max-width:640px){
  .brand .mobile-logout{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;min-width:64px;min-height:44px;padding:10px 14px;}
  .brand>div:nth-child(2){min-width:0;}
}
.nav #navVega{background:#642c32;color:#ffe1e3;border:1px solid #a84a56;}
.nav #navBebidas{background:#203e6b;color:#d9eaff;border:1px solid #3c6fae;}
.nav #navDesechables{background:#f2f2f5;color:#25252c;border:1px solid #ffffff;}
.nav #navVerduras{background:#1e5034;color:#dcffe9;border:1px solid #398b58;}
.nav #navVega:hover,.nav #navBebidas:hover,.nav #navDesechables:hover,.nav #navVerduras:hover{filter:brightness(1.15);}
.nav #navVega.active,.nav #navBebidas.active,.nav #navDesechables.active,.nav #navVerduras.active{box-shadow:none;font-weight:800;}
.empty-inventory{text-align:center;padding:28px;color:var(--muted);}

.nav #navVega.active{background:#78333d;border-color:#e96b78;}
.nav #navBebidas.active{background:#2b5087;border-color:#77a9ec;}
.nav #navDesechables.active{background:#fff;border-color:#b9becb;}
.nav #navVerduras.active{background:#286540;border-color:#68bf80;}
.readonly-account #entryButton,.readonly-account #exitButton,.readonly-account #finalButton,
.readonly-account #changesButton,.readonly-account #clearButton,.readonly-account #deleteMovementsButton,
.readonly-account #exportImageButton,.readonly-account #exportExcelButton,
.readonly-account #adminPage .admin-create,.readonly-account #downloadSelectedReport,
.readonly-account #reportRows button:last-child{display:none!important;}
.nav #navSedes{background:#503467;color:#f3e5ff;border:1px solid #8c5eae;}
.nav #navMovements{background:#69411e;color:#fff0d9;border:1px solid #ae743b;}
.nav #navReports{background:#20525b;color:#defbff;border:1px solid #438b98;}
.nav #navAdmin{background:#383d70;color:#e9eaff;border:1px solid #6b74b5;}
.nav #navSedes:hover,.nav #navMovements:hover,.nav #navReports:hover,.nav #navAdmin:hover{filter:brightness(1.15);}
.nav #navSedes.active,.nav #navMovements.active,.nav #navReports.active,.nav #navAdmin.active{box-shadow:none;font-weight:800;}
.nav #navSedes.active{background:#654183;border-color:#be8ce1;}
.nav #navMovements.active{background:#815027;border-color:#e8a65f;}
.nav #navReports.active{background:#296773;border-color:#79c7d4;}
.nav #navAdmin.active{background:#494f8d;border-color:#a1aaf0;}
.sales-reports{display:grid;gap:18px;margin:0 0 28px;}
.sales-reports [hidden]{display:none!important;}
.sales-muted{color:var(--muted);font-size:12px;line-height:1.5;margin:6px 0;}
.sales-explanation{padding:0 22px;color:var(--muted);font-size:12px;line-height:1.6;}
.sales-filters,.sales-price-editor{display:flex;flex-wrap:wrap;gap:12px;padding:12px 22px 20px;align-items:end;}
.sales-filters label,.sales-price-editor label{display:grid;gap:7px;flex:1 1 130px;color:var(--muted);font-size:12px;min-width:0;}
.sales-filters input,.sales-filters select,.sales-price-editor input:not([type=checkbox]),.sales-price-editor select{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:9px;}
.sales-filters label:nth-child(5){flex-basis:230px;}
.sales-notice{padding:0 22px 18px;color:#e4c386;line-height:1.6;font-size:12px;}
.sales-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 22px 22px;}
.sales-metrics>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#292930;}
.sales-metrics small{display:block;color:var(--muted);font-size:11px;}
.sales-metrics strong{display:block;font:800 25px Manrope;margin-top:10px;overflow-wrap:anywhere;}
.sales-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.sales-charts>section:last-child{grid-column:1/-1;}
.sales-chart{padding:0 20px 20px;display:grid;gap:13px;}
.sales-bar-row{display:grid;grid-template-columns:minmax(85px,1fr) minmax(60px,2fr) auto;align-items:center;gap:10px;font-size:11px;}
.sales-bar-row>span{overflow-wrap:anywhere;}
.sales-bar-track{height:13px;background:#34343c;border-radius:5px;overflow:hidden;}
.sales-bar-track i{display:block;height:100%;background:#6aafd0;border-radius:5px;}
.sales-table{min-width:1550px;}.sales-table td,.sales-table th{text-align:center;vertical-align:middle;}
.sales-table td:nth-child(3){font-weight:700;}.sales-table td small{display:block;margin-top:6px;color:var(--muted);}
.sales-check{display:flex!important;align-items:center;gap:8px;font-size:12px;line-height:1.4;}
.sales-price-panel>summary{padding:20px 22px;font-weight:700;cursor:pointer;}
.sales-price-panel .sales-price-editor .sales-check{flex-basis:230px;}
@media(max-width:640px){.sales-reports{gap:13px;}.sales-reports .panelhead{align-items:flex-start;gap:12px;flex-wrap:wrap;}.sales-explanation{padding:0 14px;}.sales-filters,.sales-price-editor{padding:10px 14px 16px;gap:10px;}.sales-filters label{flex-basis:calc(50% - 5px);}.sales-filters label:nth-child(5){flex-basis:100%;}.sales-filters .btn{width:100%;justify-content:center;min-height:44px;}.sales-filters input,.sales-filters select,.sales-price-editor input:not([type=checkbox]),.sales-price-editor select{font-size:16px;}.sales-metrics{grid-template-columns:1fr;padding:0 14px 16px;}.sales-metrics strong{font-size:26px;}.sales-charts{grid-template-columns:1fr;}.sales-charts>section:last-child{grid-column:auto;}.sales-chart{padding:0 14px 18px;}.sales-notice{padding:0 14px 16px;}.sales-bar-row{grid-template-columns:minmax(75px,1fr) minmax(60px,1.4fr) auto;}.sales-price-panel>summary{padding:18px 14px;}}
.sales-category-label{display:grid;gap:5px;font-size:11px;color:var(--muted);}
.sales-category-label[hidden]{display:none!important;}
.sales-category-label select{min-height:42px;}
.sales-period-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 22px 6px;}
.sales-period-actions .btn{min-height:42px;}
.sales-report-options{padding:0 22px 14px;color:var(--muted);font-size:12px;}
.sales-report-options summary{cursor:pointer;width:fit-content;padding:5px 0;}
.sales-report-options label{padding:10px 0 0;}
#salesNotice:empty{display:none;}
.daily-report-meta{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0 22px 20px;color:var(--muted);font-size:12px;}
.daily-report-meta strong{color:var(--ink);}
.daily-report-panel{margin-bottom:18px;}
@media(max-width:640px){.sales-report-options{padding:0 14px 12px}.daily-report-meta{padding:0 14px 16px;gap:10px;flex-direction:column}}
.sales-site-products{display:grid;gap:18px;}
#ordersPage[hidden]{display:none!important;}
#ordersPage>.panel,#ordersPage>details{margin-bottom:20px;}
.nav #navOrders{background:#574827;color:#ffedb1;border:1px solid #99804e;}
.nav #navOrders.active{background:#786134;border-color:#e9c878;}
.orders-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:0 22px 14px;}
.orders-filters label{display:grid;gap:7px;font-size:12px;color:var(--muted);}
.orders-filters input{min-height:44px;padding:9px;border:1px solid var(--line);border-radius:8px;}
.orders-table{min-width:740px;width:100%;}
.orders-table th,.orders-table td{text-align:center;}
.orders-table td:first-child{font-weight:700;}
.orders-week-table{min-width:1000px;}
.orders-table .order-needed{font-size:20px;font-weight:800;color:#ffdb73;}
.orders-table tfoot{font-weight:800;background:#303741;}
.orders-table tfoot td{border-top:2px solid #e9c878;}
@media(max-width:640px){.orders-filters{padding:0 14px 14px;align-items:stretch}.orders-filters label{flex:1;min-width:150px}.orders-filters input{width:100%;font-size:16px}.orders-filters .btn{justify-content:center}#ordersPage>.panel{margin-bottom:14px}}
.sales-calculation-detail>summary{padding:20px 22px;font-weight:700;cursor:pointer;}
.sales-product-summary{min-width:680px;width:100%;}
.sales-product-summary td,.sales-product-summary th{text-align:center;white-space:normal;}
.sales-product-summary td:first-child{font-weight:700;}
.sales-product-summary tfoot{background:#303741;color:#fff;font-weight:800;}
.sales-product-summary tfoot td,.sales-product-summary tfoot th{border-top:2px solid #6aafd0;padding-top:18px;padding-bottom:18px;}
.sales-product-summary td:last-child{font-size:11px;max-width:240px;color:var(--muted);}
.sales-site-product-panel .paneltitle{margin:0;font-size:16px;}
@media(max-width:640px){.sales-calculation-detail>summary{padding:18px 14px}.sales-site-products{gap:13px}.sales-product-summary{min-width:620px}}
#salesSiteSummary td{text-align:center;}
.sales-table td:nth-child(12){min-width:230px;max-width:300px;white-space:normal;}
@media(max-width:640px){.sales-period-actions{padding:0 14px 6px}.sales-period-actions .btn{flex:1;justify-content:center}}
.sales-reports .tablewrap{max-height:520px;overflow:auto;}
.sales-reports .tablewrap th{position:sticky;top:0;z-index:1;}

@media(min-width:901px){#movementPage>.cards{grid-template-columns:repeat(3,minmax(0,1fr));}}

.tag.stock-pending{background:#303c53;color:#bdd2ff;}

.evidence-actions{display:flex;gap:8px;flex-wrap:wrap}.evidence-actions .btn{flex:1}.evidence-field small{color:#b9bac4}.evidence-field input[hidden],#evidencePreview[hidden]{display:none!important}#evidencePreview img,.novelty-evidence-photo{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:10px;margin:10px 0;background:#151519}.evidence-view{margin-top:8px}#movementPage .filters{flex-wrap:wrap}#movementPage .filters select{min-width:140px;flex:1}@media(max-width:600px){#movementPage .filters .search{flex-basis:100%}#movementPage .filters select{width:100%;min-width:0;flex-basis:100%}.evidence-actions .btn{min-height:44px}}

#takeEvidence.btn,#uploadEvidence.btn{background:#2865b5;border-color:#5595e8;color:#fff;font-weight:700;justify-content:center}#takeEvidence.btn:hover,#uploadEvidence.btn:hover{background:#3479ce}#closeChanges.btn,#closeChangeDetails.btn{background:#b84249;border-color:#e46b72;color:#fff;font-weight:700;justify-content:center}#closeChanges.btn:hover,#closeChangeDetails.btn:hover{background:#cc5058}

.btn.close-action{background:#b84249;border-color:#e46b72;color:#fff;font-weight:700;justify-content:center}.btn.close-action:hover{background:#cc5058}

.branch-account .nav{display:grid;gap:8px}.branch-account .navlabel{display:block}.branch-account .nav button[hidden]{display:none!important}@media(max-width:640px){.branch-account .nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.branch-account .nav button{width:100%;min-height:48px;white-space:normal;text-align:left;padding:10px}.branch-account .navlabel{margin-top:16px}.branch-account .brand{padding-right:65px}}

.branch-account .nav #navSedes{background:#642c32;color:#ffe1e3;border:1px solid #a84a56}.branch-account .nav #navSedes.active{background:#78333d;border-color:#e96b78;box-shadow:none;font-weight:800}