:root{--bg:#fafafa;--surface:#ffffff;--surface-2:#f7f7f7;--surface-3:#dddddd;--text:#1f2933;--muted:#66727a;--line:#dddddd;--line-strong:#a2c3d3;--primary:#1e97cc;--primary-soft:#a2c3d3;--dark:#1e97cc;--dark-2:#1e97cc;--dark-3:#a2c3d3;--white:#fff;--shadow:0 8px 24px rgba(30,151,204,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);font-size:15px}button,input,select{font:inherit}.hidden{display:none!important}.app-shell{min-height:100vh}.app-locked{filter:blur(1px);pointer-events:none;user-select:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:var(--dark);color:#fff;display:flex;flex-direction:column;z-index:30;transition:.24s ease;border-right:1px solid #111}.brand{height:104px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid #3f3f46;position:relative}.brand-mark,.avatar{display:grid;place-items:center;font-weight:900;background:#fff;color:#202124;border:1px solid #d4d4d8;border-radius:12px}.brand-mark{width:55px;height:55px;font-size:18px}.brand-title{font-size:20px;font-weight:900;letter-spacing:.4px}.brand-sub{font-size:11px;letter-spacing:1.1px;color:#b9bbc0;margin-top:5px}.sidebar-toggle{position:absolute;right:-15px;top:34px;width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#3f3f46;color:#fff;font-weight:900;cursor:pointer}.sidebar-toggle:hover{background:#18181b}.nav{padding:14px 12px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;color:#e5e7eb;text-decoration:none;border-radius:9px;font-size:14px}.nav-item span:first-child{width:28px;text-align:center;font-size:11px;font-weight:800;letter-spacing:-.2px}.nav-item:hover{background:#343438}.nav-item.active{background:#444449;color:#fff;box-shadow:inset 3px 0 0 #fff;font-weight:700}.nav-group{margin-top:2px}.nav-group-toggle{width:100%;background:transparent;border:0;color:#aeb0b5;padding:12px 12px 8px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;letter-spacing:1.2px;font-weight:800;cursor:pointer}.nav-group-toggle:hover{color:#fff}.nav-group-arrow{transition:.2s}.nav-group.open .nav-group-arrow{transform:rotate(180deg)}.nav-group-body{display:none;flex-direction:column;gap:3px}.nav-group.open .nav-group-body{display:flex}.sidebar-footer{padding:14px;border-top:1px solid #3f3f46;display:grid;gap:12px}.company-chip{display:flex;align-items:center;gap:10px}.avatar{width:44px;height:44px;border-radius:10px;font-size:12px}.company-details{display:grid;gap:3px;min-width:0}.company-details strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-details small{font-size:10.5px;color:#b9bbc0}.logout-btn{width:100%;background:#303034;color:#fff;border:1px solid #52525b;padding:12px;border-radius:9px;display:flex;gap:10px;align-items:center;font-weight:700;cursor:pointer}.logout-btn:hover{background:#3f3f46}
.main{margin-left:270px;min-height:100vh;transition:.24s}.topbar{height:90px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.top-left{display:flex;align-items:center;gap:12px}.topbar h1{margin:0;font-size:26px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:10px}.btn,.select{border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:10px 13px;cursor:pointer;color:var(--text)}.btn:hover,.select:hover{border-color:#73777d}.btn.primary{background:#27272a;color:#fff;border-color:#27272a;font-weight:800}.btn.primary:hover{background:#18181b}.btn.ghost{min-width:44px}.lang-select{font-weight:800}.content{padding:28px;max-width:1680px;margin:auto}.footer{text-align:center;color:#83878e;font-size:10.5px;padding:10px 20px 24px}
.welcome-card{background:#fff;color:var(--text);padding:24px 26px;border:1px solid var(--line);border-left:4px solid #27272a;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;box-shadow:var(--shadow)}.welcome-card h2{margin:6px 0;font-size:30px}.welcome-card p{margin:0;color:var(--muted);font-size:14px}.eyebrow{font-size:11.5px;font-weight:900;letter-spacing:1.5px;color:#71717a}.status-pill{background:#f3f4f6;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:11.5px;color:#3f3f46}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi-card,.panel,.mini-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.kpi-card{border-radius:12px;padding:18px}.kpi-icon{width:36px;height:36px;border-radius:8px;background:#eef0f2;color:#27272a;border:1px solid #d7dbe0;display:grid;place-items:center;font-size:11px;font-weight:900;margin-bottom:18px}.kpi-meta{font-size:12.5px;color:var(--muted)}.kpi-value{font-size:24px;font-weight:900;margin:5px 0 8px}.trend{font-size:11.5px;color:#6b7280}.trend.up,.trend.warn,.positive,.negative{color:#3f3f46}.secondary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.mini-card{border-radius:10px;padding:14px 16px;display:flex;gap:12px;align-items:center}.mini-card span:first-child{font-size:13px;font-weight:900;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#f8f9fa}.mini-card small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.mini-card strong{font-size:16px}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.panel{border-radius:12px;padding:18px;margin-bottom:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h3{font-size:17px;margin:0 0 4px}.panel-head p{font-size:12.5px;line-height:1.45;color:var(--muted);margin:0}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-action{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px;text-align:left;cursor:pointer}.quick-action:hover{background:#f7f7f8;border-color:#aeb4bb}.quick-action b{display:block;margin:8px 0 3px;font-size:13px}.quick-action small{color:var(--muted);font-size:11px}.quick-action span{font-size:12px;font-weight:900;display:inline-grid;place-items:center;min-width:32px;height:28px;border:1px solid var(--line);border-radius:6px;background:#f3f4f6}.chart{height:225px;display:flex;align-items:flex-end;gap:10px;padding:10px 4px 24px;border-bottom:1px solid var(--line)}.bar-wrap{height:100%;flex:1;display:flex;align-items:flex-end;position:relative}.bar{width:100%;background:#7b7f85;border-radius:4px 4px 0 0;min-height:8px}.bar-wrap small{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12.5px}.data-table th{font-size:11px;color:#52525b;font-weight:800;text-align:left;padding:12px 10px;border-bottom:1px solid var(--line-strong);white-space:nowrap;background:#f7f7f8}.data-table td{padding:12px 10px;border-bottom:1px solid #e8eaed;vertical-align:top;line-height:1.45}.data-table td.right,.data-table th.right{text-align:right}.data-table tr:hover td{background:#fafafa}.badge{display:inline-block;padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:800;background:#eceef0;color:#3f3f46;border:1px solid #d4d7dc}.badge.green,.badge.orange,.badge.red,.badge.pink{background:#eceef0;color:#3f3f46;border-color:#d4d7dc}.empty-state{text-align:center;padding:38px 10px;color:var(--muted)}.empty-state span{font-size:20px;display:block;margin-bottom:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.search{border:1px solid var(--line-strong);border-radius:8px;padding:11px 12px;min-width:260px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.summary-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.summary-box small{display:block;color:var(--muted);font-size:11px}.summary-box strong{display:block;font-size:19px;margin-top:4px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-section{border:1px solid var(--line);border-radius:10px;padding:16px}.report-section h4{margin:0 0 12px;font-size:14px}.report-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid #e8eaed;font-size:12.5px}.report-row.total{font-weight:900;border-top:2px solid #9ca3af;border-bottom:0;margin-top:6px;padding-top:12px}.notice{padding:14px 16px;background:#f7f7f8;color:#52525b;border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.55;margin-bottom:14px}.muted{color:var(--muted)}
.modal{display:none;position:fixed;inset:0;background:rgba(24,24,27,.55);z-index:100;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{width:min(500px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:26px;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.24);border:1px solid #d4d4d8}.large-modal{width:min(720px,100%)}.xl-modal{width:min(930px,100%)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:24px;color:#71717a;cursor:pointer}.modal-card h3{font-size:21px;margin:7px 0 8px}.modal-card p{font-size:12.5px;color:var(--muted);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form-grid.single{grid-template-columns:1fr}.form-grid label{font-size:11.5px;font-weight:800}.form-grid input,.form-grid select{display:block;width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:11px;margin-top:6px;background:#fff}.form-grid input:focus,.form-grid select:focus,.login-form input:focus{outline:2px solid #c8ccd1;outline-offset:1px}.form-grid .wide{grid-column:1/-1}.auto-entry-preview{border:1px dashed #aeb4bb;background:#f8f9fa;border-radius:9px;padding:12px;font-size:12px}.auto-entry-line{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:7px 0}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.logout-modal-card{text-align:center}.logout-symbol{margin:0 auto 10px;width:54px;height:54px;border-radius:12px;background:#f3f4f6;color:#27272a;border:1px solid var(--line);display:grid;place-items:center;font-size:26px}.logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mobile-only{display:none}
.item-entry{display:grid;grid-template-columns:minmax(0,1fr) 100px 120px auto;gap:10px;align-items:end;margin:18px 0}.item-entry select,.item-entry input{border:1px solid var(--line-strong);border-radius:8px;padding:11px;background:#fff;min-width:0}.sale-head{grid-template-columns:1fr 1fr 1fr}.cart-box{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;min-height:80px}.cart-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px 120px 42px;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid #e8eaed;font-size:12.5px}.cart-row.header{background:#f7f7f8;font-size:11px;font-weight:800;color:#52525b}.cart-row.total{font-weight:900;background:#fafafa}.cart-remove{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 8px;cursor:pointer}.stock-low{font-weight:800}.settings-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.settings-info-grid>div{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fafafa}.settings-info-grid small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.settings-info-grid strong{font-size:14px;word-break:break-word}.role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.role-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fafafa;display:grid;gap:7px}.role-card b{font-size:12px;color:#27272a}.role-card span{font-size:11.5px;line-height:1.45;color:var(--muted)}.company-meta strong{font-size:15px;word-break:break-word}
.login-screen{position:fixed;inset:0;z-index:500;background:#e5e7eb;display:grid;place-items:center;padding:24px}.login-card{width:min(470px,100%);background:#fff;border-radius:14px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.16);border:1px solid #cfd3d8}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:30px}.login-mark{width:58px;height:58px;flex:0 0 58px}.login-title{font-size:24px;font-weight:900;color:#18181b}.login-sub{font-size:11px;letter-spacing:1.25px;color:#71717a;margin-top:4px}.login-copy h1{font-size:28px;margin:8px 0 10px}.login-copy p{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 22px}.login-form{display:grid;gap:14px}.login-form label{font-size:12px;font-weight:800}.login-form input{width:100%;margin-top:7px;border:1px solid var(--line-strong);border-radius:8px;padding:13px 14px;font-size:14px}.login-primary,.demo-btn{width:100%;padding:13px}.demo-btn{background:#fff;color:#27272a;border-color:#aeb4bb;font-weight:800}.login-message{min-height:18px;font-size:11.5px;border-radius:8px}.login-message.error,.login-message.success{background:#f1f2f3;color:#27272a;border:1px solid var(--line);padding:10px 11px}.login-message.info{color:var(--muted)}.login-status{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}.status-dot,.cloud-dot{width:8px;height:8px;border-radius:50%;background:#71717a;display:inline-block}.cloud-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fafafa;border-radius:999px;padding:8px 10px;font-size:10.5px;font-weight:800;white-space:nowrap;color:#52525b}.cloud-pill.syncing .cloud-dot{animation:pulse 1s infinite}.login-language{margin-left:auto;align-self:flex-start;min-width:64px;font-weight:800;padding:9px 10px}@keyframes pulse{50%{opacity:.3}}
@media(min-width:761px){body.sidebar-collapsed .sidebar{width:84px}body.sidebar-collapsed .main{margin-left:84px}body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .nav-group-toggle,body.sidebar-collapsed .nav-group-body,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .company-details,body.sidebar-collapsed .logout-label{display:none}body.sidebar-collapsed .brand{justify-content:center;padding:0 10px}body.sidebar-collapsed .nav-item{justify-content:center;gap:0}body.sidebar-collapsed .sidebar-footer{padding:14px 10px}body.sidebar-collapsed .company-chip,body.sidebar-collapsed .logout-btn{justify-content:center}body.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}}
@media(max-width:1200px){.cloud-pill{display:none}.role-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px) and (min-width:761px){.sidebar{width:235px}.main{margin-left:235px}.kpi-grid,.secondary-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.report-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{font-size:14px}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.sidebar-toggle{display:none}.mobile-only{display:inline-flex}.topbar{padding:0 14px}.topbar h1{font-size:21px}.topbar p{font-size:11.5px}.top-actions .year-select,.top-actions .ghost{display:none}.content{padding:16px 14px}.kpi-grid,.secondary-grid,.summary-strip{grid-template-columns:1fr 1fr}.grid-2,.report-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.form-grid,.sale-head{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.search{min-width:0;width:100%}.role-grid{grid-template-columns:1fr 1fr}.login-card{padding:26px 22px}.login-title{font-size:21px}.login-copy h1{font-size:24px}.item-entry{grid-template-columns:1fr 80px}.item-entry .btn{grid-column:1/-1}.cart-row{grid-template-columns:1fr 60px 90px 40px}.cart-row>*:nth-child(4){display:none}}
@media(max-width:480px){.kpi-grid,.secondary-grid,.summary-strip{grid-template-columns:1fr}.welcome-card{flex-direction:column;align-items:flex-start}.quick-grid{grid-template-columns:1fr 1fr}.topbar p{display:none}.logout-actions{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}.login-screen{padding:14px}.login-card{border-radius:12px}.top-actions .btn.primary{font-size:11px;padding:10px}}

/* Phase 2.3 POS and member enhancements */
.document-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:11px 13px;margin-top:12px;font-size:12px}.document-preview span{color:var(--muted);font-weight:700}.document-preview strong{font-size:14px;letter-spacing:.4px}.scan-box{margin:16px 0 10px;padding:14px;border:1px solid var(--line-strong);border-radius:10px;background:#fafafa}.scan-box label{font-size:12px;font-weight:800}.scan-box input{width:100%;display:block;margin-top:7px;border:1px solid var(--line-strong);border-radius:8px;padding:12px 13px;background:#fff}.scan-box small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.sale-item-entry{grid-template-columns:minmax(0,1fr) 100px auto}.sale-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.sale-summary-grid label{font-size:11.5px;font-weight:800}.sale-summary-grid input,.sale-summary-grid select{width:100%;display:block;margin-top:6px;border:1px solid var(--line-strong);border-radius:8px;padding:11px;background:#fff}.sale-summary-grid .wide{grid-column:1/-1}.sale-totals{margin:16px 0 4px;margin-left:auto;width:min(420px,100%);border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#fafafa}.sale-totals>div{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:12.5px}.sale-totals .grand{border-top:2px solid var(--line-strong);margin-top:5px;padding-top:11px}.sale-totals .grand strong{font-size:21px}.qty-control{display:flex;align-items:center;gap:6px}.qty-control button{width:25px;height:25px;border:1px solid var(--line);background:#fff;border-radius:5px;cursor:pointer;font-weight:900}.qty-control b{min-width:20px;text-align:center}.btn.compact{padding:6px 8px;font-size:10.5px;border-radius:6px}.doc-actions{white-space:nowrap}.doc-actions .btn+.btn{margin-left:5px}
@media(max-width:760px){.sale-summary-grid{grid-template-columns:1fr 1fr}.sale-item-entry{grid-template-columns:1fr 80px}.sale-item-entry .btn{grid-column:1/-1}}
@media(max-width:480px){.sale-summary-grid{grid-template-columns:1fr}.sale-summary-grid .wide{grid-column:auto}.doc-actions{min-width:118px}}

/* FASA 2.3 PALETTE: #fafafa #f7f7f7 #dddddd #a2c3d3 #1e97cc */
body{background:#fafafa}.sidebar{background:#1e97cc;border-right:1px solid #a2c3d3}.brand{border-bottom-color:rgba(255,255,255,.28)}.brand-sub,.company-details small{color:#f7f7f7}.sidebar-toggle{background:#fff;color:#1e97cc;border-color:#fff}.sidebar-toggle:hover{background:#f7f7f7}.nav-item{color:#fff}.nav-item:hover{background:rgba(255,255,255,.14)}.nav-item.active{background:#a2c3d3;color:#163948;box-shadow:inset 3px 0 0 #fff}.nav-group-toggle{color:#f7f7f7}.nav-group-toggle:hover{color:#fff}.sidebar-footer{border-top-color:rgba(255,255,255,.28)}.logout-btn{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.38)}.logout-btn:hover{background:rgba(255,255,255,.18)}
.btn,.select,.search,.form-grid input,.form-grid select,.login-form input{border-color:#dddddd}.btn:hover,.select:hover{border-color:#1e97cc}.btn.primary{background:#1e97cc;border-color:#1e97cc;color:#fff}.btn.primary:hover{background:#1e97cc;filter:brightness(.92)}.welcome-card{border-color:#dddddd;border-left-color:#1e97cc}.kpi-card,.panel,.mini-card,.summary-box,.report-section{border-color:#dddddd}.kpi-icon,.mini-card span:first-child,.quick-action span{background:#f7f7f7;border-color:#a2c3d3;color:#1e6f94}.quick-action:hover{background:#f7f7f7;border-color:#1e97cc}.bar{background:#1e97cc}.data-table th{background:#f7f7f7;border-bottom-color:#a2c3d3}.badge{background:#f7f7f7;border-color:#a2c3d3;color:#245469}.notice{background:#f7f7f7;border-color:#dddddd}.cloud-pill.cloud,.cloud-pill.syncing{border-color:#a2c3d3;background:#f7f7f7;color:#245469}.status-dot.cloud,.status-dot.syncing{background:#1e97cc}.login-card{border-color:#dddddd}.login-brand-mark{background:#1e97cc;color:#fff}.login-side{background:#1e97cc!important}.login-form input:focus,.form-grid input:focus,.form-grid select:focus{outline:2px solid #a2c3d3}.stock-low{color:#1e6f94;font-weight:800}.field-note{display:block;margin-top:5px;color:#66727a;font-size:10.5px;font-weight:500;line-height:1.35}.narrow-form{max-width:520px}.document-preview{border-color:#a2c3d3;background:#f7f7f7}.sale-totals .grand{border-top-color:#1e97cc}.cart-row.header{background:#f7f7f7}.qty-control button,.cart-remove{border-color:#a2c3d3}.qty-control button:hover,.cart-remove:hover{border-color:#1e97cc;color:#1e97cc}

.form-grid input[readonly]{background:#f7f7f7;color:#52636c;font-weight:800}.login-screen{background:#fafafa}.modal-card{border-color:#dddddd}.topbar{background:#fff;border-bottom-color:#dddddd}.status-pill{background:#f7f7f7;border-color:#a2c3d3;color:#245469}

/* Exact requested palette surfaces */
body,.login-screen{background:#f7f7f7}.topbar,.panel,.kpi-card,.mini-card,.summary-box,.modal-card,.cart-box,.quick-action,.form-grid input,.form-grid select,.item-entry select,.item-entry input,.login-card,.login-form input{background:#fafafa}.data-table th,.notice,.settings-info-grid>div,.role-card,.cart-row.header,.form-grid input[readonly]{background:#f7f7f7}.brand-mark,.avatar{background:#fafafa}.data-table td{border-bottom-color:#dddddd}.panel,.kpi-card,.mini-card,.summary-box,.modal-card,.quick-action,.cart-box,.report-section,.settings-info-grid>div,.role-card{border-color:#dddddd}


/* FASA 2.3.1 HOTFIX — explicit requested palette and cache-safe visual identity */
:root{
  --bg:#f7f7f7 !important;
  --surface:#fafafa !important;
  --surface-2:#f7f7f7 !important;
  --line:#dddddd !important;
  --line-strong:#a2c3d3 !important;
  --primary:#1e97cc !important;
  --primary-soft:#a2c3d3 !important;
}
.sidebar{background:#1e97cc !important;border-right:1px solid #a2c3d3 !important}
.nav-item.active{background:#a2c3d3 !important;color:#163948 !important;box-shadow:inset 4px 0 0 #fafafa !important}
.btn.primary,.login-primary{background:#1e97cc !important;border-color:#1e97cc !important;color:#fff !important}
.btn.primary:hover,.login-primary:hover{background:#1e97cc !important;filter:brightness(.90)}
.panel,.kpi-card,.mini-card,.summary-box,.modal-card,.quick-action{background:#fafafa !important;border-color:#dddddd !important}
.data-table th{background:#f7f7f7 !important;border-bottom-color:#a2c3d3 !important}
.topbar{background:#fafafa !important;border-bottom:1px solid #dddddd !important}
.content{background:#f7f7f7}
.inventory-summary{grid-template-columns:repeat(4,1fr)}
.accent-box{border-color:#a2c3d3 !important;background:linear-gradient(180deg,#fafafa,#f7f7f7) !important}
.accent-box strong{color:#1e6f94}
.section-kicker{font-size:10.5px;font-weight:900;letter-spacing:1.2px;color:#1e6f94;margin-bottom:6px}
.sku-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;background:#f7f7f7;border:1px solid #a2c3d3;color:#245469;font-weight:800;letter-spacing:.2px}
.field-note{color:#52636c}
@media(max-width:760px){.inventory-summary{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.inventory-summary{grid-template-columns:1fr}}


/* Phase 2.4 - member tiers, promotions and simplified checkout */
.sale-head-simple{grid-template-columns:1fr 1.4fr}.pay-now-btn{min-width:180px;font-size:15px;letter-spacing:.7px}.checkout-modal{z-index:80}.checkout-card{width:min(720px,96vw)}.checkout-grid{grid-template-columns:1fr 1fr}.checkout-member{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #a2c3d3;background:#f7f7f7;border-radius:10px;padding:12px 14px;margin:12px 0 16px}.checkout-member b{font-size:13px}.checkout-member span{font-size:11px;color:#5f6d75}.checkout-totals{border:1px solid #dddddd;border-radius:10px;background:#f7f7f7;padding:10px 14px;margin:16px 0}.checkout-totals>div{display:flex;justify-content:space-between;gap:18px;padding:7px 0;font-size:12.5px}.checkout-totals .grand{border-top:2px solid #1e97cc;margin-top:4px;padding-top:12px}.checkout-totals .grand strong{font-size:22px}.checkout-totals .change-line{border-top:1px solid #a2c3d3;margin-top:4px;padding-top:10px}.checkout-totals .change-line strong{font-size:19px;color:#176f98}.promo-badge{font-size:9px;padding:2px 6px;margin-left:5px}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.tier-card{border:1px solid #dddddd;border-radius:10px;background:#f7f7f7;padding:12px;display:grid;gap:10px}.tier-card label{font-size:11px;font-weight:800}.tier-card input{width:100%;margin-top:5px;border:1px solid #dddddd;border-radius:7px;padding:9px;background:#fafafa}.member-tier-panel{border-left:3px solid #1e97cc}.data-table td small{color:#6b757c}.form-actions{align-items:center}
@media(max-width:760px){.sale-head-simple,.checkout-grid{grid-template-columns:1fr}.tier-grid{grid-template-columns:1fr}.checkout-member{align-items:flex-start;flex-direction:column}.pay-now-btn{min-width:130px}}

/* Phase 2.5 - Friendly POS workspace */
.pos-modal{padding:12px;background:rgba(20,38,48,.48)}
.pos-modal-card{width:min(1320px,98vw);height:min(900px,96vh);max-height:96vh;overflow:hidden;padding:0;border-radius:16px;display:flex;flex-direction:column;background:#fafafa}
.pos-close{z-index:5;right:18px;top:16px;width:36px;height:36px;border:1px solid #dddddd;border-radius:50%;background:#fff;display:grid;place-items:center;line-height:1}
.pos-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 62px 16px 22px;border-bottom:1px solid #dddddd;background:#fff}
.pos-topbar h3{font-size:24px;margin:3px 0 2px}.pos-topbar p{margin:0;font-size:12.5px;color:#66727a}.pos-meta{display:flex;align-items:center;gap:12px}.pos-doc,.pos-date{border:1px solid #dddddd;border-radius:10px;background:#fafafa;padding:8px 12px;display:grid;gap:3px}.pos-doc small,.pos-date small{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:#66727a;font-weight:800}.pos-doc strong{font-size:12px;white-space:nowrap}.pos-date input{border:0;background:transparent;font-weight:800;color:#1f2933;padding:0;min-width:125px}
.pos-member-bar{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:center;padding:10px 22px;background:#f7f7f7;border-bottom:1px solid #dddddd}.pos-member-select{display:flex;align-items:center;gap:10px}.pos-label{font-size:11px;font-weight:900;color:#44515a;white-space:nowrap}.pos-member-select select{width:min(520px,100%);border:1px solid #a2c3d3;border-radius:9px;padding:10px 12px;background:#fff;font-weight:700}.pos-member-status{font-size:11px;color:#4d6674;background:#fff;border:1px solid #dddddd;border-radius:999px;padding:7px 11px;white-space:nowrap}
.pos-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);flex:1;min-height:0}.pos-products-pane{padding:16px 18px 18px 22px;min-width:0;display:flex;flex-direction:column;min-height:0}.pos-search-box{height:52px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;border:2px solid #a2c3d3;background:#fff;border-radius:12px;padding:0 12px;box-shadow:0 3px 12px rgba(30,151,204,.06)}.pos-search-box:focus-within{border-color:#1e97cc;box-shadow:0 0 0 3px rgba(30,151,204,.10)}.pos-search-icon{font-size:24px;color:#1e97cc;text-align:center}.pos-search-box input{border:0;outline:0;font-size:16px;background:transparent;min-width:0}.pos-search-hint{font-size:9px;font-weight:900;color:#66727a;border-left:1px solid #dddddd;padding-left:10px;letter-spacing:.7px}.pos-products-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:16px 2px 10px}.pos-products-head>div{display:grid;gap:2px}.pos-products-head strong{font-size:14px}.pos-products-head small{font-size:10.5px;color:#66727a}.pos-result-count{font-size:10.5px;color:#66727a}
.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;overflow:auto;padding:2px 3px 10px 2px;align-content:start}.pos-product-card{min-height:132px;border:1px solid #dddddd;border-radius:12px;background:#fff;padding:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:7px;transition:.15s ease;color:#1f2933}.pos-product-card:hover{transform:translateY(-1px);border-color:#1e97cc;box-shadow:0 6px 16px rgba(30,151,204,.10)}.pos-product-card:active{transform:scale(.985)}.product-card-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.product-sku{font-size:9.5px;font-weight:900;color:#66727a}.product-promo{font-size:9px;font-weight:900;color:#176f98;background:#eef7fb;border:1px solid #a2c3d3;border-radius:999px;padding:3px 6px}.pos-product-card>strong{font-size:13.5px;line-height:1.25;min-height:34px}.product-card-price{display:flex;align-items:baseline;gap:7px;margin-top:auto}.product-card-price s{font-size:10px;color:#929da4}.product-card-price b{font-size:17px;color:#176f98}.pos-product-card>small{font-size:10px;color:#66727a}.pos-product-card.out-of-stock{opacity:.45;cursor:not-allowed;background:#f7f7f7}.pos-product-card.out-of-stock:hover{transform:none;box-shadow:none;border-color:#dddddd}.pos-no-products{grid-column:1/-1;padding:50px 16px;text-align:center;color:#66727a;display:grid;gap:6px}.pos-no-products b{color:#1f2933}
.pos-cart-pane{border-left:1px solid #dddddd;background:#fff;display:flex;flex-direction:column;min-height:0;padding:16px}.pos-cart-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #dddddd}.pos-cart-head>div{display:flex;align-items:center;gap:8px}.pos-cart-head strong{font-size:16px}.pos-cart-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#1e97cc;color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}.pos-clear-btn,.pos-cancel-sale{border:0;background:transparent;color:#66727a;cursor:pointer;font-size:10.5px;font-weight:800}.pos-clear-btn:hover,.pos-cancel-sale:hover{color:#1e97cc}.pos-cart-list{flex:1;min-height:120px;overflow:auto;padding:6px 0}.pos-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto 28px;gap:9px;align-items:center;padding:11px 2px;border-bottom:1px solid #eeeeee}.pos-cart-item-main{min-width:0;display:grid;gap:3px}.pos-cart-item-main b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-cart-item-main small{font-size:9.5px;color:#66727a}.pos-cart-price{font-size:10px;color:#66727a}.promo-text{color:#176f98;font-weight:800}.pos-line-total{font-size:12px;font-weight:900;white-space:nowrap}.qty-control{display:flex;align-items:center;gap:5px}.qty-control button{width:26px;height:26px;border:1px solid #a2c3d3;border-radius:7px;background:#fff;color:#1f2933;cursor:pointer;font-weight:900}.qty-control b{min-width:20px;text-align:center;font-size:11px}.cart-remove{width:26px;height:26px;border:0!important;background:transparent!important;color:#8b959b;font-size:17px;padding:0!important}.cart-remove:hover{color:#1e97cc!important}.pos-empty-cart{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#66727a;padding:28px}.pos-empty-icon{width:50px;height:50px;border:1px dashed #a2c3d3;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#1e97cc;margin-bottom:10px}.pos-empty-cart b{color:#1f2933;font-size:13px;margin-bottom:5px}.pos-empty-cart span{font-size:10.5px;line-height:1.5;max-width:230px}
.pos-cart-summary{border-top:1px solid #dddddd;padding:11px 0 4px}.pos-cart-summary>div{display:flex;justify-content:space-between;gap:12px;padding:4px 2px;font-size:11px}.pos-cart-summary .saving{color:#176f98}.pos-cart-summary .grand{border-top:1px solid #a2c3d3;margin-top:6px;padding-top:10px;align-items:end}.pos-cart-summary .grand span{font-size:9px;font-weight:900;color:#66727a;letter-spacing:.6px}.pos-cart-summary .grand strong{font-size:22px}.pos-pay-btn{width:100%;min-height:58px;border-radius:10px!important;margin-top:9px;display:flex;align-items:center;justify-content:space-between;padding:0 18px!important;font-size:15px!important}.pos-pay-btn strong{font-size:20px}.pos-cancel-sale{margin:9px auto 0;padding:5px 12px}

.checkout-modal{z-index:130}.checkout-modern{width:min(680px,96vw);max-height:94vh;padding:24px}.checkout-payable-hero{border:1px solid #a2c3d3;background:#eef7fb;border-radius:12px;padding:14px 16px;margin:13px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.checkout-payable-hero span{font-size:10px;font-weight:900;letter-spacing:.7px;color:#4d6674}.checkout-payable-hero strong{font-size:28px;color:#176f98}.checkout-member{margin:0 0 15px;display:flex;justify-content:space-between;align-items:center;border:1px solid #dddddd;background:#fafafa;border-radius:10px;padding:10px 12px}.checkout-member>div{display:grid;gap:3px}.checkout-member b{font-size:12px}.checkout-member span{font-size:10px;color:#66727a}.checkout-member>strong{font-size:16px;color:#176f98}.payment-method-label{font-size:11px;font-weight:900;margin-bottom:7px}.payment-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.payment-method{min-height:64px;border:1px solid #dddddd;background:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#1f2933}.payment-method span{font-size:10px;font-weight:900;color:#66727a}.payment-method b{font-size:11.5px}.payment-method:hover{border-color:#1e97cc}.payment-method.active{border:2px solid #1e97cc;background:#eef7fb;color:#176f98}.payment-method.member-required:not(.active){opacity:.58}.checkout-due{margin:0 0 12px}.checkout-due label,.cash-input-label,.checkout-more-grid label{font-size:11px;font-weight:800}.checkout-due input,.cash-input-label input,.checkout-more-grid input,.checkout-more-grid select{width:100%;border:1px solid #a2c3d3;border-radius:9px;background:#fff;padding:11px;margin-top:5px}.cash-payment-box{border:1px solid #dddddd;background:#fafafa;border-radius:12px;padding:12px;margin-bottom:10px}.cash-input-label input{font-size:23px;font-weight:900;padding:13px}.cash-quick-label{font-size:9.5px;color:#66727a;font-weight:800;margin:9px 0 6px}.cash-quick-buttons{display:flex;gap:6px;flex-wrap:wrap}.cash-quick-buttons button{border:1px solid #a2c3d3;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;font-size:10.5px;font-weight:800}.cash-quick-buttons button:hover{border-color:#1e97cc;background:#eef7fb}.change-hero{display:flex;align-items:center;justify-content:space-between;border:1px solid #a2c3d3;border-radius:10px;padding:10px 13px;margin:9px 0;background:#fff}.change-hero span{font-size:10px;font-weight:900;letter-spacing:.5px;color:#66727a}.change-hero strong{font-size:22px;color:#176f98}.checkout-more{border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin:13px 0;padding:9px 0}.checkout-more summary{cursor:pointer;font-size:10.5px;font-weight:800;color:#5c6971;user-select:none}.checkout-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.checkout-more-grid .wide{grid-column:1/-1}.checkout-totals{padding:8px 11px;margin:10px 0;background:#f7f7f7}.checkout-totals>div{padding:4px 0;font-size:11px}.checkout-totals .grand strong{font-size:18px}.checkout-actions{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-top:12px}.checkout-complete-btn{min-height:50px;font-size:14px!important}.sale-success-modal{z-index:145}.sale-success-card{width:min(460px,94vw);text-align:center;padding:30px}.success-check{width:64px;height:64px;border-radius:50%;background:#eef7fb;border:2px solid #1e97cc;color:#1e97cc;display:grid;place-items:center;font-size:34px;font-weight:900;margin:0 auto 12px}.sale-success-card h3{font-size:23px;margin:4px 0}.sale-success-card>p{font-size:12px;color:#66727a;margin:4px 0 18px}.success-total,.success-change{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dddddd;padding:12px 2px}.success-total span,.success-change span{font-size:11px;color:#66727a}.success-total strong{font-size:23px;color:#176f98}.success-change strong{font-size:18px}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.success-actions .btn.primary{grid-column:1/-1;min-height:48px}.success-close{margin-top:10px;border:0;background:transparent;color:#66727a;cursor:pointer;font-size:11px}

@media(max-width:1050px){.pos-modal-card{width:99vw;height:97vh;max-height:97vh}.pos-workspace{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.pos-meta{display:none}}
@media(max-width:760px){.pos-modal{padding:0}.pos-modal-card{width:100vw;height:100vh;max-height:100vh;border-radius:0}.pos-topbar{padding:12px 50px 10px 14px}.pos-topbar h3{font-size:20px}.pos-topbar p{display:none}.pos-member-bar{grid-template-columns:1fr;padding:8px 14px;gap:5px}.pos-member-status{display:none}.pos-workspace{display:flex;flex-direction:column}.pos-products-pane{padding:10px 12px;flex:1}.pos-search-box{height:46px}.pos-products-head{margin:10px 2px 7px}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pos-product-card{min-height:106px;padding:9px}.pos-product-card>strong{font-size:12px;min-height:30px}.product-card-price b{font-size:15px}.pos-cart-pane{border-left:0;border-top:1px solid #dddddd;max-height:43vh;padding:10px 12px}.pos-cart-list{min-height:65px}.pos-cart-item{grid-template-columns:minmax(0,1fr) auto auto 24px;padding:8px 0}.pos-cart-price{display:none}.pos-cart-summary>div:not(.grand):not(.saving){display:none}.pos-pay-btn{min-height:52px}.checkout-modern{width:100vw;max-height:100vh;height:100vh;border-radius:0;padding:18px 14px}.payment-method-grid{grid-template-columns:1fr 1fr}.cash-quick-buttons button{flex:1 1 calc(33% - 6px)}.checkout-more-grid{grid-template-columns:1fr}.checkout-more-grid .wide{grid-column:auto}.checkout-actions{grid-template-columns:100px 1fr}}

/* Phase 2.6 — Cashier operations */
.pos-ops-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 22px;background:#fff;border-bottom:1px solid #dddddd}.pos-shift-status{display:flex;align-items:center;gap:9px;min-width:0}.pos-shift-status .status-dot{width:9px;height:9px;border-radius:50%;background:#b8c0c5;box-shadow:0 0 0 3px #eef1f2}.pos-shift-status.open .status-dot{background:#1e97cc;box-shadow:0 0 0 3px rgba(30,151,204,.12)}.pos-shift-status small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#66727a;font-weight:900}.pos-shift-status strong{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.pos-ops-actions{display:flex;gap:7px}.pos-ops-btn{position:relative;border:1px solid #dddddd;background:#fafafa;color:#33414a;border-radius:9px;padding:7px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px}.pos-ops-btn:hover{border-color:#a2c3d3;background:#f7fbfd}.pos-ops-btn span{font-size:13px;color:#1e97cc}.pos-ops-btn em{font-style:normal;background:#1e97cc;color:#fff;border-radius:999px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;font-size:9px;font-weight:900}.pos-shortcuts{display:flex;gap:12px;align-items:center;padding:6px 22px;border-bottom:1px solid #eeeeee;background:#fafafa;color:#66727a;font-size:9px}.pos-shortcuts span{display:flex;align-items:center;gap:4px}.pos-shortcuts kbd{border:1px solid #cfd5d8;background:#fff;border-bottom-width:2px;border-radius:5px;padding:2px 5px;color:#33414a;font:800 9px Arial}.pos-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:0 2px 10px}.pos-filter{border:1px solid #dddddd;background:#fff;color:#56636c;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer}.pos-filter:hover,.pos-filter.active{border-color:#1e97cc;background:#eef7fb;color:#176f98}.product-card-flags{display:flex;align-items:center;gap:5px}.favorite-star{font-size:16px;line-height:1;color:#9da6ab;cursor:pointer;user-select:none}.favorite-star.active{color:#1e97cc}.pos-product-card.low-stock{border-color:#a2c3d3;background:#fcfeff}.low-stock-text{font-weight:900;color:#176f98}.pos-cart-head-actions{display:flex!important;align-items:center;gap:7px!important}.pos-hold-btn{border:1px solid #a2c3d3;background:#f7fbfd;color:#176f98;border-radius:8px;padding:6px 9px;cursor:pointer;font-size:10px;font-weight:900}.pos-hold-btn:hover{background:#eef7fb}.held-sales-card{max-width:760px}.held-sales-list{display:grid;gap:9px;max-height:520px;overflow:auto;margin-top:16px}.held-sale-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;border:1px solid #dddddd;border-radius:10px;padding:12px 14px;background:#fff}.held-sale-row>div:first-child{display:grid;gap:3px}.held-sale-row b{font-size:12.5px}.held-sale-row span,.held-sale-row small{font-size:10px;color:#66727a}.held-sale-row>strong{font-size:14px;white-space:nowrap}.held-sale-actions{display:flex;gap:6px}.shift-card{max-width:470px}.shift-money-field{display:grid;gap:7px;margin:18px 0}.shift-money-field span{font-size:11px;font-weight:900}.shift-money-field input{font-size:22px;font-weight:900;text-align:right}.shift-summary{display:grid;gap:8px;border:1px solid #dddddd;background:#fafafa;border-radius:10px;padding:12px 14px;margin-top:14px}.shift-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.shift-summary .grand{border-top:1px solid #cfd5d8;padding-top:9px;margin-top:2px}.shift-summary .grand strong{font-size:16px}.danger-btn{border-color:#cfd5d8!important;background:#fff!important;color:#6f3434!important}.danger-btn:hover{border-color:#b55f5f!important;background:#fff7f7!important}.badge.danger{background:#f5eeee;color:#7b4040;border:1px solid #dfcaca}.void-row{opacity:.62}.void-row td{text-decoration:none}.void-row td:first-child b{text-decoration:line-through}.data-table .doc-actions{display:flex;gap:5px;flex-wrap:wrap}

@media(max-width:760px){.pos-ops-bar{padding:7px 14px}.pos-shift-status strong{max-width:150px}.pos-ops-actions{gap:5px}.pos-ops-btn{padding:6px 8px}.pos-ops-btn b{display:none}.pos-shortcuts{display:none}.pos-filter-row{margin-bottom:7px;white-space:nowrap;overflow:auto;flex-wrap:nowrap}.pos-filter{flex:0 0 auto}.held-sale-row{grid-template-columns:1fr auto}.held-sale-actions{grid-column:1/-1}.pos-cart-head-actions{gap:5px!important}.pos-hold-btn{padding:5px 7px}}

/* Phase 2.7 — Cashier ID, barcode card & fixed checkout controls */
.checkout-modern{overflow:hidden!important;display:flex;flex-direction:column;padding:0!important;max-height:94vh}
.checkout-fixed-head{flex:0 0 auto;padding:22px 24px 0;background:#fff;position:relative;z-index:2}
.checkout-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 24px 8px;background:#fff;scrollbar-gutter:stable}
.checkout-actions-fixed{flex:0 0 auto;margin:0!important;padding:12px 24px 18px;background:#fff;border-top:1px solid #dddddd;box-shadow:0 -8px 18px rgba(31,41,51,.05);position:relative;z-index:3}
.checkout-modern>.modal-close{position:absolute;z-index:6;right:16px;top:12px}
.checkout-fixed-head .checkout-member{margin-bottom:12px}.checkout-fixed-head .payment-method-grid{margin-bottom:4px}
.cashier-scan-box{border:1px solid #a2c3d3;background:#f7fbfd;border-radius:11px;padding:12px 14px;margin:14px 0 8px}.cashier-scan-box label{display:grid;gap:6px;font-size:11px;font-weight:900}.cashier-scan-box input{width:100%;border:1px solid #a2c3d3;border-radius:9px;background:#fff;padding:12px;font-size:16px;font-weight:800;letter-spacing:.4px}.cashier-scan-box input:focus{outline:2px solid rgba(30,151,204,.18);border-color:#1e97cc}.cashier-match{display:flex;align-items:center;gap:10px;margin-top:10px;border-top:1px solid #dbe8ee;padding-top:10px;color:#66727a}.cashier-match-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid #d5e2e8;color:#66727a;font-size:10px;font-weight:900}.cashier-match>div{display:grid;gap:2px}.cashier-match small{font-size:9.5px;font-weight:800}.cashier-match strong{font-size:13px;color:#33414a}.cashier-match.matched .cashier-match-icon{background:#eef7fb;border-color:#1e97cc;color:#176f98}.cashier-match.matched small,.cashier-match.matched strong{color:#176f98}
#confirmShiftBtn:disabled{opacity:.45;cursor:not-allowed}.form-grid label small{display:block;font-size:9.5px;font-weight:500;color:#66727a;margin-top:5px;line-height:1.35}code{font-family:Consolas,monospace;background:#f7f7f7;border:1px solid #dddddd;border-radius:5px;padding:2px 5px;font-size:11px}
@media(max-width:760px){.checkout-modern{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.checkout-fixed-head{padding:16px 14px 0}.checkout-scroll{padding:9px 14px 6px}.checkout-actions-fixed{padding:10px 14px 14px}.checkout-fixed-head h3{font-size:18px;margin:4px 0 6px}.checkout-payable-hero{padding:10px 12px;margin:8px 0}.checkout-payable-hero strong{font-size:23px}.checkout-member{margin-bottom:9px}.payment-method{min-height:54px}.payment-method-grid{gap:6px}.checkout-actions-fixed{grid-template-columns:92px 1fr}}


/* Phase 2.7.1 — payment breakdown, proof upload, quotation & invoice */
.payment-method-grid{grid-template-columns:repeat(5,1fr)}
.payment-proof-box{border:1px solid #a2c3d3;background:#f7fbfd;border-radius:12px;padding:12px 14px;margin:0 0 12px}.payment-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-proof-grid label{font-size:11px;font-weight:800}.payment-proof-grid input{width:100%;margin-top:5px;border:1px solid #a2c3d3;border-radius:9px;background:#fff;padding:10px}.payment-proof-grid input[type=file]{font-size:10px}.payment-proof-grid small{display:block;font-size:9px;color:#66727a;margin-top:5px}.payment-proof-name{font-size:10px;color:#176f98;font-weight:800;margin-top:8px}.cashier-payment-report{min-width:1380px}.sales-doc-card{max-height:94vh;overflow:auto}.sales-doc-entry{grid-template-columns:minmax(260px,1fr) 90px 120px auto}.sales-doc-notes{display:grid;gap:6px;margin:12px 0;font-size:11px;font-weight:800}.sales-doc-notes textarea{border:1px solid #dddddd;border-radius:9px;background:#fff;padding:10px;resize:vertical}.doc-actions a.btn{text-decoration:none;display:inline-flex;align-items:center}.badge{white-space:nowrap}
@media(max-width:760px){.payment-method-grid{grid-template-columns:repeat(2,1fr)}.payment-proof-grid{grid-template-columns:1fr}.sales-doc-entry{grid-template-columns:1fr 80px}.sales-doc-entry input:nth-of-type(2){grid-column:auto}.sales-doc-entry .btn{grid-column:1/-1}.sales-doc-card{width:100vw;max-height:100vh;height:100vh;border-radius:0}}

/* Phase 2.8 — advanced inventory & company business records */
.section-kicker{font-size:10px;letter-spacing:1.15px;font-weight:900;color:#1e6f94;margin-bottom:6px}.inventory-advanced-table{min-width:1280px}.inventory-advanced-table small{color:#66727a}.sku-chip{display:inline-flex;align-items:center;border:1px solid #a2c3d3;background:#f7fbfd;border-radius:7px;padding:4px 7px;font:800 10px Consolas,monospace;color:#176f98}.stock-low{color:#176f98!important;background:#f7fbfd}.inventory-report-grid{grid-template-columns:1fr 1fr}.stock-movement-table{min-width:1120px}.stock-movement-table .positive{color:#176f98;font-weight:900}.stock-movement-table .negative{color:#6f3434;font-weight:900}.adjustment-preview{display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid #a2c3d3;background:#f7fbfd;border-radius:10px;padding:14px;font-size:13px}.adjustment-preview b{font-size:18px;color:#176f98}.checkbox-row{display:flex!important;align-items:center;gap:10px;border:1px solid #dddddd;border-radius:9px;padding:11px 12px;background:#fafafa}.checkbox-row input{width:auto!important;margin:0!important}.company-doc-table{min-width:980px}.company-doc-table td:nth-child(4){max-width:260px;word-break:break-word}.company-doc-table .btn{margin-bottom:4px}.form-grid textarea{display:block;width:100%;border:1px solid var(--line-strong);border-radius:8px;padding:11px;margin-top:6px;background:#fff;font:inherit;resize:vertical}.form-grid textarea:focus{outline:2px solid #a2c3d3}.badge.danger{background:#fff6f6;color:#7b4040;border-color:#dfcaca}.badge.orange{background:#fffaf1;color:#7a5b20;border-color:#ead7ad}
@media(max-width:900px){.inventory-report-grid{grid-template-columns:1fr}.inventory-advanced-table{min-width:1180px}}

/* Phase 3.0 — Annual Accounts & Tax Review */
.annual-hero,.accountant-pack-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fafafa;border:1px solid #dddddd;border-left:4px solid #1e97cc;border-radius:12px;padding:20px 22px;margin-bottom:16px}.annual-hero h2,.accountant-pack-hero h2{margin:5px 0 6px;font-size:24px}.annual-hero p,.accountant-pack-hero p{margin:0;color:#66727a;font-size:12.5px;line-height:1.5}.annual-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.year-checklist{display:grid;gap:9px}.year-check{display:flex;align-items:center;gap:10px;border:1px solid #dddddd;background:#f7f7f7;border-radius:9px;padding:11px 12px;font-size:12px}.year-check>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:900;border:1px solid #a2c3d3}.year-check.ok>span{background:#eaf6fb;color:#126e97}.year-check.pending>span{background:#f7f7f7;color:#66727a}.annual-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.annual-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.annual-kpis>div{border:1px solid #dddddd;background:#f7f7f7;border-radius:9px;padding:13px}.annual-kpis small{display:block;color:#66727a;font-size:10.5px;margin-bottom:5px}.annual-kpis b{font-size:16px}.report-row.grand-total{font-weight:900;border-top:2px solid #1e97cc;border-bottom:0;margin-top:6px;padding-top:12px}.tax-disclaimer{border:1px solid #a2c3d3;background:#eef7fb;color:#335566;border-radius:9px;padding:12px 14px;font-size:11.5px;line-height:1.55;margin-bottom:16px}.tax-review-table select,.tax-review-table input{width:100%;min-width:110px;border:1px solid #dddddd;border-radius:7px;padding:8px;background:#fff;font-size:11px}.tax-review-table .tax-note-input{min-width:180px}.pack-file-list{display:grid;gap:8px}.pack-file-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border:1px solid #dddddd;background:#f7f7f7;border-radius:8px;padding:9px 11px}.pack-file-list span{font-size:10px;font-weight:900;color:#1e6f94}.pack-file-list b{font-size:12px}.pack-file-list small{color:#66727a}.pack-status{display:grid;gap:9px}.pack-status>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e4e4e4;padding:8px 0}.pack-status span{font-size:11px;color:#66727a}.pack-status b{font-size:12.5px;text-align:right}.year-select{min-width:92px;font-weight:800}
@media(max-width:1000px){.annual-grid{grid-template-columns:1fr}.annual-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.annual-hero,.accountant-pack-hero{align-items:flex-start;flex-direction:column}.annual-kpis{grid-template-columns:1fr 1fr}.tax-review-table{min-width:900px}}
@media(max-width:480px){.annual-kpis{grid-template-columns:1fr}}


/* === Fasa 3.0.4 — Annual Accounts layout polish === */
.annual-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.annual-overview-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;min-height:88px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}
.annual-overview-card>span{font-size:12px;color:var(--muted);margin-bottom:6px;line-height:1.35}.annual-overview-card>strong{font-size:23px;line-height:1.2;letter-spacing:-.2px}
.annual-status{display:inline-flex!important;align-items:center;width:max-content;padding:7px 10px;border-radius:999px;border:1px solid var(--line-strong);font-size:13px!important;letter-spacing:.3px}.annual-status.draft{background:#f7f7f7}.annual-status.review{background:#eef6fa;border-color:#a2c3d3;color:#245a73}.annual-status.locked{background:#eef1f3;color:#343a40}
.annual-main-panel{padding:22px}.annual-panel-head{margin-bottom:20px}.annual-actions .btn{min-height:44px;padding:11px 16px}.annual-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.annual-metric{border:1px solid var(--line);background:#fafafa;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:5px;min-height:76px;justify-content:center}.annual-metric span{font-size:12px;color:var(--muted)}.annual-metric strong{font-size:18px;line-height:1.25}
.annual-bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr);gap:18px;align-items:start}.annual-check-panel,.annual-report-panel{padding:22px}.annual-check-count{font-size:11px;font-weight:800;color:#4b5563;background:#f7f7f7;border:1px solid var(--line);border-radius:999px;padding:7px 10px;white-space:nowrap}
.annual-check-list{display:grid;gap:10px}.annual-check-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:#fff}.annual-check-row.needs-action{background:#fbfbfb;border-color:#cfd5da}.annual-check-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:900;border:1px solid #cfd5da;background:#f7f7f7;color:#374151}.annual-check-row.is-ok .annual-check-icon{background:#eef6fa;border-color:#a2c3d3;color:#1d6f96}.annual-check-copy{min-width:0}.annual-check-copy b{display:block;font-size:13px;margin-bottom:3px}.annual-check-copy small{display:block;color:var(--muted);font-size:11px;line-height:1.45}.annual-check-status{font-size:10px;font-weight:900;letter-spacing:.2px;border:1px solid #cfd5da;border-radius:999px;padding:6px 9px;white-space:nowrap;background:#f7f7f7}.annual-check-row.is-ok .annual-check-status{border-color:#a2c3d3;color:#1d6f96;background:#f3f9fc}
.annual-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.annual-report-btn{min-height:112px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.annual-report-btn:hover{background:#f7f7f7;border-color:#a2c3d3;box-shadow:0 4px 14px rgba(0,0,0,.04)}.annual-report-btn>span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;border-radius:7px;background:#eef6fa;border:1px solid #a2c3d3;color:#205f7f;font-size:10px;font-weight:900;padding:0 7px;margin-bottom:12px}.annual-report-btn b{font-size:13px;margin-bottom:4px}.annual-report-btn small{font-size:10.5px;color:var(--muted);line-height:1.4}
@media(max-width:1200px){.annual-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.annual-bottom-grid{grid-template-columns:1fr}.annual-report-panel{max-width:none}.annual-report-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.annual-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.annual-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.annual-check-row{grid-template-columns:34px 1fr}.annual-check-status{grid-column:2;justify-self:start}}
@media(max-width:560px){.annual-overview-grid,.annual-metric-grid,.annual-report-grid{grid-template-columns:1fr}.annual-main-panel,.annual-check-panel,.annual-report-panel{padding:16px}.annual-actions{width:100%}.annual-actions .btn{flex:1}.annual-panel-head{flex-direction:column}.annual-check-count{align-self:flex-start}}

/* Fasa 3.0.5 - global back navigation */
.page-back-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid #cfd8de;border-radius:9px;background:#fafafa;color:#26343d;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.page-back-btn:hover{background:#f0f5f7;border-color:#a2c3d3;transform:translateX(-1px)}
.page-back-btn[hidden]{display:none!important}
.page-back-icon{font-size:18px;line-height:1}.page-back-label{font-size:12.5px}
@media(max-width:760px){.page-back-btn{padding:8px 9px;min-height:38px}.page-back-label{display:none}.page-back-icon{font-size:20px}.top-left{gap:8px}}


/* === Fasa 3.0.6 — Company logo & professional theme presets === */
.sidebar,.sidebar-toggle{background:var(--dark)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary);filter:brightness(.90)}
.nav-item:hover{background:rgba(255,255,255,.12)}.nav-item.active{background:rgba(255,255,255,.22);box-shadow:inset 3px 0 0 #fff}.nav-group-toggle{color:rgba(255,255,255,.72)}.nav-group-toggle:hover{color:#fff}
.welcome-card{border-left-color:var(--primary)}.bar{background:var(--primary)}.kpi-icon,.quick-action span{background:color-mix(in srgb,var(--primary-soft) 35%,white);border-color:var(--primary-soft);color:var(--text)}
.welcome-company{display:flex;align-items:center;gap:18px;min-width:0}.company-logo{display:block;object-fit:contain;background:#fff}.company-logo-dashboard{width:82px;height:82px;border:1px solid var(--line);border-radius:12px;padding:7px}.company-logo-profile{width:150px;height:150px;padding:10px}.company-logo-manager{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.logo-preview-box{width:170px;height:170px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden}.logo-preview-box>span{font-size:28px;font-weight:900;color:var(--muted)}.logo-upload-tools{display:grid;gap:12px;align-content:center}.logo-upload-tools input[type=file]{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;max-width:520px}.logo-upload-tools>div{display:flex;gap:8px;flex-wrap:wrap}.logo-upload-tools small{color:var(--muted);font-size:11px}.avatar.has-logo{background:#fff;overflow:hidden;padding:3px}.avatar.has-logo img{width:100%;height:100%;object-fit:contain;border-radius:7px}
.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.theme-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;text-align:left;cursor:pointer;display:grid;gap:8px;min-height:132px}.theme-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.theme-card.selected{border:2px solid var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.theme-card b{font-size:13px}.theme-card small{font-size:10.5px;color:var(--muted);line-height:1.45}.theme-swatch{display:flex;height:30px;border-radius:7px;overflow:hidden;border:1px solid var(--line)}.theme-swatch i{flex:1;display:block}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.theme-grid{grid-template-columns:1fr 1fr}.company-logo-manager{grid-template-columns:1fr}.logo-preview-box{width:140px;height:140px}.company-logo-dashboard{width:62px;height:62px}.welcome-company{align-items:flex-start}.welcome-company h2{font-size:24px}}
@media(max-width:480px){.theme-grid{grid-template-columns:1fr}.welcome-company{flex-direction:column}}


/* === Fasa 3.0.6.1 — Full theme propagation fix === */
:root{
  --primary-hover:#187eaa;
  --theme-tint:rgba(30,151,204,.08);
  --theme-tint-strong:rgba(30,151,204,.16);
  --theme-focus:rgba(30,151,204,.22);
  --theme-sidebar-hover:rgba(255,255,255,.12);
  --theme-sidebar-active:rgba(255,255,255,.22);
}

/* Core navigation and primary actions */
.sidebar{background:var(--dark)!important;border-right-color:color-mix(in srgb,var(--dark) 82%,#000)!important}
.brand,.sidebar-footer{border-color:rgba(255,255,255,.18)!important}
.sidebar-toggle{background:var(--dark-2)!important;border-color:#fff!important}.sidebar-toggle:hover{background:var(--primary-hover)!important}
.nav-item:hover{background:var(--theme-sidebar-hover)!important}.nav-item.active{background:var(--theme-sidebar-active)!important;box-shadow:inset 3px 0 0 #fff!important}
.nav-group-toggle{color:rgba(255,255,255,.76)!important}.nav-group-toggle:hover{color:#fff!important}
.logout-btn{background:rgba(0,0,0,.12)!important;border-color:rgba(255,255,255,.25)!important}.logout-btn:hover{background:rgba(0,0,0,.22)!important}
.btn.primary{background:var(--primary)!important;border-color:var(--primary)!important}.btn.primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;filter:none!important}
.btn:hover,.select:hover,.search:hover{border-color:var(--primary-soft)!important}

/* Focus, highlights and structural accents */
.welcome-card,.annual-hero,.accountant-pack-hero{border-left-color:var(--primary)!important}
.kpi-icon,.quick-action span,.annual-report-btn>span{background:var(--theme-tint)!important;border-color:var(--primary-soft)!important;color:var(--primary)!important}
.quick-action:hover,.annual-report-btn:hover,.theme-card:hover{border-color:var(--primary-soft)!important;background:var(--theme-tint)!important}
.status-pill,.badge.green,.badge.orange,.badge.pink{border-color:var(--primary-soft)!important}
.bar{background:var(--primary)!important}
.report-row.grand-total{border-top-color:var(--primary)!important}
.tax-disclaimer,.annual-status.review{border-color:var(--primary-soft)!important;background:var(--theme-tint)!important}
.pack-file-list span,.section-kicker{color:var(--primary)!important}
.page-back-btn:hover{border-color:var(--primary-soft)!important;background:var(--theme-tint)!important}

/* Inputs/forms */
input:focus,select:focus,textarea:focus,.search:focus,.form-grid textarea:focus{outline:2px solid var(--theme-focus)!important;outline-offset:0;border-color:var(--primary)!important}
.form-grid input:focus,.form-grid select:focus{border-color:var(--primary)!important}

/* POS theme propagation */
.pos-search-box{border-color:var(--primary-soft)!important;box-shadow:0 3px 12px var(--theme-tint)!important}.pos-search-box:focus-within{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--theme-tint-strong)!important}
.pos-search-icon,.pos-product-card .product-card-price b,.promo-text,.low-stock-text,.favorite-star.active,.pos-ops-btn span{color:var(--primary)!important}
.pos-product-card:hover{border-color:var(--primary)!important;box-shadow:0 6px 16px var(--theme-tint-strong)!important}
.product-promo,.pos-hold-btn,.pos-filter.active,.pos-filter:hover{border-color:var(--primary-soft)!important;background:var(--theme-tint)!important;color:var(--primary)!important}
.pos-cart-count,.pos-ops-btn em{background:var(--primary)!important}
.pos-clear-btn:hover,.pos-cancel-sale:hover,.cart-remove:hover{color:var(--primary)!important}
.qty-control button,.pos-empty-icon,.pos-cart-summary .grand{border-color:var(--primary-soft)!important}.pos-empty-icon{color:var(--primary)!important}
.pos-filter:hover,.pos-filter.active{border-color:var(--primary)!important;color:var(--primary)!important}
.pos-shift-status.open .status-dot{background:var(--primary)!important;box-shadow:0 0 0 3px var(--theme-tint-strong)!important}

/* Checkout/payment */
.checkout-payable-hero,.cash-payment-box,.change-hero,.payment-proof-box,.cashier-scan-box{border-color:var(--primary-soft)!important;background:var(--theme-tint)!important}
.checkout-payable-hero strong,.checkout-member>strong,.change-hero strong,.success-total strong,.payment-proof-name{color:var(--primary)!important}
.checkout-totals .grand{border-top-color:var(--primary)!important}.checkout-totals .change-line{border-top-color:var(--primary-soft)!important}
.payment-method.active,.payment-method:hover,.cash-quick-buttons button:hover{border-color:var(--primary)!important;background:var(--theme-tint)!important}
.cash-quick-buttons button{border-color:var(--primary-soft)!important}
.success-check{background:var(--theme-tint)!important;border-color:var(--primary)!important;color:var(--primary)!important}

/* Cashier / inventory / annual accents */
.cashier-scan-box input,.payment-proof-grid input,.sku-chip,.adjustment-preview{border-color:var(--primary-soft)!important}.cashier-scan-box input:focus{border-color:var(--primary)!important;outline-color:var(--theme-focus)!important}
.cashier-match.matched .cashier-match-icon{border-color:var(--primary)!important;background:var(--theme-tint)!important;color:var(--primary)!important}.cashier-match.matched small,.cashier-match.matched strong{color:var(--primary)!important}
.sku-chip,.stock-low,.annual-check-row.is-ok .annual-check-icon,.annual-check-row.is-ok .annual-check-status{background:var(--theme-tint)!important;border-color:var(--primary-soft)!important;color:var(--primary)!important}
.adjustment-preview b,.stock-movement-table .positive{color:var(--primary)!important}
.annual-check-row.is-ok .annual-check-status,.annual-check-row.is-ok .annual-check-icon{color:var(--primary)!important}
.annual-status.review{color:var(--primary)!important}

/* Theme selector itself */
.theme-card.selected{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--theme-tint-strong)!important}
.theme-card.selected b{color:var(--primary)!important}


/* === Fasa 3.0.7 — Manual E-AKAUN / Help Centre === */
.manual-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:14px;padding:24px 26px;margin-bottom:16px;box-shadow:var(--shadow)}
.manual-hero h2{margin:4px 0 7px;font-size:25px}.manual-hero p{margin:0;color:var(--muted);max-width:820px;line-height:1.55}.manual-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.manual-hero-actions .btn.primary{background:var(--primary);border-color:var(--primary)}
.manual-search-panel{position:sticky;top:102px;z-index:8;background:rgba(250,250,250,.96);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 14px;margin-bottom:4px}.manual-search-wrap{display:flex;align-items:center;gap:9px;border:1px solid var(--line-strong);background:#fff;border-radius:10px;padding:0 12px;min-width:min(520px,100%)}.manual-search-wrap span{font-weight:900;color:var(--primary)}.manual-search-wrap input{border:0;outline:0;padding:12px 0;width:100%;background:transparent}.manual-jump{display:flex;gap:6px;flex-wrap:wrap}.manual-jump button{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer}.manual-jump button:hover{border-color:var(--primary);color:var(--primary)}
.manual-section{scroll-margin-top:165px}.manual-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manual-flow-card{display:grid;grid-template-columns:38px 1fr;gap:12px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:14px}.manual-step-no{width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.manual-flow-card h4{margin:1px 0 5px;font-size:13px}.manual-flow-card p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.5}.manual-flow-card .text-btn{margin-top:8px;padding:0;border:0;background:transparent;color:var(--primary);font-size:10.5px;font-weight:800;cursor:pointer}
.manual-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.manual-module-card{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:3px 10px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px;cursor:pointer;color:var(--text)}.manual-module-card:hover{border-color:var(--primary);box-shadow:0 5px 16px rgba(0,0,0,.05)}.manual-module-card>span{grid-row:1/3;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,white);border:1px solid color-mix(in srgb,var(--primary) 34%,white);color:var(--primary);font-size:10px;font-weight:900}.manual-module-card b{font-size:12px;align-self:end}.manual-module-card small{font-size:10px;line-height:1.35;color:var(--muted);align-self:start}
.manual-glossary-list,.manual-faq-list{display:grid;gap:8px}.manual-term{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.manual-term[hidden],.manual-flow-card[hidden],.manual-module-card[hidden]{display:none!important}.manual-term summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;cursor:pointer;font-weight:800;font-size:12.5px}.manual-term summary::-webkit-details-marker{display:none}.manual-term summary:after{content:'+';color:var(--primary);font-size:17px}.manual-term[open] summary:after{content:'−'}.manual-term summary small{font-weight:500;color:var(--muted);margin-left:auto}.manual-term[open] summary{border-bottom:1px solid var(--line);background:var(--surface-2)}.manual-term-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 15px}.manual-term-body>div{border-left:3px solid var(--line-strong);padding-left:10px}.manual-term-body b{font-size:10.5px;color:var(--primary)}.manual-term-body p{font-size:11.5px;line-height:1.5;color:var(--text);margin:4px 0 0}.manual-term-body .manual-example{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:7px;padding:9px 10px}.manual-faq-answer{padding:14px 15px;font-size:12px;line-height:1.55;color:var(--text)}.manual-no-results{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:10px}.manual-note{border:1px solid var(--line-strong);background:var(--surface-2);padding:13px 15px;border-radius:10px;font-size:11.5px;line-height:1.55;margin-bottom:16px}.manual-note b{color:var(--primary)}
@media(max-width:1100px){.manual-module-grid{grid-template-columns:repeat(3,1fr)}.manual-search-panel{align-items:flex-start;flex-direction:column}.manual-search-wrap{width:100%}}
@media(max-width:760px){.manual-hero{align-items:flex-start;flex-direction:column;padding:18px}.manual-hero-actions{width:100%}.manual-hero-actions .btn{flex:1}.manual-search-panel{top:90px}.manual-flow-grid{grid-template-columns:1fr}.manual-module-grid{grid-template-columns:1fr 1fr}.manual-term-body{grid-template-columns:1fr}.manual-term summary{align-items:flex-start}.manual-term summary small{display:none}}
@media(max-width:480px){.manual-module-grid{grid-template-columns:1fr}.manual-jump{display:grid;grid-template-columns:1fr 1fr;width:100%}}


/* === Fasa 3.0.7.2 — Product images + expanded theme gallery === */
.product-image-manager{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;border:1px solid var(--line);background:var(--surface-soft,#fafafa);border-radius:12px;padding:14px}
.product-image-preview{width:150px;height:120px;border:1px dashed var(--line-strong);border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--muted);font-weight:900;letter-spacing:.8px}
.product-image-preview img{width:100%;height:100%;object-fit:cover;display:block}
.product-image-controls{display:grid;gap:8px;align-content:center}.product-image-file{display:grid;gap:7px;font-size:11px;font-weight:900}.product-image-file input{font-weight:400}.product-image-controls>small{font-size:10px;line-height:1.45;color:var(--muted)}.product-image-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.product-image{display:block;object-fit:cover;background:#fff}.product-image-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,var(--theme-tint),#fff);color:var(--primary);font-weight:900;letter-spacing:.8px}
.product-card-image{height:88px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface-soft,#fafafa);margin:1px 0 2px}.product-image-pos{width:100%;height:100%}.product-image-table,.product-thumb-cell .product-image-placeholder{width:46px;height:42px;border-radius:7px;border:1px solid var(--line);font-size:10px}.product-thumb-cell{width:58px}.inventory-advanced-table td.product-thumb-cell{padding-top:8px;padding-bottom:8px}
.pos-product-card{min-height:218px}.pos-product-card>strong{min-height:34px}.pos-product-card.out-of-stock .product-card-image{filter:grayscale(.65)}
.theme-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.theme-card{min-height:134px}
@media(max-width:1100px){.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image-manager{grid-template-columns:130px minmax(0,1fr)}.product-image-preview{width:130px;height:108px}}
@media(max-width:760px){.product-image-manager{grid-template-columns:1fr}.product-image-preview{width:100%;height:180px}.pos-product-card{min-height:190px}.product-card-image{height:72px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.theme-grid{grid-template-columns:1fr 1fr}.theme-card{padding:11px;min-height:122px}.theme-card small{font-size:9.5px}}

/* === Fasa 3.0.8 — Cashier login & role-based POS === */
.role-hidden{display:none!important}
.cashier-login-fields{border:1px solid var(--line,#d9e0e5);border-radius:14px;padding:14px;display:grid;gap:12px;background:var(--panel-soft,#f8fafb)}
.cashier-login-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cashier-login-head b{font-size:13px}
.cashier-session .nav{padding-top:18px}
.cashier-session .sidebar .nav-group[data-group="operations"]>.nav-group-toggle{display:none}
.cashier-session .sidebar .nav-group[data-group="operations"]>.nav-group-body{display:flex!important}
.cashier-session .sidebar .nav-group[data-group="operations"]{display:block}
.cashier-session .sidebar .nav-item[data-route="pos"]{margin-top:4px}
.cashier-session #financialYearSelect{display:none!important}
.cashier-session #pageBackBtn{display:none!important}
.access-loading .sidebar .nav{min-height:120px}
@media(max-width:760px){.cashier-login-fields{padding:12px}.cashier-login-head{align-items:flex-start;flex-direction:column}}