:root{--blue:#164d89;--blue2:#0b6eb6;--orange:#f3a51d;--ink:#16243a;--muted:#65758b;--line:#dbe4ee;--bg:#f4f7fb;--white:#fff;--red:#b42318;--green:#117a44;--shadow:0 8px 24px rgba(23,51,83,.08)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;gap:16px;padding:12px 22px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand-logo{width:76px;height:58px;object-fit:contain}.brand-text{min-width:0;flex:1}.brand-text h1{font-size:20px;margin:0;color:var(--blue);letter-spacing:.2px}.subtitle{font-size:13px;color:var(--muted);margin-top:3px}.offline-badge{background:#eaf7ef;color:var(--green);font-weight:700;font-size:11px;padding:7px 10px;border-radius:999px}.nav-tabs{display:flex;gap:8px;padding:10px 22px;background:#fff;border-bottom:1px solid var(--line);overflow:auto;position:sticky;top:83px;z-index:9}.nav-btn{border:0;background:#eef3f8;color:var(--ink);padding:10px 14px;border-radius:9px;font-weight:700;white-space:nowrap;cursor:pointer}.nav-btn.active{background:var(--blue);color:#fff}main{padding:18px 22px 30px}.page{display:none}.page.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;box-shadow:var(--shadow)}.stat-card span{font-size:12px;color:var(--muted);display:block}.stat-card strong{font-size:21px;color:var(--blue);display:block;margin-top:5px}.pos-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head.compact{margin-bottom:10px}.panel-head h2{margin:0;font-size:19px;color:var(--blue)}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.search{min-width:250px;max-width:390px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;outline:none}.search:focus,input:focus,select:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(11,110,182,.10)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:69vh;overflow:auto;padding-right:3px}.product-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;cursor:pointer;transition:.15s}.product-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(23,51,83,.10);border-color:#b6cadf}.product-card.out{opacity:.5;cursor:not-allowed}.product-card .sku{font-size:10px;color:var(--muted);text-transform:uppercase}.product-card .name{font-weight:700;margin:5px 0;min-height:36px}.product-card .meta{font-size:11px;color:var(--muted)}.product-card .bottom{display:flex;align-items:end;justify-content:space-between;margin-top:11px}.product-card .price{font-size:16px;font-weight:800;color:var(--blue)}.stock{font-size:11px}.stock.low{color:var(--red);font-weight:700}.field-row{display:grid;gap:9px}.field-row.two{grid-template-columns:1fr 1fr}label{font-size:11px;color:var(--muted);font-weight:700}label input,label select,label textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none}label textarea{resize:vertical;min-height:70px}.sale-audit-row{margin-top:9px}.sale-notes-label{display:block;margin-top:9px}.sale-notes-label small{float:right;font-weight:600}.sale-notes-label textarea:disabled{background:#f3f5f7;color:#7b8794}.cart-items{margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-height:39vh;overflow:auto}.cart-empty{text-align:center;color:var(--muted);padding:32px 8px;font-size:13px}.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px dashed #e3e9ef}.cart-row:last-child{border-bottom:0}.cart-title{font-size:12px;font-weight:700}.cart-sub{font-size:10px;color:var(--muted);margin-top:3px}.cart-controls{display:flex;align-items:center;gap:4px;margin-top:6px}.qty-btn{border:1px solid var(--line);background:#fff;width:27px;height:27px;border-radius:7px;font-weight:800;cursor:pointer}.qty-value{min-width:30px;text-align:center;font-size:12px}.remove-btn{border:0;background:transparent;color:var(--red);font-size:11px;cursor:pointer;margin-left:5px}.cart-line-total{font-size:12px;font-weight:800;color:var(--blue);white-space:nowrap}.totals{padding:10px 0}.totals>div{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px}.totals .grand{font-size:18px;border-top:2px solid var(--blue);margin-top:5px;padding-top:10px;color:var(--blue)}.inline-input label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink)}.inline-input input{width:100px;padding:5px 7px;border:1px solid var(--line);border-radius:7px}.change-line{display:flex;justify-content:space-between;padding:10px 0 12px;font-size:14px}.change-line strong{color:var(--green);font-size:18px}.btn{border:0;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.ghost{background:#eef3f8;color:var(--blue)}.btn.danger{background:#fff0ef;color:var(--red);border:1px solid #ffd0cb}.btn.full{width:100%;font-size:15px;padding:13px}.message{font-size:12px;padding-top:8px;min-height:22px}.message.ok{color:var(--green)}.message.err{color:var(--red)}.inventory-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px;padding:13px;background:#f8fafc;border:1px solid var(--line);border-radius:11px}.form-actions{display:flex;gap:8px;align-items:end;grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:840px}th,td{padding:10px 9px;text-align:left;border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle}th{background:#f5f8fb;color:#53657b;font-size:10px;text-transform:uppercase;letter-spacing:.3px;position:sticky;top:0}tr:last-child td{border-bottom:0}.status-pill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:700}.status-ok{background:#eaf7ef;color:var(--green)}.status-low{background:#fff0ef;color:var(--red)}.action-btn{border:0;background:#edf4fb;color:var(--blue);border-radius:7px;padding:6px 8px;margin-right:4px;font-size:10px;font-weight:700;cursor:pointer}.action-btn.delete{background:#fff0ef;color:var(--red)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.notice{margin-top:16px;padding:12px;border-left:4px solid var(--orange);background:#fff8e9;font-size:11px;color:#6b5427;line-height:1.45}footer{text-align:center;color:var(--muted);font-size:10px;padding:2px 20px 20px}.print-only{display:none}
.receipt{font-family:Arial,Helvetica,sans-serif;color:#111;padding:18px}.receipt-head{text-align:center;border-bottom:2px solid #111;padding-bottom:10px}.receipt-logo{width:100px;height:75px;object-fit:contain}.receipt h1{font-size:16px;margin:4px 0}.receipt .small{font-size:10px;line-height:1.45}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;font-size:10px;margin:10px 0}.receipt-table{width:100%;min-width:0;border-collapse:collapse}.receipt-table th,.receipt-table td{font-size:10px;padding:6px 4px;border-bottom:1px solid #ccc}.receipt-sums{margin-left:auto;width:280px;max-width:100%;font-size:11px;margin-top:9px}.receipt-sums div{display:flex;justify-content:space-between;padding:3px 0}.receipt-sums .total{font-size:14px;font-weight:800;border-top:2px solid #111;margin-top:3px;padding-top:7px}.receipt-footer{text-align:center;font-size:10px;margin-top:18px;padding-top:10px;border-top:1px dashed #777}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.pos-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.cart-panel{order:-1}.inventory-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.app-header{padding:9px 12px;gap:10px}.brand-logo{width:55px;height:46px}.brand-text h1{font-size:14px}.subtitle{font-size:10px}.offline-badge{font-size:9px;padding:5px 7px}.nav-tabs{top:65px;padding:8px 12px}.nav-btn{font-size:11px;padding:8px 10px}main{padding:11px}.stats-grid{gap:7px}.stat-card{padding:11px}.stat-card strong{font-size:17px}.panel{padding:12px}.panel-head{display:block}.panel-head .search{margin-top:10px}.search{min-width:0;max-width:none}.product-grid{grid-template-columns:repeat(2,1fr);max-height:none}.field-row.two,.settings-grid,.inventory-form{grid-template-columns:1fr}.cart-items{max-height:none}.form-actions{grid-column:auto;flex-wrap:wrap}.pos-grid{display:block}.pos-grid>.panel{margin-bottom:11px}}
@media print{.screen-only{display:none!important}.print-only{display:block!important}body{background:#fff}.receipt{padding:0}@page{size:A4;margin:12mm}}

/* Role-based access, authentication, and audit UI */
.hidden,[hidden]{display:none!important}.auth-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(145deg,#eef5fb,#f8fbfe)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px}.auth-logo{display:block;width:110px;height:80px;object-fit:contain;margin:0 auto 6px}.auth-card h1{text-align:center;color:var(--blue);margin:4px 0 6px;font-size:23px}.auth-card>p{text-align:center;color:var(--muted);font-size:12px;margin:0 0 18px}.auth-form{display:grid;gap:11px}.auth-form .notice{margin:0 0 3px}.header-right{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:9px;background:#f5f8fb;border:1px solid var(--line);border-radius:10px;padding:6px 8px}.user-chip b,.user-chip span{display:block;white-space:nowrap}.user-chip b{font-size:11px;color:var(--ink)}.user-chip span{font-size:9px;color:var(--muted);margin-top:2px}.small-btn{padding:7px 9px;font-size:10px}.spaced-panel{margin-top:14px}.count-form{grid-template-columns:2fr 1fr 1fr 2fr}.section-rule{margin:28px 0;border:0;border-top:1px solid #d9e2ec}.check-label{display:flex;gap:10px;align-items:center}.check-label input{width:auto;margin:0}.compact-notice{margin-top:6px}.positive{color:var(--green);font-weight:700}.negative{color:var(--red);font-weight:700}.user-form{margin-bottom:14px;padding:13px;background:#f8fafc;border:1px solid var(--line);border-radius:11px}
@media(max-width:1000px){.header-right{align-items:flex-end;flex-direction:column;gap:5px}.count-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.header-right{margin-left:auto}.offline-badge{display:none}.user-chip{padding:5px}.user-chip b{max-width:90px;overflow:hidden;text-overflow:ellipsis}.count-form{grid-template-columns:1fr}.auth-card{padding:20px}.auth-logo{width:90px;height:65px}}

/* PWA install/update controls */
.pwa-install-btn[hidden]{display:none!important}
@media(max-width:720px){.pwa-install-btn{width:100%;margin-bottom:6px}}

/* Account recovery + online database additions */
.auth-link{border:0;background:transparent;color:var(--blue2);font-weight:700;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:3px 0}
.auth-link:hover{color:var(--blue)}
.auth-form select{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none}


/* Sales reporting and Excel export */
.report-head{align-items:flex-start}.report-controls{display:grid;grid-template-columns:180px 180px 180px minmax(250px,1fr);gap:10px;margin-bottom:14px;padding:13px;background:#f8fafc;border:1px solid var(--line);border-radius:11px}.report-controls label{min-width:0}.report-controls input,.report-controls select{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);outline:none}.report-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 9px}.report-summary-head b{color:var(--blue);font-size:13px}.report-summary-head span{color:var(--muted);font-size:11px}.report-stats{margin-bottom:14px}.report-stats .stat-card{box-shadow:none;background:#fbfdff}.report-stats .stat-card strong{font-size:18px}
@media(max-width:900px){.report-controls{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.report-controls{grid-template-columns:1fr}.report-head .btn{margin-top:10px;width:100%}.report-summary-head{display:block}.report-summary-head span{display:block;margin-top:4px}}

/* Developer/Admin dual working mode */
.mode-switch{display:flex;align-items:center;gap:7px;background:#f5f8fb;border:1px solid var(--line);border-radius:10px;padding:5px 7px;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}
.mode-switch>span{display:block}
.mode-switch select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--blue);padding:6px 8px;font-size:10px;font-weight:700;outline:none;max-width:190px}
@media(max-width:1000px){.mode-switch{order:2}.mode-switch>span{display:none}.mode-switch select{max-width:180px}}
@media(max-width:650px){.mode-switch select{max-width:145px;padding:5px 6px;font-size:9px}}


/* v1.8.0 mobile browser compatibility: iOS Safari + Android Chrome */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{min-height:100vh;min-height:100dvh;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}
button,.btn,.nav-btn,.product-card,.action-btn,.qty-btn,select{touch-action:manipulation}
.table-wrap,.product-grid,.cart-items,.nav-tabs{-webkit-overflow-scrolling:touch}
.app-shell{min-height:100vh;min-height:100dvh}
.app-header{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));padding-top:calc(12px + env(safe-area-inset-top))}
.nav-tabs{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));top:calc(83px + env(safe-area-inset-top))}
main{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));padding-bottom:calc(30px + env(safe-area-inset-bottom))}
footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.auth-overlay{min-height:100vh;min-height:100dvh;padding-top:calc(20px + env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left))}
@media(hover:none) and (pointer:coarse){.product-card:hover{transform:none;box-shadow:none;border-color:var(--line)}}
@media(max-width:650px){
  .app-header{padding-top:calc(9px + env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));flex-wrap:wrap}
  .nav-tabs{top:calc(65px + env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));scrollbar-width:none}
  .nav-tabs::-webkit-scrollbar{display:none}
  main{padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  input,select,textarea,label input,label select,.search{font-size:16px}
  .btn,.nav-btn,.qty-btn,.action-btn{min-height:44px}
  .qty-btn{min-width:44px;width:44px;height:44px}
  .header-right{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-left:0}
  .header-right>.pwa-install-btn,.header-right>.mobile-guide-btn{width:100%;margin:0}
  .header-right>.mode-switch,.header-right>.user-chip{grid-column:1/-1}
  .user-chip{justify-content:space-between}
}
/* Mobile sticky layout correction: allow expanded account/install controls without covering navigation. */
@media(max-width:650px){
  .app-header{position:relative;top:auto}
  .nav-tabs{top:env(safe-area-inset-top)}
}


