:root{--red:#df1327;--red2:#b90f20;--navy:#11243e;--ink:#172033;--muted:#6c7688;--bg:#f4f7fb;--line:#dfe5ee;--green:#17a05d;--blue:#1769e0}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#fff;border-right:1px solid var(--line);z-index:5}.brand{height:82px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:22px}.brand small{display:block;font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-top:3px}.vrmark{display:grid;place-items:center;background:var(--red);color:white;width:42px;height:42px;font-weight:900;clip-path:polygon(50% 100%,0 0,100% 0)}nav{padding:12px}nav a{display:block;padding:11px 14px;margin:2px 0;border-radius:8px;color:#344158;font-size:14px}nav a:hover{background:#fff0f2;color:var(--red)}.topbar{position:fixed;left:230px;right:0;top:0;height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:4}.topbar a{color:var(--red)}.content{margin-left:230px;padding:88px 26px 35px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title h1{margin:0;font-size:28px}.page-title p{margin:4px 0 0;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 2px 8px #263b5a0a}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.stat b{display:block;font-size:26px;margin-top:7px}.stat span{color:var(--muted);font-size:13px}.stat.red b{color:var(--red)}.stat.green b{color:var(--green)}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:13px}th{background:#f8fafc;color:#536076;font-weight:650}.badge{padding:4px 8px;border-radius:999px;font-size:11px;background:#eef3f8}.badge.green{background:#e8f8ef;color:#08763f}.badge.red{background:#ffeaed;color:#b9091e}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:650;cursor:pointer;background:#edf1f6;color:#243149}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red2)}.btn-blue{background:var(--blue);color:white}.btn-green{background:var(--green);color:white}.btn-sm{padding:6px 9px;font-size:12px}.form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:650;color:#526078}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:#fff;min-height:39px;outline:none}input:focus,select:focus,textarea:focus{border-color:#ea7a87;box-shadow:0 0 0 3px #ffedf0}.section-title{font-size:16px;margin:0 0 14px}.mt{margin-top:16px}.alert{padding:11px 14px;border-radius:8px;margin-bottom:15px;background:#edf7f0;color:#116d3e}.alert.error{background:#ffebee;color:#a51222}.pos-shell{display:grid;grid-template-columns:1fr 420px;gap:15px;height:calc(100vh - 110px)}.pos-products,.pos-cart{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.pos-products{padding:15px;overflow:auto}.searchbar{display:flex;gap:8px;margin-bottom:12px}.searchbar input{flex:1;font-size:15px}.cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cat{padding:8px 12px;border-radius:8px;background:#f1f4f8;border:0;cursor:pointer}.cat.active{background:var(--red);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.product{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff;min-height:128px;cursor:pointer;text-align:left}.product:hover{border-color:#ef7986;box-shadow:0 3px 12px #df132715}.product .ico{font-size:28px}.product strong{display:block;margin:9px 0 5px}.product small{display:block;color:var(--muted)}.product .price{color:var(--red);font-weight:800;margin-top:8px}.pos-cart{display:flex;flex-direction:column}.cart-head{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.cart-lines{flex:1;overflow:auto;padding:8px 14px}.cart-line{display:grid;grid-template-columns:1fr 75px 70px 26px;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.qtybox{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.qtybox button{width:24px;border:0;background:#f5f7fa}.qtybox span{flex:1;text-align:center;padding:4px}.cart-bottom{border-top:1px solid var(--line);padding:14px}.totals{font-size:13px}.totals div{display:flex;justify-content:space-between;margin:6px 0}.totals .grand{font-size:20px;font-weight:800;padding-top:6px;border-top:1px dashed var(--line)}.pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.pay{padding:10px 4px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.pay.selected{border-color:var(--red);background:#fff0f2;color:var(--red)}.complete{width:100%;font-size:16px;margin-top:10px;padding:13px}.login-content{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff 0%,#fff 40%,#fff1f3 100%)}.login-card{width:390px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 18px 60px #11243e1a}.login-logo{text-align:center;font-size:30px;margin-bottom:23px}.login-logo .vrmark{display:inline-grid;margin-right:8px;vertical-align:middle}.login-card input{width:100%;margin:7px 0 14px}.login-card .btn{width:100%}.receipt{width:340px;background:#fff;margin:0 auto;padding:22px;border:1px solid #ddd;font-family:Consolas,monospace}.receipt h2{text-align:center}.receipt .line{display:flex;justify-content:space-between;margin:5px 0}.receipt hr{border:0;border-top:1px dashed #999}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.pos-shell{grid-template-columns:1fr 360px}.form-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{display:none}.topbar{left:0}.content{margin-left:0}.pos-shell{display:block;height:auto}.pos-cart{margin-top:15px;min-height:600px}.grid-4,.grid-3,.grid-2,.form-row{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== VR1 Premium White/Red UI (V2) ===== */
:root{--red:#ed1028;--red2:#c90920;--navy:#10213b;--ink:#102039;--muted:#71809a;--bg:#f6f8fc;--line:#e4eaf2;--green:#1cb768;--blue:#3766ef;--orange:#f59b23;--pink:#ef466f;--soft-red:#fff0f2}
body{background:linear-gradient(180deg,#f8faff 0,#f5f7fb 100%);color:var(--ink)}
.sidebar{width:220px;border-right:1px solid #e8edf4;box-shadow:10px 0 30px rgba(24,42,72,.025)}
.brand{height:82px;padding:14px 22px;gap:11px}.brand-copy{font-size:22px;letter-spacing:.2px}.brand-copy small{letter-spacing:1.55px;font-size:8.5px}.vrmark{width:38px;height:46px;border-radius:2px;font-size:24px;filter:drop-shadow(0 6px 11px rgba(237,16,40,.18))}
nav{padding:17px 13px 150px;overflow:auto;height:calc(100vh - 82px)}nav a{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:9px;margin:3px 0;color:#31425d;font-weight:500;position:relative}nav a span{width:20px;text-align:center;color:#50617b}nav a:hover{background:#fff2f4;color:var(--red)}nav a.active{background:linear-gradient(90deg,#ed1028 0,#e50e26 100%);color:#fff;box-shadow:0 8px 18px rgba(237,16,40,.17)}nav a.active span{color:#fff}.sidebar-promo{position:absolute;left:14px;right:14px;bottom:16px;border:1px solid #f2dfe3;border-radius:14px;padding:13px 15px;display:flex;gap:10px;align-items:center;background:linear-gradient(135deg,#fff 45%,#fff0f2 100%);color:var(--navy)}.sidebar-promo .mini-v{background:var(--red);color:#fff;width:30px;height:34px;display:grid;place-items:center;clip-path:polygon(50% 100%,0 0,100% 0);font-weight:900}.sidebar-promo small{display:block;font-size:8px;letter-spacing:1px;color:#68758a;margin-top:2px}
.topbar{left:220px;height:70px;padding:0 26px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e7ebf2}.store-pill{display:flex;align-items:center;gap:9px;font-size:13px}.store-pill>span:first-child{color:var(--red);font-size:20px}.store-pill .sep{color:#aab4c3}.online{margin-left:9px;background:#eafff2;color:#1a9b58;border-radius:999px;padding:6px 10px;font-size:11px}.top-actions{display:flex;align-items:center;gap:11px;font-size:12px}.date-chip{display:flex;flex-direction:column;text-align:right;color:#71809a;padding-right:13px;border-right:1px solid var(--line)}.date-chip b{color:#273750}.bell{color:var(--red);font-size:16px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8edf6;color:#132743;font-weight:800}.top-actions small{display:block;color:#8390a4}.logout{margin-left:4px;color:var(--red);font-weight:700}
.content{margin-left:220px;padding:92px 24px 30px;max-width:1900px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#62718a}.premium-title h1,.pos-hero-row h1{font-size:30px;margin:4px 0 3px}.premium-title p,.pos-hero-row p{color:var(--muted);margin:0}.pos-hero-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.pos-hero-row p span{margin:0 8px;color:#a3adbb}.shift-actions{display:flex;gap:8px;align-items:center}.shift-badge{padding:8px 11px;border-radius:9px;font-size:12px}.shift-badge.closed{background:#fff0f2;color:var(--red)}.shift-badge.open{background:#e9fff2;color:#159051}
.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) 1.45fr;gap:10px;margin-bottom:14px}.kpi,.brand-banner{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:86px;box-shadow:0 5px 18px rgba(28,49,79,.035)}.kpi{display:flex;align-items:center;gap:12px;padding:13px}.kpi-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:19px}.kpi-icon.red{background:#fff0f2;color:var(--red)}.kpi-icon.blue{background:#eef3ff;color:var(--blue)}.kpi-icon.orange{background:#fff6e7;color:var(--orange)}.kpi-icon.pink{background:#fff0f5;color:var(--pink)}.kpi small{display:block;color:#75839a;font-size:10px}.kpi b{display:block;font-size:17px;margin:2px 0}.kpi em{font-size:9px;color:#25a85f;font-style:normal}.brand-banner{padding:14px 22px;display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#45030b,#9b0818 55%,#5b0710);color:#fff;overflow:hidden;position:relative}.brand-banner:after{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-55px}.brand-banner .vrmark{background:#fff;color:var(--red);filter:none}.brand-banner b{font-size:23px;letter-spacing:.5px}.brand-banner small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:5px;color:#ffd9de}
.premium-pos.pos-shell{grid-template-columns:minmax(0,1fr) 390px;height:auto;min-height:610px;gap:12px}.premium-pos .pos-products,.premium-pos .pos-cart{border-radius:13px;border:1px solid var(--line);box-shadow:0 6px 20px rgba(31,50,78,.035)}.premium-pos .pos-products{padding:13px;overflow:visible}.searchbar{margin-bottom:10px}.search-wrap{display:flex;align-items:center;gap:10px;flex:1;border:1px solid #dde4ee;background:#fff;border-radius:10px;padding:0 12px;box-shadow:0 1px 2px rgba(28,42,62,.03)}.search-wrap>span{font-size:21px;color:#60708a}.search-wrap input{border:0!important;box-shadow:none!important;padding-left:0;width:100%;min-height:45px}.search-wrap kbd{background:#f3f5f9;border:1px solid #e4e9f1;border-radius:6px;padding:3px 6px;color:#7a8798;font-family:inherit;font-size:9px}.scan-btn{min-width:98px;background:#fff;border:1px solid #e1e6ee;color:#263750}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center}.premium-pos .cats{margin-bottom:10px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.premium-pos .cat{border:1px solid #e7ebf2;background:#f8f9fc;color:#32435e;font-size:11px;padding:8px 13px;white-space:nowrap}.premium-pos .cat.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 5px 14px rgba(237,16,40,.15)}.view-toggle{display:flex;gap:2px}.view-toggle button{width:34px;height:32px;border:1px solid #e5eaf1;background:#fff;color:#75839a}.view-toggle button:first-child{border-radius:8px 0 0 8px}.view-toggle button:last-child{border-radius:0 8px 8px 0}.view-toggle .active{background:var(--red);color:#fff;border-color:var(--red)}
.premium-pos .product-grid{grid-template-columns:repeat(4,minmax(135px,1fr));gap:9px}.premium-pos .product{display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:176px;border:1px solid #e1e7ef;border-radius:11px;background:#fff;position:relative}.premium-pos .product:hover{border-color:#f0a5ae;transform:translateY(-1px);box-shadow:0 8px 20px rgba(237,16,40,.08)}.product-visual{height:92px;display:grid;place-items:center;font-size:48px;background:linear-gradient(180deg,#fbfcff,#f5f8fc)}.product-info{padding:10px 11px 9px;text-align:left;width:100%;display:flex;flex-direction:column;flex:1}.product-info strong{margin:0 0 3px;font-size:12px}.product-info small{font-size:10px;color:#7c899c}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:9px}.premium-pos .price{margin:0;font-size:13px}.add-circle{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff0f2;color:var(--red);font-size:20px;font-weight:400}
.premium-pos .pos-cart{min-height:610px}.premium-pos .cart-head{min-height:58px;align-items:center;padding:14px 16px}.cart-head>div{display:flex;align-items:center;gap:9px}.cart-head b{font-size:16px}.cart-icon{font-size:20px}.clear-btn{border:0;background:#fff0f2;color:var(--red);padding:7px 10px;border-radius:8px;font-weight:650;cursor:pointer}.premium-pos .cart-lines{min-height:210px;padding:8px 15px}.empty-cart{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a96a8;text-align:center}.empty-cart>span{font-size:50px;filter:grayscale(1);opacity:.45}.empty-cart b{font-size:14px;color:#263650;margin:6px 0}.empty-cart small{font-size:11px}.premium-pos .cart-bottom{padding:12px 15px}.customer-title{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:7px}.customer-title a{color:var(--red)}.customer-select{width:100%;font-size:12px}.premium-pos .totals{margin-top:11px!important}.premium-pos .totals>div{align-items:center;margin:8px 0}.discount-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.discount-box span{padding:0 7px;background:#f6f8fb;color:#71809a}.discount-box input{border:0;min-height:30px;width:76px;padding:5px 7px;border-radius:0}.tax-disabled{color:#78869a}.tax-disabled b{background:#f1f4f8;color:#7c899b;padding:4px 8px;border-radius:7px;font-size:10px}.premium-pos .totals .grand{font-size:18px;border-top:1px dashed #dfe5ed;padding-top:11px;margin-top:10px}.premium-pos .totals .grand span:last-child{color:var(--red);font-size:24px}.premium-pos .pay-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.premium-pos .pay{font-size:11px;padding:9px 3px}.premium-pos .pay.selected{background:var(--red);color:#fff;box-shadow:0 7px 15px rgba(237,16,40,.17)}.premium-pos .complete{display:flex;justify-content:center;gap:20px;align-items:center;border-radius:9px;padding:12px;font-size:14px}.premium-pos .cart-line{grid-template-columns:minmax(0,1fr) 82px 72px 22px;padding:9px 0}.line-product{display:flex;gap:7px;align-items:center;min-width:0}.line-thumb{width:34px;height:34px;border-radius:8px;background:#f6f8fb;display:grid;place-items:center}.line-product div{min-width:0}.line-product b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-product small{font-size:9px;color:#7d899b}.remove-line{border:0;background:transparent;color:#9aa6b6;font-size:17px;cursor:pointer}
.quick-settings{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:10px;align-items:end;box-shadow:0 5px 18px rgba(28,49,79,.03)}.quick-title{display:flex;align-items:center;gap:9px}.quick-title>span{font-size:22px}.quick-title b{display:block;font-size:13px}.quick-title small{font-size:9px;color:#7c899b}.quick-setting label{display:block;font-size:9px;color:#71809a;margin:0 0 4px}.quick-setting select,.disabled-input{width:100%;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:10px;background:#fbfcfe}.btn-light-red{background:#fff0f2;color:var(--red);white-space:nowrap}
.settings-shell{display:grid;grid-template-columns:220px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 8px 25px rgba(30,50,80,.04)}.settings-menu{border-right:1px solid var(--line);padding-right:12px}.settings-tab{width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:11px 12px;margin-bottom:4px;color:#3e4d64;cursor:pointer}.settings-tab.active{background:#fff0f2;color:var(--red);font-weight:700}.settings-panel{padding:6px 10px 15px}.settings-panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.settings-panel-head h2{margin:0;font-size:19px}.settings-panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.hint{color:#8390a4;font-size:9px}.settings-feature-row{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:17px}.future-card,.toggle-card{border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;align-items:center;gap:11px;background:#fafcff}.future-card>span:first-child{font-size:24px}.future-card div{display:flex;flex-direction:column}.future-card small,.toggle-card small{color:#8490a2;font-size:10px;margin-top:2px}.coming{margin-left:auto;background:#eef2f7;border-radius:999px;padding:5px 8px;font-size:9px;color:#78869a}.toggle-card{justify-content:space-between}.toggle-card div{display:flex;flex-direction:column}.switch input{display:none}.switch span{display:block;width:42px;height:23px;border-radius:99px;background:#dfe5ec;position:relative}.switch span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 1px 4px #0002;transition:.2s}.switch input:checked+span{background:var(--red)}.switch input:checked+span:after{left:22px}
@media(max-width:1400px){.kpi-strip{grid-template-columns:repeat(4,1fr)}.brand-banner{display:none}.premium-pos.pos-shell{grid-template-columns:minmax(0,1fr) 360px}.quick-settings{grid-template-columns:1fr 1fr 1fr}.premium-pos .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.premium-pos.pos-shell{display:block}.premium-pos .pos-cart{margin-top:12px}.quick-settings{grid-template-columns:1fr 1fr}.settings-shell{grid-template-columns:1fr}.settings-menu{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}.settings-tab{white-space:nowrap;width:auto}}
/* V6 admin controls, roles, order types, scanner and thermal receipt */
.settings-section{display:none}.settings-section.active{display:block}.link-tab{display:block;text-decoration:none}.wide-settings{grid-template-columns:230px 1fr}.form-group.full{grid-column:1/-1}.form-group textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit;resize:vertical}.grow{flex:1}.subtle-card{background:#fbfcfe;border:1px solid var(--line);box-shadow:none}.permission-groups{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;margin-top:14px}.permission-group{border:1px solid var(--line);background:#fbfcfe;border-radius:10px;padding:11px}.permission-group>b{display:block;font-size:11px;margin-bottom:8px;color:#273852}.check-line{display:flex;gap:7px;align-items:center;font-size:11px;margin:7px 0;color:#44536a}.check-line input{width:auto;min-height:auto}.check-line.compact{margin:0}.role-card-head{display:flex;align-items:center;justify-content:space-between}.role-card-head h2{margin:0}.role-card-head p{margin:4px 0;color:var(--muted);font-size:11px}.inline-form{margin-top:10px}.btn-danger{background:#fff0f2;color:var(--red);border:1px solid #ffd5da}.order-type-list{display:grid;gap:8px}.order-type-row{display:grid;grid-template-columns:1fr 110px 120px 90px;gap:8px;align-items:center;border:1px solid var(--line);padding:9px;border-radius:10px;background:#fff}.order-type-row input{min-height:36px}.receipt-settings-grid,.scanner-settings-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px}.receipt-preview{border:1px dashed #cfd8e5;border-radius:12px;padding:20px;max-width:330px;margin:auto;background:#fff;text-align:center;box-shadow:0 8px 25px rgba(26,40,62,.05)}.receipt-preview>small{font-size:9px;color:#8a96a7;letter-spacing:1px}.receipt-preview h3{margin:8px 0 3px}.receipt-preview p{font-size:10px;margin:4px 0;color:#5f6d80}.receipt-preview hr{border:0;border-top:1px dashed #c8d0dc;margin:10px 0}.preview-logo img{max-width:110px;max-height:55px;object-fit:contain}.preview-line{display:flex;justify-content:space-between;font-size:10px;margin:5px 0}.preview-line.total{font-size:13px}.receipt-options{grid-template-columns:1fr}.scanner-guide ol{font-size:11px;color:#526178;line-height:1.65;padding-left:18px}.scanner-test{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.scanner-test label{display:block;font-size:10px;font-weight:700;margin-bottom:5px}.scan-test-result{margin-top:8px;background:#f4f7fb;padding:9px;border-radius:8px;font-size:10px}.scanner-status{display:flex;align-items:center;gap:7px;font-size:10px;border-radius:8px;padding:7px 10px;margin:-2px 0 10px;background:#f5f8fb;color:#66758a}.scanner-status b{font-size:10px}.scanner-status .scan-dot{width:7px;height:7px;border-radius:50%;background:#22b966}.scanner-status.scanning .scan-dot{background:#4a7cff;box-shadow:0 0 0 4px #eaf0ff}.scanner-status.success{background:#effcf4;color:#16854a}.scanner-status.error{background:#fff1f3;color:#c91830}.scanner-status.error .scan-dot{background:#ed1028}.scanner-status.disabled .scan-dot{background:#aab4c2}.order-type-block{margin-bottom:11px}.order-type-block>label{display:block;font-size:10px;font-weight:700;margin-bottom:6px;color:#536176}.order-type-pills{display:flex;gap:6px;flex-wrap:wrap}.order-pill{border:1px solid #e0e6ee;background:#f8fafc;color:#394960;border-radius:8px;padding:7px 11px;font-size:10px;cursor:pointer}.order-pill.active{background:#fff0f2;border-color:#ffb8c1;color:var(--red);font-weight:700}.scan-toast{position:fixed;right:24px;bottom:24px;z-index:1000;background:#111c2d;color:white;border-radius:12px;padding:13px 16px;min-width:310px;display:flex;gap:11px;align-items:center;box-shadow:0 18px 45px #0004;transform:translateY(130%);opacity:0;transition:.25s}.scan-toast.show{transform:translateY(0);opacity:1}.scan-toast.ok{border-left:4px solid #23c06b}.scan-toast.bad{border-left:4px solid #ed1028}.scan-toast-icon{font-size:22px}.scan-toast b,.scan-toast span{display:block}.scan-toast span{font-size:10px;color:#bcc7d6;margin-top:3px}.camera-modal{display:none;position:fixed;inset:0;background:#000b;z-index:1100;align-items:center;justify-content:center}.camera-modal.show{display:flex}.camera-card{width:min(560px,92vw);background:#fff;border-radius:14px;padding:12px}.camera-head{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 12px}.camera-head button{border:0;background:#f2f4f7;border-radius:7px;width:30px;height:30px}.camera-card video{width:100%;border-radius:10px;background:#111;min-height:280px}.camera-card p{text-align:center;font-size:11px;color:#657489}.badge{display:inline-block;background:#eef2f7;color:#46556c;border-radius:999px;padding:4px 8px;font-size:9px}
@media(max-width:1100px){.permission-groups{grid-template-columns:repeat(2,1fr)}.receipt-settings-grid,.scanner-settings-grid{grid-template-columns:1fr}.order-type-row{grid-template-columns:1fr 90px 100px 80px}}
/* V7 centralized administration */
.user-access-grid{grid-template-columns:minmax(420px,.9fr) minmax(560px,1.1fr);align-items:start}.user-pick-list{display:flex;flex-direction:column;gap:8px}.user-pick{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);background:#fff}.user-pick:hover,.user-pick.selected{border-color:#ffb7c0;background:#fff5f6;box-shadow:0 8px 22px rgba(237,16,40,.08)}.user-pick small{display:block;color:var(--muted);margin-top:3px}.sticky-access{position:sticky;top:90px}.branch-access-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.store-pill select{outline:none;color:var(--text);padding:4px 24px 4px 2px}.scanner-status.success{background:#edfff5;border-color:#bcebd0;color:#147c46}.scanner-status.error{background:#fff1f2;border-color:#ffc4ca;color:#b31327}@media(max-width:1100px){.user-access-grid{grid-template-columns:1fr}.sticky-access{position:static}}
/* V8 exact premium management UI */
.main-nav{overflow-y:auto;height:calc(100vh - 170px);padding-bottom:30px}.nav-group>.nav-parent{display:flex;align-items:center;gap:8px}.nav-parent b{margin-left:auto;font-size:11px}.subnav{display:none;margin:0 0 5px 19px;padding-left:10px;border-left:1px solid #e7ebf1}.nav-group.open .subnav{display:block}.subnav a{padding:7px 10px;margin:0;border-radius:7px;font-size:11px;position:relative}.subnav a:before{content:'○';margin-right:8px;color:#73829a}.subnav a.active{background:#fff0f2;color:var(--red);font-weight:700}.subnav a.active:before{content:'●';color:var(--red)}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.premium-head h1{font-size:28px;margin:0;color:#10213b}.premium-head p{margin:5px 0 0;color:#71809a}.btn-lg{padding:13px 18px}.premium-card{border-radius:14px;box-shadow:0 6px 24px rgba(30,50,80,.035)}.card-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.card-title h2,.card-title h3{margin:0}.card-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.card-title>a{color:var(--red);font-size:11px;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;align-items:center;gap:14px;min-height:95px}.metric-card>span{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#fff1f3;color:var(--red)}.metric-card small{display:block;color:#738199}.metric-card b{display:block;font-size:23px;margin-top:5px;color:#13233d}.metric-card.purple>span{background:#f4efff;color:#7447e8}.metric-card.orange>span{background:#fff3e9;color:#e78217}.metric-card.blue>span{background:#edf5ff;color:#1970dc}.metric-card.green>span{background:#ecfbf3;color:#19a462}.dashboard-grid{display:grid;gap:16px}.dashboard-grid.two-one{grid-template-columns:minmax(0,2fr) minmax(310px,1fr)}.dashboard-grid.users-two-col{grid-template-columns:minmax(420px,.92fr) minmax(620px,1.08fr)}.dashboard-grid.roles-layout{grid-template-columns:340px minmax(0,1fr)}.stack-grid{display:grid;gap:16px}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input{flex:1}.toolbar select{min-width:180px}.subline{display:block;color:#8793a5;font-size:10px;margin-top:3px}.status-chip{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;background:#eef2f7;color:#637186}.status-chip.ok{background:#e9f9f0;color:#12844a}.status-chip.off{background:#fff0f2;color:#c21c30}.status-chip.warn{background:#fff3e3;color:#bb7013}.selected-row{background:#fff5f6}.details-panel .detail-hero{display:flex;gap:15px;align-items:center;padding:12px 0 18px;border-bottom:1px solid var(--line)}.big-icon{width:64px;height:64px;border-radius:15px;display:grid;place-items:center;background:#eaf3ff;color:#1d73e8;font-size:28px}.detail-hero h2{margin:0 0 7px}.muted{color:var(--muted)}.detail-list{margin-top:16px}.detail-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eff2f6;font-size:12px}.detail-list span{color:#738097}
.modal-backdrop{position:fixed;inset:0;background:rgba(16,27,44,.38);z-index:1200;display:none;align-items:center;justify-content:center;padding:25px}.modal-backdrop.show{display:flex}.modal-card{width:min(660px,96vw);max-height:90vh;overflow:auto;background:#fff;border:1px solid #e0e6ee;border-radius:16px;padding:18px;box-shadow:0 30px 90px rgba(10,24,45,.22)}.modal-card.large{width:min(850px,96vw)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:15px}.modal-head h2{margin:0}.modal-head p{margin:4px 0 0;font-size:11px;color:var(--muted)}.modal-head>button{border:0;background:#f3f5f8;width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}.icon-btn{border:1px solid var(--line);background:#f6f8fb;border-radius:8px;padding:6px 9px;cursor:pointer;color:#34445c}.section-tabs,.report-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);margin:0 0 16px;padding:0 2px;overflow:auto}.section-tabs a,.report-tabs a{padding:11px 14px;font-size:12px;color:#4a5a72;border-bottom:2px solid transparent;white-space:nowrap}.section-tabs a.active,.report-tabs a.active{color:var(--red);border-bottom-color:var(--red);font-weight:750}.section-tabs{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 10px}.report-tabs{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0}.report-tabs a{flex:1;text-align:center}.quick-link{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:8px;font-size:12px;font-weight:650;background:#fbfcfe}.line-section{margin-top:15px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcfe}.line-editor{display:grid;grid-template-columns:minmax(220px,1fr) 110px 130px 40px;gap:8px;margin-top:8px}.line-editor.demand{grid-template-columns:minmax(220px,1fr) 110px minmax(180px,1fr) 40px}
.user-list,.role-list{display:grid;gap:8px}.user-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto 24px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;color:inherit}.user-card.selected,.role-item.selected{border-color:#ff9ba8;background:#fff3f5}.avatar.lg{width:38px;height:38px}.avatar.xl{width:70px;height:70px;font-size:24px}.grow{min-width:0}.user-card small{display:block;color:#8190a4}.role-pill{display:inline-flex;padding:5px 9px;border-radius:8px;background:#eaf2ff;color:#1864c9;font-size:10px;font-weight:700}.user-detail-head{display:flex;align-items:center;gap:16px;padding:12px 0}.user-detail-head h2{margin:0}.user-detail-head p{margin:3px 0;color:#7b899d}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 15px}.info-grid>div{border:1px solid var(--line);border-radius:11px;padding:12px}.info-grid small{display:block;color:#8190a4;margin-bottom:7px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:12px}.switch-row small{display:block;color:#8190a4;margin-top:3px}.permission-panel{transition:.2s}.disabled-panel{opacity:.45;pointer-events:none}.branch-box{margin-top:12px}.role-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:12px;border:1px solid transparent;border-radius:12px;color:inherit}.role-item:hover{background:#f8fafc}.role-item small{display:block;color:#8190a4;margin-top:3px}.role-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff0f2;color:var(--red)}.role-icon.big{width:58px;height:58px;font-size:24px}.role-detail-head{display:flex;gap:14px;align-items:center}.role-detail-head h2{margin:0}.role-detail-head p{margin:4px 0;color:#75839a}.tab-strip{display:flex;gap:3px;margin:16px 0;border-bottom:1px solid var(--line);overflow:auto}.tab-strip span{padding:10px 12px;font-size:11px;white-space:nowrap}.tab-strip .active{color:var(--red);border-bottom:2px solid var(--red);font-weight:700}.role-perms{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-line{display:flex;gap:9px;align-items:flex-start;margin:10px 0}.permission-line input{width:auto;min-height:auto;margin-top:3px}.permission-line span>b,.permission-line span>small{display:block}.permission-line span>small{color:#8190a4;font-size:9px;margin-top:2px}
.report-filter{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end;margin-bottom:16px}.report-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.report-shortcuts>a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;gap:10px}.report-shortcuts small{display:block;color:#7b899b;margin-top:3px;font-size:10px}.sc{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:20px}.sc.green{background:#eafaf1;color:#18a05a}.sc.purple{background:#f4efff;color:#7647e8}.sc.orange{background:#fff1e9;color:#e98222}.sc.blue{background:#edf5ff;color:#1f73de}.sc.red{background:#fff0f2;color:#df1327}.sc.yellow{background:#fff8e5;color:#d99806}.metric-grid.compact{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.mini-stat{border:1px solid var(--line);border-radius:11px;padding:13px}.mini-stat small{color:#8190a4}.mini-stat b{display:block;margin-top:7px;font-size:18px}.saved-report{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff2f6;padding:12px 0}.saved-report>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f2f5fa}.saved-report small{display:block;color:#8491a3;font-size:10px;margin-top:2px}
@media(max-width:1250px){.dashboard-grid.two-one,.dashboard-grid.users-two-col,.dashboard-grid.roles-layout{grid-template-columns:1fr}.metric-grid,.report-shortcuts{grid-template-columns:repeat(2,1fr)}.report-filter{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.modal-grid{grid-template-columns:1fr}.line-editor,.line-editor.demand{grid-template-columns:1fr 100px}.line-editor .icon-btn{grid-column:2}}
/* V9 operations additions */
.status-chip.over{background:#fff0d9;color:#a85b00}.low-stock-row{background:#fff1f2!important}.low-stock-row td:first-child{border-left:3px solid #f3122b}.danger-text{color:#e40f28!important;font-weight:800}.closed-shift-row{background:#fafafa}.shift-open-card{display:flex;align-items:center;justify-content:space-between;gap:30px}.open-shift-form{display:flex;align-items:end;gap:12px;min-width:420px}.shift-summary .detail-list{display:grid;gap:0;margin-top:15px}.shift-summary .detail-list>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf0f5}.note-box{margin-top:15px;padding:14px;background:#f7f9fc;border-radius:12px}.inline-limits{display:flex;gap:6px;align-items:center}.inline-limits input{width:80px;padding:8px}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.device-actions{display:flex;gap:8px;margin:14px 0}.device-actions form{margin:0}.alert.error{background:#fff1f2;color:#b60b20;border:1px solid #ffc8cf}@media(max-width:1000px){.shift-open-card,.open-shift-form{display:block;min-width:0}.device-grid{grid-template-columns:1fr}}

/* ===== Reliabix Navy / Teal Premium Theme (V10) ===== */
:root{
  --red:#10b9c7;--red2:#087f91;--navy:#082b50;--ink:#0d2340;--muted:#6b7d91;
  --bg:#f2f7fb;--line:#dce8ef;--green:#18a765;--blue:#145c9e;--orange:#f59b23;
  --pink:#6fd6df;--soft-red:#eafcfd;--teal:#10b9c7;--teal-dark:#087f91;--deep:#071f3a;
}
body{background:linear-gradient(180deg,#f6fbfd 0,#eef5f9 100%);color:var(--ink)}
.sidebar{background:linear-gradient(180deg,#071f3a 0%,#0a2e51 62%,#0b355a 100%);border-right:0;box-shadow:12px 0 34px rgba(5,31,56,.12)}
.brand{height:92px;padding:10px 13px;background:#fff;border-bottom:1px solid #d9e9ee;justify-content:center}
.brand-logo{display:block;width:190px;height:72px;object-fit:contain}
nav a{color:#cbd9e7}nav a span{color:#92b3cc}nav a:hover{background:rgba(16,185,199,.12);color:#fff}nav a:hover span{color:#66dce4}
nav a.active{background:linear-gradient(90deg,#0cb4c2 0%,#0c8da0 100%);box-shadow:0 10px 24px rgba(16,185,199,.25);color:#fff}
.subnav{border-left-color:rgba(169,202,220,.25)}.subnav a{color:#a9bfd1}.subnav a.active{background:rgba(16,185,199,.14);color:#68e1e8}.subnav a.active:before{color:#68e1e8}
.sidebar-promo{border-color:rgba(87,211,220,.28);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(16,185,199,.12));color:#fff}
.sidebar-promo img{width:38px;height:38px;object-fit:cover;border-radius:10px}.sidebar-promo small{color:#9ec1d7}
.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #dce8ef;box-shadow:0 6px 22px rgba(18,57,83,.035)}
.topbar a,.logout,.bell,.store-pill>span:first-child{color:var(--teal-dark)}
.btn-primary{background:linear-gradient(135deg,#12c4d1,#0d91a3);box-shadow:0 7px 16px rgba(16,185,199,.18)}.btn-primary:hover{background:linear-gradient(135deg,#0eafbd,#087f91)}
input:focus,select:focus,textarea:focus{border-color:#55cbd4;box-shadow:0 0 0 3px rgba(16,185,199,.13)}
.card,.premium-card,.metric-card,.pos-products,.pos-cart{border-color:#dce8ef;box-shadow:0 8px 28px rgba(9,50,78,.04)}
.cat.active{background:linear-gradient(135deg,#12c4d1,#0d91a3)}.product:hover{border-color:#5fd2da;box-shadow:0 8px 20px rgba(16,185,199,.11)}
.product .price,.stat.red b,.card-title>a,.section-tabs a.active,.report-tabs a.active,.tab-strip .active{color:var(--teal-dark)}
.pay.selected{border-color:#21bdc9;background:#eafcfd;color:#087f91}
.login-content{background:radial-gradient(circle at 15% 10%,#dffbfc 0,transparent 30%),linear-gradient(135deg,#f8fcfe,#eaf4f8)}
.login-card{border-color:#d4e8ef;box-shadow:0 30px 90px rgba(5,42,70,.16)}.login-logo img{width:285px;max-width:100%;height:125px;object-fit:contain}
.brand-banner{background:linear-gradient(115deg,#071f3a,#0b4d6f 58%,#0aa7b7);color:#fff;border-color:#0c7181}
.brand-banner img{width:48px;height:48px;object-fit:cover;border-radius:13px;background:#fff}.brand-banner small{color:#bdeef1}
.kpi-icon.red,.metric-card>span,.role-icon{background:#e9fbfc;color:#0a91a1}
.user-card.selected,.role-item.selected,.selected-row{border-color:#7bd8df;background:#effcfd}
.role-item:hover{background:#f1fafc}.sc.red{background:#e9fbfc;color:#0a91a1}
.section-tabs a.active,.report-tabs a.active,.tab-strip .active{border-bottom-color:#10b9c7}
.online{background:#e7fbf2;color:#11884d}
.premium-head h1,.premium-title h1,.pos-hero-row h1,.page-title h1{color:#082b50}
th{background:#f3f8fb;color:#48657a}
/* danger states intentionally stay red for stock/validation alerts */
.low-stock-row{background:#fff2f3!important}.low-stock-row td:first-child{border-left-color:#e74858}.danger-text{color:#d92d43!important}
.alert.error{background:#fff2f3;color:#a92637;border-color:#f6c8cf}
@media(max-width:800px){.brand-logo{width:170px}}

/* ===== V11 Gradient Corporate Compact Dashboard ===== */
:root{--corp-deep:#06345f;--corp-navy:#064779;--corp-cyan:#08c5d4;--corp-sky:#14abe7;--corp-pale:#eef8fd;--corp-text:#09265a}
.sidebar{width:214px;background:linear-gradient(180deg,#048ba4 0%,#075c92 42%,#06427a 100%);box-shadow:10px 0 28px rgba(5,58,105,.13);overflow:hidden}
.sidebar:after{content:"";position:absolute;left:-52px;bottom:5px;width:220px;height:180px;background:linear-gradient(135deg,transparent 45%,rgba(4,194,207,.18) 46% 58%,transparent 59%),linear-gradient(45deg,transparent 45%,rgba(11,104,169,.6) 46% 59%,transparent 60%);pointer-events:none}
.brand{height:94px;background:transparent;border:0;padding:12px 15px;justify-content:flex-start}.brand-logo{width:172px;height:70px;filter:brightness(0) invert(1);object-fit:contain}.main-nav{padding:11px 12px 155px;height:calc(100vh - 94px);position:relative;z-index:2}.main-nav a{color:#ecf9ff;border-radius:9px;margin:2px 0;padding:9px 12px;font-size:13px}.main-nav a span{color:#d4f4fa}.main-nav a:hover{background:rgba(255,255,255,.10)}.main-nav a.active{background:linear-gradient(90deg,#19d0dc,#11afcf);box-shadow:0 8px 20px rgba(0,30,75,.22)}.subnav{border-left-color:rgba(255,255,255,.18)}.subnav a{color:#c8eaf4;font-size:11px}.subnav a.active{color:#fff;background:rgba(255,255,255,.10)}.sidebar-promo{z-index:3;border:0;background:transparent;border-top:1px solid rgba(255,255,255,.24);border-radius:0;left:20px;right:20px;bottom:18px;padding:13px 0}.sidebar-promo img{display:none}.sidebar-promo b:before{content:"Help & Support";font-weight:650}.sidebar-promo b{font-size:0}.sidebar-promo b:before{font-size:11px}.sidebar-promo small{color:#bce7f3;font-size:7.5px}.topbar{left:214px;height:62px;padding:0 26px;background:#fff;border-bottom:1px solid #dcebf4;box-shadow:none}.content{margin-left:214px;padding:84px 20px 24px;max-width:none;background:linear-gradient(180deg,#f6fbff,#eef7fc)}.store-pill{background:#fff;border:1px solid #dbeaf3;border-radius:9px;padding:7px 10px}.store-pill select{border:0;min-height:auto;padding:0 20px 0 2px;font-weight:700}.online{padding:4px 8px;background:#e9fff6;color:#099a5f}.top-actions{gap:10px}.avatar{background:#073969;color:white}.logout{color:#1264dc!important}.date-chip{font-size:10px}.date-chip b{font-size:11px}
.compact-dashboard{max-width:1440px;margin:0 auto}.dash-heading-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.dash-heading-row h1{font-size:34px;line-height:1;margin:0;color:#0a2458;letter-spacing:-1px}.dash-heading-row p{margin:4px 0 0;color:#56739a;font-size:14px}.welcome-chip{width:360px;background:linear-gradient(105deg,#e8f7ff,#dff7fd);border:1px solid #d8edf7;border-radius:13px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between}.welcome-chip b{display:block;color:#0a2e66;font-size:14px}.welcome-chip small{display:block;color:#47709a;margin-top:3px;font-size:10px}.welcome-chip img{width:44px;height:44px;object-fit:contain;opacity:.20}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.dash-kpi{min-height:96px;background:#fff;border:1px solid #dceaf3;border-radius:13px;display:flex;align-items:center;gap:14px;padding:15px 17px;box-shadow:0 7px 20px rgba(16,72,111,.035)}.dash-kpi-icon{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;font-size:23px;font-weight:800}.dash-kpi small{display:block;color:#46648d;font-size:11px}.dash-kpi strong{display:block;color:#061c4a;font-size:23px;margin:3px 0 5px}.dash-kpi em{font-style:normal;font-size:9px;color:#0bb87c}.kpi-sales .dash-kpi-icon{background:#c9fbf1;color:#0ba982}.kpi-trans .dash-kpi-icon{background:#e7d6ff;color:#6c2adc}.kpi-customer .dash-kpi-icon{background:#d6efff;color:#0871d5}.kpi-alert .dash-kpi-icon{background:#ffdce0;color:#ed1634}.kpi-alert em{color:#e92442}.kpi-shift .dash-kpi-icon{background:#dff8ed;color:#12a86b}.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(360px,.92fr);gap:14px;margin-bottom:14px}.dash-card{background:#fff;border:1px solid #dceaf3;border-radius:13px;box-shadow:0 7px 22px rgba(14,65,102,.035);padding:15px 17px}.dash-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dash-card-head h2{margin:0;color:#09255c;font-size:18px}.dash-card-head small{display:block;color:#6e87a5;font-size:9px;margin-top:2px}.period-pill,.view-all-link{border:1px solid #d7e7f2;border-radius:9px;padding:7px 11px;font-size:10px;color:#124c91;background:#fff}.sales-chart-wrap{display:grid;grid-template-columns:44px 1fr;gap:5px;height:210px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#53749a;font-size:9px;padding:8px 0 28px;text-align:right}.chart-canvas{position:relative;min-width:0;height:100%;padding-bottom:28px}.chart-gridline{position:absolute;left:0;right:0;border-top:1px dashed #d8e7f0}.chart-gridline.g1{top:8%}.chart-gridline.g2{top:31%}.chart-gridline.g3{top:54%}.chart-gridline.g4{top:77%}.sales-svg{position:absolute;left:0;right:0;top:0;width:100%;height:calc(100% - 26px);overflow:visible}.chart-x-axis{position:absolute;left:0;right:0;bottom:1px;display:flex;justify-content:space-between;color:#607da1;font-size:8px}.chart-legend{display:flex;justify-content:center;gap:20px;color:#557399;font-size:9px;margin-top:3px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.sales-dot{background:#12afe7}.trans-dot{background:#74c6f2}.top-product-table{border:1px solid #edf2f6;border-radius:9px;overflow:hidden}.tp-head,.tp-row{display:grid;grid-template-columns:32px minmax(130px,1fr) 78px 105px;gap:8px;align-items:center;padding:9px 10px;font-size:10px}.tp-head{background:#f1f7fb;color:#244c80;font-weight:700}.tp-row{border-top:1px solid #edf2f6;color:#24436d}.tp-row b{color:#163765}.tp-empty{padding:28px 14px;text-align:center;color:#8295ad;font-size:11px}.quick-card{padding-bottom:14px}.quick-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.qa{min-height:60px;border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:42px 1fr 14px;gap:10px;align-items:center;color:#123665}.qa>span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:rgba(255,255,255,.55)}.qa b,.qa small{display:block}.qa b{font-size:11px}.qa small{font-size:8px;color:#5d7695;margin-top:3px}.qa i{font-style:normal;font-size:23px}.qa-teal{background:#e0fbf7}.qa-blue{background:#e9f5ff}.qa-orange{background:#fff3dd}.qa-purple{background:#f1e9ff}.qa-red{background:#ffe9ec}.qa-cyan{background:#e4f7ff}.qa-green{background:#e8f9ed}.qa-violet{background:#eee8ff}
@media(max-width:1200px){.dash-main-grid{grid-template-columns:1fr}.quick-action-grid{grid-template-columns:repeat(2,1fr)}.welcome-chip{display:none}}@media(max-width:850px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-heading-row h1{font-size:28px}.quick-action-grid{grid-template-columns:1fr}.sidebar{width:0}.topbar{left:0}.content{margin-left:0}}


/* ===== V11.1 Exact Compact Corporate Refinement ===== */
.sidebar{width:202px}
.topbar{left:202px;height:58px;padding:0 22px}
.content{margin-left:202px;padding:75px 18px 18px}
.brand.reliabix-brand{height:86px;padding:10px 14px;display:flex;align-items:center;gap:10px;background:transparent;color:#fff;overflow:hidden}
.brand-mark{width:49px;height:49px;object-fit:cover;border-radius:12px;box-shadow:0 5px 16px rgba(0,29,70,.22);flex:0 0 auto}
.brand-words{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;line-height:.95;min-width:0}
.brand-words strong{font-size:22px;letter-spacing:-.7px;color:#fff}
.brand-words span{font-size:20px;font-weight:800;color:#65f0f0}
.brand-words small{width:100%;margin-top:8px;font-size:6.5px;letter-spacing:1.4px;color:#b9edf4;white-space:nowrap}
.main-nav{height:calc(100vh - 86px);padding:8px 10px 138px}
.main-nav a{padding:8px 11px;font-size:12px;border-radius:8px}
.subnav a{font-size:10px;padding-top:6px;padding-bottom:6px}
.sidebar-promo{left:16px;right:16px;bottom:12px;padding:10px 0}
.sidebar-promo b:before{font-size:10px}.sidebar-promo small{font-size:6.8px}
.store-pill{padding:6px 9px;font-size:11px}.online{padding:3px 7px;font-size:9px}.top-actions{font-size:10px}.avatar{width:34px;height:34px}
.compact-dashboard{max-width:1460px}
.dash-heading-row{margin-bottom:10px}.dash-heading-row h1{font-size:29px}.dash-heading-row p{font-size:12px;margin-top:3px}
.welcome-chip{width:330px;padding:9px 13px;border-radius:11px}.welcome-chip b{font-size:12px}.welcome-chip small{font-size:9px}.welcome-chip img{width:38px;height:38px}
.dash-kpis{gap:11px;margin-bottom:11px}.dash-kpi{min-height:82px;padding:11px 14px;gap:11px;border-radius:11px}.dash-kpi-icon{width:46px;height:46px;border-radius:11px;font-size:20px}.dash-kpi small{font-size:10px}.dash-kpi strong{font-size:20px;margin:2px 0 3px}.dash-kpi em{font-size:8px}
.dash-main-grid{gap:11px;margin-bottom:11px;grid-template-columns:minmax(0,1.62fr) minmax(330px,.88fr)}.dash-card{padding:12px 14px;border-radius:11px}.dash-card-head{margin-bottom:7px}.dash-card-head h2{font-size:16px}.dash-card-head small{font-size:8px}.period-pill,.view-all-link{padding:6px 9px;font-size:9px;border-radius:8px}
.sales-chart-wrap{height:170px;grid-template-columns:38px 1fr}.chart-y-axis{font-size:8px;padding-bottom:24px}.chart-x-axis{font-size:7px}.chart-legend{font-size:8px;margin-top:0}
.tp-head,.tp-row{grid-template-columns:28px minmax(120px,1fr) 66px 92px;padding:7px 8px;font-size:9px}.tp-empty{padding:20px 10px;font-size:10px}
.quick-card{padding:11px 14px 12px}.quick-action-grid{gap:7px}.qa{min-height:49px;padding:7px 10px;grid-template-columns:34px 1fr 12px;gap:8px;border-radius:9px}.qa>span{width:32px;height:32px;border-radius:8px;font-size:15px}.qa b{font-size:10px}.qa small{font-size:7px;margin-top:2px}.qa i{font-size:18px}
@media(max-height:850px) and (min-width:851px){
 .content{padding-top:70px}.dash-heading-row{margin-bottom:8px}.dash-heading-row h1{font-size:27px}.welcome-chip{padding:7px 11px}.dash-kpi{min-height:74px;padding:9px 12px}.dash-kpi-icon{width:42px;height:42px}.dash-kpi strong{font-size:18px}.sales-chart-wrap{height:154px}.dash-card{padding-top:10px;padding-bottom:10px}.qa{min-height:45px}.quick-card{padding-top:9px;padding-bottom:9px}
}
@media(max-width:850px){.sidebar{width:0}.topbar{left:0}.content{margin-left:0}.reliabix-brand{display:none!important}}


/* ===== V11.2 Compact Operations + Reconciliation ===== */
/* Keep all operational pages visually consistent with the compact dashboard. */
.page-head.premium-head,.page-title,.premium-title{margin-bottom:11px}
.page-head.premium-head h1,.premium-title h1,.page-title h1{font-size:27px;line-height:1.08;letter-spacing:-.45px;margin:0 0 4px}
.page-head.premium-head p,.premium-title p,.page-title p{font-size:12px;margin:0;color:#647e9e}
.card,.premium-card{border-radius:11px}.premium-card{padding:13px 15px}.premium-card h2{font-size:17px;margin:0 0 5px}.premium-card p{font-size:11px}
.card-title h2{font-size:16px}.card-title small{font-size:9px}.compact-section{padding:13px 15px!important}
.compact-table th,.compact-table td{padding:8px 8px;font-size:10.5px}.compact-table th{font-size:9.5px}
.form-group label{font-size:10.5px}.compact-section input,.compact-section select,.compact-section textarea{min-height:35px;padding:8px 9px;font-size:11px}
.compact-page-head{align-items:flex-end}.mt-sm{margin-top:9px}.full-btn{width:100%}
.shift-status-grid,.shift-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.shift-metric-grid{grid-template-columns:repeat(4,1fr)}
.compact-info-card,.shift-metric{background:#fff;border:1px solid #dceaf3;border-radius:11px;padding:12px 14px;min-height:78px;box-shadow:0 6px 18px rgba(14,65,102,.03)}
.compact-info-card small,.shift-metric small{display:block;color:#65809d;font-size:9px}.compact-info-card b,.shift-metric b{display:block;color:#082a58;font-size:18px;margin:4px 0}.compact-info-card span{color:#8295aa;font-size:8.5px}.shift-metric.highlight{background:linear-gradient(135deg,#e7fbff,#f5feff);border-color:#bdebf1}
.shift-open-compact{display:flex;align-items:center;justify-content:space-between;gap:20px}.shift-open-compact h2{margin-top:5px}.compact-form-inline{min-width:360px;display:flex;align-items:end;gap:9px}.compact-form-inline .form-group{flex:1}
.compact-ops-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:10px}.compact-form-row{grid-template-columns:125px 145px 1fr;gap:9px}.closing-summary-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f5faff;border:1px solid #e1edf5;border-radius:8px;margin:8px 0;font-size:10px}.closing-summary-row b{font-size:13px;color:#08315d}.close-shift-panel{border-color:#cde8ed!important;box-shadow:0 7px 22px rgba(0,151,165,.06)!important}.compact-detail-list>div{padding:8px 0!important;font-size:10px}.compact-detail-list>div b{font-size:10.5px}
.payment-method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:10px 0 14px}.payment-method-card{border-radius:10px;border:1px solid #dce8ef;background:#f8fbfd;padding:11px 12px;min-height:82px}.payment-method-card small{display:block;color:#617c9a;font-size:9px}.payment-method-card b{display:block;color:#092958;font-size:17px;margin:5px 0 4px}.payment-method-card span{font-size:8.5px;color:#748aa3}.payment-method-card.cash{background:#eafff7;border-color:#c9f2e2}.payment-method-card.card{background:#eaf5ff;border-color:#d2e8fa}.payment-method-card.bank{background:#eef0ff;border-color:#dcdef8}.payment-method-card.credit{background:#fff5df;border-color:#f4e5be}.payment-method-card.other{background:#f4ebff;border-color:#e7d9f7}.payment-detail-head{margin:12px 0 7px}.payment-detail-head h3{font-size:14px;margin:0}.payment-detail-head small{font-size:9px;color:#7189a2}.payment-pill{padding:4px 7px;border-radius:999px;background:#eef7fb;color:#17637b;font-size:9px;font-weight:700}.empty-cell{text-align:center;color:#8094aa;padding:22px!important}
@media(max-width:1200px){.payment-method-grid{grid-template-columns:repeat(3,1fr)}.shift-metric-grid{grid-template-columns:repeat(2,1fr)}.compact-ops-grid{grid-template-columns:1fr}}
@media(max-width:850px){.shift-status-grid,.shift-metric-grid,.payment-method-grid{grid-template-columns:1fr}.shift-open-compact,.compact-form-inline{display:block;min-width:0}.compact-form-inline .btn{margin-top:8px;width:100%}.compact-form-row{grid-template-columns:1fr}}

/* ===== V11.3 POS Reference Match (display sizing preserved) ===== */
.pos-reference-head{display:grid;grid-template-columns:180px minmax(360px,1fr) 220px;gap:18px;align-items:center;margin-bottom:10px}
.pos-title-block .eyebrow{font-size:8px;letter-spacing:1.7px;color:#6c8aa4}.pos-title-block h1{font-size:27px;margin:2px 0;color:#082d55;line-height:1}.pos-title-block p{margin:6px 0 0;font-size:10px;color:#7e91a8}.pos-title-block p span{margin:0 7px;color:#94a8ba}
.pos-reference-search{display:flex;align-items:center;gap:10px}.pos-reference-search .search-wrap{height:44px;border-radius:9px;box-shadow:0 3px 12px rgba(16,69,98,.04);border:1px solid #d7e5ee}.pos-reference-search .search-wrap input{font-size:11px}.ref-search-icon{font-size:19px!important}.ref-scan-btn{height:44px;min-width:105px;border:1px solid #d7e5ee;background:#fff;color:#173d61;font-size:11px;border-radius:9px}.ref-scan-btn span{font-size:15px;margin-right:6px}
.pos-reference-status{text-align:right;border-left:1px solid #dce8ef;padding-left:18px}.pos-reference-status span,.pos-reference-status b{display:block;color:#53708e;font-size:9px}.pos-reference-status b{font-size:12px;color:#183e64;margin-top:2px}.pos-reference-status i{display:inline-block;margin-top:7px;background:#e5fbf6;color:#11a778;padding:6px 12px;border-radius:8px;font-size:9px;font-style:normal;font-weight:700}
.ref-kpis{grid-template-columns:repeat(4,minmax(125px,1fr)) 1.45fr;gap:9px;margin-bottom:11px}.ref-kpis .kpi,.ref-kpis .brand-banner{min-height:78px;border-radius:10px}.ref-kpis .kpi{padding:11px 12px}.ref-kpis .kpi-icon{width:42px;height:42px;border-radius:10px;font-size:18px}.kpi-icon.teal{background:#e1fbf7;color:#0cb3bd}.kpi-icon.sky{background:#e9f8ff;color:#32a9e8}.ref-kpis .kpi small{font-size:9px}.ref-kpis .kpi b{font-size:17px;color:#0e345d}.ref-kpis .kpi em{font-size:8px}.ref-brand-banner{background:linear-gradient(112deg,#082443,#0b4969 56%,#0ba8b7);padding:10px 18px;gap:14px}.ref-brand-banner:before{content:"";position:absolute;right:55px;top:-38px;width:125px;height:160px;transform:skewX(-35deg);background:linear-gradient(135deg,transparent,rgba(42,220,224,.18))}.ref-brand-banner:after{content:"";position:absolute;right:-10px;top:-28px;width:115px;height:150px;border:0;border-radius:0;transform:skewX(-35deg);background:linear-gradient(135deg,rgba(14,177,195,.12),rgba(66,218,224,.24))}.ref-monitor{width:64px;height:50px;border:5px solid #dff8fb;border-radius:7px;display:grid;place-items:center;font-size:23px;color:#3de0df;position:relative;z-index:2}.ref-monitor:after{content:"";position:absolute;width:24px;height:5px;background:#dff8fb;bottom:-13px;border-radius:4px}.ref-brand-banner b{font-size:18px;letter-spacing:2px;position:relative;z-index:2}.ref-brand-banner b span{color:#32e5e3}.ref-brand-banner small{font-size:7px;position:relative;z-index:2}
.premium-pos.pos-shell{grid-template-columns:minmax(0,1fr) 360px;gap:10px;min-height:568px}.premium-pos .pos-products,.premium-pos .pos-cart{border-radius:10px}.premium-pos .pos-products{padding:11px}.scanner-status{display:none!important}.catalog-toolbar{min-height:40px}.premium-pos .cats{gap:7px;margin-bottom:8px}.premium-pos .cat{padding:7px 12px;font-size:9px;border-radius:8px;background:#f3f6f9}.premium-pos .cat.active{background:linear-gradient(135deg,#0bc0c5,#0a9fb2);border-color:#0aaeb8;box-shadow:none}.view-toggle button{width:35px;height:31px}.view-toggle .active{background:#08b3c0;border-color:#08b3c0}
.premium-pos .product-grid{grid-template-columns:repeat(4,minmax(132px,1fr));gap:8px}.premium-pos .product{min-height:168px;border-radius:9px}.product-visual{height:91px;background:linear-gradient(180deg,#fff,#fbfdfe);padding:4px}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.fallback-product-icon{font-size:42px}.product-info{padding:8px 10px 8px}.product-info strong{font-size:11px;color:#0b315a;margin-bottom:2px}.product-info small{font-size:9px}.premium-pos .price{font-size:12px;color:#0aa9b6}.add-circle{width:27px;height:27px;background:#e8fbfc;color:#0aaab7;font-size:18px}
.premium-pos .pos-cart{min-height:568px}.premium-pos .cart-head{min-height:47px;padding:10px 13px}.cart-head b{font-size:15px;color:#11385d}.cart-icon{font-size:17px}.clear-btn{background:#e9fbfc;color:#0aa6b5;padding:6px 10px;font-size:9px}.premium-pos .cart-lines{min-height:185px;padding:5px 12px}.empty-cart{min-height:175px}.empty-cart>span{font-size:44px}.empty-cart b{font-size:12px}.empty-cart small{font-size:9px}.premium-pos .cart-bottom{padding:9px 12px}.order-type-block label{font-size:9px;font-weight:800;color:#264d72}.order-type-pills{display:flex;gap:5px;margin-top:5px}.order-pill{border:1px solid #dce7ef;background:#fff;border-radius:7px;padding:6px 9px;font-size:8.5px;color:#2b4d6d}.order-pill.active{border-color:#0ab7c2;color:#0aa4b2;background:#effdfe;font-weight:700}.customer-title{font-size:9px;margin:8px 0 5px}.customer-title a{color:#0aa9b6}.customer-select{min-height:33px;font-size:10px}.premium-pos .totals{margin-top:7px!important}.premium-pos .totals>div{margin:5px 0;font-size:10px}.discount-box input{min-height:27px}.premium-pos .totals .grand{font-size:16px;padding-top:8px;margin-top:7px}.premium-pos .totals .grand span:last-child{font-size:21px;color:#0aaab7}.premium-pos .pay-grid{gap:6px;margin-top:7px}.premium-pos .pay{font-size:9px;padding:7px 2px;border-radius:7px}.premium-pos .pay.selected{background:linear-gradient(135deg,#08bdc4,#0797a8);border-color:#0799aa;box-shadow:none}.premium-pos .complete{margin-top:8px;padding:10px;font-size:11px;background:linear-gradient(135deg,#08bdc4,#057f98);border-radius:8px}
@media(max-width:1400px){.ref-kpis{grid-template-columns:repeat(4,1fr)}.ref-brand-banner{display:none}.pos-reference-head{grid-template-columns:170px minmax(340px,1fr) 190px}.premium-pos.pos-shell{grid-template-columns:minmax(0,1fr) 340px}.premium-pos .product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.pos-reference-head{grid-template-columns:1fr}.pos-reference-status{display:none}.premium-pos.pos-shell{display:block}.premium-pos .pos-cart{margin-top:10px}}

/* V11.4 product edit + image upload */
.row-actions{display:flex;gap:8px;align-items:center}.row-actions form{margin:0}.edit-product-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.product-list-cell{display:flex;align-items:center;gap:10px}.product-list-thumb{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#f5fbfd;border:1px solid #dcecf2;padding:3px}
.product-edit-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.product-image-editor{display:flex;flex-direction:column;gap:9px}.product-image-editor label{font-weight:700;color:#17324c}.product-image-editor small{color:#7b8ca0}.product-image-preview{height:205px;border:1px dashed #bdd8e2;border-radius:16px;background:#f7fcfe;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:46px}.product-image-preview img{width:100%;height:100%;object-fit:contain;padding:12px}.product-image-editor input[type=file]{font-size:13px}.product-image-editor.compact{max-width:420px}.product-image-editor.compact .product-image-preview{height:140px}.product-upload-row{margin-bottom:18px}.product-edit-card{padding:24px}
@media(max-width:900px){.product-edit-layout{grid-template-columns:1fr}.product-image-editor{max-width:360px}}


/* ===== V11.5 exact reference sidebar/logo skin; display sizing intentionally preserved ===== */
.sidebar{background:linear-gradient(180deg,#061d33 0%,#06243e 50%,#07314f 100%)!important}
.sidebar:after{content:"";position:absolute;left:-44px;bottom:0;width:260px;height:220px;background:linear-gradient(135deg,transparent 37%,rgba(0,126,170,.25) 38% 50%,transparent 51%),linear-gradient(45deg,transparent 42%,rgba(6,81,132,.55) 43% 56%,transparent 57%);pointer-events:none;z-index:0}
.reference-brand{height:86px!important;padding:8px 16px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;border:0!important;background:transparent!important;overflow:hidden}
.reference-wordmark{width:174px;height:62px;object-fit:cover;object-position:center;border:0;border-radius:0;display:block;mix-blend-mode:screen}
.main-nav{position:relative;z-index:2}
.main-nav a{color:#eaf7fc!important;font-weight:600}
.main-nav a span{color:#74d8e7!important}
.main-nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
.main-nav a.active,.nav-parent.active{background:linear-gradient(90deg,#12c5d1 0%,#0aaec0 100%)!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,176,193,.2)!important}
.main-nav a.active span,.nav-parent.active span{color:#fff!important}
.subnav{border-left-color:rgba(255,255,255,.20)!important}
.subnav a{color:#bcdce8!important;font-weight:500!important}
.subnav a.active{background:rgba(0,186,203,.20)!important;color:#fff!important}
.subnav a.active:before{color:#41e3e6!important}
.reference-footer-brand{left:16px!important;right:16px!important;bottom:10px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;height:108px!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;z-index:3!important}
.reference-footer-brand img{display:block!important;width:185px!important;height:105px!important;object-fit:cover!important;border-radius:0!important;mix-blend-mode:screen}

.reference-pos-banner{padding:0!important;overflow:hidden!important;background:#082b49!important}.reference-pos-banner:before,.reference-pos-banner:after{display:none!important}.reference-pos-banner img{width:100%;height:100%;object-fit:cover;display:block}

/* ===== V11.8 exact sidebar logo correction ===== */
.reference-brand{height:86px!important;padding:13px 20px 8px!important;align-items:flex-start!important;background:transparent!important}
.reference-wordmark.exact-wordmark{width:154px!important;height:auto!important;object-fit:contain!important;object-position:left top!important;mix-blend-mode:normal!important;filter:none!important;background:transparent!important;border:0!important;border-radius:0!important}
.reference-footer-brand{height:82px!important;padding:0 0 12px!important;align-items:flex-end!important}
.footer-wordmark{color:#fff;line-height:1;letter-spacing:1.1px;padding-left:4px}
.footer-logo-line{font-size:15px;font-weight:800;white-space:nowrap}.footer-logo-line span,.footer-logo-line b{color:#20d5df}.footer-logo-line b{font-size:13px;margin-left:2px}
.footer-wordmark small{display:block;margin-top:8px;color:#bfeaf3;font-size:6.5px;letter-spacing:2px;white-space:nowrap}


/* ===== V11.9 second-image branding pack ===== */
.reference-brand{height:88px!important;padding:10px 18px 8px!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:visible!important}
.reference-wordmark.exact-wordmark{width:176px!important;height:58px!important;object-fit:cover!important;object-position:left center!important;mix-blend-mode:normal!important;background:transparent!important;border-radius:0!important;filter:none!important;box-shadow:none!important}
.reference-footer-brand{left:18px!important;right:18px!important;bottom:14px!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important}
.reference-footer-brand img{width:170px!important;height:auto!important;display:block!important;object-fit:cover!important;mix-blend-mode:normal!important;filter:none!important;border-radius:0!important;box-shadow:none!important}
.login-content{background:linear-gradient(135deg,#eaf4fb 0%,#dcecf7 100%)!important}
.login-card{width:430px!important;border:1px solid #d8e8f2!important;border-radius:22px!important;box-shadow:0 25px 70px rgba(7,45,77,.12)!important;padding:38px 38px 34px!important}
.branded-login-logo{text-align:left!important;margin-bottom:26px!important}.branded-login-logo img{width:265px;max-width:100%;height:auto;display:block}
.login-card h2{font-size:22px;margin:0 0 12px;color:#0f2e53}.login-card p{font-size:15px;margin:0 0 18px;color:#657a90}.login-card label{font-size:13px;font-weight:700;color:#0f2e53}.login-card input{border-radius:12px!important;border-color:#d5e6f0!important;padding:13px 14px!important;min-height:48px!important;font-size:15px}.login-card .btn.btn-primary{min-height:46px!important;border-radius:12px!important;background:linear-gradient(135deg,#12c5d1,#079eb3)!important;color:#fff!important;font-size:18px!important;box-shadow:0 10px 25px rgba(6,163,185,.22)!important}

/* ===== V11.10 exact second-reference-image visual theme ===== */
:root{
  --ref-navy:#061f36;
  --ref-navy-2:#082943;
  --ref-navy-3:#0b3654;
  --ref-cyan:#0fc2c9;
  --ref-cyan-2:#0aa7b7;
  --ref-soft:#f6fbfe;
  --ref-line:#dbeaf2;
  --ref-ink:#0b2d4f;
  --ref-muted:#6b839b;
}
body{background:linear-gradient(180deg,#f7fbfe 0%,#eef7fb 100%)!important;color:var(--ref-ink)!important}
.sidebar{background:linear-gradient(180deg,var(--ref-navy) 0%,#06243d 58%,#082c48 100%)!important;border-right:0!important;box-shadow:8px 0 30px rgba(4,31,54,.08)!important}
.sidebar:after{background:linear-gradient(135deg,transparent 38%,rgba(0,138,185,.22) 39% 51%,transparent 52%),linear-gradient(45deg,transparent 42%,rgba(0,88,145,.42) 43% 56%,transparent 57%)!important}
.reference-brand{height:88px!important;padding:16px 24px 6px!important;overflow:visible!important}
.reference-wordmark.exact-wordmark{width:152px!important;height:auto!important;object-fit:contain!important;object-position:left top!important;mix-blend-mode:normal!important;filter:none!important;display:block!important}
.main-nav{padding:10px 12px 122px!important}
.main-nav a{color:#e7f5fb!important;font-weight:600!important;border-radius:8px!important;margin:2px 0!important;padding:10px 13px!important}
.main-nav a span{color:#7fdef0!important}
.main-nav a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
.main-nav a.active,.nav-parent.active{background:linear-gradient(90deg,#11c7d0 0%,#0bb4c2 100%)!important;color:white!important;box-shadow:0 6px 18px rgba(0,191,204,.25)!important}
.main-nav a.active span,.nav-parent.active span{color:white!important}
.subnav{border-left:1px solid rgba(140,220,235,.20)!important;margin-left:18px!important}
.subnav a{color:#a9cad8!important;font-size:11px!important;padding:7px 12px!important}
.subnav a.active{background:rgba(15,194,201,.16)!important;color:#fff!important}
.reference-footer-brand{left:22px!important;right:18px!important;bottom:16px!important;height:78px!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;border-top:1px solid rgba(255,255,255,.14)!important;background:transparent!important}
.reference-footer-brand img{width:135px!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important;margin-top:12px!important}
.reference-footer-brand small{font-size:6px!important;letter-spacing:2px!important;color:#a9d7e6!important;margin-top:7px!important}
.topbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e4eef4!important;box-shadow:0 2px 14px rgba(18,65,94,.025)!important}
.topbar .logout{color:#0a83a3!important;font-weight:700!important}
.store-pill{background:#fff!important;border-color:#dceaf2!important}
.online{color:#16ae7a!important;background:#e6faf1!important;border-radius:999px!important;padding:5px 9px!important}
.content{background:linear-gradient(180deg,#f7fbfe 0%,#eff8fc 100%)!important}
.card,.dash-card,.dash-kpi,.pos-products,.pos-cart,.premium-card{border-color:var(--ref-line)!important;box-shadow:0 6px 20px rgba(9,58,87,.035)!important;background:#fff!important}
.page-title h1,.dash-heading-row h1,.pos-title-block h1{color:#092b4e!important}
.page-title p,.dash-heading-row p,.pos-title-block p{color:#718aa2!important}
.btn-primary{background:linear-gradient(135deg,var(--ref-cyan),var(--ref-cyan-2))!important;color:#fff!important;box-shadow:0 7px 18px rgba(10,174,187,.18)!important}
.status-chip.ok{background:#e5f8f0!important;color:#16865d!important}

/* POS reference palette */
.pos-reference-head{background:transparent!important}
.ref-scan-btn{background:#fff!important;color:#0c3659!important;border-color:#d6e7ef!important}
.ref-kpis .kpi{background:#fff!important}
.ref-kpis .kpi b{color:#0c3054!important}
.ref-kpis .kpi em{color:#14a975!important}
.premium-pos .cat{background:#f2f6f9!important;color:#294e6d!important;border-color:#e1ebf0!important}
.premium-pos .cat.active{background:linear-gradient(135deg,#10c7cc,#08aab8)!important;color:#fff!important;border-color:#09b6c0!important}
.premium-pos .product{border-color:#dce9f0!important;background:#fff!important}
.product-info strong{color:#0a3157!important}.premium-pos .price{color:#08a9b5!important}.add-circle{background:#e8fbfc!important;color:#09aeb8!important}
.premium-pos .cart-head{border-bottom-color:#e2edf2!important}.clear-btn{background:#e7fbfc!important;color:#08a8b5!important}
.premium-pos .pay.selected,.premium-pos .complete{background:linear-gradient(135deg,#10c5cb,#078fa7)!important;color:#fff!important}

/* Login follows the same navy/cyan reference identity */
.login-content{background:radial-gradient(circle at 50% 20%,#f7fdff 0%,#eaf5fa 58%,#dcecf4 100%)!important}
.login-card{border:1px solid #d7e7ef!important;box-shadow:0 24px 70px rgba(5,38,64,.13)!important;background:#fff!important}
.branded-login-logo{background:linear-gradient(135deg,#061f36,#083a59)!important;border-radius:13px!important;padding:18px 20px!important;margin-bottom:27px!important;text-align:left!important}
.branded-login-logo img{width:245px!important;height:auto!important;display:block!important;object-fit:contain!important}
.login-card h2{color:#0a2d51!important}.login-card p{color:#6d8499!important}.login-card label{color:#0a2d51!important}
.login-card input{border-color:#d4e5ed!important;background:#fff!important}
.login-card .btn-primary{background:linear-gradient(135deg,#10c6cd,#0796aa)!important}


/* ===== V11.11 final second-reference branding correction ===== */
.sidebar{
    background:linear-gradient(180deg,#061d33 0%,#06243e 56%,#07314f 100%)!important;
}
.reliabix-brand.reference-brand{
    height:84px!important;
    padding:8px 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    background:#061d33!important;
}
.reference-wordmark.exact-wordmark{
    width:176px!important;
    height:72px!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    background:transparent!important;
}
.sidebar-promo.reference-footer-brand{
    background:transparent!important;
    border-top:1px solid rgba(255,255,255,.20)!important;
}
.sidebar-promo.reference-footer-brand img{
    display:block!important;
    width:142px!important;
    height:58px!important;
    object-fit:contain!important;
    object-position:left center!important;
    border-radius:0!important;
    filter:none!important;
}
.sidebar-promo.reference-footer-brand small{
    color:#b9d9e7!important;
    letter-spacing:1.6px!important;
}

/* Login uses same second-image brand strip without stretching */
.login-content{
    background:linear-gradient(135deg,#eff9fc 0%,#f7fbfd 52%,#e8f5fa 100%)!important;
}
.login-card{
    overflow:hidden!important;
    padding-top:0!important;
}
.login-logo.branded-login-logo{
    margin:0 -30px 28px!important;
    padding:14px 24px!important;
    min-height:108px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#061d33!important;
    border-radius:16px 16px 0 0!important;
}
.login-logo.branded-login-logo img{
    width:236px!important;
    height:84px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
}

/* Keep existing app dimensions unchanged */

/* ===== V11.12 FULL SECOND-REFERENCE THEME ===== */
:root{
  --ref-navy:#061f36;
  --ref-navy2:#082a46;
  --ref-cyan:#08bfd0;
  --ref-cyan2:#079fb6;
  --ref-sky:#eef8fc;
  --ref-card:#ffffff;
  --ref-line:#d7e8f1;
  --ref-ink:#0a2a49;
  --ref-muted:#6e879c;
}
html,body{background:#edf7fb!important;color:var(--ref-ink)!important}
body{background:linear-gradient(180deg,#f7fcfe 0%,#edf7fb 100%)!important}
.content{background:linear-gradient(180deg,#f7fcfe 0%,#edf7fb 100%)!important}
.topbar{background:#fff!important;border-bottom:1px solid #d9eaf2!important;box-shadow:0 2px 8px rgba(5,44,71,.035)!important}
.topbar .store-pill{background:#fff!important;border:1px solid #d6e8f1!important}
.online{background:#e6fbf4!important;color:#119b68!important}
.sidebar{background:linear-gradient(180deg,#051d32 0%,#06243d 55%,#072f4d 100%)!important}
.main-nav a{color:#d7eaf3!important}
.main-nav a span{color:#86c7da!important}
.main-nav a:hover{background:rgba(14,191,208,.10)!important;color:#fff!important}
.main-nav a.active,.nav-parent.active{background:linear-gradient(90deg,#0ac6d0,#08aabd)!important;color:#fff!important;box-shadow:0 6px 18px rgba(7,184,198,.27)!important}
.main-nav a.active span,.nav-parent.active span{color:#fff!important}
.subnav a{color:#a9cedd!important}
.subnav a.active{background:rgba(13,189,203,.16)!important;color:#fff!important}
.sidebar-promo{color:#fff!important}
.sidebar-promo small{color:#acd1df!important}

.page-title h1,.dash-heading-row h1,.pos-title-block h1{color:#082a4b!important}
.page-title p,.dash-heading-row p,.pos-title-block p{color:#70899f!important}
.card,.dash-card,.premium-card,.pos-products,.pos-cart,.login-card{background:#fff!important;border-color:#d5e7f0!important;box-shadow:0 8px 24px rgba(7,47,76,.05)!important}

/* Dashboard: stronger second-image cyan/navy identity */
.dash-kpi{background:#fff!important;border-color:#d5e7f0!important;box-shadow:0 7px 20px rgba(7,47,76,.05)!important}
.dash-kpi strong{color:#06294a!important}
.dash-kpi small{color:#557590!important}
.kpi-sales .dash-kpi-icon{background:#dffbf7!important;color:#05a98e!important}
.kpi-trans .dash-kpi-icon{background:#e6f2ff!important;color:#1887d5!important}
.kpi-customer .dash-kpi-icon{background:#e7f6ff!important;color:#0b87cf!important}
.kpi-alert .dash-kpi-icon{background:#ffe8ec!important;color:#e63a50!important}
.welcome-chip{background:linear-gradient(105deg,#e7f8fd,#d9f4fb)!important;border-color:#cde9f2!important}
.welcome-chip b{color:#082d50!important}
.dash-card-head h2{color:#082d50!important}
.period-pill,.view-all-link{color:#087d9d!important;border-color:#d5e8f0!important}
.chart-legend,.chart-x-axis,.chart-y-axis{color:#5f7f98!important}

/* Main buttons / forms */
.btn-primary{background:linear-gradient(135deg,#0ac5cf,#079fb4)!important;color:#fff!important;box-shadow:0 7px 16px rgba(5,173,188,.16)!important}
.btn-primary:hover{background:linear-gradient(135deg,#08b5c0,#078fa5)!important}
input:focus,select:focus,textarea:focus{border-color:#13b8c4!important;box-shadow:0 0 0 3px rgba(10,190,204,.12)!important}
.status-chip.ok,.badge.green{background:#e6fbf3!important;color:#0d8e63!important}
th{background:#eef6fa!important;color:#214c68!important}

/* Quick actions: cleaner reference-like whites/cyans */
.quick-card{background:#fff!important}
.qa{border:1px solid #dfedf3!important;box-shadow:0 3px 10px rgba(9,48,77,.025)!important}
.qa-teal{background:#e4fbf8!important}.qa-blue{background:#eaf6ff!important}.qa-orange{background:#fff5df!important}.qa-purple{background:#f1ebff!important}
.qa-red{background:#fff0f2!important}.qa-cyan{background:#e8f9fd!important}.qa-green{background:#ecfaef!important}.qa-violet{background:#f0ecff!important}

/* POS reference colors */
.pos-reference-head{background:transparent!important}
.pos-reference-search .search-wrap{background:#fff!important;border-color:#d4e6ef!important}
.ref-scan-btn{background:#fff!important;color:#0b3859!important;border-color:#d4e6ef!important}
.ref-kpis .kpi{background:#fff!important;border-color:#d6e8f0!important}
.ref-brand-banner{background:linear-gradient(110deg,#061f36,#083a56 55%,#08a9b9)!important}
.premium-pos .cat{background:#f2f7fa!important;color:#31566f!important}
.premium-pos .cat.active{background:linear-gradient(135deg,#0cc8d1,#08a9b8)!important;color:#fff!important}
.product{background:#fff!important;border-color:#d7e7ef!important}
.product:hover{border-color:#0bb8c5!important;box-shadow:0 5px 16px rgba(7,177,190,.12)!important}
.premium-pos .price,.add-circle,.customer-title a{color:#08aab6!important}
.add-circle{background:#e7fbfc!important}
.clear-btn{background:#e8fbfc!important;color:#079eaa!important}
.order-pill.active{border-color:#0ab6c0!important;color:#079fad!important;background:#edfcfd!important}
.premium-pos .pay.selected,.premium-pos .complete{background:linear-gradient(135deg,#0bc8d0,#078fa6)!important;border-color:#0798a9!important;color:#fff!important}
.premium-pos .totals .grand span:last-child{color:#08aab6!important}

/* Login: exact same family, not pale generic */
.login-content{background:linear-gradient(135deg,#e9f8fc 0%,#f6fcfe 48%,#e8f4f9 100%)!important}
.login-card{border:1px solid #cfe4ed!important;box-shadow:0 24px 70px rgba(4,38,61,.14)!important}
.login-logo.branded-login-logo{background:linear-gradient(135deg,#051d32,#07304d)!important}
.login-card h2{color:#072a49!important}
.login-card label{color:#123b58!important}
.login-card p{color:#6b8498!important}
.login-card .btn-primary{background:linear-gradient(135deg,#0bc7cf,#0797ad)!important}

/* Settings / selected tabs */
.settings-tab.active{background:#e8f9fc!important;color:#078ea1!important}
.switch input:checked+span{background:#09b7c2!important}

/* Keep sizing and layout untouched */

/* ===== V11.13 STRONG SECOND-IMAGE PALETTE ===== */
:root{
  --ri-navy:#031a2b;
  --ri-navy-2:#06283f;
  --ri-navy-3:#083a59;
  --ri-cyan:#00bfd0;
  --ri-cyan-2:#079fb6;
  --ri-cyan-soft:#e5fbfd;
  --ri-bg:#f3f9fc;
  --ri-card:#ffffff;
  --ri-line:#cfe3ed;
  --ri-ink:#062b4e;
  --ri-muted:#6d8499;
}
html,body{background:var(--ri-bg)!important;color:var(--ri-ink)!important}
.content{background:linear-gradient(180deg,#f9fdff 0%,#f0f8fc 100%)!important}

/* exact dark sidebar feeling from reference */
.sidebar{background:linear-gradient(180deg,var(--ri-navy) 0%,#052239 56%,#083351 100%)!important;border-right:none!important;box-shadow:8px 0 26px rgba(3,26,43,.12)!important}
.reliabix-brand.reference-brand{background:var(--ri-navy)!important}
.main-nav a{color:#d9edf5!important}
.main-nav a span{color:#8fdaea!important}
.main-nav a:hover{background:rgba(0,191,208,.10)!important;color:#fff!important}
.main-nav a.active,.nav-parent.active{background:linear-gradient(90deg,#0bc7d1 0%,#06a6ba 100%)!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,180,198,.28)!important}
.subnav a.active{background:rgba(0,191,208,.18)!important;color:#fff!important}
.sidebar-promo.reference-footer-brand{border-top:1px solid rgba(255,255,255,.16)!important}

/* crisp white topbar */
.topbar{background:#fff!important;border-bottom:1px solid #d8e8ef!important;box-shadow:0 2px 10px rgba(4,40,65,.035)!important}
.store-pill{background:#fff!important;border-color:#cfe3ed!important}
.topbar .logout{color:#008fa6!important}
.online{background:#e4fbf3!important;color:#138962!important}

/* stronger white cards / cyan line work */
.card,.dash-card,.dash-kpi,.premium-card,.pos-products,.pos-cart{background:#fff!important;border-color:#cfe3ed!important;box-shadow:0 8px 22px rgba(5,44,70,.055)!important}
.page-title h1,.dash-heading-row h1,.pos-title-block h1,.dash-card-head h2{color:#052b4d!important}
.page-title p,.dash-heading-row p,.pos-title-block p{color:#6d8499!important}

.btn-primary{background:linear-gradient(135deg,#08c8d1,#078fa7)!important;color:#fff!important;box-shadow:0 8px 20px rgba(0,177,193,.20)!important}
.btn-primary:hover{background:linear-gradient(135deg,#06b7c1,#077f96)!important}
input:focus,select:focus,textarea:focus{border-color:#00b8c9!important;box-shadow:0 0 0 3px rgba(0,191,208,.13)!important}

/* dashboard reference accents */
.welcome-chip{background:linear-gradient(105deg,#ddf7fc,#d2f1f8)!important;border-color:#c5e7ef!important}
.kpi-sales .dash-kpi-icon{background:#d9fbf4!important;color:#05a682!important}
.kpi-trans .dash-kpi-icon{background:#e4f3ff!important;color:#1687da!important}
.kpi-customer .dash-kpi-icon{background:#e4f7ff!important;color:#0d91d6!important}
.kpi-alert .dash-kpi-icon{background:#ffe8eb!important;color:#e6374d!important}
.period-pill,.view-all-link{color:#008da5!important;border-color:#cfe3ed!important}

/* POS controls match reference cyan */
.premium-pos .cat.active{background:linear-gradient(135deg,#08c8d1,#069eb2)!important;color:#fff!important}
.product:hover{border-color:#00b7c7!important;box-shadow:0 5px 18px rgba(0,183,199,.13)!important}
.premium-pos .price,.add-circle,.customer-title a{color:#00a6b7!important}
.add-circle,.clear-btn{background:#e5fbfd!important}
.clear-btn{color:#0098aa!important}
.order-pill.active{border-color:#00b5c5!important;color:#008fa1!important;background:#effdfe!important}
.premium-pos .pay.selected,.premium-pos .complete{background:linear-gradient(135deg,#08c8d1,#078da4)!important;color:#fff!important}

/* Login: clearly themed, while preserving same size */
.login-content{background:
  radial-gradient(circle at 18% 18%,rgba(0,191,208,.20),transparent 28%),
  radial-gradient(circle at 85% 82%,rgba(7,95,140,.22),transparent 34%),
  linear-gradient(135deg,#031a2b 0%,#06283f 48%,#08405f 100%)!important}
.login-card{background:#fff!important;border:1px solid rgba(207,227,237,.9)!important;box-shadow:0 30px 90px rgba(0,0,0,.26)!important}
.login-logo.branded-login-logo{background:linear-gradient(135deg,#031a2b,#073654)!important;border-bottom:4px solid #00bfd0!important}
.login-card h2{color:#052b4d!important}
.login-card p{color:#6d8499!important}
.login-card label{color:#173e59!important}
.login-card input{border-color:#cfe3ed!important;background:#fbfdfe!important}
.login-card .btn-primary{background:linear-gradient(135deg,#08c8d1,#078fa7)!important}

/* favicon/logo sizing unchanged; layout untouched */

/* ===== V11.14 FORCED SECOND-REFERENCE THEME - CACHE BUSTED ===== */
:root{
 --ref-navy:#031625;
 --ref-navy-mid:#06243a;
 --ref-cyan:#05c4d0;
 --ref-cyan-deep:#0797aa;
 --ref-bg:#eef7fb;
 --ref-line:#d3e6ef;
 --ref-text:#052b4e;
}
body{background:var(--ref-bg)!important}
.content{background:linear-gradient(180deg,#f8fcfe 0%,#eef7fb 100%)!important}
.sidebar{
 background:linear-gradient(180deg,#031625 0%,#042039 52%,#052c49 100%)!important;
 box-shadow:10px 0 28px rgba(0,18,32,.16)!important;
}
.reliabix-brand.reference-brand{background:#031625!important}
.main-nav a{color:#d9edf4!important}
.main-nav a span{color:#8bdce8!important}
.main-nav a.active,.main-nav .nav-parent.active{
 background:linear-gradient(90deg,#08cad4,#06a8bd)!important;
 color:#fff!important;
 box-shadow:0 8px 22px rgba(3,190,205,.28)!important;
}
.subnav a.active{background:rgba(7,197,209,.18)!important;color:#fff!important}
.topbar{background:#fff!important;border-bottom:1px solid #d7e8f0!important}
.store-pill{background:#fff!important;border-color:#cde2ec!important}
.card,.dash-card,.dash-kpi,.premium-card,.pos-products,.pos-cart{
 background:#fff!important;border:1px solid #d1e5ee!important;
 box-shadow:0 7px 20px rgba(8,49,76,.045)!important;
}
.page-title h1,.dash-heading-row h1,.pos-title-block h1,.dash-card-head h2{color:#052b4e!important}
.btn-primary,.premium-pos .complete,.premium-pos .pay.selected{
 background:linear-gradient(135deg,#08c7d1,#0795aa)!important;
 border-color:#0795aa!important;color:#fff!important;
}
.quick-card .qa{border:1px solid #d8e8ef!important}
.premium-pos .cat.active{background:linear-gradient(135deg,#08c7d1,#079fb3)!important;color:#fff!important}
.add-circle,.clear-btn{background:#e5fbfd!important;color:#069eaf!important}
.login-content{
 background:linear-gradient(135deg,#031625 0%,#06243a 52%,#084462 100%)!important;
}
.login-card{background:#fff!important;box-shadow:0 28px 85px rgba(0,0,0,.28)!important}
.login-logo.branded-login-logo{
 background:#031625!important;border-bottom:4px solid #05c4d0!important;
}
.login-card .btn-primary{background:linear-gradient(135deg,#08c7d1,#0795aa)!important}