:root{--green:#087a4d;--dark:#064b38;--dark2:#033c2f;--light:#f4f7f5;--border:#dde6e1;--text:#163229;--muted:#71827c;--danger:#d94b4b;--shadow:0 12px 32px rgba(3,60,47,.08)}*{box-sizing:border-box}body{margin:0;font-family:Cairo,Arial,sans-serif;background:#f6f8f7;color:var(--text);font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:235px;background:linear-gradient(180deg,var(--dark),var(--dark2));color:#fff;padding:18px 14px;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.brand strong{font-size:20px;display:block}.brand small{opacity:.7}.brand-icon{width:42px;height:42px;border-radius:12px;background:#21a56c;display:grid;place-items:center;font-size:22px}.brand-icon.big{margin:auto;width:58px;height:58px}.sidebar nav{display:grid;gap:6px;padding-top:18px}.sidebar nav a{padding:12px 14px;border-radius:10px;display:flex;gap:11px;align-items:center}.sidebar nav a:hover,.sidebar nav a.primary{background:#0d8b59}.sidebar .logout{margin-top:auto;width:100%;padding:12px;border:0;border-radius:10px;background:transparent;color:white;text-align:right;cursor:pointer}.main{margin-right:235px;width:calc(100% - 235px)}.topbar{height:70px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 22px;gap:20px;position:sticky;top:0;z-index:10}.menu{border:0;background:none;font-size:22px}.global-search{margin:auto;background:#f5f7f6;border:1px solid var(--border);border-radius:9px;width:min(520px,45vw);padding:9px 13px}.global-search input{border:0;outline:0;background:none;width:90%}.top-info{display:flex;gap:18px;align-items:center}.content{padding:24px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-head h1{margin:0 0 4px;font-size:25px}.page-head p{margin:0;color:var(--muted)}.btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px 16px;cursor:pointer;font-weight:600}.btn.primary{background:linear-gradient(180deg,#169b63,#087a4d);border-color:#087a4d;color:#fff}.btn.wide{width:100%}.btn.sm{padding:6px 10px}.danger-bg{background:#b93838;color:#fff;border:0}.danger-text{color:var(--danger)}.card{background:white;border:1px solid var(--border);border-radius:13px;padding:18px;box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:17px}.stat span{display:block;color:var(--muted)}.stat strong{font-size:28px}.stat.accent{background:#e8f7ef;border-color:#b9e3cd}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{padding:13px;background:#f6faf8;border:1px solid var(--border);border-radius:9px}.ticks{line-height:2.2}.ticks li::marker{color:#15935e}.table-tools{display:flex;gap:10px;margin-bottom:14px}.table-tools input,.table-tools select{border:1px solid var(--border);padding:9px 12px;border-radius:8px;min-width:240px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid #edf1ef;text-align:right;white-space:nowrap}th{font-size:13px;color:#63756f;background:#fbfcfb}.actions{display:flex;gap:6px}.actions form{margin:0}.icon-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:7px;background:#fff;cursor:pointer}.icon-btn.danger{color:var(--danger);background:#fff5f5}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#eef2f0;font-size:12px}.badge.ok{background:#e5f7ed;color:#087a4d}.empty{text-align:center!important;color:var(--muted);padding:35px}.alert{padding:11px 14px;border-radius:9px;margin-bottom:15px}.alert.success{background:#e7f7ee;color:#096f49}.alert.error{background:#fff0f0;color:#ac3434}.modal{display:none;position:fixed;inset:0;background:rgba(7,30,23,.45);z-index:100;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-box{width:min(720px,95vw);max-height:92vh;overflow:auto;background:white;border-radius:15px;box-shadow:0 28px 70px rgba(0,0,0,.18)}.modal-lg .modal-box{width:min(1120px,96vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0}.modal-head button{order:2;border:0;background:none;font-size:26px;color:#61716b;cursor:pointer}.modal form{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.cols3{grid-template-columns:repeat(3,1fr)}.form-grid.cols4{grid-template-columns:repeat(4,1fr)}.form-grid label{font-weight:600;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea,.type-strip select{width:100%;margin-top:6px;border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:#fff}.modal-actions{display:flex;gap:9px;justify-content:flex-start;border-top:1px solid var(--border);padding-top:16px;margin-top:18px}.type-strip{padding:0 0 16px}.type-strip label{display:flex;align-items:center;gap:12px;font-weight:700}.type-strip select{width:250px;margin:0}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--border);margin:0 -20px;padding:0 20px;overflow:auto}.tab{border:0;background:none;padding:11px 13px;cursor:pointer;color:#667972;white-space:nowrap}.tab.active{color:var(--green);border-bottom:2px solid var(--green);font-weight:700}.tab-pane{display:none;padding:20px 0 0}.tab-pane.active{display:block}.notice{background:#f1f8f5;border:1px solid #d7ebe1;border-radius:9px;padding:12px;color:#477064}.span2{grid-column:span 2}.checkline{display:flex;align-items:center;gap:8px;padding-top:22px}.checkline input{width:auto;margin:0}.shift-banner{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d9e6df;border:1px solid #d9e6df;border-radius:12px;overflow:hidden;margin-bottom:18px}.shift-banner>div{background:#fff;padding:15px}.shift-banner span{display:block;color:var(--muted)}.shift-banner strong{font-size:18px}.green{color:var(--green)}.summary-box{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.summary-box div{background:#f7faf8;padding:12px;border-radius:8px}.summary-box span{display:block;color:var(--muted)}.pos-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:14px;margin:-10px}.pos-products,.pos-cart{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}.pos-toolbar{display:flex;gap:10px}.search-big{flex:1;border:1px solid var(--border);border-radius:9px;padding:10px 13px}.search-big input{width:90%;border:0;outline:0}.categories{display:flex;gap:8px;overflow:auto;padding:14px 0}.categories button{border:1px solid var(--border);background:white;border-radius:8px;padding:8px 12px;white-space:nowrap}.categories button.active{background:var(--green);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.product-card{min-height:135px;border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.product-card:hover{border-color:#75b99a}.product-img{font-size:35px;color:#83a799;margin-bottom:8px}.product-card strong{font-size:12px}.product-card span{color:var(--green);font-weight:800;margin-top:5px}.cart-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.cart-head small{display:block;color:var(--muted)}.cart-lines{min-height:245px}.cart-line{display:grid;grid-template-columns:1fr auto 60px 34px;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #edf1ef}.cart-line small{display:block;color:var(--muted)}.qty{display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.qty button{border:0;background:#f6f8f7;width:28px}.qty span{width:32px;text-align:center}.trash{border:0;background:#fff2f2;color:var(--danger);border-radius:7px;height:32px}.totals{border-top:1px solid var(--border);padding-top:10px}.totals>div{display:flex;justify-content:space-between;padding:5px 0}.totals .grand{font-size:17px;color:var(--green);background:#f0f8f4;margin:8px -5px 0;padding:10px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.payment-grid button{padding:9px;border:1px solid var(--border);border-radius:8px;background:white}.payment-grid button.active{background:var(--green);color:white}.paybox{display:grid;grid-template-columns:1fr 1fr;gap:8px}.paybox label{font-size:12px}.paybox input{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px;margin-top:4px;color:var(--green);font-weight:800}.pos-actions{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:7px;margin-top:12px}.pos-note{font-size:11px;color:#8a9893;text-align:center;margin-top:8px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#0b8054,#033d2f 62%)}.login-card{width:min(430px,92vw);background:white;border-radius:18px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.login-brand{text-align:center;margin-bottom:22px}.login-brand h1{margin:8px 0 0}.login-brand p{color:var(--muted)}.login-card form>label:not(.check){display:block;font-weight:700;margin:12px 0 5px}.login-card input[type=email],.login-card input[type=password]{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px}.login-card .check{display:flex;gap:7px;margin:13px 0;color:#52665f}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(4,1fr)}.pos-page{grid-template-columns:1fr}.form-grid.cols4{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.sidebar{width:72px}.sidebar .brand div:last-child,.sidebar nav span{display:none}.main{margin-right:72px;width:calc(100% - 72px)}.content{padding:14px}.top-info span:not(:first-child){display:none}.global-search{width:60vw}.stats,.grid2,.form-grid,.form-grid.cols3,.form-grid.cols4,.shift-banner{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.pos-cart{min-width:0}.pos-actions{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}}
@media print{.sidebar,.topbar,.page-head .btn{display:none!important}.main{margin:0;width:100%}.content{padding:0}.card{box-shadow:none;border:0}}
.modal-xl .modal-box{width:min(1320px,97vw)}.subline{display:block;color:var(--muted);font-weight:400;margin-top:3px}.pager{padding-top:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title small{display:block;color:var(--muted);font-weight:400}.top-gap{margin-top:22px}.repeat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.repeat-row{display:grid;grid-template-columns:1fr 38px;gap:7px}.repeat-row input,.matrix-row input,.matrix-row select,.view-grid input{border:1px solid var(--border);border-radius:8px;padding:9px 10px;width:100%}.matrix-row{display:grid;gap:7px;margin-bottom:8px}.matrix-row.units{grid-template-columns:1.1fr .8fr .9fr 1.2fr .7fr 38px}.matrix-row.variants{grid-template-columns:1.2fr .8fr .7fr .8fr 1fr 1.1fr .8fr 38px}.mini-check{display:flex;align-items:center;gap:5px;font-size:12px}.mini-check input{width:auto}.view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:20px}.view-grid>div{background:#fff;padding:14px}.view-grid span{display:block;color:var(--muted);font-size:12px}.modal-actions.plain{margin:0 20px 20px}.scan-status{padding:8px 10px;border-radius:8px;background:#f4f8f6;color:#557068;font-size:12px}.product-card small{color:var(--muted);margin-top:2px}.cart-empty{display:grid;place-items:center;min-height:220px;color:var(--muted);text-align:center}.cart-empty b{display:block;color:#39574d;margin-bottom:4px}.cart-line.serial-warning{background:#fff9ed}.cart-type{display:inline-block;font-size:10px;padding:2px 5px;border-radius:4px;background:#eef5f1;color:var(--green);margin-right:4px}@media(max-width:1000px){.matrix-row.units,.matrix-row.variants{grid-template-columns:repeat(2,1fr)}.view-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.repeat-grid,.view-grid,.matrix-row.units,.matrix-row.variants{grid-template-columns:1fr}}
/* V3 */
.sidebar nav details{border-radius:10px;overflow:hidden}.sidebar nav summary{list-style:none;padding:11px 14px;cursor:pointer;display:flex;gap:11px;align-items:center;font-weight:700}.sidebar nav summary::-webkit-details-marker{display:none}.sidebar nav details[open] summary{background:rgba(255,255,255,.07)}.nav-sub{padding:4px 12px 8px}.sidebar nav .nav-sub a{padding:8px 28px 8px 8px;font-size:12px;color:#d9eee6}.sidebar nav .nav-sub a:hover{background:rgba(255,255,255,.08)}
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.kpi{background:white;border:1px solid var(--border);border-radius:13px;padding:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:#15935e}.kpi span,.kpi small{display:block;color:var(--muted)}.kpi strong{font-size:25px;display:block;margin:6px 0}.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.analytics-grid.bottom{grid-template-columns:1.1fr .9fr}.card-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.card-title h3{margin:0}.card-title p{margin:3px 0 0;color:var(--muted);font-size:12px}.card-title a{color:var(--green);font-weight:700}.bar-chart{height:230px;display:flex;gap:12px;align-items:flex-end;padding:20px 8px 0;border-bottom:1px solid var(--border)}.bar-col{height:200px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{width:min(38px,70%);min-height:5px;background:linear-gradient(180deg,#22aa6f,#087a4d);border-radius:7px 7px 2px 2px}.bar-tip{font-size:11px;color:#657a72}.bar-col small{color:var(--muted)}.hbars{display:grid;gap:15px}.hbar-name{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.hbar-track{height:8px;background:#edf3f0;border-radius:20px;overflow:hidden}.hbar-track i{display:block;height:100%;background:linear-gradient(90deg,#0d8b59,#3fba83);border-radius:20px}.mini-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf1ef}.mini-list small{display:block;color:var(--muted)}.head-actions{display:flex;gap:8px}
.product-name-cell{display:flex;align-items:center;gap:9px}.product-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.product-thumb.placeholder{display:grid;place-items:center;background:#f3f7f5;color:#8ba69b}.field-hint{display:block;color:var(--muted);font-weight:400;margin-top:4px}.product-photo{width:72px;height:68px;margin-bottom:6px}.product-photo img{width:100%;height:100%;object-fit:contain}.pos-shift-strip{display:flex;gap:28px;align-items:center;background:#eaf7f0;border:1px solid #cbe8d8;border-radius:10px;padding:9px 14px;margin:-10px -10px 12px}.pos-shift-strip div span{color:var(--muted);font-size:11px;display:block}.pos-shift-strip a{margin-right:auto;color:var(--green);font-weight:700}
.toggle-field{display:flex;gap:8px;align-items:center;margin-top:10px}.toggle-field input{width:auto!important}.print-link{display:grid;place-items:center}
.purchase-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:16px}.purchase-meta label,.purchase-notes label{font-weight:600;font-size:12px}.purchase-meta input,.purchase-meta select,.purchase-notes input,.purchase-notes select{display:block;width:100%;border:1px solid var(--border);border-radius:8px;padding:9px;margin-top:5px;background:#fff}.purchase-lines-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:15px 0 9px}.purchase-lines-head small{display:block;color:var(--muted)}.purchase-line{display:grid;grid-template-columns:2.2fr .65fr .8fr .7fr .65fr .8fr 38px;gap:7px;align-items:start;margin-bottom:7px}.purchase-line.labels{font-size:11px;color:var(--muted);font-weight:700}.purchase-row select,.purchase-row input,.serial-box{width:100%;border:1px solid var(--border);border-radius:7px;padding:8px;background:#fff}.purchase-row .serial-box{margin-top:5px;min-height:55px;font-size:11px}.pur-line-total{padding:9px;color:var(--green)}.purchase-footer{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;border-top:1px solid var(--border);padding-top:16px;margin-top:12px}.purchase-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.purchase-summary{background:#f6faf8;border:1px solid #dbe9e2;border-radius:11px;padding:12px}.purchase-summary>div{display:flex;justify-content:space-between;padding:6px}.purchase-summary .grand{font-size:17px;background:#e6f5ed;color:var(--green);margin:4px -4px;padding:10px}.purchase-view-body{padding:20px}.invoice-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:15px}.invoice-kpis div{background:#f6faf8;border-radius:8px;padding:10px}.invoice-kpis span{display:block;color:var(--muted);font-size:11px}.return-table{padding:20px}.return-head,.return-line{display:grid;grid-template-columns:2fr .7fr .7fr .8fr;gap:7px;padding:8px;border-bottom:1px solid var(--border);align-items:center}.return-head{background:#f7faf8}.return-line input{border:1px solid var(--border);border-radius:7px;padding:7px;width:100%}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid,.analytics-grid.bottom{grid-template-columns:1fr}.purchase-line{grid-template-columns:2fr repeat(3,1fr);}.purchase-line>*:nth-child(n+5){margin-top:4px}.purchase-footer{grid-template-columns:1fr}}
@media(max-width:780px){.kpi-grid,.purchase-meta,.purchase-notes,.invoice-kpis{grid-template-columns:1fr}.purchase-line,.purchase-line.labels{grid-template-columns:1fr}.purchase-line.labels{display:none}.pos-shift-strip{flex-wrap:wrap}.sidebar nav details summary span{display:none}.nav-sub{display:none}}
/* V4 sales */
.product-card em{font-style:normal;font-size:10px;color:#7d9189;margin-top:3px}.pos-select{border:1px solid var(--border);border-radius:8px;padding:9px;background:#fff;min-width:145px}.customer-box{flex:1}.customer-box label{font-size:11px;color:var(--muted)}.customer-box select{display:block;width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;margin-top:3px;background:#fff}.discount-line{align-items:center}.discount-line input{width:95px;border:1px solid var(--border);border-radius:7px;padding:5px 7px;text-align:center}.payment-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.payment-preview>div{background:#f7faf8;border:1px solid var(--border);border-radius:8px;padding:7px;text-align:center}.payment-preview span{display:block;color:var(--muted);font-size:10px}.payment-preview b{font-size:13px}.pos-notes{display:block;font-size:11px;color:var(--muted);margin-top:8px}.pos-notes input{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;margin-top:4px}.serial-picker{padding:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:420px;overflow:auto}.serial-choice{border:1px solid var(--border);background:#fff;border-radius:10px;padding:12px;text-align:right;cursor:pointer}.serial-choice:hover{border-color:var(--green);background:#f1faf5}.serial-choice b,.serial-choice small{display:block}.serial-choice small{color:var(--muted);margin-top:3px}.serial-chip{display:inline-block;background:#fff1cf;color:#8a5d00;border-radius:5px;padding:1px 5px;margin-right:4px}.checkout-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.checkout-summary>div{background:#f4f9f6;border:1px solid var(--border);border-radius:10px;padding:12px}.checkout-summary span{display:block;color:var(--muted);font-size:11px}.checkout-summary b{font-size:18px;color:var(--green)}.payment-rows{padding:0 18px 10px}.payment-row{display:grid;grid-template-columns:1fr .8fr 1.2fr 1fr 40px;gap:8px;margin-bottom:8px}.payment-row input,.payment-row select{border:1px solid var(--border);border-radius:8px;padding:8px;background:#fff}.payment-analytics{display:grid;gap:10px}.payment-analytics>div{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid #edf1ef}.payment-analytics b{color:var(--green)}
@media(max-width:780px){.payment-row,.checkout-summary,.payment-preview,.serial-picker{grid-template-columns:1fr}.pos-toolbar{flex-wrap:wrap}.pos-select{width:100%}}
/* V5 — RAWAAJ identity */
:root{--rawaj:#0b6f58;--rawaj-dark:#063f35;--rawaj-soft:#eaf7f2;--rawaj-accent:#12a57c;--gold:#d5a642}.v5-shell{background:#f4f8f7}.v5-sidebar{background:linear-gradient(180deg,#053f35 0%,#06493d 55%,#032f28 100%);width:252px;box-shadow:-8px 0 28px rgba(2,45,37,.16)}.v5-brand{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.rawaj-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#18b687,#0b765b);display:grid;place-items:center;box-shadow:0 8px 22px rgba(11,118,91,.25);border:1px solid rgba(255,255,255,.22);flex:0 0 auto}.rawaj-mark span{font-size:25px;font-weight:800;color:#fff;line-height:1}.rawaj-mark.huge{width:86px;height:86px;border-radius:26px}.rawaj-mark.huge span{font-size:50px}.v5-brand strong{font-size:22px;letter-spacing:.3px}.side-search{margin:13px 14px 8px;padding:8px 10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:10px;display:flex;gap:6px}.side-search input{background:transparent;border:0;outline:0;color:#fff;width:100%;font-family:inherit}.side-search input::placeholder{color:#a8c8bd}.v5-sidebar nav{padding:5px 10px}.v5-sidebar nav>a,.v5-sidebar nav summary{border-radius:9px;margin:2px 0}.v5-sidebar nav>a.active,.v5-sidebar nav .pos-launch{background:linear-gradient(90deg,#0f9a72,#0b7b5f);color:#fff}.v5-sidebar nav .pos-launch em{margin-right:auto;font-style:normal}.v5-sidebar .nav-sub{border-right:1px solid rgba(255,255,255,.12);margin-right:20px}.v5-sidebar .nav-sub a{padding-right:16px!important}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.user-mini{display:flex;align-items:center;gap:9px;color:#fff}.user-mini .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--rawaj);font-weight:800}.user-mini b,.user-mini small{display:block}.user-mini small{color:#9fc3b7;font-size:10px}.sidebar-footer .logout{width:100%;margin-top:9px}.v5-topbar{height:68px;border-bottom:1px solid #e5efeb;background:#fff}.breadcrumb-box{margin-left:auto}.breadcrumb-box small,.breadcrumb-box b{display:block}.breadcrumb-box small{color:#91a59d;font-size:10px}.breadcrumb-box b{font-size:15px}.top-actions{display:flex;align-items:center;gap:9px}.top-pos{background:#102137;color:#fff;padding:8px 16px;border-radius:8px;font-weight:800}.top-pill{background:#edf9f4;color:#0a7b5e;padding:7px 10px;border-radius:16px;font-size:11px}.top-icon{width:34px;height:34px;border:1px solid var(--border);display:grid;place-items:center;border-radius:9px}.top-user{font-weight:700;font-size:12px}
/* Login */
.rawaj-login{display:grid!important;grid-template-columns:1.15fr .85fr;min-height:100vh;background:#eef5f2}.login-visual{padding:7vw;background:radial-gradient(circle at 20% 10%,rgba(24,182,135,.24),transparent 34%),linear-gradient(145deg,#043c33,#075a49 58%,#086f57);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-160px;bottom:-150px}.login-badge{display:inline-flex;width:max-content;padding:7px 13px;border-radius:20px;background:rgba(255,255,255,.08);font-size:12px}.hero-logo{display:flex;align-items:center;gap:18px;margin:30px 0}.hero-logo h1{font-size:48px;margin:0;line-height:1}.hero-logo b{font-size:11px;letter-spacing:2px;color:#a9d5c6}.login-visual h2{font-size:36px;line-height:1.45;margin:0 0 13px}.login-visual>p{color:#bfdbd2;max-width:620px}.login-feature-grid{display:grid;grid-template-columns:repeat(2,190px);gap:10px;margin-top:25px}.login-feature-grid span{padding:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:10px}.login-panel{display:grid;place-items:center;padding:40px}.rawaj-login .login-card{width:min(430px,100%);box-shadow:0 25px 70px rgba(15,48,38,.12);border:1px solid #e1ece8}.rawaj-login .login-brand{display:flex;gap:13px;align-items:center;text-align:right}.rawaj-login .login-brand h3{font-size:23px;margin:0}.rawaj-login .login-brand p{margin:3px 0;color:var(--muted)}.login-btn{margin-top:12px;min-height:46px}.login-foot{display:block;text-align:center;color:#97aaa3;margin-top:18px}
/* POS full screen */
.pos-fullscreen{background:#f3f7f5;overflow:hidden}.pos-full-head{height:62px;background:linear-gradient(90deg,#043d33,#075a49);display:flex;align-items:center;padding:0 18px;color:#fff;gap:20px}.pos-brand-mini{display:flex;align-items:center;gap:9px}.pos-brand-mini .rawaj-mark{width:36px;height:36px;border-radius:11px}.pos-brand-mini b,.pos-brand-mini small{display:block}.pos-brand-mini small{color:#a8d0c3;font-size:9px}.pos-head-center{margin:auto;color:#d9eee7;font-size:12px}.pos-head-actions{display:flex;gap:8px}.pos-head-actions a{color:#fff;border:1px solid rgba(255,255,255,.18);padding:7px 10px;border-radius:8px;font-size:11px}.pos-full-content{height:calc(100vh - 62px);padding:10px}.pos-fullscreen .pos-page{height:100%;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);margin:0}.pos-fullscreen .pos-products,.pos-fullscreen .pos-cart{height:100%;overflow:auto}.customer-row{display:grid!important;grid-template-columns:1fr auto;gap:8px;align-items:end}.customer-search-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:6px;margin-top:3px}.customer-search-wrap input,.customer-search-wrap select{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;background:#fff}.customer-add{height:38px;white-space:nowrap}.inline-error{color:#c0392b;font-size:11px;padding:0 18px}.product-card:disabled{opacity:.55;cursor:not-allowed;background:#f6f6f6}
/* V5 inventory/settings */
.tax-settings{padding:18px}.tax-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tax-choice{border:1px solid var(--border);border-radius:13px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:4px 9px;cursor:pointer}.tax-choice input{grid-row:1/3}.tax-choice b,.tax-choice small{display:block}.tax-choice small{color:var(--muted);font-weight:400}.tax-choice:has(input:checked){border-color:#14a37a;background:#effaf6;box-shadow:0 0 0 2px rgba(20,163,122,.08)}.settings-section{margin-top:16px;border:1px solid var(--border);border-radius:12px;padding:16px}.settings-section h3{margin:0 0 12px}.settings-section.emerald{border-color:#cde7dc;background:#fbfefd}.settings-section.egypt{border-color:#dfdfdf;background:#fff}.section-head{display:flex;justify-content:space-between}.section-head p{color:var(--muted);font-size:11px;margin:3px 0}.integration-state{background:#0d8766;color:#fff;padding:5px 10px;border-radius:14px;height:max-content}.integration-note{margin-top:12px;background:#f3f7f5;padding:10px;border-radius:8px;color:#5b7168;font-size:11px}.inquiry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.inquiry-card{padding:14px}.inq-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.inq-head img,.inq-placeholder{width:58px;height:58px;object-fit:contain;border-radius:10px;border:1px solid var(--border)}.inq-placeholder{display:grid;place-items:center;background:#f4f8f6}.inq-head h3{margin:0}.inq-head small{color:var(--muted)}.inq-head>b{color:var(--rawaj);font-size:17px}.inq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.inq-stats span{background:#f5f9f7;padding:8px;border-radius:8px;color:var(--muted);font-size:10px}.inq-stats b{display:block;color:var(--text);font-size:13px}.warehouse-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.warehouse-chips span{background:#edf7f2;border:1px solid #d5e9df;border-radius:20px;padding:4px 8px;font-size:10px}.transfer-row{display:grid;grid-template-columns:2fr .8fr 40px;gap:8px;padding:5px 18px}.transfer-row select,.transfer-row input,.counted-input,.bulk-toolbar input,.bulk-toolbar select{border:1px solid var(--border);border-radius:8px;padding:9px;background:#fff}.bulk-toolbar{display:grid;grid-template-columns:1.4fr 1fr auto;gap:8px;margin-bottom:12px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
@media(max-width:1000px){.rawaj-login{grid-template-columns:1fr}.login-visual{display:none}.pos-fullscreen{overflow:auto}.pos-full-content{height:auto}.pos-fullscreen .pos-page{grid-template-columns:1fr;height:auto}.tax-choice-grid,.inquiry-grid{grid-template-columns:1fr}.v5-sidebar{width:78px}.v5-brand>div:last-child,.side-search,.v5-sidebar nav span,.v5-sidebar nav em,.sidebar-footer .user-mini>div:last-child{display:none}.v5-sidebar .nav-sub{display:none}.main{margin-right:78px}}
/* Dashboard V5 */
.eyebrow{display:block;color:var(--rawaj);font-weight:800;margin-bottom:4px}.v5-dashboard-head{background:linear-gradient(135deg,#fff,#f5fbf8);border:1px solid #e2eee9;border-radius:16px;padding:18px;margin-bottom:14px}.executive-kpis{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:11px;margin-bottom:14px}.exec-kpi{background:#fff;border:1px solid var(--border);border-radius:14px;padding:15px;box-shadow:0 8px 24px rgba(11,67,54,.04)}.exec-kpi span,.exec-kpi em{display:block}.exec-kpi span{color:#6b8279;font-size:11px}.exec-kpi strong{display:block;font-size:22px;margin:7px 0;color:#163d32}.exec-kpi strong small{font-size:10px}.exec-kpi em{font-style:normal;color:#9aaba4;font-size:10px}.exec-kpi.hero{background:linear-gradient(135deg,#08745b,#0aa278);color:#fff;border:0}.exec-kpi.hero span,.exec-kpi.hero strong,.exec-kpi.hero em{color:#fff}.exec-kpi.warning{background:#fffaf0}.v5-analytics{grid-template-columns:1.45fr .55fr}.dual-chart{height:245px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid var(--border);padding:20px 4px 0}.dual-col{flex:1;height:215px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.dual-bars{height:185px;display:flex;align-items:flex-end;gap:2px}.dual-bars i{display:block;width:9px;border-radius:4px 4px 1px 1px}.sale-bar{background:linear-gradient(#15ae80,#087458)}.purchase-bar{background:#d8b160}.dual-col small{font-size:9px;color:#82958e;transform:rotate(-35deg)}.chart-legend{font-size:10px;color:#71857d}.chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin:0 5px}.sales-dot{background:#109673}.purchase-dot{background:#d8b160}.pay-mix{display:grid;gap:12px}.pay-mix>div>div:first-child{display:flex;justify-content:space-between;font-size:11px}.mix-track{height:7px;background:#edf3f0;border-radius:10px;overflow:hidden;margin-top:5px}.mix-track i{display:block;height:100%;background:linear-gradient(90deg,#0c795e,#14ae82);border-radius:10px}.finance-mini{display:grid;gap:7px;margin-top:18px}.finance-mini>div{display:flex;justify-content:space-between;background:#f5f9f7;border-radius:8px;padding:9px;font-size:11px}.rank-list>div{display:grid;grid-template-columns:28px 1fr auto}.rank{width:25px;height:25px;border-radius:7px;background:#eef8f3;color:var(--rawaj);display:grid;place-items:center;font-weight:800}.rank-list strong{align-self:center}@media(max-width:1250px){.executive-kpis{grid-template-columns:repeat(3,1fr)}.v5-analytics{grid-template-columns:1fr}}@media(max-width:760px){.executive-kpis{grid-template-columns:1fr 1fr}}
/* DOKKAN V6 */
.brand-logo{width:48px;height:48px;border-radius:13px;object-fit:cover;object-position:center;box-shadow:0 8px 24px rgba(0,0,0,.22);border:1px solid rgba(218,175,90,.28)}
.pos-logo{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid rgba(218,175,90,.3)}
.dokkan-hero img{width:132px;height:132px;border-radius:30px;object-fit:cover;box-shadow:0 18px 55px rgba(0,0,0,.3);border:1px solid rgba(218,175,90,.35)}
.login-logo{width:66px;height:66px;border-radius:18px;object-fit:cover;box-shadow:0 10px 30px rgba(6,63,53,.18)}
.dokkan-login-visual{background:radial-gradient(circle at 16% 12%,rgba(214,170,84,.19),transparent 30%),linear-gradient(145deg,#022e28,#06483d 52%,#075f4c)}
.promo-line{background:#fff9ec!important;border:1px dashed #dec17b;border-radius:9px;padding:7px 9px!important}.promo-line b{color:#9a6b06}.promo-line small{display:block;color:#9a7b3c;font-size:9px;margin-top:2px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.kpi-grid.compact{grid-template-columns:repeat(4,1fr)}.kpi{background:#fff;border:1px solid var(--border);border-radius:13px;padding:14px}.kpi span,.kpi small{display:block;color:var(--muted);font-size:10px}.kpi b{display:block;font-size:20px;color:#123f34;margin-top:5px}.kpi.accent{background:linear-gradient(135deg,#07654f,#0aa078);border:0}.kpi.accent span,.kpi.accent b,.kpi.accent small{color:#fff}.period-filter,.head-actions{display:flex;gap:7px;align-items:center}.period-filter input{border:1px solid var(--border);padding:8px;border-radius:8px;font-family:inherit}.report-alert,.report-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--border);font-size:11px}.report-alert span,.report-row span{color:var(--muted)}.text-danger{color:#b83232!important}.badge.ok{background:#e9f7f1;color:#087558}.badge.muted{background:#f1f2f2;color:#78847f}.inline{display:inline}.form-grid select[multiple]{min-height:180px}.span-2{grid-column:span 2}
@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.kpi-grid,.kpi-grid.compact{grid-template-columns:1fr 1fr}.span-2{grid-column:span 1}}
@media print{.sidebar,.topbar,.page-head .btn,.page-head form,.modal{display:none!important}.main{margin:0!important}.content{padding:0!important}}
/* DOKKAN V7 polish */
.v7-sidebar{width:268px;padding:15px 12px;overflow:auto}.v7-sidebar nav{gap:4px}.v7-sidebar nav>a,.v7-sidebar summary{min-height:46px;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-weight:700}.v7-sidebar summary::-webkit-details-marker{display:none}.v7-sidebar details[open]>summary,.v7-sidebar nav>a.active,.v7-sidebar .pos-launch{background:linear-gradient(90deg,rgba(25,176,128,.22),rgba(25,176,128,.08));box-shadow:inset -3px 0 #27c28a}.v7-sidebar summary b{margin-right:auto;transition:.2s}.v7-sidebar details[open] summary b{transform:rotate(180deg)}.nav-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:15px}.nav-sub{display:grid;gap:2px;margin:4px 15px 7px 0;padding-right:14px;border-right:1px solid rgba(255,255,255,.15)}.v7-sidebar .nav-sub a{padding:8px 10px;font-size:12px;border-radius:7px;color:#d9eee7}.main{margin-right:268px;width:calc(100% - 268px)}
.tax-provider-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:15px;background:linear-gradient(135deg,#075b48,#0a9671);color:#fff;margin-bottom:14px}.tax-provider-banner.off{background:#65736f}.provider-icon{width:50px;height:50px;background:rgba(255,255,255,.13);border-radius:13px;display:grid;place-items:center;font-size:24px}.tax-provider-banner small,.tax-provider-banner b,.tax-provider-banner span{display:block}.tax-provider-banner b{font-size:17px}.tax-provider-banner span{opacity:.8;font-size:11px}.mono{direction:ltr;font-family:monospace;font-size:11px}.tax-status{display:inline-block;padding:5px 9px;border-radius:20px;background:#eef2f0}.tax-status.s-cleared,.tax-status.s-reported,.tax-status.s-submitted{background:#e6f7ef;color:#08734f}.tax-status.s-failed,.tax-status.s-rejected{background:#fff0f0;color:#b52d2d}.tax-status.s-sending{background:#fff8e7;color:#926400}.integration-guide{margin-top:14px}.integration-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.integration-flow span{background:#f1f8f5;border:1px solid #d7eae1;border-radius:9px;padding:9px 12px;font-weight:700}.integration-flow i{font-style:normal;color:#0c8b63}.stock-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:#edf8f3;color:#08724f;font-weight:700}.stock-pill.zero{background:#fff1f1;color:#b63030}.purchase-create-shell{display:grid;grid-template-columns:1fr 310px;gap:16px;align-items:start}.purchase-main-card,.purchase-side-card{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}.purchase-section{padding:18px;border-bottom:1px solid var(--border)}.purchase-section:last-child{border:0}.purchase-side-card{position:sticky;top:86px;padding:18px}.summary-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed #e5ece8}.summary-row.grand{font-size:18px;color:#087a4d}.purchase-item-table input,.purchase-item-table select,.purchase-item-table textarea{width:100%;border:1px solid var(--border);border-radius:7px;padding:7px}.purchase-item-table textarea{min-height:60px}.product-search-panel{display:flex;gap:8px;margin-bottom:12px}.product-search-panel input{flex:1;border:1px solid var(--border);border-radius:8px;padding:10px}.bulk-filter-grid{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:8px}.editable-table input,.editable-table select{width:100%;min-width:110px;border:1px solid #dce6e1;border-radius:6px;padding:6px}.editable-table .name-input{min-width:220px}.count-toolbar{display:grid;grid-template-columns:2fr 1fr auto auto;gap:8px;margin-bottom:12px}.count-toolbar input,.count-toolbar select{border:1px solid var(--border);border-radius:8px;padding:9px}.count-state{padding:4px 8px;border-radius:18px;background:#fff5db;color:#936900}.count-state.done{background:#e8f7ef;color:#08724f}.login-v7{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(213,168,79,.14),transparent 28%),linear-gradient(135deg,#012d28,#04493d 50%,#eef5f2 50%);display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}.login-brand-panel{display:flex;align-items:center;justify-content:center;padding:60px;color:#fff}.login-brand-inner{max-width:520px}.login-brand-inner img{width:135px;height:135px;border-radius:30px;box-shadow:0 24px 70px rgba(0,0,0,.32)}.login-brand-inner h1{font-size:52px;margin:18px 0 0}.login-brand-inner h2{font-size:28px;margin:8px 0}.login-brand-inner p{color:#c8ded7;line-height:2}.login-features{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.login-features span{padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06)}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card-v7{width:min(440px,92vw);background:#fff;border:1px solid #dfe9e5;border-radius:22px;padding:30px;box-shadow:0 28px 80px rgba(2,55,44,.16)}.login-card-v7 .mini-brand{display:flex;align-items:center;gap:11px;margin-bottom:24px}.login-card-v7 .mini-brand img{width:58px;height:58px;border-radius:15px}.login-card-v7 h3{font-size:24px;margin:0}.login-card-v7 label{display:block;font-weight:700;margin-top:14px}.login-card-v7 input{width:100%;padding:12px;border:1px solid #dbe6e1;border-radius:9px;margin-top:6px}.login-card-v7 button{width:100%;margin-top:20px;padding:12px}
@media(max-width:1100px){.purchase-create-shell{grid-template-columns:1fr}.purchase-side-card{position:static}.bulk-filter-grid{grid-template-columns:1fr 1fr}.login-v7{grid-template-columns:1fr;background:#eef5f2}.login-brand-panel{display:none}.main{margin-right:78px;width:calc(100% - 78px)}.v7-sidebar{width:78px}.v7-sidebar .brand>div,.v7-sidebar .side-search,.v7-sidebar nav span,.v7-sidebar summary b,.v7-sidebar .nav-sub,.v7-sidebar .sidebar-footer .user-mini>div:last-child{display:none}}
.product-card:disabled{opacity:.48;filter:grayscale(.25);cursor:not-allowed;position:relative}.out-stock-label{display:block;color:#b72d2d!important;font-weight:800!important;margin-top:4px}.action-link{display:inline-grid!important;place-items:center}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.search-result{border:1px solid var(--border);background:#fff;border-radius:8px;padding:9px;text-align:right;cursor:pointer}.search-result b,.search-result small{display:block}.search-result small{color:var(--muted)}
.btn-xs{padding:7px 10px!important;min-height:32px!important;font-size:12px!important;white-space:nowrap}
/* DOKKAN V8 usability + mobile */
.settings-card{display:grid;gap:18px}.settings-section{padding:4px 0 18px;border-bottom:1px solid var(--border)}.settings-section h3{margin:0 0 14px}.span3{grid-column:span 3}.logo-preview img{width:110px;height:110px;object-fit:contain;border:1px solid var(--border);border-radius:14px;background:#fff;padding:8px}
.standalone-screen{min-height:100vh;background:#eef4f1}.standalone-head{height:72px;background:#064b38;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.brand-inline{display:flex;align-items:center;gap:9px}.brand-inline img{width:44px;height:44px;border-radius:11px}.brand-inline small{display:block;opacity:.72}.standalone-content{padding:22px}.inquiry-full-shell{max-width:1300px;margin:auto}.inquiry-hero{text-align:center;max-width:850px;margin:10px auto 22px}.inquiry-hero h1{font-size:32px;margin-bottom:5px}.inquiry-search{display:flex;gap:9px;margin-top:16px}.inquiry-search input{flex:1;padding:15px 18px;border:2px solid #cfe1d9;border-radius:13px;font-size:17px;outline:0}.inquiry-search input:focus{border-color:#0b9366;box-shadow:0 0 0 4px rgba(11,147,102,.08)}.inquiry-empty-state{max-width:700px;margin:70px auto;text-align:center;color:#6f817a}.scan-big{font-size:70px;color:#0c8b63}.inquiry-grid.full{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.inquiry-card.detailed{padding:22px}.inquiry-card.detailed .inq-head img{width:96px;height:96px;object-fit:contain}.inquiry-card.detailed .inq-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.inquiry-card.detailed .inq-head h2{margin:0}.inquiry-card.detailed .inq-head small{display:block;color:var(--muted)}
.transfer-pro-card,.transfer-lines-card{margin-bottom:14px}.transfer-scan-bar{display:flex;gap:8px;margin-bottom:12px}.transfer-scan-bar input{flex:1;padding:12px;border:1px solid var(--border);border-radius:9px}.sticky-actions{position:sticky;bottom:0;background:rgba(246,248,247,.95);backdrop-filter:blur(8px);padding:12px 0;display:flex;gap:8px;z-index:4}.count-scan-box{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:12px;align-items:center;background:#effaf5;border:1px solid #cce8dc;border-radius:11px;padding:12px;margin-bottom:12px}.count-scan-box small{display:block;color:#58756a}.count-scan-box input{padding:12px;border:2px solid #9fd0bc;border-radius:9px}.scan-hit{background:#e5fff2!important;outline:2px solid #27b27f}.modal-box{scrollbar-gutter:stable}.login-brand-inner h1,.login-brand-inner h2{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.25)}.login-brand-inner p{color:#e3f2ed!important}.login-features span{color:#fff!important}.login-v7{background:linear-gradient(135deg,#033e34 0%,#075a49 49.8%,#edf5f2 50%,#f8fbfa 100%)}
.product-search-panel input,.purchase-item-table input,.purchase-item-table select{font-size:13px}
@media(max-width:900px){.content{padding:14px}.page-head{align-items:flex-start;gap:10px}.page-head h1{font-size:21px}.v7-sidebar{transform:translateX(100%);width:270px;transition:.22s}.shell.menu-open .v7-sidebar{transform:none}.main{margin-right:0!important;width:100%!important}.topbar{padding:0 12px}.top-actions .top-pill,.top-actions .top-user{display:none}.form-grid,.form-grid.cols3,.form-grid.cols4{grid-template-columns:1fr!important}.span2,.span3,.span-2{grid-column:span 1!important}.table-tools{flex-wrap:wrap}.table-tools input,.table-tools select{min-width:0;width:100%}.purchase-create-shell{display:block}.purchase-side-card{margin-top:12px}.purchase-item-table{min-width:820px}.bulk-filter-grid{grid-template-columns:1fr}.count-toolbar{grid-template-columns:1fr}.count-scan-box{grid-template-columns:1fr}.inquiry-grid.full{grid-template-columns:1fr}.standalone-content{padding:12px}.standalone-head{padding:0 12px}.inquiry-search{flex-direction:column}.search-results{grid-template-columns:1fr}.kpi-grid,.kpi-grid.compact,.executive-kpis{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){body{font-size:12px}.content{padding:10px}.card{padding:12px;border-radius:10px}.page-head{flex-direction:column}.page-head .btn{width:100%;text-align:center}.kpi-grid,.kpi-grid.compact,.executive-kpis{grid-template-columns:1fr!important}.modal{padding:6px}.modal-box{width:100%;max-height:96vh;border-radius:12px}.modal form{padding:13px}.login-form-panel{padding:12px}.login-card-v7{padding:20px;border-radius:16px}.topbar{height:58px}.breadcrumb-box small{display:none}.standalone-head .btn{padding:7px}.inquiry-hero h1{font-size:25px}}
.mobile-bottom-nav{display:none}
@media(max-width:900px){.content{padding-bottom:82px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);right:0;left:0;bottom:0;height:66px;background:#fff;border-top:1px solid #dbe6e1;z-index:60;box-shadow:0 -10px 28px rgba(2,55,44,.08)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:#fff;color:#49635a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:inherit}.mobile-bottom-nav span{font-size:19px}.mobile-bottom-nav b{font-size:10px}.mobile-bottom-nav .mobile-pos{background:#0b8c62;color:#fff;margin:-12px 7px 8px;border-radius:14px;box-shadow:0 8px 20px rgba(11,140,98,.25)}}
.pos-mobile-switch{display:none}
@media(max-width:900px){body.pos-fullscreen{overflow:auto}.pos-full-content{padding:8px!important}.pos-mobile-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;position:sticky;top:60px;z-index:20;background:#eef4f1;padding:7px}.pos-mobile-switch button{border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px;font-family:inherit;font-weight:700}.pos-mobile-switch button.active{background:#087a4d;color:#fff}.pos-page{display:block!important;margin:0!important}.pos-page .pos-cart{display:none}.pos-page[data-mobile-view="cart"] .pos-products{display:none}.pos-page[data-mobile-view="cart"] .pos-cart{display:block}.pos-products,.pos-cart{border-radius:10px}.pos-toolbar{display:grid!important;grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)!important}.product-card{min-height:150px}.cart-lines{min-height:210px}.payment-row{grid-template-columns:1fr!important}.pos-full-head{position:sticky;top:0;z-index:30}}
/* DOKKAN V9 reports, counting and fullscreen inquiry */
.inquiry-full-shell{max-width:none!important;width:100%;min-height:calc(100vh - 116px)}
.inquiry-grid.full{grid-template-columns:1fr!important;width:100%}.inquiry-card.detailed{min-height:250px}
.scan-inline{display:grid;grid-template-columns:minmax(240px,1fr) 120px auto;gap:8px;align-items:center}.scan-inline input{border:1px solid var(--border);border-radius:10px;padding:11px;background:#fff}
.idc-session-head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#004d43,#0a8b72);color:#fff}.idc-session-head p{margin:4px 0 0;color:#d8fff6}.idc-session-head .badge{background:#fff;color:#067d69}
.report-launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-launch{display:flex;gap:14px;align-items:flex-start;padding:18px;background:#fff;border:1px solid var(--border);border-radius:14px;color:inherit;box-shadow:var(--shadow)}.report-launch>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e9f7f2;color:#08775d;font-size:20px}.report-launch h3{margin:0 0 5px}.report-launch p{margin:0;color:var(--muted);font-size:11px}.report-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:10px;align-items:end}.report-filter-grid label{display:grid;gap:5px;font-size:11px}.report-filter-grid input,.report-filter-grid select{border:1px solid var(--border);border-radius:9px;padding:10px;background:#fff}.pl-statement{max-width:850px;margin:auto}.pl-statement>div,.report-line{display:flex;justify-content:space-between;padding:11px 4px;border-bottom:1px dashed #dbe6e1}.pl-statement .minus b{color:#9a3d3d}.pl-statement .total{font-weight:800;background:#f5f9f7;padding:12px}.pl-statement .emerald{color:#08775d}.pl-statement .grand{font-size:18px;font-weight:900;background:#064b38;color:#fff;margin-top:8px;padding:16px;border-radius:10px}.metric-hero{background:#064b38;color:#fff;padding:12px 16px;border-radius:12px}.metric-hero b{display:block;font-size:22px}.tax-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tax-net{grid-column:1/-1;text-align:center;background:#064b38;color:#fff}.tax-net>b{font-size:32px}.report-line.total{font-weight:800;color:#08775d}.badge.warn{background:#fff1cf;color:#9b6900}.badge.danger{background:#fde5e5;color:#ad3333}
.transfer-scan-bar{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.transfer-scan-bar input{border:1px solid var(--border);border-radius:10px;padding:11px}.search-results{display:grid;gap:6px;margin:8px 0}.search-result{width:100%;text-align:right;border:1px solid var(--border);background:#fff;border-radius:9px;padding:10px;font-family:inherit}.search-result small{display:block;color:var(--muted);margin-top:3px}.stock-pill{background:#edf7f2;color:#08775d;padding:4px 8px;border-radius:20px;font-weight:800}
@media(max-width:1100px){.report-launch-grid{grid-template-columns:1fr 1fr}.report-filter-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.report-launch-grid,.tax-report-grid,.report-filter-grid{grid-template-columns:1fr!important}.scan-inline,.transfer-scan-bar{grid-template-columns:1fr}.tax-net{grid-column:auto}.inquiry-card.detailed .inq-head{grid-template-columns:70px 1fr!important}.inquiry-card.detailed .inq-head>b{grid-column:1/-1}}
/* DOKKAN V10 accounting */
.report-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.statement-row,.statement-total{display:flex;justify-content:space-between;gap:20px;padding:12px 4px;border-bottom:1px solid var(--border)}.statement-total{font-weight:800;background:#f1faf6;padding:14px;border-radius:10px;margin-top:10px}.modal-xl .modal-box{max-width:1120px;width:min(96vw,1120px)}.span-2{grid-column:span 2}.card tfoot th{background:#f7faf9;font-weight:800}@media(max-width:900px){.report-two-col{grid-template-columns:1fr}.span-2{grid-column:span 1}.accounting-actions{display:grid;grid-template-columns:1fr 1fr}}
/* DOKKAN V11.1 corrective UX */
.movement-link{display:inline-grid;place-items:center}.due-strip{margin-top:7px;background:#edf8f3;color:#086f4f;padding:8px 10px;border-radius:9px;font-size:12px}.due-strip b{font-size:16px;margin-right:5px}.customer-safe{grid-template-columns:repeat(4,1fr)!important}.view-toggle{display:flex;gap:6px;margin-bottom:12px}.view-toggle button{border:1px solid var(--border);background:#fff;padding:9px 15px;border-radius:9px;font-weight:700;cursor:pointer}.view-toggle button.active{background:#075f48;color:#fff;border-color:#075f48}.account-tree-panel{padding:20px}.account-tree-panel ul{list-style:none;margin:0;padding:0 18px 0 0;border-right:1px dashed #cadbd4}.account-tree-panel>ul{border:0;padding:0}.account-tree-panel li{margin:6px 0}.account-tree-panel summary{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f7faf8;border:1px solid #e3ece8;border-radius:9px;cursor:pointer}.tree-code{font-family:monospace;color:#087a4d;font-weight:800;min-width:62px}.account-tree-panel summary b{flex:1}.journal-modal-box{width:min(1220px,97vw)!important}.journal-head-grid{display:grid;grid-template-columns:180px 1fr 1fr;gap:12px}.journal-head-grid label{font-weight:700}.journal-head-grid input{width:100%;margin-top:5px;border:1px solid var(--border);padding:10px;border-radius:8px}.journal-lines-wrap{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:auto}.journal-lines-table select,.journal-lines-table input{width:100%;min-width:135px;border:1px solid #dbe5e0;border-radius:7px;padding:8px;background:#fff}.journal-lines-table td:first-child{width:42px;text-align:center}.journal-lines-table tfoot th{background:#eef7f3}.journal-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.journal-help{color:var(--muted);font-size:12px}.journal-link{color:#067b57;font-weight:800}.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.role-card-head{display:flex;justify-content:space-between;gap:10px}.role-card-head h3{margin:0}.role-card-head small{color:var(--muted)}.role-groups{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.role-groups span{background:#f1f6f4;border:1px solid #e1ebe6;padding:5px 8px;border-radius:8px;font-size:11px}.permission-toolbar{display:flex;gap:6px;margin:15px 0}.permission-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.permission-group{border:1px solid var(--border);border-radius:12px;overflow:hidden}.permission-group header{padding:10px 12px;background:#f4f8f6;display:flex;align-items:center;justify-content:space-between}.permission-group h4{margin:0}.permission-group>div{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:5px}.permission-group label{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:start;padding:7px;border-radius:8px}.permission-group label:hover{background:#f7faf8}.permission-group label small{grid-column:2;color:#95a29d;font-size:9px}.dokkan-login-body{margin:0;background:#031f19;font-family:Cairo,Arial,sans-serif}.dokkan-login{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,#0c8e64 0,#075c48 26%,#032f27 68%,#021d18 100%);color:#fff;display:flex;align-items:center;padding:7vw}.login-visual:after{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(225,180,83,.22);border-radius:50%;left:-220px;bottom:-320px}.login-glow{position:absolute;width:360px;height:360px;background:rgba(212,165,62,.16);filter:blur(90px);right:10%;top:8%}.login-visual-content{position:relative;z-index:2;max-width:680px}.login-logo-wrap img{width:92px;height:92px;border-radius:24px;box-shadow:0 20px 55px rgba(0,0,0,.3);margin-bottom:28px}.login-eyebrow{font-size:12px;letter-spacing:2px;color:#d7b66a}.login-visual h1{font-size:54px;line-height:1.25;margin:10px 0 18px}.login-visual h1 em{font-style:normal;color:#e5c36f}.login-visual p{font-size:16px;line-height:2;color:#d5e8e1;max-width:620px}.login-proof{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.login-proof span{padding:9px 13px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:10px}.login-metric{display:flex;gap:12px}.login-metric div{min-width:110px;padding:12px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.1);border-radius:12px}.login-metric b,.login-metric small{display:block}.login-metric b{font-size:18px;color:#ebc96e}.login-metric small{color:#bcd5cc}.login-access{background:#f4f8f6;display:flex;flex-direction:column;justify-content:center;padding:5vw;position:relative}.login-access-card{background:#fff;padding:34px;border-radius:22px;box-shadow:0 30px 80px rgba(2,40,31,.13);border:1px solid #e0ebe6}.login-card-brand{display:flex;gap:14px;align-items:center}.login-card-brand img{width:58px;height:58px;border-radius:15px}.login-card-brand small{color:#789087}.login-card-brand h2{margin:2px 0 0;font-size:22px}.login-card-intro{color:#788b84;margin:22px 0}.login-access form>label{display:block;font-weight:700;margin:14px 0}.login-input{display:flex;align-items:center;border:1px solid #d9e5e0;border-radius:11px;padding:0 12px;margin-top:7px;background:#fbfdfc}.login-input input{border:0;outline:0;width:100%;padding:13px;background:transparent;font-family:inherit}.login-input span{color:#82978f}.login-remember{display:flex!important;align-items:center;gap:8px;font-weight:500!important;color:#5d726a}.login-submit{width:100%;border:0;background:linear-gradient(135deg,#0a8d60,#056b4b);color:#fff;padding:14px;border-radius:11px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;display:flex;justify-content:center;gap:10px}.login-security{text-align:center;color:#8b9b95;font-size:11px;margin-top:18px}.login-access footer{position:absolute;bottom:20px;right:0;left:0;text-align:center;color:#8ca098;font-size:10px}
@media(max-width:1050px){.dokkan-login{grid-template-columns:1fr}.login-visual{display:none}.login-access{min-height:100vh;padding:20px}.login-access-card{max-width:520px;width:100%;margin:auto}.roles-grid{grid-template-columns:1fr 1fr}.permission-groups{grid-template-columns:1fr}.journal-head-grid{grid-template-columns:1fr}.customer-safe{grid-template-columns:1fr 1fr!important}}
@media(max-width:650px){.roles-grid{grid-template-columns:1fr}.permission-group>div{grid-template-columns:1fr}.customer-safe{grid-template-columns:1fr!important}.login-access-card{padding:24px 18px}.view-toggle button{flex:1}}
/* DOKKAN V12 - Touch payment */
.touch-pay-modal{max-width:1180px!important}.touch-summary>div{min-height:88px;display:flex;flex-direction:column;justify-content:center}.touch-summary b{font-size:25px}.touch-pay-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;padding:0 18px 16px}.touch-pay-main{min-width:0}.quick-pay-methods{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.quick-pay-methods button,.quick-cash button{border:1px solid #d8e6e0;background:#fff;border-radius:12px;padding:14px 8px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer}.quick-pay-methods button.active{background:#087a4d;color:#fff;border-color:#087a4d}.touch-keypad{border:1px solid #dce8e3;background:#f7fbf9;border-radius:16px;padding:14px}.keypad-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.keypad-title small{color:#7d9189}.keypad-display{direction:ltr;text-align:center;background:#052f27;color:#fff;border-radius:12px;padding:13px;font-size:28px;font-weight:900;margin:12px 0}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad-grid button{min-height:58px;border:1px solid #d4e3dd;background:#fff;border-radius:12px;font-family:inherit;font-size:21px;font-weight:900;cursor:pointer;box-shadow:0 2px 0 #e8efec}.keypad-grid button:active,.quick-cash button:active,.quick-pay-methods button:active{transform:translateY(1px)}.keypad-grid .key-danger{font-size:13px;color:#b23a3a;background:#fff7f7}.keypad-grid .key-action{font-size:13px;background:#e8f7f0;color:#08734f}.quick-cash{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.quick-cash button{padding:10px 5px}.touch-pay-actions .primary{min-width:260px;min-height:48px}.payment-row.active-pay-row{outline:2px solid #10a36d;outline-offset:2px;border-radius:10px}.payment-row .pay-amount{font-size:18px;font-weight:800;text-align:center}.touch-pay-main>.payment-rows{padding:0 0 10px}.touch-pay-main>.btn.wide{width:100%}
@media(max-width:900px){.touch-pay-layout{grid-template-columns:1fr}.quick-pay-methods{grid-template-columns:repeat(3,1fr)}.touch-keypad{order:-1}.keypad-grid button{min-height:64px}.touch-summary{grid-template-columns:1fr 1fr 1fr!important}.touch-pay-actions{position:sticky;bottom:0;background:#fff;z-index:5}}
@media(max-width:560px){.touch-summary{grid-template-columns:1fr!important}.quick-pay-methods{grid-template-columns:repeat(2,1fr)}.touch-pay-layout{padding:0 10px 10px}.touch-pay-modal{width:100vw!important;max-height:100vh!important;border-radius:0!important}.quick-cash{grid-template-columns:repeat(4,1fr)}}
/* DOKKAN V12 - production admin */
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.health-card{display:flex;gap:12px;align-items:center;padding:18px}.health-card h3{margin:0 0 4px}.health-card p{margin:0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.health-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900}.health-card.ok .health-icon{background:#e5f8ef;color:#06794f}.health-card.bad .health-icon{background:#fff0f0;color:#b83030}.table-wrap pre{max-width:520px;white-space:pre-wrap;direction:ltr;text-align:left;background:#0c201a;color:#dff5eb;padding:10px;border-radius:8px;font-size:10px}.alert.warn{background:#fff8e8;color:#825a00;border:1px solid #f1db9c}.actions form{display:inline-block}.badge.ok{background:#e5f8ef;color:#06794f}
@media(max-width:900px){.health-grid{grid-template-columns:1fr}.table-wrap{overflow:auto}.table-wrap table{min-width:850px}}
.balance-choice{border:1px solid var(--border,#dbe7e2);border-radius:12px;padding:12px 14px;background:#f7fbf9;display:flex;justify-content:space-between;gap:10px;align-items:center}.balance-choice.selected{border-color:#2aa87b;background:#eefaf5}.balance-choice span,.balance-hint{display:block;margin-top:6px;color:#60756c}.alert.danger{background:#fff0f0;border:1px solid #ffc9c9;color:#b42318;padding:10px 12px;border-radius:10px;margin-top:12px}
.shift-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0 16px 16px}.shift-kpi-grid .kpi{background:#f8fbfa;border:1px solid var(--border,#dce7e2);border-radius:12px;padding:14px}.shift-kpi-grid .kpi span{display:block;color:#6c7c75;font-size:12px;margin-bottom:6px}.shift-kpi-grid .kpi b{font-size:18px}.shift-close-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shift-close-summary .total{grid-column:1/-1;background:#edf9f4;border-radius:10px;padding:10px}.danger-text{color:#c62828!important}@media(max-width:900px){.shift-kpi-grid{grid-template-columns:repeat(2,1fr)}.shift-close-summary{grid-template-columns:1fr 1fr}}@media(max-width:600px){.shift-kpi-grid,.shift-close-summary{grid-template-columns:1fr}}

/* DOKKAN POS Payment Workspace — touch-first cashier UI */
#paymentModal{padding:18px!important;align-items:center;justify-content:center}
#paymentModal .pay-workspace{width:min(1260px,96vw)!important;max-width:1260px!important;height:min(820px,94vh);max-height:94vh!important;padding:0!important;overflow:hidden!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(1,42,32,.28);display:flex;flex-direction:column;background:#f7faf8}
.pay-workspace-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;background:#fff;border-bottom:1px solid #dde8e3;flex:0 0 auto}.pay-workspace-head h3{font-size:22px;margin:2px 0 3px;color:#082f28}.pay-workspace-head small{color:#70857d}.pay-eyebrow{font-size:10px;font-weight:800;color:#0a8b5d;background:#e8f8f1;border-radius:999px;padding:4px 9px}.pay-close{width:42px;height:42px;border-radius:12px;border:1px solid #d8e4df;background:#fff;font-size:25px;color:#53665f;cursor:pointer}.pay-close:hover{background:#fff2f2;color:#b52626}
.pay-kpis{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:10px;padding:14px 18px;background:#fff;flex:0 0 auto}.pay-kpi{border:1px solid #dae7e2;border-radius:14px;padding:12px 14px;min-height:76px;background:#f9fcfa;display:flex;flex-direction:column;justify-content:center}.pay-kpi span{font-size:11px;color:#73867f;margin-bottom:4px}.pay-kpi b{font-size:23px;line-height:1.2;color:#173d34}.pay-kpi.primary{background:linear-gradient(135deg,#064e3b,#087a4d);border-color:#087a4d}.pay-kpi.primary span,.pay-kpi.primary b{color:#fff}.pay-kpi.warning.active{background:#fff8e7;border-color:#efcf7a}.pay-kpi.warning.active b{color:#9a6700}.pay-kpi.success.active{background:#eaf9f1;border-color:#9ed9bd}.pay-kpi.success.active b{color:#087a4d}
.pay-workspace-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.8fr);gap:14px;padding:14px 18px;overflow:auto;min-height:0;flex:1}.pay-panel,.pay-keypad-panel{background:#fff;border:1px solid #dce8e3;border-radius:16px}.pay-panel{padding:16px;min-width:0}.pay-section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}.pay-section-title b{display:block;font-size:17px;color:#0b352d}.pay-section-title small{display:block;margin-top:3px;color:#7a8d86;font-size:11px}.pay-state{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;background:#fff3d8;color:#946100}.pay-state.ready{background:#e6f7ef;color:#07724b}.pay-state.change{background:#e7f5ff;color:#17689b}.pay-state.incomplete{background:#fff3d8;color:#946100}
.pay-method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}.pay-method-grid button{min-height:86px;border:1px solid #dbe6e2;background:#fbfdfc;border-radius:14px;padding:10px 6px;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:.15s}.pay-method-grid button:hover{border-color:#8cccb0;background:#f2fbf7}.pay-method-grid button.active{border-color:#078754;background:#e8f8f1;box-shadow:0 0 0 2px rgba(7,135,84,.08)}.pay-method-grid b{font-size:13px}.pay-method-grid small{font-size:9px;color:#82938d}.pay-method-icon{font-size:21px;line-height:1.2}
.modern-pay-rows{padding:0!important}.modern-payment-row{grid-template-columns:1.15fr 1fr 1.1fr 1fr 38px!important;gap:8px!important;align-items:end;padding:10px;border:1px solid #e0e9e5;border-radius:14px;margin-bottom:9px!important;background:#fafcfb;cursor:pointer;transition:.15s}.modern-payment-row.active-pay-row{outline:none!important;border-color:#0aa06a;box-shadow:0 0 0 3px rgba(10,160,106,.10);background:#f6fdf9}.modern-payment-row label{display:block;font-size:9px;color:#789087;margin-bottom:4px}.pay-row-method select,.pay-row-bank select,.pay-row-ref input,.pay-row-amount input{width:100%;height:44px;border:1px solid #d6e2dd;border-radius:10px;background:#fff;padding:0 10px;font-family:inherit}.pay-row-amount{position:relative}.pay-row-amount input{font-size:21px!important;font-weight:900!important;text-align:left!important;direction:ltr;padding-left:48px}.pay-row-amount>span{position:absolute;left:10px;bottom:13px;color:#6e827a;font-size:11px;font-weight:800}.pay-row-hint{display:block;font-size:9px;color:#93a19c;margin-top:3px}.pay-remove{width:36px;height:44px;border:1px solid #f0d1d1;border-radius:10px;background:#fff7f7;color:#c03d3d;font-size:20px;cursor:pointer}.pay-add-method{width:100%;min-height:44px;border:1px dashed #82bca5;background:#f4fbf8;color:#08734f;border-radius:12px;font-family:inherit;font-weight:800;cursor:pointer}.pay-help{margin-top:13px;padding-top:11px;border-top:1px solid #edf2f0;color:#84938e;font-size:10px}.pay-help kbd{background:#f1f5f3;border:1px solid #dce5e1;border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-family:inherit;color:#53655f}
.pay-keypad-panel{padding:14px;background:#f4f9f6}.pay-keypad-panel .keypad-title{display:flex;justify-content:space-between;align-items:center}.pay-keypad-panel .keypad-title b{font-size:15px}.pay-keypad-panel .keypad-title small{display:block;font-size:9px;margin-top:2px}.selected-method{background:#073f34;color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.keypad-display-wrap{background:#063f34;border-radius:14px;margin:11px 0;padding:9px 13px}.keypad-display-wrap small{color:#a7d5c4;font-size:9px}.keypad-display-wrap .keypad-display{margin:0!important;padding:0!important;background:transparent!important;text-align:left!important;direction:ltr;font-size:34px!important;min-height:40px;line-height:1.15}.pro-keypad{gap:7px!important}.pro-keypad button{min-height:54px!important;border-radius:11px!important;font-size:21px!important}.pro-keypad .key-danger,.pro-keypad .key-action{font-size:11px!important}.smart-cash{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:10px!important}.smart-cash .quick-cash-label{grid-column:1/-1;font-size:9px;color:#7d9189}.smart-cash button{min-height:39px!important;padding:7px!important;font-size:12px!important}.smart-cash button.exact-cash{grid-column:span 2;background:#e5f7ee;border-color:#95d5b9;color:#08734f}
.pay-workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#fff;border-top:1px solid #dce7e3;box-shadow:0 -8px 24px rgba(10,62,47,.05);flex:0 0 auto}.pay-footer-status{display:flex;align-items:center;gap:10px}.pay-footer-status span{font-size:11px;color:#73857f}.pay-footer-status b{font-size:20px;color:#0b4639}.pay-footer-actions{display:flex;gap:8px}.pay-confirm{min-width:260px;min-height:52px;font-size:15px!important;font-weight:900!important;border-radius:12px!important}.pay-confirm:disabled{opacity:.45;cursor:not-allowed}.pay-cancel{min-width:90px;min-height:52px;border-radius:12px!important}
@media(max-width:1050px){#paymentModal .pay-workspace{width:98vw!important;height:96vh;max-height:96vh!important}.pay-workspace-body{grid-template-columns:1.3fr .8fr;padding:10px}.pay-method-grid{grid-template-columns:repeat(3,1fr)}.modern-payment-row{grid-template-columns:1fr 1fr!important}.pay-remove{position:absolute;left:12px;margin-top:2px}.modern-payment-row{position:relative}.pay-row-ref,.pay-row-bank{min-width:0}.pay-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#paymentModal{padding:0!important}#paymentModal .pay-workspace{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.pay-workspace-head{padding:12px 14px}.pay-workspace-head h3{font-size:18px}.pay-workspace-head small,.pay-eyebrow{display:none}.pay-kpis{grid-template-columns:repeat(2,1fr);padding:8px;gap:6px}.pay-kpi{min-height:62px;padding:8px}.pay-kpi b{font-size:18px}.pay-workspace-body{display:flex;flex-direction:column;padding:8px;gap:8px}.pay-keypad-panel{order:1}.pay-panel{order:2}.pay-method-grid{grid-template-columns:repeat(5,1fr);gap:5px}.pay-method-grid button{min-height:64px;padding:5px}.pay-method-grid small{display:none}.pay-method-icon{font-size:17px}.modern-payment-row{grid-template-columns:1fr!important}.pay-help{display:none}.pro-keypad button{min-height:50px!important}.pay-workspace-footer{position:sticky;bottom:0;padding:8px}.pay-footer-status{display:none}.pay-confirm{min-width:0;flex:1}.pay-footer-actions{width:100%}.pay-cancel{min-width:72px}}
@media(max-width:480px){.pay-method-grid{grid-template-columns:repeat(3,1fr)}.pay-kpis{grid-template-columns:1fr 1fr}.pay-kpi:nth-child(2){display:none}.smart-cash{grid-template-columns:repeat(3,1fr)!important}}

/* DOKKAN operational polish patch */
.shift-live-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px;padding:16px 20px;margin-bottom:16px}.shift-live-strip>div{display:flex;flex-direction:column;gap:4px}.shift-live-strip small{color:var(--muted)}.shift-live-strip b{font-size:18px}.shift-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.shift-detail-grid article{padding:18px;display:flex;flex-direction:column;gap:8px}.shift-detail-grid small{color:var(--muted)}.shift-detail-grid b{font-size:20px}
.customer-inquiry-shell{min-height:calc(100vh - 72px);background:linear-gradient(180deg,#f4faf8,#eef7f4);padding:34px clamp(20px,5vw,80px)}.customer-inquiry-hero{max-width:1100px;margin:auto;text-align:center;display:grid;gap:18px;justify-items:center}.inq-brand-mark{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#075b4c;color:#fff;font-size:32px;box-shadow:0 12px 30px rgba(0,80,65,.18)}.customer-inquiry-hero h1{margin:0;font-size:38px;color:#073d35}.customer-inquiry-hero p{margin:0;color:#6f817e;font-size:16px}.customer-inquiry-search{width:min(900px,100%);display:grid;grid-template-columns:1fr 110px;gap:10px}.customer-inquiry-search input{height:62px;border:2px solid #b9d8d0;border-radius:18px;padding:0 20px;font-size:21px;background:#fff;box-shadow:0 8px 24px rgba(17,91,75,.07)}.customer-inquiry-search button{border-radius:16px;font-size:17px}.customer-inquiry-wait{max-width:760px;margin:70px auto;text-align:center;background:#fff;border:1px solid #dcebe7;border-radius:24px;padding:54px 30px;box-shadow:0 18px 45px rgba(10,72,59,.08)}.scan-orbit{width:92px;height:92px;margin:0 auto 20px;border-radius:28px;display:grid;place-items:center;background:#e7f5f0;color:#087b65;font-size:44px}.customer-inquiry-wait h2{font-size:27px;margin:0 0 10px}.customer-inquiry-wait p{color:#7b8b88}.customer-inquiry-results{max-width:1120px;margin:34px auto;display:grid;gap:18px}.customer-product-result{background:#fff;border:1px solid #dbeae6;border-radius:28px;padding:24px;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;box-shadow:0 18px 44px rgba(9,74,60,.09)}.customer-product-media{height:210px;border-radius:22px;background:#f7faf9;display:grid;place-items:center;overflow:hidden}.customer-product-media img{width:100%;height:100%;object-fit:contain}.product-no-photo{color:#9aabaa}.customer-product-main{display:grid;gap:10px}.product-category{display:inline-flex;width:max-content;padding:6px 11px;border-radius:999px;background:#e7f5f0;color:#087b65;font-weight:700}.customer-product-main h2{font-size:30px;margin:0;color:#123f38}.product-code{font-family:monospace;color:#859390}.customer-price{font-size:38px;font-weight:900;color:#07875f}.customer-price small{font-size:18px}.customer-product-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.customer-product-facts>div{background:#f5f9f8;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px}.customer-product-facts small{color:#81908d}.customer-product-facts b{font-size:15px}
@media(max-width:900px){.shift-live-strip,.shift-detail-grid{grid-template-columns:1fr 1fr}.customer-product-result{grid-template-columns:150px 1fr}.customer-product-media{height:150px}.customer-product-facts{grid-template-columns:1fr 1fr}.customer-inquiry-hero h1{font-size:30px}}
@media(max-width:620px){.shift-live-strip,.shift-detail-grid{grid-template-columns:1fr}.customer-inquiry-shell{padding:22px 12px}.customer-inquiry-search{grid-template-columns:1fr}.customer-inquiry-search button{height:52px}.customer-product-result{grid-template-columns:1fr;text-align:center}.customer-product-media{height:190px}.product-category{margin:auto}.customer-product-facts{grid-template-columns:1fr 1fr}.customer-price{font-size:32px}}

/* DOKKAN V12.3 — instant full-screen POS payment workspace */
#paymentModal{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
  padding:0!important;margin:0!important;align-items:stretch!important;justify-content:stretch!important;
  background:rgba(3,37,31,.42)!important;backdrop-filter:none!important;
}
#paymentModal .pay-workspace{
  width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;
  min-height:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;
  transform:none!important;animation:none!important;transition:none!important;
}
#paymentModal.show .pay-workspace{transform:none!important;animation:none!important}
#paymentModal .pay-workspace-head{height:64px;padding:10px 22px!important}
#paymentModal .pay-workspace-head h3{font-size:21px;margin:0 0 2px}
#paymentModal .pay-kpis{height:92px;padding:10px 18px!important;gap:10px}
#paymentModal .pay-kpi{min-height:0!important;padding:9px 13px!important}
#paymentModal .pay-kpi b{font-size:25px!important}
#paymentModal .pay-workspace-body{
  min-height:0!important;height:auto!important;overflow:hidden!important;
  grid-template-columns:minmax(0,1fr) 370px!important;gap:12px!important;padding:10px 16px!important;
}
#paymentModal .pay-panel,#paymentModal .pay-keypad-panel{min-height:0!important;height:100%!important;overflow:hidden!important}
#paymentModal .pay-panel{padding:12px 14px!important;display:flex;flex-direction:column}
#paymentModal .pay-section-title{margin-bottom:8px!important}
#paymentModal .pay-method-grid{gap:7px!important;margin-bottom:8px!important}
#paymentModal .pay-method-grid button{min-height:72px!important;padding:6px 5px!important}
#paymentModal .pay-method-icon{font-size:19px!important}
#paymentModal .modern-pay-rows{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;flex:1}
#paymentModal .modern-payment-row{padding:7px!important;margin-bottom:6px!important}
#paymentModal .pay-row-method select,#paymentModal .pay-row-bank select,#paymentModal .pay-row-ref input,#paymentModal .pay-row-amount input{height:40px!important}
#paymentModal .pay-remove{height:40px!important}
#paymentModal .pay-add-method{min-height:40px!important;flex:0 0 auto}
#paymentModal .pay-help{margin-top:7px!important;padding-top:7px!important;flex:0 0 auto}
#paymentModal .pay-keypad-panel{padding:10px!important;display:flex;flex-direction:column}
#paymentModal .keypad-display-wrap{margin:7px 0!important;padding:7px 12px!important}
#paymentModal .keypad-display-wrap .keypad-display{font-size:31px!important;min-height:34px!important}
#paymentModal .pro-keypad{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;flex:1;min-height:0}
#paymentModal .pro-keypad button{min-height:0!important;height:auto!important;border-radius:10px!important;font-size:20px!important}
#paymentModal .smart-cash{gap:5px!important;margin-top:7px!important;flex:0 0 auto}
#paymentModal .smart-cash button{min-height:34px!important}
#paymentModal .pay-workspace-footer{height:68px;padding:8px 18px!important}
#paymentModal .pay-confirm,#paymentModal .pay-cancel{min-height:46px!important}
body:has(#paymentModal.show){overflow:hidden!important}

@media(max-width:1100px){
 #paymentModal .pay-workspace-body{grid-template-columns:minmax(0,1fr) 330px!important}
 #paymentModal .pay-kpis{height:84px}
 #paymentModal .pay-method-grid button{min-height:64px!important}
 #paymentModal .pay-method-grid small{display:none}
}
@media(max-width:760px){
 #paymentModal .pay-workspace-head{height:54px;padding:8px 12px!important}
 #paymentModal .pay-kpis{height:120px!important;grid-template-columns:repeat(2,1fr)!important;padding:6px!important}
 #paymentModal .pay-kpi{min-height:50px!important}
 #paymentModal .pay-kpi b{font-size:18px!important}
 #paymentModal .pay-workspace-body{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(300px,.9fr) minmax(260px,1.1fr)!important;overflow:hidden!important;padding:6px!important}
 #paymentModal .pay-keypad-panel{order:1!important}
 #paymentModal .pay-panel{order:2!important}
 #paymentModal .pay-method-grid{grid-template-columns:repeat(5,1fr)!important}
 #paymentModal .pay-method-grid button{min-height:48px!important}
 #paymentModal .modern-pay-rows{overflow-y:auto!important}
 #paymentModal .pay-workspace-footer{height:58px!important;padding:6px!important}
}