:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}.app-shell{max-width:560px;min-height:100vh;margin:0 auto;background:#f8fafc;padding:22px 18px 40px}.hidden{display:none!important}.brand{display:flex;gap:14px;align-items:center;padding:26px 4px 18px}.brand-mark{width:52px;height:52px;border-radius:16px;background:#0f172a;color:white;display:grid;place-items:center;font-size:28px;font-weight:800}.brand h1{margin:0;font-size:28px}.brand p{margin:4px 0 0;color:#64748b;font-size:14px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#e9eef5;border-radius:14px;padding:4px;margin-bottom:14px}.tab{border:0;background:transparent;padding:11px;border-radius:11px;font-weight:700;color:#64748b}.tab.active{background:white;color:#0f172a;box-shadow:0 2px 8px rgba(15,23,42,.06)}.card{background:#fff;border:1px solid #e5eaf0;border-radius:18px;padding:18px;box-shadow:0 8px 28px rgba(15,23,42,.04)}.form{display:grid;gap:14px}.form h2,.form h3{margin:0 0 3px}.form label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#334155}.form label span{font-weight:500;color:#94a3b8}.form input{width:100%;border:1px solid #d8e0e8;border-radius:12px;padding:13px 14px;font-size:16px;background:#fff;outline:none}.form input:focus{border-color:#0f172a;box-shadow:0 0 0 3px rgba(15,23,42,.06)}button{font:inherit;cursor:pointer}.primary,.secondary{border:0;border-radius:13px;padding:13px 15px;font-weight:800}.primary{background:#0f172a;color:#fff}.secondary{background:#e9eef5;color:#0f172a}.link-btn{border:0;background:transparent;color:#334155;font-weight:700}.check{grid-template-columns:20px 1fr!important;align-items:start!important}.check input{width:18px!important;height:18px!important;margin-top:1px}.inline-code{display:flex;align-items:center;gap:10px}.muted{color:#94a3b8;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.icon-btn{border:0;background:#eef2f7;border-radius:10px;width:34px;height:34px;font-size:22px}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;margin:4px 0 18px}.topbar:has(.back){grid-template-columns:auto 1fr auto}.topbar h2{margin:1px 0 0;font-size:23px}.eyebrow{font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.avatar,.back{border:0;background:#fff;border-radius:13px;width:44px;height:44px;box-shadow:0 3px 12px rgba(15,23,42,.06)}.today-card{background:#0f172a;color:#fff;border-radius:22px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.today-card>div{display:grid;gap:4px}.today-card span,.today-card small{color:#b9c4d3}.today-card strong{font-size:24px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.quick{border:1px solid #e5eaf0;background:#fff;border-radius:18px;padding:20px 15px;display:flex;align-items:center;gap:12px;font-weight:800;color:#0f172a}.quick b{width:38px;height:38px;border-radius:12px;background:#eef2f7;display:grid;place-items:center;font-size:20px}.quick.primary-action{background:#e8f5ec;border-color:#d2ead9}.quick.primary-action b{background:#cfe8d7}.dashboard-card{margin-bottom:14px}.dashboard-card h3{margin:0}.dashboard-card p{color:#475569;line-height:1.5}.quick-entry{display:flex;gap:8px}.quick-entry input{flex:1;border:1px solid #dfe5ec;border-radius:12px;padding:12px}.quick-entry button{border:0;background:#dfe5ec;border-radius:12px;padding:0 14px}.support{width:100%;border:1px solid #d8e0e8;background:#fff;border-radius:15px;padding:14px;font-weight:800}.settings-list{padding:5px 16px}.settings-list button{width:100%;border:0;background:#fff;border-bottom:1px solid #eef2f6;padding:17px 4px;display:flex;justify-content:space-between;font-weight:700;text-align:left}.settings-list button:last-child{border-bottom:0}.settings-list .danger{color:#b91c1c}.settings-list+.form{margin-top:14px}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#0f172a;color:#fff;padding:12px 16px;border-radius:12px;max-width:calc(100vw - 36px);z-index:10;font-size:14px;box-shadow:0 8px 30px rgba(0,0,0,.18)}@media(min-width:700px){body{padding:20px}.app-shell{min-height:calc(100vh - 40px);border-radius:26px;box-shadow:0 18px 60px rgba(15,23,42,.08)}}
.product-results{display:grid;gap:10px;margin-top:14px}.product-card{display:grid;grid-template-columns:1.6fr .6fr .7fr;gap:12px;align-items:center}.product-card>div{display:grid;gap:4px}.product-card small{color:#94a3b8}.product-stock{text-align:center}.empty-state{padding:28px;text-align:center;color:#94a3b8}
@media(max-width:520px){.product-card{grid-template-columns:1fr auto}.product-card>div:last-child{grid-column:1/-1}}

.sale-form{margin-top:14px}.selected-product{background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px;padding:13px;display:grid;gap:4px}.selected-product small,.selected-product span{color:#64748b}.form select{width:100%;border:1px solid #d8e0e8;border-radius:12px;padding:13px 14px;font-size:16px;background:#fff}.product-choice{width:100%;text-align:left;cursor:pointer}

.recent-sales{display:grid;gap:10px;margin-top:14px}.sale-history-row{width:100%;display:grid;grid-template-columns:1.4fr .8fr;gap:12px;text-align:left;align-items:center}.sale-history-row>div{display:grid;gap:4px}.sale-history-row small{color:#64748b}.return-form{margin-top:14px}

.sale-mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:#e9eef5;border-radius:14px;padding:4px;margin:0 0 14px}.sale-mode-toggle .tab{width:100%}

.mixed-payments{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px;padding:12px}.payment-check{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #e5eaf0;padding-top:10px;color:#475569}

.debt-summary-card{margin-top:2px}.debt-row{width:100%;display:grid;grid-template-columns:1.4fr .8fr;gap:12px;text-align:left;align-items:center}.debt-row>div{display:grid;gap:4px}.debt-row small{color:#64748b}.debt-payment-form{margin-top:14px}

.analytics-periods{display:grid;grid-template-columns:repeat(3,1fr);background:#e9eef5;border-radius:14px;padding:4px;margin-bottom:14px}
.analytics-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.metric-card{display:grid;gap:5px}.metric-card span,.metric-card small{color:#64748b}.metric-card strong{font-size:21px}
.analytics-section{margin-bottom:14px}.analytics-section h3{margin:0}.analytics-list{display:grid;gap:10px;margin-top:12px}
.analytics-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f6}
.analytics-row:last-child{border-bottom:0}.analytics-row>div{display:grid;gap:3px}.analytics-row small{color:#64748b}
.rank{width:28px;height:28px;border-radius:9px;background:#eef2f7;display:grid!important;place-items:center;font-weight:800}
.external-profit-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.external-profit-row>div{display:grid;gap:4px;background:#f8fafc;border-radius:12px;padding:12px}.external-profit-row small{color:#64748b}
@media(max-width:430px){.analytics-cards{grid-template-columns:1fr}.analytics-row{grid-template-columns:30px 1fr}.analytics-row>div:last-child{grid-column:2}}

.suppliers-section{margin-top:14px}.suppliers-list,.supplier-history-list,.compare-results,.compare-suppliers{display:grid;gap:10px;margin-top:12px}
.supplier-row,.history-row,.compare-row{display:grid;grid-template-columns:1.4fr .8fr;gap:12px;align-items:center;width:100%;padding:12px;border:0;border-bottom:1px solid #eef2f6;background:#fff;text-align:left}
.supplier-row:last-child,.history-row:last-child,.compare-row:last-child{border-bottom:0}.supplier-row>div,.history-row>div,.compare-row>div{display:grid;gap:3px}.supplier-row small,.history-row small,.compare-row small,.compare-card small{color:#64748b}
.compare-card{margin-top:12px}.best-price{background:#f0fdf4;border-radius:12px}.compare-row b{font-size:16px}
@media(max-width:430px){.supplier-row,.history-row,.compare-row{grid-template-columns:1fr}.supplier-row>div:last-child,.history-row>div:last-child,.compare-row>div:last-child{text-align:left}}

.quick-preview{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #e5eaf0;border-radius:14px;padding:12px}
.quick-preview>div{display:grid;gap:3px}.quick-preview span{font-size:11px;color:#64748b}.quick-preview strong{font-size:14px}.quick-preview .primary{grid-column:1/-1}
.quick-entry button{background:#0f172a;color:#fff;font-weight:800}
@media(max-width:430px){.quick-preview{grid-template-columns:1fr}}

.excel-import-card{display:grid;gap:12px;margin-bottom:14px}.excel-import-card h3{margin:0}
.excel-import-card input[type=file]{width:100%;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;background:#f8fafc}
.excel-supplier-label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#334155}
.excel-supplier-label input{width:100%;border:1px solid #d8e0e8;border-radius:12px;padding:12px;font-size:16px}
.excel-summary{display:grid;gap:4px;background:#f8fafc;border-radius:12px;padding:12px}.excel-summary span,.excel-summary small{color:#64748b}
.excel-rows{display:grid;gap:8px}.excel-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #e5eaf0;border-radius:12px;padding:10px;background:#fff}
.excel-row.needs-review{border-color:#f59e0b;background:#fffbeb}.excel-check input{width:18px;height:18px}.excel-main,.excel-numbers{display:grid;gap:3px}.excel-main small,.excel-numbers small{color:#64748b}.excel-main em{font-style:normal;font-size:11px;color:#b45309}.excel-numbers{text-align:right}
@media(max-width:430px){.excel-row{grid-template-columns:auto 1fr}.excel-numbers{grid-column:2;text-align:left}}

.photo-import-card{display:grid;gap:12px;margin-bottom:14px}.photo-import-card h3{margin:0}.photo-import-card input[type=file]{width:100%;border:1px dashed #cbd5e1;border-radius:12px;padding:12px;background:#f8fafc}
.photo-ai-status{padding:0 2px}.photo-review-row{display:grid;grid-template-columns:auto 1fr;gap:10px;border:1px solid #e5eaf0;border-radius:14px;padding:12px;background:#fff}.photo-review-row.needs-review{border-color:#f59e0b;background:#fffbeb}
.photo-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-edit-grid label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#475569}.photo-edit-grid input{width:100%;border:1px solid #d8e0e8;border-radius:10px;padding:9px;font-size:14px;background:#fff}
.photo-confidence{grid-column:1/-1;display:flex;gap:8px;justify-content:space-between;align-items:center}.photo-confidence small{color:#64748b}.photo-confidence em{font-style:normal;font-size:11px;color:#b45309}
@media(max-width:430px){.photo-edit-grid{grid-template-columns:1fr}.photo-confidence{grid-column:1}}

.photo-math{grid-column:1/-1;display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e5eaf0}
.photo-math small,.photo-math span{color:#64748b;font-size:11px}.photo-math strong{font-size:13px}
.photo-review-row.needs-review .photo-math{background:#fff7ed;border-color:#fdba74}


/* 2026 UI refresh */
:root{
  --brand:#0a2746;
  --brand-2:#133c67;
  --bg:#f4f7fb;
  --surface:#ffffff;
  --line:#e6ebf1;
  --muted:#8b99aa;
  --text:#10213a;
  --soft-blue:#eef5ff;
  --soft-green:#eefaf3;
  --soft-orange:#fff7ec;
  --soft-violet:#f4f1ff;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--text)}
.app-shell{max-width:620px;background:var(--bg);padding:18px 16px 112px}
.view{animation:fadeIn .18s ease}
@keyframes fadeIn{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
.card{border-color:var(--line);border-radius:22px;box-shadow:0 8px 24px rgba(16,33,58,.04)}
.dashboard-topbar{margin:2px 2px 18px}
.app-title{font-size:28px;font-weight:900;letter-spacing:-.03em;color:var(--brand)}
.shop-subtitle{font-size:13px;color:#7a8a9d;margin-top:2px}
.avatar,.back{background:var(--surface);border:1px solid var(--line);box-shadow:none;color:var(--brand)}
.topbar h2{font-weight:900;letter-spacing:-.02em}
.hero-card{background:linear-gradient(145deg,var(--brand),var(--brand-2));border-radius:24px;padding:22px;margin-bottom:22px;grid-template-columns:1.25fr .75fr;box-shadow:0 12px 30px rgba(10,39,70,.18)}
.hero-card strong{font-size:27px;letter-spacing:-.03em}
.hero-card span,.hero-card small{color:#c9d6e6}
.hero-profit{border-left:1px solid rgba(255,255,255,.14);padding-left:18px}
.dashboard-section-title{font-size:13px;font-weight:800;color:#66778c;margin:18px 2px 10px}
.quick-grid{gap:12px}
.quick{min-height:116px;align-items:flex-start;flex-direction:column;padding:16px;border-radius:20px;gap:12px;box-shadow:0 8px 20px rgba(16,33,58,.035)}
.quick b{width:42px;height:42px;border-radius:13px;font-size:20px}
.quick span{display:grid;gap:3px;text-align:left}
.quick span strong{font-size:16px}
.quick span small{font-size:11px;font-weight:600;color:#8190a2}
.quick-receipt{background:var(--soft-green)}
.quick-receipt b{background:#c9f0d7;color:#17633a}
.quick-sale{background:var(--soft-orange)!important;border-color:#f5e7d1!important}
.quick-sale b{background:#ffe1b7!important;color:#8b5200}
.quick-products{background:var(--soft-blue)}
.quick-products b{background:#d8e9ff;color:#1455a0}
.quick-return{background:var(--soft-violet)}
.quick-return b{background:#e3dbff;color:#5d45a7}
.dashboard-card{border-radius:22px;padding:18px}
.quick-entry input{background:#f8fafc;border-color:var(--line)}
.quick-entry button{background:var(--brand);color:#fff;border-radius:12px}
.management-grid{display:grid;gap:9px}
.support{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left;border-color:var(--line);border-radius:16px;padding:13px 14px;color:var(--text);box-shadow:0 5px 14px rgba(16,33,58,.025)}
.support+.support{margin-top:0}
.support-icon{width:34px;height:34px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;color:var(--brand);font-weight:900}
.support b{color:#a1adba;font-size:20px}
.primary{background:var(--brand)}
.secondary{background:#edf2f7;color:var(--brand)}
.auth-tabs,.sale-mode-toggle,.analytics-periods{background:#e8edf3}
.tab.active{color:var(--brand)}
.form input,.form select,.excel-supplier-label input,.photo-edit-grid input{border-color:#dfe6ee;background:#fff}
.form input:focus{border-color:#6e8aaa;box-shadow:0 0 0 3px rgba(10,39,70,.06)}
.photo-import-card,.excel-import-card{border-radius:22px}
.photo-import-card input[type=file],.excel-import-card input[type=file]{background:#f8fafc;border-color:#ccd7e3}
.photo-ai-status{font-weight:700}
.photo-review-row{border-radius:16px}
.product-card,.sale-history-row,.debt-row{border-radius:18px}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(620px,100%);display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:end;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:8px 14px calc(8px + env(safe-area-inset-bottom));z-index:50;backdrop-filter:blur(16px)}
.bottom-nav-item{border:0;background:transparent;color:#8d9aaa;display:grid;gap:2px;place-items:center;padding:5px 2px;font-weight:700}
.bottom-nav-item span{font-size:20px;line-height:1}.bottom-nav-item small{font-size:10px}
.bottom-nav-item.active{color:#1268d7}
.bottom-nav-add{width:56px;height:56px;border-radius:50%;border:5px solid var(--bg);background:var(--brand);color:#fff;font-size:28px;display:grid;place-items:center;justify-self:center;margin-top:-22px;box-shadow:0 8px 20px rgba(10,39,70,.22)}
.toast{bottom:92px}
@media(min-width:700px){body{padding:0}.app-shell{min-height:100vh;border-radius:0;box-shadow:none}}
@media(max-width:430px){
  .app-shell{padding-left:14px;padding-right:14px}
  .hero-card{grid-template-columns:1fr 1fr;padding:19px 17px}
  .hero-card strong{font-size:23px}
  .quick{min-height:108px;padding:14px}
  .bottom-nav{padding-left:8px;padding-right:8px}
}


/* ===== Approved mockup exact-match pass ===== */
:root{
  --mock-navy:#082541;
  --mock-blue:#1677ff;
  --mock-bg:#f6f8fb;
  --mock-border:#e7ecf2;
  --mock-text:#0b1f38;
  --mock-muted:#8390a2;
  --mock-green:#13b76a;
  --mock-red:#f04452;
  --mock-orange:#ff9f1a;
}
body{background:var(--mock-bg)}
.app-shell{max-width:430px;margin:0 auto;background:var(--mock-bg);padding:20px 16px 104px;box-shadow:none}
#dashboardView,#receiptView,#productSearchView{padding-top:2px}
.mock-header{display:flex;justify-content:space-between;align-items:center;padding:12px 2px 14px}
.mock-header h1{margin:0;font-size:28px;line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--mock-text)}
.mock-header p{margin:5px 0 0;color:#7d8da1;font-size:12px}
.mock-bell{border:0;background:transparent;width:36px;height:36px;font-size:22px;color:var(--mock-navy);display:grid;place-items:center}

.stock-hero{background:linear-gradient(145deg,#0a2948,#0a223c);border-radius:14px;color:#fff;padding:17px 16px;display:flex;justify-content:space-between;align-items:end;min-height:90px;box-shadow:0 8px 18px rgba(8,37,65,.12);margin-bottom:12px}
.stock-hero>div:first-child{display:grid;gap:4px}
.stock-hero span{font-size:11px;color:#d8e2ee}
.stock-hero strong{font-size:25px;letter-spacing:-.02em}
.stock-hero small{font-size:10px;color:#8fd9ae}
.stock-bars{display:flex;align-items:end;gap:4px;height:48px;padding-bottom:2px}
.stock-bars i{display:block;width:8px;border-radius:3px 3px 0 0;background:rgba(255,255,255,.17)}
.stock-bars i:nth-child(1){height:19px}.stock-bars i:nth-child(2){height:29px}.stock-bars i:nth-child(3){height:39px}.stock-bars i:nth-child(4){height:47px}

.mock-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.mock-action{border:1px solid var(--mock-border);background:#fff;border-radius:14px;min-height:96px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:9px;box-shadow:0 5px 15px rgba(8,37,65,.025)}
.mock-action .action-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:900}
.mock-action div{display:grid;gap:3px}
.mock-action strong{font-size:16px;color:var(--mock-text)}
.mock-action small{font-size:10px;color:var(--mock-muted);font-weight:600}
.action-green .action-icon{background:#d8f5e4;color:#10a55d}
.action-orange .action-icon{background:#ffe7bb;color:#f39800}
.action-blue .action-icon{background:#dcecff;color:#247be9}
.action-purple .action-icon{background:#e7e1ff;color:#7258d8}

.quick-analytics-block,.recent-ops-block{margin-bottom:18px}
.mock-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 1px 8px}
.mock-section-title strong{font-size:14px}
.mock-section-title button{border:0;background:transparent;color:#1677ff;font-size:11px;font-weight:700;padding:4px}
.quick-analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.quick-analytics-grid article{background:#fff;border:1px solid var(--mock-border);border-radius:12px;padding:11px 10px;display:grid;gap:3px}
.quick-analytics-grid span{font-size:10px;color:var(--mock-muted)}
.quick-analytics-grid strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-analytics-grid small{font-size:9px;color:#19a964}

.recent-ops-list{background:#fff;border:1px solid var(--mock-border);border-radius:12px;overflow:hidden}
.recent-op-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:10px 11px;border-bottom:1px solid #eef2f6}
.recent-op-row:last-child{border-bottom:0}
.recent-op-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:900}
.op-in{background:#d9f6e6;color:#0fa45c}.op-out{background:#fff0d9;color:#ef8c00}
.recent-op-row>div:nth-child(2),.recent-op-money{display:grid;gap:2px}
.recent-op-row strong{font-size:11px}.recent-op-row small{font-size:9px;color:var(--mock-muted)}
.recent-op-money{text-align:right}.recent-op-money strong{font-size:11px}
.mock-empty{padding:22px;text-align:center;color:var(--mock-muted);font-size:12px}
.quick-entry-details{margin:4px 0 12px}.quick-entry-details summary,.manual-receipt summary{font-size:11px;color:#7990a8;cursor:pointer;text-align:center;padding:8px}
.quick-entry-details .dashboard-card{margin-top:6px}

/* receipt */
.mock-screen-header,.result-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:7px 0 14px}
.mock-screen-header h2,.result-header h2{margin:0;font-size:22px;font-weight:900}
.screen-back,.screen-help,.result-header button{border:0;background:transparent;font-size:24px;color:var(--mock-text);padding:0}
.screen-help{font-size:16px;border:1px solid #cfd8e3;border-radius:50%;width:24px;height:24px;justify-self:end}
.mock-photo-card,.excel-import-card{border-radius:14px;padding:16px;box-shadow:0 4px 14px rgba(8,37,65,.035);margin-bottom:16px}
.mock-photo-card h3,.excel-import-card h3{font-size:17px}
.mock-photo-card .muted,.excel-import-card .muted{font-size:11px;color:#7e8da0}
.photo-preview-grid{display:flex;gap:8px;overflow-x:auto;padding:3px 0 12px;scrollbar-width:none}
.photo-preview-grid::-webkit-scrollbar{display:none}
.photo-thumb-tile,.add-photo-tile{width:72px;height:102px;border-radius:10px;flex:0 0 72px;overflow:hidden;position:relative}
.photo-thumb-tile{background:#e8edf2}
.photo-thumb-tile img{width:100%;height:100%;object-fit:cover}
.add-photo-tile{border:1.5px dashed #cbd5df;background:#f8fafc;display:grid;place-items:center;align-content:center;gap:3px;color:#0c2a49;cursor:pointer}
.add-photo-tile input{display:none!important}
.add-photo-tile span{font-size:24px}.add-photo-tile small{font-size:9px;text-align:center}
.recognize-btn{width:100%;border:0;border-radius:11px;background:var(--mock-navy);color:#fff;padding:13px;font-weight:800;font-size:14px}
.photo-ai-status{font-size:10px;text-align:center}
.recognition-success{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;background:#eafbf2;border-radius:10px;padding:10px 11px;margin-top:2px;color:#15945a}
.recognition-success>span{width:24px;height:24px;border-radius:50%;background:#12b76a;color:#fff;display:grid;place-items:center;font-weight:900}
.recognition-success div{display:grid;gap:1px}.recognition-success strong{font-size:11px}.recognition-success small{font-size:9px}
.recognition-success button{border:0;background:transparent;color:#1677ff;font-size:9px;font-weight:700}

.photo-result-panel{background:#fff;border-radius:15px;margin:0 -4px 16px;padding:12px 10px 78px;box-shadow:0 7px 24px rgba(8,37,65,.06);position:relative}
.result-header{padding:2px 0 10px}.result-header h2{font-size:17px;text-align:center}
.result-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:10px}
.result-tabs button{border:1px solid #e6ebf1;background:#fff;border-radius:9px;padding:8px 4px;font-size:10px;color:#64748b;font-weight:700}
.result-tabs button.active{border-color:#dce8f5;color:#0c2a49;background:#f7faff}
.result-tabs button:nth-child(2).active{background:#fff1f2;color:#ef3340;border-color:#ffd5d9}
.result-tabs button:nth-child(3).active{background:#effcf5;color:#149c5d;border-color:#d8f5e5}
.result-tabs b{font-size:9px;margin-left:2px}
.result-warning{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;background:#fff0f1;border:1px solid #ffd5d8;border-radius:9px;padding:9px 10px;margin-bottom:8px}
.result-warning>span{width:20px;height:20px;border-radius:50%;background:#ef4754;color:#fff;display:grid;place-items:center;font-weight:900}
.result-warning div{display:grid}.result-warning strong{font-size:10px;color:#c9333f}.result-warning small{font-size:9px;color:#c76a72}
.result-table-head{display:grid;grid-template-columns:minmax(120px,1.8fr) 45px 54px 60px 38px;gap:4px;padding:6px 5px;font-size:8px;color:#758499;border-bottom:1px solid #e9edf2}
.photo-result-rows{display:grid}
.result-row{display:grid;grid-template-columns:minmax(120px,1.8fr) 45px 54px 60px 38px;gap:4px;align-items:center;padding:9px 4px;border-bottom:1px solid #edf1f5;position:relative}
.result-row-review{background:#fffafb;border-radius:8px}
.result-check{position:absolute;left:2px;top:12px}.result-check input{width:13px;height:13px}
.result-product{display:grid;grid-template-columns:24px 1fr;gap:6px;align-items:start;padding-left:18px}
.result-product-icon{width:22px;height:22px;border-radius:6px;background:#f1f4f7;display:grid;place-items:center;font-size:10px}
.result-row-review .result-product-icon{background:#fff0f1;color:#ef4754}
.result-product>div{display:grid;gap:1px}
.result-name-input,.result-article-input{border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;min-width:0;width:100%;font-size:9px;font-weight:800;color:#12233a}
.result-article-input{font-size:8px;font-weight:500;color:#758499}
.result-product em{font-style:normal;font-size:7px;color:#e04450;line-height:1.15}
.result-num{width:100%;border:0;background:transparent;text-align:center;font-size:9px;padding:2px}
.result-sum{font-size:9px;text-align:right}
.result-status{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;justify-self:center;font-size:9px;font-weight:900}
.result-status.good{background:#16b86b;color:#fff}.result-status.bad{background:#f04452;color:#fff}
.result-sticky-footer{position:absolute;left:0;right:0;bottom:0;border-top:1px solid #e7ecf2;background:#fff;padding:10px 11px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border-radius:0 0 15px 15px}
.result-sticky-footer>div{display:grid;gap:2px}.result-sticky-footer span{font-size:10px}.result-sticky-footer strong{font-size:13px}
.result-save-btn{border:0;background:var(--mock-navy);color:#fff;border-radius:9px;padding:11px 12px;font-size:10px;font-weight:800}
.manual-receipt{margin-bottom:10px}.manual-receipt .form{margin-top:7px}

/* catalog */
.catalog-header{padding:12px 0 10px}.catalog-header h2{margin:0;font-size:24px;font-weight:900}
.catalog-search-row{display:grid;grid-template-columns:1fr 38px;gap:8px;margin-bottom:9px}
.catalog-search{display:flex;align-items:center;gap:7px;border:1px solid #e3e8ee;background:#fff;border-radius:10px;padding:0 11px;height:40px}
.catalog-search span{color:#7b8999}.catalog-search input{border:0;outline:0;width:100%;font-size:12px}
.catalog-filter-btn{border:1px solid #e3e8ee;background:#fff;border-radius:10px;font-size:16px}
.catalog-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}
.catalog-chips::-webkit-scrollbar{display:none}
.catalog-chip{border:1px solid #e4e9ef;background:#fff;border-radius:9px;padding:6px 10px;font-size:10px;white-space:nowrap;color:#34455a}
.catalog-chip.active{background:var(--mock-navy);color:#fff;border-color:var(--mock-navy)}
.catalog-list{display:grid;gap:7px}
.catalog-product{display:grid;grid-template-columns:48px 1fr auto 18px;gap:9px;align-items:center;background:#fff;border:1px solid #e7ecf2;border-radius:11px;padding:9px 8px}
.catalog-thumb{width:45px;height:45px;border-radius:9px;background:#f2f5f8;display:grid;place-items:center;font-size:21px}
.catalog-product-main{display:grid;gap:2px;min-width:0}.catalog-product-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-product-main small{font-size:9px;color:#617187}
.catalog-tags{display:flex;gap:3px;overflow:hidden}.catalog-tags span{font-size:7px;background:#f0f3f6;color:#738297;border-radius:5px;padding:2px 4px;white-space:nowrap}
.catalog-price{display:grid;gap:2px;text-align:right}.catalog-price strong{font-size:12px;white-space:nowrap}.catalog-price small{font-size:8px;color:#7d8b9b;white-space:nowrap}
.catalog-more{border:0;background:transparent;font-size:17px;color:#34455a;padding:0}

/* bottom nav matching mockup */
.bottom-nav{width:min(430px,100%);grid-template-columns:1fr 1fr 62px 1fr 1fr;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #e5eaf0;background:rgba(255,255,255,.985)}
.bottom-nav-item{color:#8794a4;padding:3px 0}.bottom-nav-item span{font-size:18px}.bottom-nav-item small{font-size:8px}
.bottom-nav-item.active{color:#1476ff}
.bottom-nav-add{width:46px;height:46px;border:0;background:var(--mock-navy);font-size:24px;margin-top:-17px;box-shadow:none}
.toast{bottom:82px}
@media(min-width:700px){.app-shell{max-width:430px;border-left:1px solid #e8edf2;border-right:1px solid #e8edf2}}

.catalog-header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center}
.catalog-header h2{text-align:center}
.catalog-back{border:0;background:transparent;color:var(--mock-text);font-size:25px;padding:0;width:36px;height:36px;display:grid;place-items:center}

.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  z-index:9999!important;
  display:grid;
  padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;
  box-shadow:0 -6px 18px rgba(8,37,65,.06);
}
.bottom-nav.hidden{display:none!important}
.app-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}

.sale-mode-clean{margin-bottom:12px}
.sale-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e3e8ee;border-radius:12px;padding:0 12px;height:46px}
.sale-search-box span{color:#7d8b9d;font-size:18px}.sale-search-box input{border:0;outline:0;width:100%;font-size:14px;background:transparent}
.sale-search-results{display:grid;gap:7px;margin-top:8px;max-height:260px;overflow:auto}
.sale-search-row{display:grid;grid-template-columns:1fr auto 30px;gap:9px;align-items:center;width:100%;border:1px solid #e8edf2;background:#fff;border-radius:12px;padding:10px;text-align:left}
.sale-search-row>div:first-child,.sale-search-meta{display:grid;gap:2px}.sale-search-row strong{font-size:12px}.sale-search-row small{font-size:9px;color:#7c8999}.sale-search-meta{text-align:right}
.sale-add-btn{width:27px;height:27px;border-radius:9px;background:#e9f3ff;color:#1476ff;display:grid;place-items:center;font-size:18px;font-weight:800}
.sale-cart-card{margin-top:12px;background:#fff;border:1px solid #e7ecf2;border-radius:14px;overflow:hidden}
.sale-cart-head{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-bottom:1px solid #edf1f5}.sale-cart-head>div{display:grid;gap:2px}.sale-cart-head strong{font-size:14px}.sale-cart-head small{font-size:9px;color:#7e8c9d}.sale-cart-head button{border:0;background:transparent;color:#e24b57;font-size:10px;font-weight:700}
.sale-cart-list{display:grid}
.sale-cart-empty{padding:26px 16px;text-align:center;color:#8a97a7;font-size:11px}
.sale-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 25px;gap:8px;align-items:center;padding:11px 10px;border-bottom:1px solid #eef2f5}.sale-cart-row:last-child{border-bottom:0}
.sale-cart-product{display:grid;gap:2px;min-width:0}.sale-cart-product strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-cart-product small,.sale-cart-product span{font-size:8px;color:#8290a0}
.sale-qty-control{display:grid;grid-template-columns:28px 42px 28px;align-items:center;border:1px solid #e1e7ed;border-radius:10px;overflow:hidden;height:34px}.sale-qty-control button{border:0;background:#f7f9fb;height:100%;font-size:15px;color:#18304c}.sale-qty-control input{border:0;width:100%;text-align:center;font-size:10px;padding:0;background:#fff}
.sale-price-control{display:grid;gap:2px;width:70px}.sale-price-control label{font-size:8px;color:#8794a4}.sale-price-control input{width:100%;border:1px solid #e1e7ed;border-radius:8px;padding:6px;font-size:10px}.sale-price-control strong{font-size:9px;text-align:right}
.sale-remove{border:0;background:transparent;color:#b5bec8;font-size:19px;padding:0}
.sale-checkout{display:grid;gap:10px;margin-top:12px}
.sale-total-card{display:flex;justify-content:space-between;align-items:end;background:var(--mock-navy);color:#fff;border-radius:14px;padding:15px 16px}.sale-total-card>div{display:grid;gap:2px}.sale-total-card span{font-size:10px;color:#cdd8e4}.sale-total-card strong{font-size:24px}.sale-total-card small{font-size:9px;color:#b9c8d7}
.sale-payment-card{background:#fff;border:1px solid #e7ecf2;border-radius:14px;padding:12px}.sale-payment-card>label{display:grid;gap:6px;font-size:10px;font-weight:700;color:#536478}.sale-payment-card select{border:1px solid #dfe6ec;border-radius:10px;padding:11px;font-size:14px;background:#fff}
.sale-customer-details{background:#fff;border:1px solid #e7ecf2;border-radius:14px;padding:0 12px}.sale-customer-details summary{padding:12px 0;font-size:11px;font-weight:700;color:#42556c;cursor:pointer}.sale-customer-details summary span{font-weight:500;color:#93a0ae}.sale-customer-details>div{display:grid;gap:9px;padding:0 0 12px}.sale-customer-details label{display:grid;gap:5px;font-size:9px;color:#718095}.sale-customer-details input{border:1px solid #dfe6ec;border-radius:10px;padding:10px;font-size:14px}
.finish-sale-btn{border:0;background:#0a2948;color:#fff;border-radius:13px;padding:15px;font-size:14px;font-weight:850}.finish-sale-btn:disabled{opacity:.45}
@media(max-width:390px){.sale-cart-row{grid-template-columns:minmax(0,1fr) auto 23px}.sale-price-control{grid-column:2;width:98px}.sale-qty-control{grid-row:1 / span 2}.sale-remove{grid-row:1 / span 2}}

.sale-source-actions{display:flex;justify-content:flex-end;margin:9px 0 6px}
.neighbor-add-btn{border:1px dashed #aebdcc;background:#f8fbff;color:#0a2948;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:800}
.neighbor-item-form{display:grid;gap:9px;background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:12px;margin:8px 0 12px}
.neighbor-form-head{display:flex;justify-content:space-between;align-items:center}.neighbor-form-head strong{font-size:13px}.neighbor-form-head button{border:0;background:transparent;font-size:20px;color:#8996a5}
.neighbor-item-form>label,.neighbor-form-grid label{display:grid;gap:5px;font-size:9px;color:#65758a;font-weight:700}
.neighbor-item-form input{border:1px solid #dfe6ec;border-radius:9px;padding:9px;font-size:13px;min-width:0;width:100%}
.neighbor-item-form>*,.neighbor-form-grid>*{min-width:0}.neighbor-item-form select{min-width:0;width:100%}
.neighbor-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sale-cart-product span{line-height:1.25}
@media(max-width:390px){.neighbor-form-grid{grid-template-columns:1fr 1fr}.neighbor-form-grid label:last-child{grid-column:1/-1}}

/* ===== Debts: receivables / payables ===== */
.debt-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.debt-tabs button{border:1px solid #e4e9ef;background:#fff;color:#637387;border-radius:11px;padding:10px 8px;font-size:11px;font-weight:800}
.debt-tabs button.active{background:#0a2948;color:#fff;border-color:#0a2948}
.debt-tabs b{margin-left:4px;font-size:9px}
.debt-overview-card{background:linear-gradient(145deg,#0a2948,#0a223c);color:#fff;border-radius:14px;padding:16px;margin-bottom:12px;display:grid;gap:4px}
.debt-overview-card span{font-size:10px;color:#c8d5e1}
.debt-overview-card strong{font-size:25px}
.debt-overview-card small{font-size:9px;color:#9fb2c5}
.debt-modern-list{display:grid;gap:8px}
.debt-modern-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;width:100%;border:1px solid #e6ebf0;background:#fff;border-radius:13px;padding:11px;text-align:left}
.debt-person{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;min-width:0}
.debt-person>div{display:grid;gap:2px;min-width:0}
.debt-person strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.debt-person small{font-size:9px;color:#738296;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.debt-person em{font-style:normal;font-size:8px;color:#9aa5b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.debt-direction{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}
.debt-direction.in{background:#e3f8ec;color:#11a961}
.debt-direction.out{background:#fff0e7;color:#e77b2f}
.debt-amount{display:grid;gap:2px;text-align:right}
.debt-amount strong{font-size:12px;color:#112843}
.debt-amount small{font-size:8px;color:#8996a5}
.debt-empty{background:#fff;border:1px dashed #d7e0e8;border-radius:13px;padding:28px 12px;text-align:center;color:#8a97a7;font-size:11px}
.debt-pay-sheet{display:grid;gap:10px;background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:13px;margin-top:12px;box-shadow:0 8px 20px rgba(8,37,65,.06)}
.debt-pay-head{display:flex;justify-content:space-between;align-items:flex-start}
.debt-pay-head>div{display:grid;gap:2px}.debt-pay-head strong{font-size:13px}.debt-pay-head small{font-size:9px;color:#7d8b9b}
.debt-pay-head button{border:0;background:transparent;font-size:20px;color:#8c99a8}
.debt-pay-sheet>span{font-size:11px;font-weight:800;color:#0a2948}
.debt-pay-sheet label{display:grid;gap:5px;font-size:9px;color:#65758a;font-weight:700}
.debt-pay-sheet input,.debt-pay-sheet select{border:1px solid #dfe6ec;border-radius:10px;padding:10px;font-size:13px;background:#fff}
.neighbor-item-form select{border:1px solid #dfe6ec;border-radius:9px;padding:9px;font-size:13px;background:#fff}

.product-edit-sheet{display:grid;gap:10px;background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:13px;margin-top:12px;box-shadow:0 8px 24px rgba(8,37,65,.08)}
.product-edit-head{display:flex;justify-content:space-between;align-items:flex-start}
.product-edit-head>div{display:grid;gap:2px}.product-edit-head strong{font-size:14px}.product-edit-head small{font-size:9px;color:#8390a2}
.product-edit-head button{border:0;background:transparent;color:#8b98a7;font-size:21px}
.product-edit-sheet label{display:grid;gap:5px;font-size:9px;color:#66768a;font-weight:700}
.product-edit-sheet input{border:1px solid #dfe6ec;border-radius:10px;padding:10px;font-size:13px;background:#fff}
.product-edit-stock{display:grid;grid-template-columns:1fr auto;gap:3px;background:#f7f9fb;border-radius:10px;padding:10px}
.product-edit-stock span{font-size:9px;color:#738296}.product-edit-stock strong{font-size:13px}.product-edit-stock small{grid-column:1/-1;font-size:8px;color:#9aa5b2}
.catalog-product{cursor:pointer}

.product-photo-editor{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;background:#f8fafc;border:1px solid #e3e9ef;border-radius:12px;padding:10px}
.product-photo-preview{width:92px;height:92px;border-radius:12px;background:#eef2f6;overflow:hidden;display:grid;place-items:center;color:#8a97a7;font-size:10px}
.product-photo-preview img{width:100%;height:100%;object-fit:cover}
.product-photo-actions{display:grid;gap:7px}
.product-photo-upload{display:block}
.product-photo-upload input{display:none}
.product-photo-upload span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e1e9;background:#fff;color:#0a2948;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:800;cursor:pointer}
.product-photo-remove{border:0;background:transparent;color:#dd4754;text-align:left;padding:0;font-size:9px;font-weight:700}
.product-photo-actions small{font-size:8px;color:#96a2af}
.catalog-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px}

#productEditView .product-edit-sheet{margin-top:0}
#productEditView .product-edit-head{display:none}
#productEditView{padding-top:2px}

.product-price-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:390px){.product-price-edit-grid{grid-template-columns:1fr}}

.employee-action-grid{grid-template-columns:1fr 1fr}
.employee-create-form{margin-bottom:12px}
.employee-rights{display:grid;gap:5px;background:#f7f9fb;border-radius:11px;padding:11px}
.employee-rights strong{font-size:11px;color:#112843}
.employee-rights span{font-size:9px;color:#43566b}
.employee-rights small{font-size:8px;color:#8996a5;margin-top:3px}
.employees-section{display:grid;gap:10px}
.employees-list{display:grid;gap:8px}
.employee-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #e5ebf0;border-radius:11px}
.employee-row>div{display:grid;gap:2px;min-width:0}
.employee-row strong{font-size:12px}
.employee-row small{font-size:9px;color:#738296}
.employee-row em{font-style:normal;font-size:8px;color:#18a567}
.employee-row button{border:1px solid #dce4eb;background:#fff;border-radius:9px;padding:8px;font-size:9px;color:#38506a}

.revision-start-card{display:grid;justify-items:center;gap:10px;text-align:center;background:#fff;border:1px solid #e1e8ee;border-radius:15px;padding:28px 18px}
.revision-start-card h3{margin:0;font-size:19px;color:#112843}.revision-start-card p{margin:0;color:#77879a;font-size:11px;line-height:1.5}
.revision-start-icon{width:54px;height:54px;border-radius:15px;background:#fff1dd;color:#f39a21;display:grid;place-items:center;font-size:27px;font-weight:900}
.revision-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.revision-summary>div{background:#fff;border:1px solid #e3e9ef;border-radius:11px;padding:10px;display:grid;gap:3px}
.revision-summary span{font-size:8px;color:#7f8ea0}.revision-summary strong{font-size:17px;color:#112843}
.revision-search-box{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #dfe6ed;border-radius:11px;padding:10px;margin-bottom:10px}
.revision-search-box input{border:0;outline:0;width:100%;font-size:12px}
.revision-items-list{display:grid;gap:8px}
.revision-item{display:grid;grid-template-columns:1fr 92px;gap:10px;background:#fff;border:1px solid #e5ebf0;border-radius:12px;padding:10px}
.revision-item.ok{border-color:#bfe7cf}.revision-item.plus{border-color:#b9d7f7}.revision-item.minus{border-color:#f3c6c6}
.revision-item-info{display:grid;gap:2px;min-width:0}.revision-item-info strong{font-size:11px}.revision-item-info small{font-size:8px;color:#7b899a}.revision-item-info span{font-size:9px;color:#53667b;margin-top:3px}
.revision-count{display:grid;gap:4px}.revision-count label{font-size:8px;color:#738296;display:grid;gap:3px}.revision-count input{width:100%;border:1px solid #dfe6ec;border-radius:8px;padding:8px;font-size:12px}.revision-count small{font-size:8px;color:#66778a}
.revision-result-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.revision-result-card>div{background:#0a2948;color:#fff;border-radius:12px;padding:12px;display:grid;gap:3px}.revision-result-card span{font-size:8px;color:#c7d2de}.revision-result-card strong{font-size:16px}

.revision-history-section{margin-top:14px}
.revision-history-list{display:grid;gap:8px;margin-top:8px}
.revision-history-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:11px}
.revision-history-row>div:first-child{display:grid;gap:2px}.revision-history-row strong{font-size:11px;color:#132a44}.revision-history-row small{font-size:8px;color:#7d8b9b}
.revision-history-money{display:grid;gap:2px;text-align:right;font-size:9px;font-weight:800}.revision-history-money .minus{color:#d95555}.revision-history-money .plus{color:#159d63}
.revision-history-detail{margin-top:12px;background:#fff;border:1px solid #dfe7ee;border-radius:14px;padding:12px}
.revision-history-detail-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.revision-history-detail-head>div{display:grid;gap:2px}.revision-history-detail-head strong{font-size:13px}.revision-history-detail-head small{font-size:8px;color:#7d8b9b}.revision-history-detail-head button{border:0;background:transparent;font-size:20px;color:#8b98a7}
.revision-history-detail-list{display:grid;gap:7px}.revision-history-detail-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px;border:1px solid #edf0f3;border-radius:10px}.revision-history-detail-row>div{display:grid;gap:2px}.revision-history-detail-row strong{font-size:10px}.revision-history-detail-row small{font-size:8px;color:#8290a0}.revision-history-detail-row .minus{text-align:right;color:#d95555}.revision-history-detail-row .plus{text-align:right;color:#159d63}


.neighbor-names{display:flex;flex-wrap:wrap;gap:8px;max-height:190px;overflow-y:auto;padding:4px 0 8px}.neighbor-names[hidden]{display:none}.neighbor-names button{border:1px solid #cbddec;background:#eef5fc;color:#143d67;border-radius:10px;padding:10px 13px;min-height:44px;text-align:left;overflow-wrap:anywhere;max-width:100%}.neighbor-names button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}#neighborNamesHint{font-size:11px;color:#64748b;line-height:1.5}
#customerNamesHint{font-size:11px;color:#64748b;line-height:1.5}.sale-customer-details input{min-width:0;width:100%}.sale-customer-details label,.sale-customer-details>div{min-width:0}
/* ===== Simple analytics ===== */
.simple-analytics-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.simple-analytics-periods button{border:1px solid #dfe6ed;background:#fff;color:#6f7f92;border-radius:10px;padding:9px;font-size:10px;font-weight:800}
.simple-analytics-periods button.active{background:#0a2948;color:#fff;border-color:#0a2948}
.analytics-money-hero{background:#0a2948;color:#fff;border-radius:15px;padding:17px;display:grid;gap:4px;margin-bottom:9px}
.analytics-money-hero span{font-size:10px;color:#c5d1dd}.analytics-money-hero strong{font-size:29px;letter-spacing:-.5px}.analytics-money-hero small{font-size:9px;color:#8fddba}
.analytics-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}
.analytics-simple-grid article{background:#fff;border:1px solid #e1e7ed;border-radius:12px;padding:12px;display:grid;gap:4px}
.analytics-simple-grid span,.analytics-stock-simple span{font-size:9px;color:#7b899a}.analytics-simple-grid strong{font-size:17px;color:#112843}.analytics-simple-grid small{font-size:8px;color:#8b98a7}
.analytics-simple-section{margin-top:13px}.analytics-simple-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:7px}.analytics-simple-title strong{font-size:13px;color:#112843}.analytics-simple-title small{font-size:8px;color:#8492a2}
.analytics-debt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.analytics-debt-grid button{display:grid;gap:3px;text-align:left;background:#fff;border:1px solid #e1e7ed;border-radius:12px;padding:12px}
.analytics-debt-grid span{font-size:9px;color:#77879a}.analytics-debt-grid strong{font-size:16px;color:#112843}.analytics-debt-grid small{font-size:8px;color:#91a0af}
.analytics-stock-simple{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.analytics-stock-simple>div{display:grid;gap:3px;background:#f7f9fb;border:1px solid #e5ebf0;border-radius:12px;padding:12px}
.analytics-stock-simple strong{font-size:15px;color:#112843}.analytics-stock-simple small{font-size:8px;color:#8391a2}
.analytics-product-simple-list{display:grid;gap:6px}
.analytics-product-simple{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #e6ebf0;border-radius:11px;padding:9px}
.analytics-product-rank{width:23px;height:23px;border-radius:8px;background:#eef3f8;display:grid;place-items:center;font-size:9px;font-weight:900;color:#38516b}
.analytics-product-simple>div{display:grid;gap:2px;min-width:0}.analytics-product-simple>div:nth-child(2){text-align:left}.analytics-product-simple>div:last-child{text-align:right}
.analytics-product-simple strong{font-size:10px;color:#162f49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-product-simple small{font-size:8px;color:#8290a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-slow-details{margin-top:13px;background:#fff;border:1px solid #e1e7ed;border-radius:12px;padding:11px}
.analytics-slow-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.analytics-slow-details summary span{font-size:11px;font-weight:800;color:#112843}.analytics-slow-details summary small{font-size:8px;color:#8a98a8}.analytics-slow-details[open] summary{margin-bottom:8px}

/* ===== Daily cash shift ===== */
.cash-closed-card{display:grid;justify-items:center;text-align:center;gap:10px;background:#fff;border:1px solid #e1e8ee;border-radius:15px;padding:28px 18px}
.cash-status-icon{width:58px;height:58px;border-radius:17px;background:#e8f3ff;color:#0a6fe8;display:grid;place-items:center;font-size:24px;font-weight:900}
.cash-closed-card h3{margin:0;font-size:19px;color:#112843}.cash-closed-card p{margin:0;max-width:310px;font-size:10px;line-height:1.5;color:#7b899a}
.cash-open-hero{display:flex;justify-content:space-between;align-items:center;background:#0a2948;color:#fff;border-radius:15px;padding:15px;margin-bottom:10px}
.cash-open-hero>div{display:grid;gap:3px}.cash-open-hero span{font-size:9px;color:#8fddba}.cash-open-hero strong{font-size:17px}.cash-open-hero small{font-size:8px;color:#bdcbd8}.cash-open-hero i{width:10px;height:10px;border-radius:50%;background:#28c77a;box-shadow:0 0 0 6px rgba(40,199,122,.12)}
.cash-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.cash-action{display:grid;gap:3px;text-align:left;border:1px solid #e1e7ed;background:#fff;border-radius:12px;padding:12px}.cash-action>span{font-size:20px}.cash-action strong{font-size:12px;color:#112843}.cash-action small{font-size:8px;color:#8391a2}.cash-action.sale>span{color:#1bb16c}.cash-action.return>span{color:#e47d34}
.cash-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cash-summary-grid article{display:grid;gap:3px;background:#fff;border:1px solid #e3e9ef;border-radius:11px;padding:10px}.cash-summary-grid span{font-size:8px;color:#7c8b9c}.cash-summary-grid strong{font-size:14px;color:#112843}.cash-summary-grid small{font-size:8px;color:#8c99a8}
.cash-operations-section,.cash-history-section{margin-top:14px}.cash-operation-list,.cash-history-list{display:grid;gap:7px;margin-top:8px}
.cash-operation-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #e5ebf0;border-radius:11px;padding:9px}
.cash-operation-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.cash-operation-icon.in{background:#e6f8ee;color:#13a462}.cash-operation-icon.out{background:#fff0e8;color:#df7440}
.cash-operation-row>div{display:grid;gap:2px}.cash-operation-row strong{font-size:10px;color:#17304a}.cash-operation-row small{font-size:8px;color:#8391a1}.cash-operation-amount{text-align:right}.cash-operation-amount.in strong{color:#159d63}.cash-operation-amount.out strong{color:#d45c56}
.cash-close-btn{width:100%;margin-top:13px;border:1px solid #efcaca;background:#fff;color:#c84848;border-radius:11px;padding:11px;font-size:10px;font-weight:800}
.cash-history-row{display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;width:100%;background:#fff;border:1px solid #e4eaf0;border-radius:11px;padding:10px}.cash-history-row>div{display:grid;gap:2px}.cash-history-row>div:last-child{text-align:right}.cash-history-row strong{font-size:10px;color:#17304a}.cash-history-row small{font-size:8px;color:#8391a1}
.cash-history-detail{margin-top:12px;background:#fff;border:1px solid #dfe7ee;border-radius:13px;padding:11px}.cash-history-detail-head{display:flex;justify-content:space-between;align-items:flex-start}.cash-history-detail-head>div{display:grid;gap:2px}.cash-history-detail-head strong{font-size:12px}.cash-history-detail-head small{font-size:8px;color:#8090a1}.cash-history-detail-head button{border:0;background:transparent;font-size:20px;color:#8996a6}

.return-mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.return-mode-actions button{border:1px solid #dfe6ed;background:#fff;border-radius:10px;padding:9px;font-size:9px;font-weight:800;color:#23405d}
.return-items-list{display:grid;gap:8px}
.return-item-row{display:grid;grid-template-columns:1fr 128px;gap:10px;align-items:center;border:1px solid #e4eaf0;background:#fff;border-radius:11px;padding:10px}
.return-item-info{display:grid;gap:2px;min-width:0}.return-item-info strong{font-size:11px;color:#15304b}.return-item-info small{font-size:8px;color:#7d8c9d}.return-item-info span{font-size:8px;color:#8d99a7}
.return-item-control{display:grid;grid-template-columns:30px 1fr 30px;gap:4px;align-items:center}.return-item-control button{border:1px solid #dfe6ed;background:#f7f9fb;border-radius:8px;height:34px;font-size:14px}.return-item-control input{width:100%;border:1px solid #dfe6ed;border-radius:8px;padding:8px 5px;text-align:center;font-size:11px}
.return-total-card{display:flex;justify-content:space-between;align-items:center;background:#0a2948;color:#fff;border-radius:11px;padding:11px}.return-total-card span{font-size:9px;color:#c6d3df}.return-total-card strong{font-size:16px}