@font-face{font-family:DM Sans;font-weight:400;font-display:swap;src:url(dm-sans-regular.ttf) format("truetype")}
@font-face{font-family:DM Sans;font-weight:500 650;font-display:swap;src:url(dm-sans-medium.ttf) format("truetype")}
@font-face{font-family:DM Sans;font-weight:700;font-display:swap;src:url(dm-sans-bold.ttf) format("truetype")}
@font-face{font-family:Manrope;font-weight:600 750;font-display:swap;src:url(manrope-bold.ttf) format("truetype")}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(manrope-extrabold.ttf) format("truetype")}
:root{--accent:#ed713c;--accent-dark:#cb5120;--accent-soft:#fff0e8;--green:#348269;--green-dark:#206850;--ink:#243530;--muted:#788880;--line:#e7ece8;--canvas:#f6f8f6;--white:#fff;--shadow:0 8px 28px #24353008;--radius:16px;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}svg{vertical-align:middle}i[data-lucide],.lucide{width:18px;height:18px;flex:0 0 auto;display:inline-block}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.metric-value,.chart-total{font-family:Manrope,"DM Sans",Arial,sans-serif}h1{font-size:30px;line-height:1.25;font-weight:800;letter-spacing:-1px}h2{font-size:17px;line-height:1.3;font-weight:750;letter-spacing:-.35px}h3{font-size:14px;font-weight:750}small{display:block}input,select,textarea{width:100%;min-height:42px;border:1px solid #dce4de;border-radius:9px;padding:9px 11px;background:#fff;color:var(--ink);outline:none}input::placeholder,textarea::placeholder{color:#a0aaa4}input:focus,select:focus,textarea:focus{border-color:#d98560;box-shadow:0 0 0 3px #ed713c17}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--green)}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}textarea{resize:vertical;min-height:78px}label{display:block;font-size:12px;font-weight:600;color:#46564f}label>input,label>select,label>textarea{margin-top:6px;font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ed713c70;outline-offset:2px}.muted{color:var(--muted)}.small-text{font-size:12px}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.strong-link{font-weight:700;color:#314d41}.strong-link:hover,.text-link:hover{color:var(--accent-dark)}.eyebrow{display:block;color:#9c806f;font-size:10px;font-weight:700;letter-spacing:1.65px;text-transform:uppercase;margin-bottom:7px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:9px;font-weight:700;font-size:13px;transition:background .15s,border-color .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--accent);box-shadow:0 4px 12px #ed713c20}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{color:#44574e;background:#fff;border-color:var(--line)}.btn-secondary:hover{background:#f6f9f6;border-color:#cdd8d0}.btn-light{background:#fff8ef;color:#5f6651;border-color:#eadcc9}.btn-sm{min-height:32px;padding:6px 10px;font-size:12px}.btn-block{width:100%}.icon-btn,.top-icon,.icon-link{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:#75867d}.icon-btn:hover,.top-icon:hover,.icon-link:hover{background:#f5f7f5;color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;color:var(--green);margin-top:18px}.text-link i{width:15px;height:15px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:25px 15px 13px;display:flex;flex-direction:column;z-index:30;overflow:hidden}.brand{display:flex;gap:10px;align-items:center;padding:0 9px;color:var(--ink)}.brand-symbol{width:42px;height:42px;border-radius:13px;background:var(--accent);display:grid;place-items:center;color:#fff;box-shadow:0 5px 12px #ed713c2a}.brand-symbol i{width:24px;height:24px}.brand-copy{font-size:17px;font-weight:800;line-height:1.1;letter-spacing:-.5px}.brand-dot{color:var(--accent)}.brand-copy small{font-family:"DM Sans";font-size:10px;font-weight:500;color:#94a199;letter-spacing:.1px;margin-top:3px}.workspace-card{display:flex;align-items:center;gap:9px;padding:10px;margin:24px 1px 20px;border:1px solid var(--line);border-radius:11px;background:#f8faf8}.workspace-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e9efeb;color:var(--green);font-family:Manrope;font-weight:800}.workspace-card strong,.sidebar-user strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card small,.sidebar-user small{font-size:10px;color:#91a097;margin-top:2px}.online-dot{width:7px;height:7px;border-radius:50%;background:#3e9a76}.nav-scroll{overflow-y:auto;flex:1;padding:0 1px 12px}.nav-group+.nav-group{margin-top:16px}.nav-label{font-size:9px;letter-spacing:1.45px;color:#9aa79f;font-weight:700;padding:0 12px 8px}.nav-link{min-height:42px;display:flex;align-items:center;gap:11px;padding:9px 11px;margin:2px 0;border-radius:10px;color:#73837a;font-size:13px;font-weight:600;transition:.15s}.nav-link>i{width:18px;height:18px;color:#82938a}.nav-link:hover{background:#f8f9f8;color:var(--ink)}.nav-link.active{background:var(--accent-soft);color:var(--accent-dark)}.nav-link.active>i{color:var(--accent)}.nav-badge{margin-left:auto;background:#fff;color:var(--accent-dark);border:1px solid #f2d7c8;border-radius:20px;padding:1px 7px;font-size:10px}.sidebar-support{margin:8px 1px 12px;padding:13px 12px;background:#f6f8f5;border:1px solid #edf0ec;border-radius:13px}.support-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--green);margin-bottom:5px}.support-icon i{width:18px;height:18px}.sidebar-support strong{font-size:11px}.sidebar-support p{font-size:10px;line-height:1.5;color:#87948c;margin:4px 0 6px}.sidebar-support small{font-size:9px;color:#a0aaa4}.sidebar-user{display:flex;align-items:center;gap:9px;padding:10px 5px 2px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e6f0eb;color:#32775e;font-size:12px;font-weight:800;flex:0 0 auto}.sidebar-user .icon-btn{width:32px;height:32px}.logout-form{margin:0}
.main-area{min-height:100vh;margin-left:246px}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:15}.breadcrumb{display:flex;align-items:center;gap:8px;color:#8e9a93;font-size:12px}.breadcrumb i{width:14px;height:14px}.breadcrumb strong{color:#405047;font-weight:700}.topbar-right{display:flex;align-items:center;gap:15px}.date-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#738179;font-size:11px}.date-chip i{width:14px;height:14px}.top-icon{border:1px solid var(--line);width:35px;height:35px}.notification-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff}.avatar-top{width:32px;height:32px}
.page-content{max-width:1540px;margin:0 auto;padding:28px 34px 22px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{margin:0 0 6px}.page-heading p{font-size:12px}.page-heading .eyebrow{margin-bottom:5px}.app-footer{display:flex;justify-content:space-between;gap:10px;padding:23px 4px 0;margin-top:22px;color:#a0aaa4;font-size:10px}
.panel,.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:20px;margin-bottom:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-heading p{font-size:11px;margin-top:3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card{padding:17px 18px;min-height:126px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#75837b;font-size:12px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.metric-icon i{width:17px;height:17px}.icon-orange{background:#fff0e9;color:#df7342}.icon-purple{background:#f1edfb;color:#8870c3}.icon-gold{background:#fff5df;color:#c49329}.icon-green{background:#e8f4ee;color:#4c9473}.metric-value{display:block;font-size:25px;line-height:1.25;letter-spacing:-.7px;font-weight:800;margin:11px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card small{font-size:10px}
.welcome-banner{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:214px;overflow:hidden;margin-bottom:18px;padding:30px 34px;border:1px solid #ece7d9;border-radius:17px;background:#f0eee4}.welcome-banner .eyebrow{color:#a58467}.welcome-banner h1{max-width:570px;color:#244235;font-size:27px}.welcome-banner p{max-width:470px;color:#78847a;font-size:12px;margin:9px 0 18px}.welcome-art{width:35%;height:155px;position:relative;display:grid;place-items:center}.art-circle{width:146px;height:146px;border:1px solid #ddd6c2;border-radius:50%;display:grid;place-items:center;color:var(--green);background:#f8f6ee}.art-circle:before,.art-circle:after{content:"";position:absolute;border:1px solid #e0d9c7;border-radius:50%;inset:0;margin:auto;width:188px;height:188px}.art-circle:after{width:235px;height:235px}.art-circle i{width:58px;height:58px;stroke-width:1.15}.float-chip{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;padding:10px 12px;background:#fff;border:1px solid #eceee8;border-radius:11px;box-shadow:0 8px 20px #45544712;font-size:10px;font-weight:700;white-space:nowrap}.float-chip i{width:15px;height:15px;color:var(--green)}.chip-top{top:5px;right:10px}.chip-bottom{bottom:4px;left:3px}.chip-bottom i{color:var(--accent)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:16px;margin-bottom:18px}.content-grid>.panel{margin-bottom:0}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr)}.chart-panel{min-height:283px}.chart-total{font-size:28px;font-weight:800;letter-spacing:-.7px;margin:20px 0 7px}.bar-chart{height:131px;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:12px 0 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,#f1f3f0 32px)}.bar-column{display:flex;flex:1;max-width:66px;height:100%;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;position:relative}.bar-value{font-size:8px;color:#99a59d;min-height:12px}.bar{width:35px;max-height:93px;min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#ee8c60,#ed713c);box-shadow:0 4px 10px #ed713c22}.bar-column small{font-size:9px;color:#98a39d}.compact-list{display:grid}.compact-row{min-height:48px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f2ef}.compact-row:last-child{border:0}.compact-row strong{display:block;font-size:11px}.compact-row small{font-size:9px;margin-top:2px}.task-dot{width:8px;height:8px;border-radius:50%;background:#e6a544;box-shadow:0 0 0 4px #fff6e7;flex:0 0 auto}.empty-inline{display:flex;align-items:center;gap:10px;color:#94a098;font-size:11px;padding:18px 0}.empty-inline i{width:18px;height:18px;color:#6aa084}
.table-panel{padding-bottom:4px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:10px;font-weight:700;letter-spacing:.25px;color:#89958e;padding:10px 12px;border-bottom:1px solid var(--line);background:#fbfcfb}td{font-size:11px;color:#526159;padding:12px;border-bottom:1px solid #f0f2ef;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td strong{font-size:11px;color:#35483e}td small{font-size:9px;margin-top:3px}th:first-child,td:first-child{padding-left:5px}.table-panel>.panel-heading{padding:0 2px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;white-space:nowrap}.badge-success{background:#e9f5ee;color:#488565}.badge-warning{background:#fff5dd;color:#a67a25}.badge-danger{background:#fff0ed;color:#c45d4b}.badge-neutral{background:#f0f3f1;color:#79867e}.empty-state{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#9ba69f;font-size:11px;padding:16px}.empty-state>i{width:24px;height:24px;color:#89a394}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 2px 17px}.search-box{display:flex;align-items:center;gap:9px;width:min(390px,100%);min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.search-box>i{width:15px;height:15px;color:#8a988f}.search-box input{min-height:34px;padding:0;border:0;box-shadow:none;font-size:11px}.search-box:focus-within{border-color:#d98560}.toolbar>div h2{margin-bottom:2px}.filter-row{padding:0 0 16px}.filter-form{display:flex;align-items:flex-end;gap:8px;margin:0}.filter-form label{min-width:130px}.filter-form input{min-height:34px;padding:6px 8px;font-size:11px}.profile-head{display:flex;align-items:center;gap:14px}.avatar-large{width:52px;height:52px;font-family:Manrope;font-size:20px}.profile-head h2{font-size:20px;margin:0 0 5px}.profile-head p{font-size:11px;margin:3px 0}.profile-balance{display:flex;flex-direction:column;gap:3px;text-align:right}.profile-balance strong{font-family:Manrope;font-size:20px}.profile-balance small{font-size:10px}
.action-stack{display:grid;gap:8px}.quick-action{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px}.quick-action:hover{background:#fafbf9}.quick-action>i:last-child{width:14px;height:14px;color:#97a39b;margin-left:auto}.quick-action strong{display:block;font-size:11px}.quick-action small{font-size:9px;color:#99a49d;margin-top:2px}.soft-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f2f5f2;color:#6f897b}.soft-icon i{width:17px;height:17px}.green-soft{background:#e8f5ee;color:#4b916d}.purple-soft{background:#f1edfb;color:#806cba}
.pos-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(370px,.85fr);gap:16px}.pos-layout>.panel{margin:0}.pos-products{min-height:600px}.product-pick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:calc(100vh - 250px);overflow-y:auto;padding:3px 2px}.product-pick{display:flex;align-items:center;gap:9px;min-width:0;text-align:left;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff}.product-pick:hover:not(:disabled){border-color:#edb59b;background:#fffaf7}.product-pick:disabled{background:#fafafa;opacity:.55}.product-pick-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#eff5f1;color:var(--green)}.product-pick-icon i{width:17px;height:17px}.product-pick strong{display:block;font-size:11px;line-height:1.3}.product-pick small{font-size:9px;margin-top:3px}.pick-price{font-size:10px;font-weight:700;color:var(--accent-dark);white-space:nowrap}.pos-cart{position:sticky;top:82px;align-self:start}.pos-cart .panel-heading{margin-bottom:11px}.pos-form{gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-stack{display:grid;gap:13px}.cart-lines{display:grid;gap:7px;max-height:210px;overflow:auto;padding-right:2px}.cart-empty{min-height:64px;border:1px dashed #dce4de;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#9aa59e;font-size:11px}.cart-empty i{width:18px;height:18px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) 74px 30px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #eff2ee}.cart-line strong{display:block;font-size:10px}.cart-line small{font-size:9px;color:#8e9a92}.cart-line input{min-height:32px;padding:4px 6px;font-size:11px}.cart-line .icon-btn{width:30px;height:30px}.totals-box{border-top:1px solid var(--line);padding-top:9px;display:grid;gap:5px}.totals-box>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#748279}.totals-box strong{color:#394a41}.totals-box .grand-total{font-size:13px;font-weight:700;padding-top:6px;border-top:1px dashed var(--line);color:var(--ink)}.totals-box .grand-total strong{font-family:Manrope;font-size:17px;color:var(--ink)}
.form-section-title{font-size:11px;font-weight:800;color:#68776e;padding-top:3px}.dynamic-lines{display:grid;gap:8px}.line-row{display:grid;grid-template-columns:minmax(150px,1.35fr) .65fr .8fr .9fr .8fr 34px;gap:8px;align-items:end;padding:10px;background:#fafbfa;border:1px solid var(--line);border-radius:11px}.line-row label{font-size:10px}.line-row input,.line-row select{min-height:36px;font-size:11px;padding:6px 8px}.line-remove{margin-bottom:1px}.purchase-form .btn-block{margin-top:3px}.mini-note{padding:13px;background:#f7f9f6;border:1px solid #edf1eb;border-radius:10px;font-size:11px;color:#718077;line-height:1.6}.panel-footer-action{display:flex;justify-content:flex-end;margin:0 0 18px}.role-list{display:grid}.role-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2ef}.role-row:last-child{border:0}.role-row strong{display:block;font-size:11px}.role-row small{font-size:9px;margin-top:2px}
.permission-matrix{overflow:auto;border:1px solid var(--line);border-radius:10px}.permission-header,.permission-row{display:grid;grid-template-columns:minmax(145px,1fr) repeat(6,52px);align-items:center;gap:2px;min-width:470px;padding:8px 10px;border-bottom:1px solid #eff2ef}.permission-header{background:#f8faf8;color:#7b8981;font-size:9px;font-weight:700;text-align:center}.permission-header span:first-child{text-align:left}.permission-row strong{font-size:10px}.check-cell{display:grid;place-items:center;cursor:pointer}.check-cell input{width:14px;min-height:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.queue-list{display:grid;max-height:340px;overflow:auto}.queue-item{display:flex;align-items:flex-start;gap:12px;padding:12px 2px;border-bottom:1px solid #eff2ef}.queue-item strong{display:block;font-size:11px}.queue-item small{font-size:9px;margin-top:3px;color:#7e8b83}.queue-item.is-late .task-dot{background:#dc7660;box-shadow:0 0 0 4px #fff0ed}.success-btn{color:#438968}.task-done-form,.inline-form{margin:0}.filter-form label{font-size:10px}.filter-form label input{display:block}
.invoice-actions{display:flex;justify-content:space-between;margin-bottom:12px}.invoice-card{max-width:900px;margin:0 auto;padding:29px}.invoice-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.invoice-brand{padding:0}.invoice-brand small{font-family:"DM Sans";font-size:10px;font-weight:400;letter-spacing:0;color:#88958e;margin-top:4px}.invoice-number{text-align:right}.invoice-number h2{font-size:20px}.invoice-number small{font-size:10px;color:#829087;margin-top:5px}.invoice-customer{display:flex;justify-content:space-between;gap:20px;padding:18px 2px}.invoice-customer strong{display:block;font-size:12px;margin:3px 0}.invoice-customer small{font-size:10px}.invoice-totals{width:min(350px,100%);margin:15px 0 5px auto;display:grid;gap:7px}.invoice-totals>div{display:flex;justify-content:space-between;font-size:11px;color:#6f7d75}.invoice-totals strong{color:#3e4e45}.invoice-totals .grand-total{font-weight:800;border-top:1px dashed var(--line);padding-top:8px}.invoice-totals .grand-total strong{font-family:Manrope;font-size:15px}.invoice-foot{display:flex;justify-content:space-between;gap:12px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line);color:#8c9991;font-size:9px}.inline-return{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0;padding:4px}.inline-return span{margin-right:auto;color:#8b9690;font-size:9px}.inline-return input{width:100px;min-height:31px;padding:4px 6px;font-size:10px}.inline-payment{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:15px;padding:12px;border-radius:11px;background:#f8faf8}.inline-payment strong{font-size:11px;margin-right:auto}.inline-payment input,.inline-payment select{width:130px;min-height:33px;padding:5px 8px;font-size:10px}.return-row td{padding-top:0;background:#fbfcfb}
.installer-body,.login-body{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,#fff3e8,transparent 35%),var(--canvas)}.install-wrap{width:min(780px,100%)}.install-brand,.login-brand{display:flex;align-items:center;gap:11px;margin:0 auto 19px;width:fit-content}.install-brand strong,.login-brand strong{display:block;font-family:Manrope;font-size:18px}.install-brand small,.login-brand small{display:block;color:#8f9c94;font-size:10px}.install-card,.login-card{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 20px 50px #34433712;padding:28px}.install-card h1,.login-card h1{font-size:25px;margin-bottom:8px}.install-card>p,.login-card>p{font-size:12px;margin-bottom:20px}.install-card h3{margin:17px 0 10px}.install-card .form-grid{margin-bottom:10px}.install-note{text-align:center;color:#88958d;font-size:10px;margin-top:15px}.install-note code{padding:2px 5px;border-radius:4px;background:#eef2ef}.login-card{width:min(430px,100%);padding:30px}.login-brand{margin:0 0 28px}.login-card .eyebrow{margin:0 0 5px}.login-card h1{font-size:22px}.login-card>p{margin-bottom:19px}.login-form{margin-bottom:16px}.login-form label{font-size:11px}.login-form input{min-height:45px}
.alert{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;margin:0 0 15px;border-radius:10px;font-size:11px}.alert>i{width:16px;height:16px;flex:0 0 auto}.alert-success{background:#eaf5ef;color:#477f61;border:1px solid #d7eadf}.alert-danger{background:#fff0ed;color:#a85245;border:1px solid #f5dad4}.alert-info{background:#eff6f2;color:#548168;border:1px solid #dfebe3}.alert-dismissible{align-items:center}.alert-dismissible>span{flex:1}.alert-dismissible button{display:grid;place-items:center;background:none;border:0;color:inherit}.alert-dismissible button i{width:15px;height:15px}
.modal{width:min(690px,calc(100% - 24px));max-height:calc(100vh - 40px);border:0;border-radius:17px;padding:22px;background:#fff;color:var(--ink);box-shadow:0 24px 70px #19281f33}.modal::backdrop{background:#19281f66;backdrop-filter:blur(2px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal-head h2{font-size:18px}.modal-head p{margin-top:3px}.modal-form{padding-bottom:2px}.modal-form .btn-block{margin-top:3px}.modal-form label>small{font-size:9px;color:#8b9991}
.mobile-menu,.mobile-scrim{display:none}
@media(max-width:1180px){.page-content{padding:24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.85fr)}.pos-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr)}.line-row{grid-template-columns:minmax(130px,1.3fr) .65fr .8fr .85fr .8fr 30px}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .22s;box-shadow:10px 0 30px #24353012}.sidebar.open{transform:translateX(0)}.mobile-scrim.show{display:block;position:fixed;inset:0;background:#15281e66;z-index:25}.main-area{margin-left:0}.mobile-menu{display:inline-grid}.topbar{justify-content:flex-start;gap:14px}.breadcrumb{flex:1}.welcome-banner{padding:24px}.content-grid,.dashboard-grid{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.pos-cart{position:relative;top:auto}.product-pick-list{max-height:340px}.pos-products{min-height:auto}.line-row{grid-template-columns:minmax(120px,1.2fr) .7fr .8fr .85fr .8fr 30px}.profile-head{flex-wrap:wrap}.profile-balance{margin-left:auto}}
@media(max-width:620px){.page-content{padding:19px 13px 16px}.topbar{height:57px;padding:0 13px;gap:8px}.breadcrumb{font-size:10px;gap:5px}.breadcrumb>span{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-chip{display:none}.topbar-right{gap:8px;margin-left:auto}.page-heading{align-items:flex-start;margin-bottom:16px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:260px}.page-heading>.btn{min-height:35px;padding:7px 9px;font-size:10px}.welcome-banner{min-height:164px;padding:19px 16px}.welcome-banner h1{font-size:20px;max-width:70%}.welcome-banner p{max-width:67%;font-size:10px;margin:7px 0 12px}.welcome-banner .btn{min-height:34px;font-size:10px;padding:7px 9px}.welcome-art{position:absolute;right:-20px;width:36%;height:130px;opacity:.82}.art-circle{width:90px;height:90px}.art-circle i{width:38px;height:38px}.art-circle:before{width:126px;height:126px}.art-circle:after{width:166px;height:166px}.float-chip{font-size:8px;padding:7px 8px}.chip-top{right:8px}.chip-bottom{left:-7px;bottom:0}.metric-grid{gap:9px}.metric-card{padding:13px;min-height:110px}.metric-top{font-size:10px}.metric-icon{width:29px;height:29px}.metric-value{font-size:20px;margin:10px 0 4px}.metric-card small{font-size:9px}.panel{padding:15px;border-radius:13px;margin-bottom:13px}.panel-heading{margin-bottom:12px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:9px}.toolbar{align-items:flex-start;flex-wrap:wrap}.toolbar .search-box{width:100%;max-width:none}.toolbar>.btn,.toolbar>button{width:100%}.table-wrap{margin-right:-4px}table{min-width:650px}th{padding:9px 10px}td{padding:10px}.content-grid{gap:12px;margin-bottom:12px}.chart-total{font-size:24px}.bar-chart{height:115px}.filter-form{flex-wrap:wrap}.filter-form label{min-width:120px;flex:1}.filter-form .btn{flex:1}.form-grid,.form-grid.three{grid-template-columns:1fr 1fr;gap:9px}.pos-layout{gap:12px}.product-pick-list{grid-template-columns:1fr}.product-pick{padding:9px}.pos-cart{padding:14px}.pos-cart .form-grid{grid-template-columns:1fr 1fr}.line-row{grid-template-columns:1fr 1fr 1fr;gap:7px}.line-row label:first-child{grid-column:span 3}.line-row .line-remove{position:absolute;right:19px;margin-top:0}.purchase-line{position:relative;padding-right:38px}.inline-return{justify-content:flex-start;flex-wrap:wrap}.inline-return span{width:100%}.inline-return input{flex:1;min-width:90px}.invoice-card{padding:16px}.invoice-head{padding-bottom:14px}.invoice-brand .brand-symbol{width:34px;height:34px}.invoice-brand strong{font-size:12px}.invoice-number h2{font-size:15px}.invoice-customer{padding:13px 1px}.invoice-foot{flex-direction:column;gap:4px}.profile-head{gap:10px}.profile-balance{width:100%;text-align:left;margin:7px 0 0 62px}.app-footer{font-size:8px}.modal{padding:17px}.modal .form-grid{grid-template-columns:1fr 1fr}.login-card{padding:23px}.install-card{padding:20px}.install-card .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.page-content{padding-left:10px;padding-right:10px}.metric-card{padding:10px}.metric-value{font-size:17px}.page-heading h1{font-size:21px}.welcome-banner h1{font-size:18px}.form-grid,.pos-cart .form-grid{grid-template-columns:1fr}.page-heading>.btn{font-size:0}.page-heading>.btn i{width:18px;height:18px}}
@media print{body{background:#fff}.sidebar,.topbar,.page-heading,.app-footer,.invoice-actions,.return-row,.invoice-payment{display:none!important}.main-area{margin:0}.page-content{padding:0;max-width:none}.invoice-card{border:0;box-shadow:none;max-width:none;padding:0}.invoice-foot{color:#333}}

.advanced-fields{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fbfcfb}.advanced-fields summary{font-size:11px;font-weight:700;color:#58675e;cursor:pointer}.advanced-fields .form-grid{margin-top:12px}.form-section-title{font-size:10px;font-weight:700;color:#526159;margin:2px 0 1px}
.settings-list{display:grid;grid-template-columns:160px minmax(0,1fr);gap:11px 15px;margin:18px 0}.settings-list dt{color:#849087;font-size:11px}.settings-list dd{font-size:12px;font-weight:700;margin:0}.settings-list dt,.settings-list dd{padding-bottom:8px;border-bottom:1px solid var(--line)}


/* POS cards, quick customer picker and compact product photos */
.pos-products>.panel-heading{margin-bottom:12px}
.soft-pill{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#f8faf8;color:#6e7f75;font-size:10px;font-weight:700;white-space:nowrap}
.product-pick-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:calc(100vh - 275px)}
.product-pick{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:92px;padding:10px;border-color:#e6ebe6;text-align:left;transition:border-color .16s,box-shadow .16s,transform .16s}
.product-pick:hover:not(:disabled){border-color:#e3a184;background:#fffdfb;box-shadow:0 5px 18px #293c3010;transform:translateY(-1px)}
.product-pick-image,.cart-product-image,.table-product-image{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:11px;background:#f2f6f2;color:#80938a}
.product-pick-image{width:62px;height:62px}
.product-pick-image img,.cart-product-image img{width:100%;height:100%;object-fit:cover}
.product-pick-image i{width:24px;height:24px}
.product-pick-copy{display:grid;gap:4px;min-width:0}
.product-pick-copy strong{font-size:11px;line-height:1.3;white-space:normal}
.product-pick-copy small{font-size:9px}
.product-pick-copy .pick-price{font-size:11px;color:var(--accent-dark)}
.pick-add{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#fff1e9;color:var(--accent-dark)}
.pick-add i{width:15px;height:15px}
.table-product-cell{display:flex;align-items:center;gap:10px;min-width:190px}
.table-product-cell>span:last-child{min-width:0;flex:1;overflow:hidden}
.table-product-cell>.table-product-image{display:block;width:42px;height:42px;min-width:42px;min-height:42px;max-width:42px;max-height:42px;flex:0 0 42px;object-fit:cover;border-radius:9px}
.table-product-cell>.table-product-image.product-placeholder{display:grid;place-items:center}
.table-product-image.product-placeholder{background:#eff5f1}
.product-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
.product-upload-row>label{grid-row:span 2}
.product-upload-row input[type=file]{padding:7px;font-size:11px}
.product-image-preview{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#f2f6f2}
.product-image-preview img{width:100%;height:100%;object-fit:cover}
.product-upload-row>small{grid-column:2;font-size:9px}
.pos-customer-row{display:flex;align-items:end;gap:5px}
.form-label{margin-bottom:5px}
.customer-select-button{width:100%;display:flex;align-items:center;gap:10px;min-height:53px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left}
.customer-select-button:hover{border-color:#e3a184;background:#fffdfb}
.customer-select-button>i{color:#85948b;width:17px;height:17px}
.customer-select-button strong,.customer-select-button small{display:block}
.customer-select-button strong{font-size:11px}
.customer-select-button small{font-size:9px;color:var(--muted);margin-top:2px}
.customer-button-avatar,.customer-match-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#eef4ef;color:var(--green);font-size:12px;font-weight:800}
.customer-clear{width:30px;height:40px}
.customer-search-panel{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;border:1px solid #e6ece6;border-radius:12px;background:#f8faf8}
.customer-search-panel .search-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff0e9;color:var(--accent-dark)}
.customer-search-panel .search-icon i{width:16px;height:16px}
.customer-search-panel strong{display:block;font-size:12px}
.customer-search-panel .muted{font-size:10px}
.customer-search-panel input{grid-column:1/-1}
.search-count{padding:4px 8px;border:1px solid #eaded6;border-radius:999px;background:#fff;color:#a35d37;font-size:9px;font-weight:700;white-space:nowrap}
.customer-match-list{display:grid;gap:6px;max-height:190px;overflow:auto}
.customer-match{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid #e8ede8;border-radius:10px;background:#fff;text-align:left}
.customer-match:hover{border-color:#e3a184;background:#fffbf8}
.customer-match strong,.customer-match small{display:block}
.customer-match strong{font-size:11px}
.customer-match small{font-size:9px;margin-top:2px}
.customer-select-label{color:var(--green);font-size:10px;font-weight:800}
.customer-no-matches{font-size:11px}
.quick-customer-divider{display:flex;align-items:center;gap:10px;color:#8b978f;font-size:10px;font-weight:700}
.quick-customer-divider:before,.quick-customer-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.quick-customer-form{gap:11px}
.quick-customer-form .helper-text{grid-column:1/-1}
.pos-print-note{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#f8faf8;color:#738178;font-size:9px}
.pos-print-note i{width:15px;height:15px;color:var(--green)}
.pos-print-note strong{color:#46584e}
.inventory-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.settings-subheading{margin-top:3px;margin-bottom:4px}
.settings-divider{height:1px;background:var(--line);margin:3px 0}
.toggle-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}
.toggle-option input{width:17px;height:17px;min-height:17px;flex:0 0 auto}
.toggle-option strong,.toggle-option small{display:block}
.toggle-option strong{font-size:11px;color:var(--ink)}
.toggle-option small{font-size:9px;color:var(--muted);margin-top:2px}
.settings-expiry-days{max-width:340px}
.settings-expiry-days .helper-text{display:block;margin-top:5px}
.cart-line{grid-template-columns:34px minmax(0,1fr) 74px 30px}
.cart-product-image{width:32px;height:32px;border-radius:8px}
.cart-product-image i{width:15px;height:15px}
.cart-line .cart-product-image{grid-column:1}
.cart-line>div{grid-column:2}
.cart-line>input[type=number]{grid-column:3}
.cart-line>.cart-remove{grid-column:4}
.cart-line>input[type=hidden]{display:none}
@page{size:auto;margin:0}
@page a4{size:A4 portrait;margin:8mm}
@page receipt{size:auto;margin:0}
@media print{
  .invoice-card.print-a4{page:a4}
  .invoice-card.print-thermal{page:receipt;width:76mm;max-width:76mm;box-sizing:border-box;margin:0;padding:0;border:0;font-size:10px}
  .invoice-card.print-thermal .invoice-head{flex-direction:column;gap:8px;padding-bottom:9px}
  .invoice-card.print-thermal .invoice-number{text-align:left}
  .invoice-card.print-thermal .invoice-number h2{font-size:14px}
  .invoice-card.print-thermal .invoice-customer{display:block;padding:9px 0}
  .invoice-card.print-thermal .invoice-customer>div+div{margin-top:7px}
  .invoice-card.print-thermal .table-wrap{overflow:visible}
  .invoice-card.print-thermal table{width:100%;min-width:0;font-size:8px}
  .invoice-card.print-thermal th,.invoice-card.print-thermal td{padding:5px 3px}
  .invoice-card.print-thermal .invoice-totals{width:100%;margin-top:9px}
  .invoice-card.print-thermal .invoice-totals strong{font-size:9px}
  .invoice-card.print-thermal .invoice-foot{display:block;margin-top:12px;padding-top:8px;font-size:8px}
}
@media(max-width:1180px){
  .inventory-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .product-pick-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .product-pick-list{grid-template-columns:1fr}
  .product-pick{min-height:80px}
  .product-pick-image{width:54px;height:54px}
  .inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-search-panel{grid-template-columns:30px minmax(0,1fr)}
  .search-count{grid-column:2;grid-row:2;justify-self:start}
  .customer-search-panel input{grid-column:1/-1}
  .quick-customer-form .form-grid{grid-template-columns:1fr}
  .product-upload-row{grid-template-columns:minmax(0,1fr) 56px}
  .product-image-preview{width:56px;height:56px}
  .pos-cart .form-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
  .pos-cart .form-grid{grid-template-columns:1fr}
  .customer-select-button{gap:7px;padding:7px}
}

/* Refined dashboard artwork, clean product tiles and invoice controls */
.welcome-banner{background:linear-gradient(112deg,#f2f0e5 0%,#f6f4e9 48%,#e9f1e7 100%);min-height:220px}
.welcome-art{width:42%;height:190px;isolation:isolate}
.dashboard-illustration{position:relative;z-index:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px #4f705015)}
.welcome-art .float-chip{z-index:2}
.pos-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.pos-section-head .eyebrow{margin-bottom:4px}
.pos-section-head h2{font-size:18px}
.pos-section-head p{margin-top:4px;font-size:10px}
.pos-order-head{margin-bottom:14px}
.product-pick-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:calc(100vh - 285px)}
.product-pick{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-height:178px;padding:10px}
.product-pick-image{width:100%;height:92px;border-radius:9px;background:linear-gradient(135deg,#f4f7f1,#eaf2ea)}
.product-pick-image img{width:100%;height:100%;object-fit:cover}
.product-pick-copy{gap:4px;padding:0 1px 1px}
.product-pick-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:28px}
.product-pick-copy small{line-height:1.4}
.product-pick-copy .pick-price{font-size:12px}
.pick-add{position:absolute;right:10px;top:10px;box-shadow:0 2px 8px #24353015}
.pos-form{gap:13px}
.pos-checkout{min-height:47px;font-size:14px}
.customer-search-panel{grid-template-columns:34px minmax(0,1fr);}
.customer-search-panel input{grid-column:1/-1}
.customer-search-panel .helper-text{grid-column:1/-1;margin-top:-3px}
.customer-match-list:empty{display:none}
.customer-no-matches{font-size:11px;line-height:1.5}
.invoice-actions{align-items:flex-start;gap:10px;flex-wrap:wrap}
.invoice-action-left,.invoice-action-right,.table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.invoice-action-right{justify-content:flex-end;margin-left:auto}
.inline-bill-return{display:flex;align-items:center;gap:6px;margin:0}
.inline-bill-return input{width:155px;min-height:40px;padding:7px 9px;font-size:11px}
.print-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}
.sale-edit-panel{max-width:920px;margin-inline:auto}
.sale-edit-lines{display:grid;gap:9px}
.sale-edit-line{grid-template-columns:minmax(190px,1.5fr) minmax(90px,.6fr) minmax(120px,.8fr) minmax(90px,auto) 32px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}
.sale-edit-line label{min-width:0}
.sale-edit-line input,.sale-edit-line select{min-height:38px}
.line-amount{align-self:center;font-size:11px;font-weight:700;color:#4b5c52;white-space:nowrap;padding:0 4px}
.sale-edit-line .line-remove{width:31px;height:35px;color:#9b7164}
.edit-lines-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sale-edit-total{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:8px 10px;border:1px solid #e4ebe4;border-radius:9px;background:#f8faf8;font-size:11px;color:#738179}
.sale-edit-total strong{font:800 15px Manrope;color:var(--ink);white-space:nowrap}
.customer-account-summary{margin:14px 0 16px}
.customer-account-summary .metric-value{font-size:19px}
.sidebar-user{flex:0 0 auto}
@media(min-width:1300px){.product-pick-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){
  .welcome-art{right:-6px;width:38%;height:128px;opacity:1}
  .dashboard-illustration{width:145%;max-width:none;transform:translateX(-6%)}
  .product-pick-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .product-pick{min-height:154px;padding:8px}
  .product-pick-image{height:72px}
  .product-pick-copy strong{font-size:10px}
  .product-pick-copy small{font-size:8px}
  .product-pick-copy .pick-price{font-size:10px}
  .pick-add{right:8px;top:8px;width:24px;height:24px}
  .invoice-action-left,.invoice-action-right{width:100%}
  .invoice-action-right{justify-content:flex-start;margin-left:0}
  .inline-bill-return{flex:1;flex-wrap:wrap}
  .inline-bill-return input{flex:1;min-width:100px;width:auto}
  .sale-edit-line{grid-template-columns:1fr 1fr;position:relative;padding:13px 42px 13px 10px}
  .sale-edit-line label:first-child{grid-column:1/-1}
  .sale-edit-line .line-amount{grid-column:1}
  .sale-edit-line .line-remove{position:absolute;right:6px;top:8px}
  .customer-account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
  .product-pick-list{grid-template-columns:1fr}
  .product-pick{grid-template-columns:64px minmax(0,1fr);min-height:84px;align-items:center}
  .product-pick-image{grid-row:1;height:60px;width:60px}
  .product-pick-copy{grid-column:2;grid-row:1}
  .pick-add{top:auto;bottom:9px}
  .sale-edit-line{grid-template-columns:1fr}
  .sale-edit-line label:first-child,.sale-edit-line .line-amount{grid-column:1}
}
@media print{.alert,.print-confirm-modal{display:none!important}}

/* POS cleanup: faster product scanning and a clearer bill panel. */
.pos-products .search-box{margin-bottom:12px}
.pos-products .product-pick-list{align-content:start;scrollbar-gutter:stable}
.pos-products .product-pick{min-height:150px}
.pos-products .product-pick-image{height:70px}
.product-empty{padding:14px;text-align:center;color:var(--muted);font-size:11px}
.pos-cart .pos-order-head{margin-bottom:13px}
.pos-cart .form-label{margin-bottom:4px}
.pos-form textarea{min-height:54px}
@media(max-width:900px){.pos-cart{max-height:none;overflow:visible}}
@media(max-width:620px){.pos-products .product-pick{min-height:154px}.pos-products .product-pick-image{height:72px}}
@media(max-width:380px){.pos-products .product-pick{min-height:84px}.pos-products .product-pick-image{height:60px}}

/* POS: fewer headings, shorter cards, and optional details */
.page-content-pos{padding-top:14px}
.pos-layout-clean{align-items:start}
.pos-layout-clean .pos-products{min-height:0}
.pos-layout-clean .product-pick-list{max-height:calc(100vh - 175px)}
.pos-layout-clean .product-pick{min-height:92px;padding:9px}
.pos-layout-clean .product-pick-image{width:56px;height:56px}
.pos-more-options,.pos-note-toggle{border:1px solid var(--line);border-radius:9px;background:#fbfcfb}
.pos-more-options summary{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 10px;color:#66766d;font-size:11px;font-weight:700;cursor:pointer;list-style:none}
.pos-more-options summary::-webkit-details-marker,.pos-note-toggle summary::-webkit-details-marker{display:none}
.pos-more-options summary i{width:15px;height:15px;color:var(--green)}
.pos-more-options[open]{padding-bottom:10px}
.pos-more-options .form-grid{padding:0 10px}
.pos-note-toggle{display:inline-flex;align-self:flex-start;padding:2px}
.pos-note-toggle summary{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;color:#75867d;cursor:pointer;list-style:none}
.pos-note-toggle summary:hover,.pos-note-toggle[open] summary{background:#f0f4f0;color:var(--accent-dark)}
.pos-note-toggle summary i{width:16px;height:16px}
.pos-note-input{padding:0 8px 8px;min-width:min(310px,70vw)}
.pos-note-input textarea{min-height:58px}
.pos-cart .pos-section-head{margin-bottom:10px}
.pos-cart .pos-order-head{margin-bottom:10px}
.pos-cart .pos-form{gap:9px}

/* Returns workspace */
.returns-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.return-search-field{min-width:190px;flex:1}
.return-search-field input{margin-top:6px}
.return-row{scroll-margin-top:95px}

/* Bill designer and print theme */
.bill-designer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px}
.bill-designer-heading>i{color:var(--green)}
.bill-designer-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(270px,.95fr);gap:18px;align-items:start}
.bill-designer-controls{display:grid;gap:12px;min-width:0}
.designer-color{height:42px;padding:5px!important}
.designer-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.designer-toggle{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#526159;font-size:11px}
.designer-toggle input{flex:0 0 auto;margin:0}
.bill-preview-panel{padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8faf8}
.bill-preview-caption{display:block;margin-bottom:10px;color:#8a968f;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.bill-designer-preview{--invoice-accent:#ed713c;padding:17px;border:1px solid #e4e9e3;border-radius:10px;background:#fff;box-shadow:0 5px 16px #3044370d}
.designer-preview-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding-bottom:12px;border-bottom:2px solid var(--invoice-accent)}
.preview-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--invoice-accent);color:white}
.preview-mark i{width:17px;height:17px}
.preview-shop strong,.preview-shop small,.preview-invoice small,.preview-invoice strong{display:block}
.preview-shop strong{font-size:11px}
.preview-shop small,.preview-invoice small{margin-top:3px;color:#8a968f;font-size:8px}
.preview-invoice{text-align:right}
.preview-invoice strong{margin-top:3px;font-size:9px}
.designer-preview-customer{display:flex;justify-content:space-between;gap:8px;padding:10px 0;color:#87938b;font-size:8px}
.designer-preview-customer strong{color:#405047}
.designer-preview-line,.designer-preview-total,.designer-preview-option{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #eff2ee;font-size:9px}
.designer-preview-line>span>small{display:block;margin-top:3px;color:#8a968f;font-size:8px}
.designer-preview-agent{display:block;padding:0 0 8px;color:#8a968f;font-size:8px}
.designer-preview-option{padding:5px 0;border-top:0;color:#7c8981;font-size:8px}
.designer-preview-total{margin-top:5px;border-top:1px dashed #dce4de;color:#37483e;font-weight:800}
.designer-preview-total strong{color:var(--invoice-accent)}
.designer-preview-footer{display:block;margin-top:10px;color:#89958e;font-size:8px}
.designer-preview-credit{display:block;margin-top:5px;color:#718078;font-size:7px;font-weight:600;text-align:center}
.bill-designer-preview.preview-size-thermal{max-width:285px;margin:0 auto;padding:13px}
.invoice-card{--invoice-accent:#ed713c}
.invoice-card .invoice-brand .brand-symbol{background:var(--invoice-accent);box-shadow:0 5px 12px color-mix(in srgb,var(--invoice-accent) 18%,transparent)}
.invoice-card .invoice-number .eyebrow{color:var(--invoice-accent)}
.invoice-card .invoice-totals .grand-total strong{color:var(--invoice-accent)}
.invoice-template-classic .invoice-head{border-bottom:2px solid var(--invoice-accent)}
.invoice-template-classic .invoice-number h2{color:var(--invoice-accent)}
.invoice-template-clean .invoice-head{border-bottom-color:#e8ece8}

@media(max-width:900px){
  .page-content-pos{padding-top:13px}
  .pos-layout-clean .product-pick-list{max-height:380px}
  .bill-designer-layout{grid-template-columns:1fr}
  .bill-preview-panel{max-width:520px}
}
@media(max-width:620px){
  .returns-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .designer-toggle-grid{grid-template-columns:1fr 1fr}
  .bill-designer-layout{gap:12px}
  .bill-designer-preview{padding:13px}
  .pos-note-input{min-width:250px}
}
@media(max-width:380px){
  .returns-summary{grid-template-columns:1fr}
  .designer-toggle-grid{grid-template-columns:1fr}
}
@media print{
  .invoice-card .invoice-brand .brand-symbol{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .invoice-card .invoice-number .eyebrow,.invoice-card .invoice-totals .grand-total strong{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

.bill-designer-preview [hidden]{display:none!important}

/* Customer khata: clear balance summary and easy-to-scan activity rows. */
.khata-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,280px);gap:20px;align-items:center;padding:20px}
.khata-profile-main{display:flex;align-items:center;gap:15px;min-width:0}
.khata-avatar{flex:0 0 auto;background:#edf5ef;color:#426b50}
.khata-identity{min-width:0}
.khata-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:7px}
.khata-identity h2{margin:0;color:#26372d;font:800 21px Manrope, sans-serif;letter-spacing:-.3px}
.khata-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;color:#748179;font-size:11px}
.khata-contact>a,.khata-contact>span{display:inline-flex;align-items:center;gap:5px;min-width:0;color:inherit;text-decoration:none}
.khata-contact i{width:14px;height:14px;color:#83938a;flex:0 0 auto}
.khata-contact>span>span{overflow-wrap:anywhere}
.khata-balance-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:15px 17px;border:1px solid #e6eee6;border-radius:12px;background:linear-gradient(135deg,#f6faf6,#f0f6f0)}
.khata-balance-label{color:#829087;font-size:9px;font-weight:800;letter-spacing:.8px}
.khata-balance-card>strong{color:#26372d;font:800 23px Manrope,sans-serif}
.khata-balance-status{padding:3px 8px;border-radius:20px;background:#e5f2e8;color:#477253;font-size:9px;font-weight:700}
.khata-credit-meter{width:100%;margin-top:7px}
.khata-credit-meter>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;color:#7d8981;font-size:9px}
.khata-credit-meter>div strong{color:#516157;font-size:9px}
.khata-credit-track{display:block;height:5px;overflow:hidden;border-radius:5px;background:#dfe9df}
.khata-credit-track i{display:block;height:100%;border-radius:inherit;background:#6c9c74}
.khata-credit-note{margin-top:5px;color:#849087;font-size:9px}
.khata-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.khata-action-bar .btn{min-height:36px}
.khata-ledger-panel .panel-heading{margin-bottom:14px}
.khata-ledger-list{display:grid;gap:8px}
.khata-ledger-row{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(135px,.5fr) minmax(130px,.48fr);gap:14px;align-items:center;padding:12px 14px;border:1px solid #edf0ed;border-radius:11px;background:#fff}
.khata-entry-date{display:flex;flex-direction:column;gap:3px;color:#435349;font-size:10px}
.khata-entry-date small,.khata-entry-copy small{color:#8a968e;font-size:9px}
.khata-entry-main{display:flex;align-items:flex-start;gap:9px;min-width:0}
.khata-entry-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:#f0f4f0;color:#65796a}
.khata-entry-icon i{width:15px;height:15px}
.khata-type-sale .khata-entry-icon{background:#fff3e9;color:#d17937}
.khata-type-payment .khata-entry-icon{background:#eaf5ec;color:#4d8059}
.khata-type-return .khata-entry-icon{background:#f2edfa;color:#8063a8}
.khata-entry-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.khata-entry-copy>strong{color:#33443a;font-size:11px}
.khata-entry-copy>small{line-height:1.4;overflow-wrap:anywhere}
.khata-reference{font-size:9px}
.khata-reference a{color:#56805f;font-weight:700;text-decoration:none}
.khata-reference a:hover{text-decoration:underline}
.khata-due-date{color:#b3783d;font-size:9px}
.khata-entry-change{display:flex;gap:10px;flex-wrap:wrap}
.khata-change{display:flex;flex-direction:column;gap:2px}
.khata-change small{color:#89958d;font-size:8px}
.khata-change strong{font-size:10px;white-space:nowrap}
.khata-change.debit strong{color:#b16e38}
.khata-change.credit strong{color:#4c8058}
.khata-entry-balance{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.khata-entry-balance small{color:#87938b;font-size:8px}
.khata-entry-balance strong{color:#34463a;font-size:11px;white-space:nowrap}
.khata-entry-balance>span{color:#708077;font-size:8px}
.khata-invoices-panel .panel-heading{margin-bottom:12px}
.khata-items-cell{min-width:190px;max-width:320px;white-space:normal;line-height:1.5}
@media(max-width:900px){
  .khata-profile{grid-template-columns:1fr}
  .khata-balance-card{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}
  .khata-balance-label,.khata-credit-meter,.khata-credit-note{grid-column:1/-1}
  .khata-balance-card>strong{grid-column:1;grid-row:2}
  .khata-balance-status{grid-column:2;grid-row:2}
  .khata-ledger-row{grid-template-columns:90px minmax(0,1fr) minmax(115px,.55fr) minmax(110px,.45fr);gap:9px;padding:11px}
}
@media(max-width:620px){
  .khata-profile{gap:13px;padding:15px}
  .khata-profile-main{align-items:flex-start;gap:10px}
  .khata-avatar{width:42px;height:42px;font-size:16px}
  .khata-identity h2{font-size:17px}
  .khata-contact{gap:7px 12px;font-size:10px}
  .khata-balance-card{padding:12px}
  .khata-action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .khata-action-bar .btn{justify-content:center;padding-inline:8px;font-size:10px}
  .khata-ledger-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:11px}
  .khata-entry-date{grid-column:1;grid-row:1;flex-direction:row;gap:7px;align-items:center;font-size:9px}
  .khata-entry-date small{font-size:8px}
  .khata-entry-main{grid-column:1/-1;grid-row:2}
  .khata-entry-change{grid-column:1;grid-row:3}
  .khata-entry-balance{grid-column:2;grid-row:1/4;align-self:center}
  .khata-change small{font-size:7px}
  .khata-change strong{font-size:9px}
}

/* Compact per-item POS notes and supplier return workflow. */
.cart-line{grid-template-columns:32px minmax(0,1fr) 72px 30px;row-gap:5px}
.cart-line .cart-item-note{grid-column:1/-1;min-width:0;margin-left:39px}
.cart-item-note>summary{display:inline-flex;align-items:center;gap:5px;min-height:22px;color:#78877e;font-size:9px;cursor:pointer;list-style:none}
.cart-item-note>summary::-webkit-details-marker{display:none}
.cart-item-note>summary i{width:13px;height:13px;color:#63836c}
.cart-item-note[open]>input{display:block;width:100%;min-height:31px;margin-top:3px;font-size:10px}
.line-item-note{grid-column:1/-1;margin-top:2px}
.line-item-note>summary{display:inline-flex;align-items:center;gap:5px;color:#6e8175;font-size:10px;cursor:pointer;list-style:none}
.line-item-note>summary::-webkit-details-marker{display:none}
.line-item-note>summary i{width:14px;height:14px}
.line-item-note>input{width:100%;min-height:34px;margin-top:5px}
.product-image-error{grid-column:1/-1;color:#b94c40;font-size:10px}
.return-available,.return-estimate{display:flex;flex-direction:column;gap:3px;min-width:105px;padding:7px 9px;border:1px solid #e9eee9;border-radius:9px;background:#fff}
.return-available small,.return-estimate small{color:#87938b;font-size:8px}
.return-available strong,.return-estimate strong{color:#405449;font-size:10px}
.inline-return>label{display:grid;gap:4px;color:#64736a;font-size:9px}
.inline-return>label input{width:145px}
.invoice-note{display:grid;gap:4px;padding:10px 12px;margin:0 0 12px;border-left:3px solid var(--invoice-accent,#ed713c);border-radius:0 8px 8px 0;background:#fafbf9;color:#435349;font-size:10px}
.invoice-note>strong{font-size:9px;color:#7e8c82}
.invoice-item-note{display:block;margin-top:5px;color:#64756b;font-size:9px;white-space:normal;line-height:1.45}
.invoice-return-history{margin-top:16px}
.invoice-return-history th,.invoice-return-history td{white-space:normal}
.supplier-return-source{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#f7faf7}
.supplier-return-source>span:last-child{display:grid;gap:3px;min-width:0}
.supplier-return-source strong{font-size:11px;color:#35483e}
.supplier-return-source small{font-size:9px;color:#829087}
.supplier-return-form{max-height:calc(100vh - 160px);overflow-y:auto;padding-right:4px}
.supplier-return-lines{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:3px}
.supplier-return-line{display:grid;grid-template-columns:minmax(0,1fr) 100px 90px;align-items:center;gap:10px;padding:10px;border:1px solid #edf0ed;border-radius:10px;background:#fff}
.supplier-return-line>span:first-child{display:grid;gap:3px;min-width:0}
.supplier-return-line>span:first-child strong{font-size:10px;color:#405147}
.supplier-return-line>span:first-child small{font-size:8px;color:#87938b;white-space:normal;line-height:1.4}
.supplier-return-line>label{display:grid;gap:3px;color:#829087;font-size:8px}
.supplier-return-line>label input{min-height:31px;padding:4px 6px;font-size:10px}
.supplier-return-line-total{color:#44574b;font-size:9px;font-weight:700;text-align:right;white-space:nowrap}
.supplier-return-total{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e4ede4;border-radius:10px;background:#f4f9f4;color:#66776c;font-size:10px}
.supplier-return-total strong{color:#344b3a;font-size:12px}
.purchase-return-form>.helper-text{line-height:1.45}
@media(max-width:620px){
  .supplier-return-line{grid-template-columns:minmax(0,1fr) 88px;gap:7px}
  .supplier-return-line-total{grid-column:1/-1;text-align:right}
  .supplier-return-source{align-items:flex-start}
  .inline-return>label{flex:1;min-width:130px}
  .inline-return>label input{width:100%}
  .return-estimate{min-width:0}
}

/* Print as crisp text and vector lines; keep both paper sizes inside printable width. */
@page{size:auto;margin:0}
@page a4{size:A4 portrait;margin:8mm}
@page receipt{size:auto;margin:0}
.invoice-foot{flex-wrap:wrap}
.invoice-card .invoice-credit{display:block;flex:1 0 100%;padding-top:2px;color:#718078;font-size:8px;font-weight:600;letter-spacing:.02em;text-align:center}
.thermal-bill-meta,.thermal-print-time,.thermal-total-items,.thermal-total-label{display:none}
@media print{
  html,body{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:#fff!important;color:#111!important;overflow:visible!important}
  body{font-family:Arial,Helvetica,sans-serif!important;font-size:9pt!important;line-height:1.35!important;-webkit-print-color-adjust:economy;print-color-adjust:economy}
  .sidebar,.topbar,.page-heading,.app-footer,.invoice-actions,.return-row,.invoice-payment,.alert,.print-confirm-modal,.invoice-return-history{display:none!important}
  .app-shell,.main-area,.page-content{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
  .invoice-card{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;color:#111!important;font-size:9pt!important;overflow:visible!important;break-inside:auto!important;page-break-inside:auto!important}
  .invoice-card *{box-shadow:none!important;text-shadow:none!important;filter:none!important;transform:none!important}
  .invoice-card .invoice-head{gap:8mm;padding:0 0 4mm;border-color:#555;break-inside:avoid;page-break-inside:avoid}
  .invoice-card .brand-symbol{width:10mm;height:10mm;print-color-adjust:economy;-webkit-print-color-adjust:economy}
  .invoice-card .invoice-brand{gap:3mm}
  .invoice-card .invoice-brand strong{font-size:12pt;color:#111}
  .invoice-card .invoice-brand small,.invoice-card .invoice-number small,.invoice-card .invoice-customer small{color:#444!important;font-size:8pt!important}
  .invoice-card .invoice-number .eyebrow{color:#333!important;font-size:8pt}
  .invoice-card .invoice-number h2{color:#111;font-size:14pt}
  .invoice-card .invoice-customer{padding:4mm 0;break-inside:avoid;page-break-inside:avoid}
  .invoice-card .invoice-customer strong{color:#111;font-size:9pt}
  .invoice-card .invoice-note{margin:0 0 4mm;padding:2.5mm 3mm;border:1px solid #888;border-left:2px solid #555;border-radius:0;background:#fff;color:#111;font-size:8pt;break-inside:avoid;page-break-inside:avoid}
  .invoice-card .table-wrap{width:100%!important;overflow:visible!important}
  .invoice-card table{width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:collapse!important;white-space:normal!important;font-size:8.5pt!important}
  .invoice-card th:nth-child(1),.invoice-card td:nth-child(1){width:48%}
  .invoice-card th:nth-child(2),.invoice-card td:nth-child(2){width:13%;text-align:right}
  .invoice-card th:nth-child(3),.invoice-card td:nth-child(3){width:19%;text-align:right}
  .invoice-card th:nth-child(4),.invoice-card td:nth-child(4){width:20%;text-align:right}
  .invoice-card thead{display:table-header-group}
  .invoice-card tr{break-inside:avoid;page-break-inside:avoid}
  .invoice-card th,.invoice-card td{padding:2mm 1.5mm!important;border-bottom:1px solid #999!important;background:#fff!important;color:#111!important;white-space:normal!important;overflow-wrap:anywhere!important;vertical-align:top!important}
  .invoice-card th{font-weight:700;font-size:8pt!important}
  .invoice-card td strong{color:#111!important;font-size:8.5pt!important}
  .invoice-card td small{color:#444!important;font-size:7.5pt!important}
  .invoice-card .invoice-item-note{margin-top:1mm;color:#333!important;font-size:7.5pt!important}
  .invoice-card .invoice-totals{width:70mm;max-width:100%;margin:4mm 0 2mm auto;gap:2mm;break-inside:avoid;page-break-inside:avoid}
  .invoice-card .invoice-totals>div{color:#333!important;font-size:8pt!important}
  .invoice-card .invoice-totals strong{color:#111!important}
  .invoice-card .invoice-totals .grand-total{border-color:#555}
  .invoice-card .invoice-totals .grand-total strong{font-size:10pt!important}
  .invoice-card .invoice-foot{display:flex!important;margin-top:5mm;padding-top:3mm;border-color:#777;color:#333!important;font-size:7.5pt!important;break-inside:avoid;page-break-inside:avoid}
  .invoice-card.print-a4{page:a4}
  .invoice-card.print-thermal{page:receipt;width:76mm!important;max-width:76mm!important;box-sizing:border-box!important;margin:0!important;padding:0!important;font-size:8.5pt!important;line-height:1.3!important}
  .invoice-card.print-thermal .invoice-head{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1mm!important;padding:0 0 2.5mm!important;border-bottom:1px dotted #111!important;text-align:center!important}
  .invoice-card.print-thermal .brand-symbol{display:none!important}
  .invoice-card.print-thermal .invoice-brand{width:100%;justify-content:center!important;gap:0!important;text-align:center!important}
  .invoice-card.print-thermal .invoice-brand>div{display:flex!important;width:100%;flex-direction:column!important;align-items:center!important}
  .invoice-card.print-thermal .invoice-brand strong{font-size:14pt!important;font-weight:800!important;color:#111!important}
  .invoice-card.print-thermal .invoice-brand small{margin-top:.7mm!important;font-size:8pt!important;color:#222!important}
  .invoice-card.print-thermal .invoice-number{width:100%;margin-top:1.5mm;text-align:center!important}
  .invoice-card.print-thermal .invoice-number .eyebrow{display:block;color:#111!important;font-size:12pt!important;font-weight:800!important}
  .invoice-card.print-thermal .invoice-number h2{margin-top:.4mm;color:#111!important;font-size:9pt!important;font-weight:700!important}
  .invoice-card.print-thermal .invoice-number h2:before{content:'Invoice No: ';font-weight:600}
  .invoice-card.print-thermal .invoice-number small{display:none!important}
  .invoice-card.print-thermal .thermal-bill-meta{display:block!important;padding:2.5mm 0;border-bottom:1px dotted #111!important;font-size:8pt!important;break-inside:avoid;page-break-inside:avoid}
  .invoice-card.print-thermal .thermal-bill-meta>div{display:flex;justify-content:space-between;gap:2mm;padding:.55mm 0}
  .invoice-card.print-thermal .thermal-bill-meta span{font-weight:600}
  .invoice-card.print-thermal .thermal-bill-meta strong{text-align:right;font-weight:700}
  .invoice-card.print-thermal .invoice-customer{display:none!important}
  .invoice-card.print-thermal .invoice-note{padding:2mm;margin:2mm 0;border:1px dashed #222!important;border-radius:0;background:#fff!important;color:#111!important;font-size:8pt!important}
  .invoice-card.print-thermal .table-wrap{width:100%!important;overflow:visible!important}
  .invoice-card.print-thermal table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:8pt!important}
  .invoice-card.print-thermal th:nth-child(1),.invoice-card.print-thermal td:nth-child(1){width:36%;text-align:left!important}
  .invoice-card.print-thermal th:nth-child(2),.invoice-card.print-thermal td:nth-child(2){width:24%;text-align:right!important}
  .invoice-card.print-thermal th:nth-child(3),.invoice-card.print-thermal td:nth-child(3){width:12%;text-align:right!important}
  .invoice-card.print-thermal th:nth-child(4),.invoice-card.print-thermal td:nth-child(4){width:28%;text-align:right!important}
  .invoice-card.print-thermal th,.invoice-card.print-thermal td{padding:1.4mm .65mm!important;border-bottom:1px dotted #333!important;background:#fff!important;color:#111!important;white-space:normal!important;overflow-wrap:anywhere!important;vertical-align:top!important}
  .invoice-card.print-thermal th{font-size:7.5pt!important;font-weight:700!important}
  .invoice-card.print-thermal td strong{font-size:8pt!important;color:#111!important}
  .invoice-card.print-thermal td small{font-size:7pt!important;color:#222!important}
  .invoice-card.print-thermal .invoice-item-note{font-size:7pt!important;color:#222!important}
  .invoice-card.print-thermal .invoice-totals{display:block!important;width:100%!important;margin:2mm 0 0!important;padding:1.5mm 2mm!important;border:1px solid #111!important;gap:0!important}
  .invoice-card.print-thermal .invoice-totals>div{display:flex;justify-content:space-between;gap:2mm;padding:.8mm 0;border-bottom:1px dotted #777;color:#111!important;font-size:8.5pt!important}
  .invoice-card.print-thermal .invoice-totals>div:last-child{border-bottom:0}
  .invoice-card.print-thermal .thermal-total-items{display:flex!important}
  .invoice-card.print-thermal .a4-total-label{display:none!important}
  .invoice-card.print-thermal .thermal-total-label{display:inline!important}
  .invoice-card.print-thermal .invoice-totals .grand-total{border-top:1px solid #111!important;font-weight:800}
  .invoice-card.print-thermal .invoice-totals .grand-total strong{font-size:11pt!important;font-weight:800!important}
  .invoice-card.print-thermal .invoice-foot{display:block!important;margin-top:2.5mm;padding-top:2mm;border-top:1px dotted #111!important;color:#111!important;font-size:8pt!important;line-height:1.4!important;text-align:center!important}
  .invoice-card.print-thermal .invoice-foot>span{display:block;margin:1mm 0}
  .invoice-card.print-thermal .invoice-foot>span:nth-child(2):before{content:'Reference No: ';font-weight:600}
  .invoice-card.print-thermal .thermal-print-time{display:block!important;margin-top:1mm;font-size:7.5pt!important}
  .invoice-card.print-thermal .invoice-credit{display:block!important;margin-top:1.5mm;padding-top:1.5mm;border-top:1px dotted #777!important;color:#222!important;font-size:7pt!important;font-weight:600!important;text-align:center!important}
}
/* POS search: filtered product cards must stay hidden despite grid display rules. */
.pos-products .product-pick[hidden],.pos-products .product-empty[hidden]{display:none!important}

/* POS quantity editor: let cashiers type naturally and use visible step controls. */
.cart-line{grid-template-columns:34px minmax(0,1fr) 112px 30px;align-items:center}
.cart-line>div:not(.cart-qty-control){grid-column:2;min-width:0}
.cart-line .cart-qty-control{grid-column:3;display:flex;align-items:center;gap:3px;min-width:0}
.cart-line .cart-qty-control .cart-qty{width:48px;min-width:0;flex:1;text-align:center;padding:4px 2px;font-variant-numeric:tabular-nums}
.cart-line .qty-step{display:grid;place-items:center;flex:0 0 27px;width:27px;height:31px;padding:0;border:1px solid var(--line);border-radius:7px;background:#f7faf7;color:#42584b;font-size:17px;line-height:1;cursor:pointer}
.cart-line .qty-step:hover{background:#eaf2eb;border-color:#b7cbbb}
.cart-line .qty-step:active{transform:scale(.96)}
.cart-line>.cart-remove{grid-column:4}
.cart-line>input[type=hidden]{display:none}
.pos-tools-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;position:relative}
.pos-tools-row .pos-more-options,.pos-tools-row .pos-note-toggle{flex:0 0 auto;position:relative}
.pos-tools-row .pos-more-options summary{min-height:34px;padding:6px 10px;gap:6px}
.pos-tools-row .pos-note-toggle{display:block;align-self:auto;padding:0}
.pos-tools-row .pos-note-toggle summary{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:34px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700}
.pos-tools-row .pos-note-input{position:absolute;top:calc(100% + 5px);left:0;z-index:20;min-width:min(310px,70vw);padding:9px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 12px 30px #1e33251a}
.pos-tools-row .pos-more-options[open]{padding-bottom:0}
.pos-tools-row .pos-more-options[open] .form-grid{position:absolute;top:calc(100% + 5px);left:0;z-index:20;width:min(360px,78vw);padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 12px 30px #1e33251a}
@media(max-width:480px){.cart-line{grid-template-columns:30px minmax(0,1fr) 104px 28px;gap:5px}.cart-line .cart-qty-control .cart-qty{width:42px}.cart-line .qty-step{flex-basis:25px;width:25px}.pos-tools-row{gap:6px}}

/* Settings are grouped into clear, keyboard-friendly tabs. */
.settings-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:5px;margin-bottom:15px;border:1px solid var(--line);border-radius:12px;background:#f7faf7}
.settings-tab{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#66776d;font-size:11px;font-weight:700;cursor:pointer}
.settings-tab i{width:15px;height:15px}
.settings-tab:hover{background:#edf3ed;color:var(--ink)}
.settings-tab.active{border-color:#dce8dc;background:#fff;color:var(--accent-dark);box-shadow:0 2px 7px #203d2510}
.settings-tab-panel{padding:3px 1px 12px}
.settings-tab-panel[hidden]{display:none!important}
.settings-save-button{align-self:flex-start;min-width:180px}
.owner-platform-settings{max-width:850px}
.admin-permission-matrix{margin:10px 0 15px}
@media(max-width:560px){.settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-tab{justify-content:flex-start;padding:8px}.settings-save-button{width:100%}}

/* Tenant-specific shop logo / invoice branding. */
.shop-logo-field{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb}
.shop-logo-current{display:grid;place-items:center;min-height:94px;border:1px dashed #d6e0d7;border-radius:10px;background:#fff;overflow:hidden}
.shop-logo-current>img{display:block;width:100%;height:94px;object-fit:contain;padding:8px}
.shop-logo-current>span{display:grid;justify-items:center;gap:5px;color:#98a69b;font-size:10px}
.shop-logo-current i{width:25px;height:25px}
.shop-logo-upload{display:grid;gap:7px;min-width:0}
.shop-logo-upload>label:first-child{font-size:11px;font-weight:700;color:var(--ink)}
.shop-logo-upload input[type=file]{display:block;width:100%;margin-top:7px;font-size:11px;font-weight:400}
.invoice-shop-logo{display:block;width:62px;height:62px;object-fit:contain;flex:0 0 auto;border-radius:8px}
.invoice-brand{align-items:center;gap:12px}
.preview-shop-logo{display:block;width:38px;height:38px;object-fit:contain;border-radius:6px}
.preview-mark{display:grid;place-items:center;overflow:hidden}
@media(max-width:560px){.shop-logo-field{grid-template-columns:82px minmax(0,1fr);gap:10px}.shop-logo-current{min-height:80px}.shop-logo-current>img{height:80px}.invoice-shop-logo{width:48px;height:48px}}

/* Owner expiry + color shop logo updates */
.workspace-mark.workspace-logo-mark{padding:0;background:#fff;border:1px solid #e1e8e2;overflow:hidden;flex:0 0 35px}
.workspace-logo-mark img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.workspace-card .workspace-logo-mark img{background:#fff}
.icon-btn.danger-icon{color:#b84d43;border-color:#f0d7d4;background:#fffafa}
.icon-btn.danger-icon:hover{background:#fff0ed;border-color:#e9bcb6}

/* Product inventory quantity editing and archive controls */
.product-row-inactive{opacity:.72;background:var(--surface-muted, #f8fafc)}
.danger-icon{color:#b42318!important;border-color:#f4b8b4!important}
.danger-icon:hover{background:#fff1f0!important}
.stock-set-product{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin:0 0 12px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:var(--surface-soft,#f8fafc)}
.stock-set-product strong{font-size:1rem}
.stock-set-product small{color:var(--muted,#667085);font-size:.82rem}