:root{
  --nav:#0f2f36;--nav-hover:#18454e;--nav-active:#e6f2f0;--bg:#f6f8f8;--card:#ffffff;
  --text:#163038;--muted:#6b7f84;--line:#dce5e6;--accent:#1f6a70;--accent2:#2d7b66;
  --green:#2d7b5b;--amber:#9a6815;--red:#ad4646;--blue:#456a8f;--purple:#705b91;
  --shadow:0 1px 2px rgba(15,47,54,.04),0 8px 28px rgba(15,47,54,.05)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:15px}button,input,select{font:inherit}button{min-height:42px}.layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);color:#fff;padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;flex-direction:column;gap:3px;padding:5px 12px 20px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:14px}.brand b{font-size:20px;letter-spacing:-.02em}.brand span{font-size:10px;letter-spacing:.16em;opacity:.65}.sidebar nav{display:grid;gap:5px}.sidebar a,.sidebar nav>span{color:#d6e6e7;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;min-height:42px}.sidebar a:hover{background:var(--nav-hover);color:#fff}.sidebar a.active{background:var(--nav-active);color:var(--nav);font-weight:750}.sidebar em{font-size:10px;font-style:normal;opacity:.55}.content{padding:24px 28px 36px;min-width:0;max-width:1700px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.topbar h1{margin:0;font-size:27px;letter-spacing:-.03em}.topbar p{margin:4px 0 0;color:var(--muted)}.userbox{display:flex;align-items:center;gap:12px}.userbox>div{display:flex;flex-direction:column;text-align:right}.userbox span{color:var(--muted);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpis article,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.kpis article{padding:16px 17px;position:relative;overflow:hidden}.kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.kpis article:nth-child(2):before{background:var(--blue)}.kpis article:nth-child(3):before{background:var(--green)}.kpis article:nth-child(4):before{background:var(--purple)}.kpis span{display:block;color:var(--muted);font-size:12px;font-weight:650}.kpis strong{display:block;font-size:24px;margin-top:7px;letter-spacing:-.03em}.kpis small{display:block;color:var(--muted);font-size:11px;margin-top:7px;line-height:1.35}.panel{padding:18px;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.panel h2{margin:0;font-size:17px;letter-spacing:-.015em}.panel p{color:var(--muted);margin:4px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary,.ghost{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700;transition:.16s ease}.primary{background:var(--accent);color:#fff}.primary:hover{filter:brightness(.94)}.ghost{background:#edf2f2;color:var(--text)}.ghost:hover{background:#e4ecec}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbfb}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.055em;background:#f7f9f9;position:sticky;top:0;z-index:1}td small{display:block;color:var(--muted);margin-top:3px}.badge{font-size:11px;padding:5px 8px;border-radius:999px;background:#e7f4ed;color:var(--green);font-weight:700;white-space:nowrap}.badge.amber{background:#fff2d9;color:var(--amber)}.badge.red{background:#fde9e9;color:var(--red)}.badge.gray{background:#edf0f1;color:#687477}.activity>div{display:grid;grid-template-columns:150px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.activity>div:last-child{border-bottom:0}.activity span,.activity time{color:var(--muted);font-size:13px}.product-form{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.product-form label,.dialog-card label,.login-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:650}.product-form input,.dialog-card input,.login-card input,.search,select,.checkout input,.cash-form input,.filter-row input,.expense-form input,.settings-form input,.purchase-meta input,.purchase-line input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 12px;color:var(--text);outline:none;min-height:42px}.product-form input:focus,.dialog-card input:focus,.login-card input:focus,.search:focus,select:focus,.checkout input:focus,.cash-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,106,112,.12)}.wide{grid-column:span 2}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}.search{min-width:280px}.login-body{min-height:100vh;display:grid;place-items:center;background:#edf3f3}.login-card{width:min(390px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.login-card h1{margin:12px 0 4px}.login-card p{margin:0 0 20px;color:var(--muted)}.login-card form{display:grid;gap:14px}.login-card .primary{margin-top:5px}.login-card small{display:block;color:var(--muted);margin-top:18px}.brand-mark{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--nav);color:#fff;font-weight:800}.error{background:#fdeaea;color:var(--red);padding:10px;border-radius:9px;margin-bottom:12px}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(13,33,37,.45)}.dialog-card{padding:22px;min-width:360px;display:grid;gap:12px}.dialog-card h3{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.pos-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:16px;align-items:start}.scanner-row{display:flex;gap:9px}.scanner{flex:1;min-width:0;font-size:16px}.search-results{display:grid;gap:6px;margin-top:10px}.result{width:100%;border:1px solid var(--line);background:#fff;padding:11px 12px;border-radius:10px;display:grid;grid-template-columns:1fr auto;text-align:left;cursor:pointer;color:var(--text)}.result:hover{border-color:#b8cccf;background:#fbfdfd}.result span{grid-column:1;color:var(--muted);font-size:12px}.result strong{grid-column:2;grid-row:1/3;align-self:center}.cart-lines{margin-top:14px;display:grid;gap:4px}.empty{border:1px dashed #bfd0d2;padding:34px;text-align:center;border-radius:12px;color:var(--muted);background:#fafcfc}.line-item{display:grid;grid-template-columns:minmax(0,1fr) 74px 100px 38px;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.line-item small{display:block;color:var(--muted);margin-top:3px}.line-item input{width:100%}.line-item button{border:0;border-radius:8px;background:#f8e8e8;color:var(--red);font-size:20px;cursor:pointer}.checkout{position:sticky;top:20px;display:grid;gap:14px}.checkout>h2{padding-bottom:10px;border-bottom:1px solid var(--line)}.checkout label,.cash-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}.totals{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:10px}.totals>div{display:flex;justify-content:space-between}.grand{font-size:18px;background:#f3f8f7;padding:12px;border-radius:11px}.grand strong{font-size:27px;color:var(--nav)}.checkout-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:8px}.hint{font-size:11px!important}.message{min-height:22px;margin-top:8px;font-size:13px}.message.ok,#cashMsg.ok{color:var(--green)}.message.err,#cashMsg.err,.err{color:var(--red)}.cash-warning{border-left:4px solid var(--amber)}.cash-warning .button{margin-top:12px}.narrow-panel{max-width:650px}.cash-form{display:flex;align-items:end;gap:10px;margin-top:16px}.cash-form label{flex:1}.cash-kpis{grid-template-columns:repeat(4,1fr)}