/* Inventory Excel import + POS List/Touch Screen views */
.pos-product-tools{display:flex;align-items:end;justify-content:flex-end;gap:9px;flex:1;max-width:680px}.view-mode-label{min-width:175px}.view-mode-label select{min-height:38px}.product-grid.list-view{display:block;max-height:69vh;overflow:auto;padding-right:0;border:1px solid var(--line);border-radius:10px}.product-list-header,.product-list-row{display:grid;grid-template-columns:110px minmax(210px,1.7fr) minmax(130px,1fr) 105px 115px 64px;gap:10px;align-items:center;padding:9px 10px}.product-list-header{position:sticky;top:0;z-index:2;background:#f5f8fb;color:#53657b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--line)}.product-list-row{font-size:11px;border-bottom:1px solid var(--line);background:#fff}.product-list-row:last-child{border-bottom:0}.product-list-row:hover{background:#f9fbfd}.product-list-row.out{opacity:.55}.list-sku{font-size:10px;color:var(--muted);font-weight:700}.list-name{font-weight:700}.list-name small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.list-price{font-weight:800;color:var(--blue)}.add-product-btn{margin:0;min-height:32px}.add-product-btn:disabled{opacity:.45;cursor:not-allowed}.inventory-import-box{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px 16px;align-items:center;margin-bottom:14px;padding:13px;background:#f2f7fc;border:1px solid #cfe0f1;border-radius:11px}.inventory-import-box b{display:block;color:var(--blue);font-size:13px}.inventory-import-box span{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:3px}.inventory-import-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.import-status{grid-column:1/-1;min-height:0;font-size:11px;color:var(--muted)}.import-status.ok{color:var(--green);font-weight:700}.import-status.err{color:var(--red);font-weight:700}
@media(max-width:1000px){.product-panel-head{align-items:flex-start}.pos-product-tools{max-width:none}.product-list-header,.product-list-row{grid-template-columns:95px minmax(190px,1.7fr) minmax(115px,1fr) 95px 105px 60px}}
@media(max-width:650px){.pos-product-tools{display:grid;grid-template-columns:1fr;width:100%;margin-top:10px}.view-mode-label{min-width:0}.product-grid.list-view{max-height:none;overflow:visible}.product-list-header{display:none}.product-list-row{grid-template-columns:1fr auto;grid-template-areas:'name price' 'sku stock' 'category add';gap:5px 10px;padding:11px}.product-list-row .list-name{grid-area:name}.product-list-row .list-price{grid-area:price;text-align:right}.product-list-row .list-sku{grid-area:sku}.product-list-row>span:nth-child(3){grid-area:category;color:var(--muted)}.product-list-row .stock{grid-area:stock;text-align:right}.product-list-row .add-product-btn{grid-area:add;justify-self:end;min-width:76px;min-height:40px}.inventory-import-box{grid-template-columns:1fr}.inventory-import-actions{justify-content:stretch}.inventory-import-actions .btn{flex:1 1 100%;min-height:44px}}


.remember-login{display:grid;gap:6px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
.remember-login label{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;font-weight:600;cursor:pointer}
.remember-login label input{display:inline-block;width:auto;margin:0;padding:0;box-shadow:none}
.remember-login small{font-size:10px;color:var(--muted);line-height:1.35}
.logo-setting-row{display:flex;align-items:center;gap:12px;margin-top:6px;padding:9px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}
.settings-logo-preview{width:92px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px}
.logo-setting-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.logo-setting-actions .btn{padding:8px 10px;font-size:10px}


/* Printable soft-copy reports: receipt, inventory, inventory history, and sales. */
.panel-head-actions,.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel-head-actions .search{min-width:260px}.print-report{font-family:Arial,Helvetica,sans-serif;color:#111;padding:6px}.print-report-head{display:flex;align-items:center;gap:14px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:10px}.print-report-logo{width:78px;height:58px;object-fit:contain}.print-report-head h1{font-size:17px;margin:0 0 2px}.print-report-head h2{font-size:14px;margin:0}.print-report-head p{font-size:9px;margin:4px 0 0}.print-report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 12px}.print-report-summary span{border:1px solid #bbb;padding:7px;font-size:10px}.print-report-summary b{display:block;font-size:8px;text-transform:uppercase;margin-bottom:3px}.print-report-table{width:100%;min-width:0;border-collapse:collapse}.print-report-table th,.print-report-table td{font-size:8.5px;padding:4px;border:1px solid #bbb;vertical-align:top}.print-report-table th{position:static;background:#eee;color:#111}.print-report-table small{font-size:7.5px}
@media(max-width:650px){.panel-head-actions,.report-actions{width:100%;margin-top:10px}.panel-head-actions .search{min-width:0;flex:1 1 100%}.panel-head-actions .btn,.report-actions .btn{flex:1 1 100%}}
@media print{.print-report{padding:0}.print-report-summary{break-inside:avoid}.print-report-table tr{break-inside:avoid}.print-report-table th{position:static}.print-report-head{break-inside:avoid}}


/* v2.3.0 sale editing, category views, and safe maintenance update */
.category-list-view,.category-touch-view{display:block;max-height:69vh;overflow:auto;padding-right:3px}
.category-section{border:1px solid var(--line);border-radius:12px;background:#fbfdff;margin-bottom:12px;overflow:hidden}
.category-section:last-child{margin-bottom:0}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#eef5fb;border-bottom:1px solid var(--line);color:var(--blue)}
.category-heading b{font-size:13px}.category-heading span{font-size:10px;color:var(--muted);font-weight:700}.category-list-body .product-list-header{top:0}.category-touch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px}
.cart-edit-controls{align-items:end;flex-wrap:wrap;gap:7px}.cart-edit-field{display:block;color:var(--muted);font-size:9px;font-weight:700;min-width:100px}.cart-edit-field .cart-number-input{display:block;width:112px;margin-top:3px;padding:6px 7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font-size:12px}.cart-edit-field .cart-price-input{width:130px}.cart-edit-controls .remove-btn{margin:0 0 3px 2px;min-height:31px}
.maintenance-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px;border:1px solid #cfe0f1;border-radius:12px;background:#f4f9fd}.maintenance-card h2{margin:0;color:var(--blue);font-size:17px}.maintenance-card p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.maintenance-version{margin-top:8px;font-size:10px;font-weight:800;color:var(--blue2)}.maintenance-actions{min-width:210px}.maintenance-actions .btn{width:100%}.maintenance-actions .message{max-width:300px;padding-top:7px}
@media(max-width:1000px){.category-touch-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.category-list-view,.category-touch-view{max-height:none;overflow:visible}.category-touch-grid{grid-template-columns:repeat(2,1fr);padding:8px}.category-list-body .product-list-header{display:none}.maintenance-card{grid-template-columns:1fr}.maintenance-actions{min-width:0}.cart-edit-field{min-width:0}.cart-edit-field .cart-number-input,.cart-edit-field .cart-price-input{width:118px;min-height:42px}.cart-edit-controls .remove-btn{min-height:42px}}

/* v2.6.8 activation, SKU lookup, cash entry, customer history (preserved in v2.6.9) */
.activation-card{width:min(520px,100%)}
.sku-lookup-box{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1fr);gap:10px 16px;align-items:end;margin-bottom:14px;padding:13px;background:#f7fafc;border:1px solid var(--line);border-radius:11px}
.sku-lookup-box>b,.sku-lookup-box div>b{display:block;color:var(--blue);font-size:13px}.sku-lookup-box span{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:3px}.sku-lookup-actions{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:end}.sku-lookup-actions .btn{min-height:38px}.sku-lookup-box .import-status{grid-column:1/-1}.customer-history-head{margin-top:18px}
#activationPendingBadge{margin-left:6px;vertical-align:middle}
@media(max-width:650px){.activation-card{width:100%}.sku-lookup-box{grid-template-columns:1fr}.sku-lookup-actions{grid-template-columns:1fr}.sku-lookup-actions .btn{min-height:44px}}

/* v2.7.0 Login-page sign up + Developer jcd in-app activation notification */
.auth-developer-credit{margin-top:14px;text-align:right;color:var(--muted);font-size:10px;line-height:1.2}.auth-developer-credit b{color:var(--blue);font-weight:800}
.developer-notice-btn{background:#fff0ef;color:var(--red);border:1px solid #ffd0cb;padding:7px 10px;white-space:nowrap;box-shadow:0 2px 8px rgba(180,35,24,.08)}
.developer-notice-btn #developerActivationNoticeCount{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:5px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-weight:800}
@media(max-width:650px){.header-right>.developer-notice-btn{grid-column:1/-1;width:100%;margin:0}}

.customer-purchase-panel{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff}.customer-purchase-panel.hidden{display:none}.customer-purchase-panel-head{align-items:flex-start;margin-bottom:12px}.customer-purchase-panel-head h2{margin:0;color:var(--blue)}.customer-purchase-panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.customer-purchase-subhead{margin-top:17px}.customer-purchase-stats{margin-bottom:10px}.customer-purchase-panel .notice{margin-bottom:9px}.customer-purchase-panel .report-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-purchase-panel .table-wrap+ .report-summary-head{margin-top:18px}@media(max-width:650px){.customer-purchase-panel{padding:12px}.customer-purchase-panel .report-actions{width:100%;margin-top:10px}.customer-purchase-panel .report-actions .btn{width:100%}}


/* v2.7.2 controlled temporary-offline POS */
.offline-queue-panel{margin-top:18px;border:1px solid #d7dde5;border-radius:14px;padding:14px;background:#fff}
.offline-queue-panel .panel-head{margin-bottom:10px}
.offline-pending-pill{background:#fff4cc!important;color:#7a5200!important;border-color:#f0cf65!important}
.offline-receipt-banner{border:2px dashed #b7791f;background:#fff7db;color:#6b4f00;padding:10px;text-align:center;font-weight:800;margin-bottom:12px;border-radius:8px}
.offline-receipt-banner small{font-weight:600}