.purchase-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.55fr);gap:16px;align-items:start}.purchase-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.purchase-meta label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}.purchase-search{margin-top:8px}.purchase-line{display:grid;grid-template-columns:minmax(0,1fr) 95px 120px 110px 38px;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:11px 0}.purchase-line small{display:block;color:var(--muted);margin-top:3px}.purchase-line label{display:grid;gap:5px;color:var(--muted);font-size:12px}.purchase-line .remove{border:0;border-radius:8px;background:#f8e8e8;color:var(--red);font-size:20px;cursor:pointer;height:38px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.dashboard-grid,.report-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.mini-chart{height:215px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding-top:12px}.bar-col{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:5px;text-align:center;min-width:0}.bar-track{height:145px;background:#edf2f2;border-radius:8px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,#2b7780,#1e5d65);border-radius:8px 8px 0 0;min-height:2px}.bar-col b{font-size:11px;white-space:nowrap}.bar-col span{font-size:11px;color:var(--muted)}.metric-list{display:grid;gap:0}.metric-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.metric-list>div:last-child{border-bottom:0}.metric-list span{color:var(--muted)}.metric-list .neg{color:var(--red)}.filter-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter-row label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}.close-banner{border:1px solid var(--line);background:#eef6f6;border-left:4px solid var(--accent);border-radius:12px;padding:14px 16px;margin-bottom:18px;display:flex;gap:12px;align-items:center}.close-banner span{color:var(--muted)}.close-banner.ok{background:#eaf5ef;border-left-color:var(--green)}.close-banner.warn{background:#fff4df;border-left-color:var(--amber)}button:disabled{opacity:.55;cursor:not-allowed}.progress{height:8px;background:#e8eeee;border-radius:999px;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:var(--accent);border-radius:inherit}.expense-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.expense-form label,.settings-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-form button,.settings-form .message{grid-column:1/-1}.panel-note{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:5px}.panel-note span{font-size:22px;font-weight:700}.panel-note small{color:var(--muted);line-height:1.4}.danger{color:var(--red)}.compact-table{max-height:420px}.compact-table button{padding:7px 9px}
@media(max-width:1050px){.layout{grid-template-columns:210px minmax(0,1fr)}.content{padding:20px}.kpis{grid-template-columns:repeat(2,1fr)}.pos-grid,.purchase-grid,.dashboard-grid,.report-grid{grid-template-columns:1fr}.checkout{position:static}.cash-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px}.brand{padding-bottom:12px}.sidebar nav{grid-template-columns:repeat(2,1fr)}.content{padding:14px}.topbar{align-items:flex-start;flex-direction:column}.userbox{width:100%;justify-content:space-between}.userbox>div{text-align:left}.product-form{grid-template-columns:repeat(2,1fr)}.activity>div{grid-template-columns:1fr}.search{min-width:0;width:100%}.panel-head{align-items:flex-start;flex-direction:column}.purchase-meta{grid-template-columns:1fr}.purchase-line{grid-template-columns:1fr 90px 110px}.purchase-line>b{grid-column:1}.purchase-line .remove{grid-column:3;grid-row:2}.mini-chart{gap:7px}.bar-col b{font-size:10px}.expense-form,.settings-form{grid-template-columns:1fr}.expense-form .wide{grid-column:auto}}
@media(max-width:520px){.kpis,.product-form{grid-template-columns:1fr}.wide{grid-column:auto}.sidebar nav{grid-template-columns:1fr 1fr}.dialog-card{min-width:0;width:min(90vw,360px)}.line-item{grid-template-columns:1fr 62px}.line-item>b{grid-column:1}.line-item button{grid-column:2;grid-row:2}.scanner-row,.cash-form{flex-direction:column;align-items:stretch}.checkout-actions{grid-template-columns:1fr}.cash-kpis{grid-template-columns:1fr}.mini-chart{overflow-x:auto;grid-template-columns:repeat(7,minmax(58px,1fr));padding-bottom:5px}.close-banner{align-items:flex-start;flex-direction:column}}
.historical-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.filter-row .historical-tag{align-self:end;margin-bottom:2px}

.sidebar nav>.nav-heading{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.65;padding:16px 12px 4px;min-height:0}.nav-user{display:block;margin:20px 12px;line-height:1.8;color:#c4dcdf}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.quick-actions a{padding:18px;border:1px solid var(--line);background:#fff;border-radius:14px;color:var(--accent);text-decoration:none;font-weight:750;box-shadow:var(--shadow)}.quick-actions a:hover{border-color:var(--accent);background:#eef6f5}.checklist{display:grid;gap:16px;margin-top:18px}.checklist label{display:flex;gap:10px;align-items:center}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}summary{cursor:pointer;padding:9px 0;font-weight:650}input:not([type=checkbox]),textarea{max-width:100%}:focus-visible{outline:3px solid #2b8f9a;outline-offset:3px}.cod-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.content>p[role=status]{min-height:24px}.stock-filter{max-width:220px}.home-status{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.home-status a{background:#edf6f4;border-radius:12px;padding:16px;text-decoration:none;color:var(--text)}.home-status b{display:block;font-size:20px;margin-top:6px}.panel>ul{line-height:1.9}.help-text{line-height:1.7;color:var(--muted)}
@media(max-width:760px){.quick-actions,.home-status{grid-template-columns:repeat(2,1fr)}.sidebar nav>.nav-heading{grid-column:1/-1}.nav-user{display:none}}
@media(max-width:520px){.quick-actions,.home-status{grid-template-columns:1fr}}

.dialog-card{max-height:85vh;overflow-y:auto}.panel[data-id] label{display:grid;gap:6px;margin:12px 0;max-width:600px;color:var(--muted);font-size:13px}.panel[data-id] input{border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--text)}input[type=checkbox]{min-height:18px;padding:0}.activity span{overflow-wrap:anywhere}
/* Panel comercial compartido por Inicio de Caja y Operación diaria. */
.team-board{margin:20px 0 24px;padding:24px;background:linear-gradient(135deg,#eef6f2,#f6f5ec 58%,#f4f8f8);border:1px solid #d5e4de;border-radius:20px;color:#163038}.team-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.team-eyebrow{font-size:10px;letter-spacing:.17em;color:#456d62;font-weight:750}.team-heading h2{font-size:27px;letter-spacing:-.03em;margin:7px 0}.team-heading p{margin:0;color:#597278}.team-status{font-size:13px}.team-overview{display:grid;grid-template-columns:1fr 1.35fr;gap:18px;margin-top:18px}.team-goal{background:#153f44;color:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:center}.team-goal>strong{font-size:54px;letter-spacing:-.06em;margin:6px 0}.team-goal>span{font-size:13px;color:#c3ddd7}.team-goal p{margin:6px 0;line-height:1.5}.team-goal small{color:#c3ddd7;line-height:1.5}.team-goal progress{appearance:none;border:0;width:100%;height:10px;background:#45686c;border-radius:8px;margin:16px 0;overflow:hidden}.team-goal progress::-webkit-progress-bar{background:#45686c}.team-goal progress::-webkit-progress-value{background:#beddb7;border-radius:8px}.team-goal progress::-moz-progress-bar{background:#beddb7}.team-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-numbers article{background:#fff;border:1px solid #dce5e6;border-radius:14px;padding:18px}.team-numbers span,.team-numbers small{display:block;color:#61797c;font-size:12px;line-height:1.5}.team-numbers strong{display:block;font-size:26px;margin:8px 0;font-variant-numeric:tabular-nums}.team-board a{color:#236c66;font-size:13px;font-weight:700;text-decoration:none}.team-numbers a{display:inline-block;margin-top:10px}.team-chart-panel{padding:20px;background:#fff;border:1px solid #dce5e6;border-radius:16px;margin-top:18px}.team-chart-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.team-chart-heading h3,.team-tips-heading h3{font-size:17px;margin:0}.team-switch{display:flex;gap:6px}.team-switch button{font-size:12px;padding:8px 10px}.team-switch [aria-pressed=true]{background:#1f6a70;color:#fff}.team-chart{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:12px;overflow-x:auto;padding:20px 0 4px}.team-bar{display:flex;flex-direction:column;gap:8px;text-align:center;font-size:11px;min-width:0}.team-bar b{font-size:11px;white-space:nowrap}.team-bar-track{height:130px;display:flex;align-items:flex-end;background:#f0f5f3;border-radius:8px;overflow:hidden}.team-bar-fill{width:100%;background:linear-gradient(#64a092,#256768);border-radius:8px 8px 0 0}.team-bar-fill.negative{background:#b95858}.team-chart-channels{grid-template-columns:repeat(2,minmax(120px,1fr));max-width:600px;margin:auto}.team-footnote{font-size:12px;color:#61797c;line-height:1.6;margin:12px 0 0}.team-tips-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:22px 0 12px}.team-tips-heading>span{font-size:11px;color:#61797c}.team-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-tip{background:#fffdf8;border:1px solid #e5e2d7;border-radius:14px;padding:18px}.team-tip h4{margin:0 0 8px;font-size:15px}.team-tip p{font-size:13px;line-height:1.6;color:#526c6b;margin:0 0 12px}.team-fold{margin-bottom:18px}.team-fold>summary{padding:14px 18px;background:#e7f1ed;border-radius:12px;color:#225e59}.team-board [hidden]{display:none!important}
@media(max-width:1100px){.team-overview{grid-template-columns:1fr}.team-goal>strong{font-size:42px}.team-goal{padding:20px}.team-chart-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.team-board{padding:16px}.team-numbers,.team-tips{grid-template-columns:1fr}.team-heading h2{font-size:23px}.team-tips-heading{align-items:flex-start;flex-direction:column}.team-chart-panel{padding:14px}}

.live-connection{margin:12px 16px;font-size:12px;line-height:1.5;color:#d6e4df}.live-connection button{display:block;margin-top:8px;padding:7px 10px;font-size:12px}.live-connection button[hidden]{display:none}