/* VIONA STORE v0.2.0 — premium UI layer */
:root{
  --brand:#655cf6;--brand2:#16bfd1;--brand3:#8a65ff;--cyan:#30d5c8;--violet:#7a66ff;
  --bg:#f3f6fb;--surface:#fff;--surface2:#f8faff;--ink:#12203a;--muted:#75839c;--line:#e3e9f3;
  --nav:#081321;--nav2:#0c1d31;--green:#0cab7c;--red:#e44e68;--amber:#e99a25;
  --shadow:0 22px 70px rgba(22,43,84,.10);--shadow2:0 12px 36px rgba(24,47,88,.08);
  --radius:24px;--display:"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;--font:Tahoma,"Segoe UI",Arial,sans-serif
}
body{background:radial-gradient(circle at 20% -10%,#655cf60c,transparent 34%),var(--bg);letter-spacing:-.15px}
body.dark{--bg:#07111e;--surface:#0d1b2c;--surface2:#101f32;--ink:#eef5ff;--muted:#92a7c4;--line:#1f314c;--nav:#050c15;--nav2:#091829}

/* LOGIN V2 */
.login-v2{grid-template-columns:minmax(500px,1.12fr) minmax(410px,.88fr);background:#07111f;position:relative}
.login-v2:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 60% 20%,#6e5cf51c,transparent 24%),radial-gradient(circle at 5% 88%,#11c8be12,transparent 28%)}
.login-v2 .login-showcase{padding:42px clamp(40px,6vw,92px) 30px;background:linear-gradient(145deg,#06101c 0%,#0a1729 48%,#0b2034 100%)}
.login-v2 .login-showcase:before{background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%)}
.login-v2 .login-showcase:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff08;border-radius:50%;left:-180px;top:9%;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff018}
.login-aurora.a3{width:320px;height:320px;background:#20c4d0;right:32%;top:38%;opacity:.18}
.login-v2 .brand-mark{width:52px;height:52px;border-radius:18px;border:1px solid #ffffff18;box-shadow:0 18px 46px #5d5bf04f, inset 0 1px #ffffff4a}
.login-v2 .brand-lockup b{font:800 20px/1 var(--display);letter-spacing:4px}
.login-v2 .brand-lockup small{font:700 9px/1.4 var(--display);letter-spacing:1.6px;color:#768bab;margin-top:7px}
.login-v2 .showcase-copy{margin:44px 0 24px;padding:16px 0 0;max-width:760px}
.login-v2 .eyebrow{gap:8px;padding:8px 13px;color:#8de8df;border-color:#35d6ca22;background:#28d8c90d;font-size:10px;backdrop-filter:blur(12px)}
.login-v2 .eyebrow i,.login-v2 .mini-pill i{width:7px;height:7px;background:#2ed9bd;border-radius:50%;box-shadow:0 0 0 5px #2ed9bd12;display:inline-block}
.login-v2 .showcase-copy h1{font:800 clamp(42px,4.8vw,70px)/1.45 var(--display);letter-spacing:-3px;margin:18px 0 16px}
.login-v2 .showcase-copy h1 em{background:linear-gradient(100deg,#a390ff 5%,#52d9dc 80%);-webkit-background-clip:text;color:transparent}
.login-v2 .showcase-copy p{font-size:14px;line-height:2.05;color:#91a7c6;max-width:670px;margin:0}
.showcase-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.showcase-features span{padding:8px 11px;border-radius:12px;border:1px solid #ffffff0e;background:#ffffff06;color:#a7b8d1;font-size:10px;backdrop-filter:blur(8px)}
.showcase-console{position:relative;z-index:2;border-radius:26px;padding:18px;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;box-shadow:0 35px 90px #0005, inset 0 1px #ffffff10;backdrop-filter:blur(24px);max-width:760px;transform:perspective(1200px) rotateX(1deg) rotateY(-1.5deg)}
.console-top{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 14px;border-bottom:1px solid #ffffff0c}.console-top>div{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.console-dot{width:9px;height:9px;border-radius:50%;background:#2ed9bd;box-shadow:0 0 0 5px #2ed9bd10;grid-row:1/3}.console-top b{font-size:11px}.console-top small{font-size:8px;color:#607899}.live-pill{font-size:8px;padding:6px 8px;border-radius:999px;background:#27d3ad10;border:1px solid #27d3ad1f;color:#66e5c4}.console-metrics{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:8px;margin:12px 0}.console-metrics article{padding:12px;border:1px solid #ffffff0d;background:#06101c5e;border-radius:16px}.console-metrics small{display:block;color:#607899;font-size:8px}.console-metrics b{display:inline-block;margin-top:7px;font:800 16px var(--display);color:#fff}.console-metrics span{font-size:7px;color:#768dab;margin-right:5px}.console-sale{border:1px solid #ffffff0c;background:#06101c70;border-radius:18px;padding:11px}.console-scan{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #766bf52d;background:#756cf20b;border-radius:13px}.console-scan>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#7068f51b;color:#a79cff}.console-scan div{flex:1}.console-scan b{display:block;font-size:9px}.console-scan small{font-size:7px;color:#607899}.console-scan kbd{font-size:7px;border:1px solid #ffffff14;color:#768dab;background:#ffffff05;padding:5px 7px;border-radius:7px}.console-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:9px 4px;border-bottom:1px solid #ffffff08}.console-item:last-of-type{border-bottom:0}.console-item .product-avatar{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7066f5,#4a3bc9);font-weight:800;font-size:10px}.console-item .product-avatar.alt{background:linear-gradient(135deg,#19bdbd,#167792)}.console-item b{display:block;font-size:9px}.console-item small{font-size:7px;color:#607899}.console-item strong{font-size:10px}.console-item em{font-style:normal;font-size:8px;color:#a4b5ce;background:#ffffff08;padding:4px 6px;border-radius:7px}.console-total{display:flex;align-items:end;justify-content:space-between;margin-top:8px;padding:12px 4px 2px}.console-total>span{font-size:8px;color:#7188aa}.console-total b{font:800 19px var(--display);color:#7ee5db}.console-total small{font:600 8px var(--font);color:#7188aa}.login-v2 .showcase-foot{display:flex;justify-content:space-between;max-width:760px;color:#526986;font-size:8px;letter-spacing:.5px;margin-top:14px}
.login-v2 .login-panel{position:relative;z-index:3;background:linear-gradient(160deg,#f9fbff,#f1f5fb);padding:36px clamp(28px,4vw,58px)}
.login-card-v2{max-width:485px;padding:28px 28px 20px;border:1px solid #fff;background:rgba(255,255,255,.78);box-shadow:0 30px 90px rgba(23,45,85,.12),inset 0 1px #fff;border-radius:30px;backdrop-filter:blur(26px)}
.login-card-v2 .login-head{margin-bottom:20px}.login-card-v2 .login-head h2{font:800 29px/1.4 var(--display);letter-spacing:-1px;margin:12px 0 5px}.login-card-v2 .login-head p{font-size:11px;line-height:1.9;color:#7c8aa1}.login-card-v2 .mini-pill{gap:7px;color:#5c58cf;border-color:#655cf61b;background:#655cf60a;font-size:8px;font-weight:800}
.login-card-v2 .auth-tabs{background:#edf1f8;border:1px solid #e5eaf3;border-radius:16px;padding:4px;gap:4px}.login-card-v2 .auth-tabs button{display:flex;gap:6px;align-items:center;justify-content:center;border:0;color:#7a879a;font-size:10px;font-weight:700;border-radius:12px;padding:10px}.login-card-v2 .auth-tabs button.active{background:#fff;color:#413fb0;box-shadow:0 7px 18px #182b4b0c;border:1px solid #fff}.login-card-v2 .auth-tabs button span{font-size:12px}
.login-card-v2 .auth-form label{font-size:9px;font-weight:700;color:#5b687d;margin-bottom:10px}.login-card-v2 .field{margin-top:6px;border:1px solid #e1e7f0;background:#f9fbfe;border-radius:15px;height:49px;transition:.2s;box-shadow:inset 0 1px #fff}.login-card-v2 .field:focus-within{border-color:#776df450;box-shadow:0 0 0 4px #655cf609,0 10px 25px #4752a70b;background:#fff}.login-card-v2 .field-icon{width:42px;color:#695ff0;font-size:13px}.login-card-v2 .field input{font-size:12px}.login-card-v2 .eye{font-size:8px;color:#6d78a0}
.login-submit{margin-top:5px!important;min-height:56px!important;border-radius:16px!important;padding:8px 12px!important;background:linear-gradient(120deg,#5c57ee,#7164f5 55%,#1db8cf)!important;box-shadow:0 15px 32px #5e59ed2e!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.login-submit>span{text-align:right}.login-submit b{display:block;font-size:11px}.login-submit small{display:block;font-size:7px;color:#d9dcff;font-weight:500;margin-top:2px}.login-submit i{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#ffffff13;font-style:normal;font-size:17px}
.login-card-v2 .login-security{margin:14px 0 12px;padding:10px 12px;border:1px solid #dfeae7;background:#f6fbfa;border-radius:15px;display:flex;align-items:center;gap:9px}.login-card-v2 .security-icon{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#14b98810;color:#0ba978;font-weight:900}.login-card-v2 .login-security b{font-size:8px}.login-card-v2 .login-security small{font-size:7px;line-height:1.7;color:#7d8b9d}
.login-card-v2 .demo-access{border:1px dashed #d8deea;background:#f8faff;border-radius:16px;padding:11px}.demo-access-head{display:flex;align-items:center;justify-content:space-between}.demo-access-head>div b{display:block;font-size:8px}.demo-access-head>div small{display:block;font-size:7px;color:#8b96a8}.demo-badge{font:700 7px var(--display);letter-spacing:1px;color:#635be3;background:#655cf60b;border:1px solid #655cf616;padding:5px 6px;border-radius:7px}.login-card-v2 .demo-accounts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.login-card-v2 .demo-accounts button{display:flex!important;align-items:center!important;gap:6px!important;text-align:right!important;padding:8px!important;border-radius:11px!important;background:#fff!important;border:1px solid #e8edf5!important}.login-card-v2 .demo-accounts button>span{width:24px;height:24px;border-radius:8px;background:#655cf60d;color:#655cf6;display:grid;place-items:center;font:800 8px var(--display)}.login-card-v2 .demo-accounts b{font-size:7.5px!important;margin:0!important}.login-card-v2 .demo-accounts small{font-size:6px!important;color:#96a0b1!important}.login-card-v2 .demo-otp-line{font-size:6.8px!important;color:#9aa4b5!important;text-align:center;display:block;margin-top:8px}.login-version{display:flex;justify-content:space-between;color:#a0aaba;font-size:6px;margin-top:11px;padding:0 2px}.login-version span{letter-spacing:1.2px;font-weight:700}.login-version b{font-weight:600}

/* SHELL polish */
.sidebar{background:linear-gradient(180deg,#07111e,#09192a 48%,#07131f);border-left:1px solid #ffffff08;box-shadow:18px 0 50px #0b193016}.side-brand{padding:18px 14px 16px}.side-brand .brand-mark{width:40px;height:40px;border-radius:14px}.side-brand b{font:800 14px var(--display)}.side-brand small{font-size:7px;letter-spacing:.7px}.store-badge{border:1px solid #ffffff0c!important;background:linear-gradient(135deg,#ffffff08,#ffffff03)!important;border-radius:17px!important;box-shadow:inset 0 1px #ffffff08}.store-badge .avatar,.user-avatar{background:linear-gradient(135deg,#645cf6,#24b9cf)!important;box-shadow:0 8px 20px #625af330}.nav-item{border:1px solid transparent!important;border-radius:13px!important;min-height:42px!important;transition:.18s ease!important}.nav-item:hover{background:#ffffff06!important;border-color:#ffffff08!important;transform:translateX(-2px)}.nav-item.active{background:linear-gradient(115deg,#655cf624,#1dbbd115)!important;border-color:#796ff52c!important;color:#fff!important;box-shadow:inset 3px 0 #786ff5}.nav-item.active .nav-ico{background:#766df51a!important;color:#afa7ff!important}.nav-section{font-size:7px!important;letter-spacing:.5px!important;color:#48607e!important;margin-top:14px!important}.topbar{height:78px!important;background:rgba(243,246,251,.82)!important;backdrop-filter:blur(18px);border-bottom:1px solid #dde5f050!important}.dark .topbar{background:rgba(7,17,30,.82)!important}.page-title small{font-size:7px!important;letter-spacing:.2px!important}.page-title h1{font:800 19px var(--display)!important;letter-spacing:-.6px}.quick-sale{background:linear-gradient(120deg,#5e59ee,#7268f6)!important;border:0!important;box-shadow:0 10px 24px #5b57ed24!important;border-radius:13px!important}.user-chip{border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:0 8px 24px #1a2d4b0b!important;border-radius:14px!important}.content{padding:22px 25px 42px!important;max-width:1640px;margin:0 auto;width:100%}
.hero{border:1px solid #ffffff80!important;background:linear-gradient(125deg,#ffffff 0%,#f8f9ff 56%,#f2fbfd 100%)!important;border-radius:26px!important;box-shadow:0 18px 55px #263e7010!important;position:relative;overflow:hidden!important;padding:25px 27px!important}.dark .hero{border-color:#243751!important;background:linear-gradient(125deg,#0e1b2d,#101e32 56%,#0d2230)!important}.hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:-65px;top:-95px;border:1px solid #655cf60e;box-shadow:0 0 0 35px #655cf605,0 0 0 70px #24bfd003;pointer-events:none}.hero-kicker{font-size:7px!important;letter-spacing:1.4px!important;color:#625adf!important;background:#665ef009!important;border:1px solid #655cf612;padding:5px 7px;border-radius:8px}.hero h2{font:800 24px/1.55 var(--display)!important;letter-spacing:-1px!important;margin:9px 0 4px!important}.hero p{font-size:10px!important;line-height:1.9!important;max-width:760px!important}.hero-btn{border-radius:12px!important;padding:9px 13px!important;font-size:9px!important}.hero-btn.primary-soft{background:linear-gradient(120deg,#655cf6,#7168f6)!important;color:#fff!important;box-shadow:0 9px 22px #655cf621!important}
.metrics{gap:11px!important;margin:13px 0!important}.metric{border:1px solid var(--line)!important;border-radius:20px!important;padding:17px!important;box-shadow:0 12px 33px #172e5708!important;transition:.18s ease}.metric:hover{transform:translateY(-2px);box-shadow:0 18px 42px #172e5710}.metric:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#655cf640,transparent)}.metric .micon{border-radius:12px!important;background:linear-gradient(135deg,#665ef00e,#1bbfd00b)!important;color:#5f59d9!important;border:1px solid #665ef014}.metric>b{font:800 20px var(--display)!important}.metric>span{font-size:8px!important}.panel{border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 13px 38px #18305b08!important;overflow:hidden}.panel-head{padding:16px 17px!important;border-bottom:1px solid var(--line)!important}.panel-head h3{font:800 13px var(--display)!important}.panel-head p{font-size:8px!important}.panel-body{padding:15px!important}.action-card{border-radius:16px!important;border:1px solid var(--line)!important;transition:.18s!important}.action-card:hover{transform:translateY(-2px);border-color:#6a61ed25!important;box-shadow:0 12px 30px #182d530d!important}.action-card i{background:linear-gradient(135deg,#655cf60f,#20bdcf0e)!important;color:#655cf6!important;border-radius:11px!important}
.data-table{border-collapse:separate!important;border-spacing:0 6px!important}.data-table thead th{border:0!important;background:transparent!important;color:#8c98aa!important;font-size:7px!important;padding:4px 10px!important}.data-table tbody tr{filter:drop-shadow(0 5px 12px #152c4d06)}.data-table tbody td{background:var(--surface2)!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;padding:11px 10px!important}.data-table tbody td:first-child{border-right:1px solid var(--line)!important;border-radius:0 12px 12px 0}.data-table tbody td:last-child{border-left:1px solid var(--line)!important;border-radius:12px 0 0 12px}.tiny-btn{border-radius:9px!important;font-size:7.5px!important;padding:6px 8px!important}.status{border-radius:999px!important;padding:5px 8px!important;font-size:7px!important}

/* Products page V2 */
.product-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:14px 0}.barcode-station{position:relative;background:linear-gradient(125deg,#0b1728,#0d2137);color:#fff;border:1px solid #ffffff0d;border-radius:22px;padding:18px;box-shadow:0 18px 48px #0c1d3b1c;overflow:hidden}.barcode-station:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-90px;top:-95px;background:radial-gradient(circle,#655cf62a,transparent 65%)}.barcode-station-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.barcode-station-head>div{display:flex;gap:10px;align-items:center}.scanner-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#6d63f6,#1abfd0);box-shadow:0 10px 25px #5e59ed3a;font-size:16px}.barcode-station h3{font:800 13px var(--display);margin:0}.barcode-station p{font-size:8px;color:#8398b5;margin:3px 0 0}.scanner-ready{font-size:7px;color:#6de1c2;background:#23d0aa0c;border:1px solid #23d0aa1d;padding:6px 8px;border-radius:999px}.barcode-entry{display:flex;gap:8px;align-items:center;margin-top:14px;position:relative;z-index:1}.barcode-entry input{flex:1;height:48px;border-radius:14px;border:1px solid #ffffff12;background:#ffffff08;color:#fff;padding:0 14px;font:700 15px var(--display);letter-spacing:1.3px;outline:0;direction:ltr;text-align:left}.barcode-entry input:focus{border-color:#776ef45a;box-shadow:0 0 0 4px #7067f510;background:#ffffff0c}.barcode-entry input::placeholder{color:#536b89;font:500 9px var(--font);letter-spacing:0}.barcode-entry button{height:48px;border:0;border-radius:14px;background:#fff;color:#17233a;padding:0 16px;font-size:9px;font-weight:800}.barcode-tip{display:flex;gap:13px;margin-top:10px;color:#647c99;font-size:7px;position:relative;z-index:1}.product-summary-mini{min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px;box-shadow:0 13px 38px #18305b08}.product-summary-mini div{padding:10px;background:var(--surface2);border-radius:14px}.product-summary-mini b{display:block;font:800 16px var(--display);margin-bottom:3px}.product-summary-mini span{font-size:7px;color:var(--muted)}
.product-name-cell{display:flex;align-items:center;gap:9px}.product-symbol{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#665ef012,#1dbfd014);border:1px solid #665ef014;display:grid;place-items:center;color:#625be2;font-weight:900}.product-name-cell b{display:block;font-size:9px}.product-name-cell small{display:block;font-size:7px;color:var(--muted);margin-top:2px}

/* product modal */
.product-modal-intro{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #dde5f0;background:linear-gradient(120deg,#f7f9ff,#f5fbfc);border-radius:16px;margin-bottom:13px}.product-modal-intro .scanner-mark{width:36px;height:36px;font-size:13px}.product-modal-intro b{display:block;font-size:9px}.product-modal-intro small{font-size:7px;color:var(--muted)}.barcode-form-field{grid-column:1/-1;background:#0b1728;border-radius:16px;padding:12px!important;border:1px solid #10253f}.barcode-form-field label{color:#8fa5c3!important}.barcode-form-field .input{background:#ffffff0a!important;color:#fff!important;border-color:#ffffff12!important;font:800 15px var(--display)!important;letter-spacing:1.3px!important}.barcode-form-field .input:focus{border-color:#746af54c!important;box-shadow:0 0 0 4px #655cf60e!important}.barcode-form-field small{display:block;color:#647d9b;font-size:7px;margin-top:7px}.form-field label{font-size:8px!important}.input,.select,.textarea{border-radius:12px!important;border-color:var(--line)!important;background:var(--surface2)!important;min-height:42px!important}.input:focus,.select:focus,.textarea:focus{border-color:#6c63ee45!important;box-shadow:0 0 0 4px #655cf608!important;background:var(--surface)!important}.modal{border-radius:24px!important;box-shadow:0 35px 110px #05122538!important;border:1px solid #ffffff80!important}.modal-head{padding:15px 17px!important}.modal-head h3{font:800 14px var(--display)!important}.modal-body{padding:16px!important}.form-actions .btn.primary{background:linear-gradient(120deg,#5f59ee,#7369f5)!important;border:0!important;box-shadow:0 9px 20px #625bed24!important}

/* POS V2 */
.pos-layout{gap:13px!important;align-items:start}.pos-main{min-width:0}.scan-box{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.scan-field{height:68px!important;border-radius:21px!important;background:linear-gradient(120deg,#0b1728,#10233b)!important;border:1px solid #172f4e!important;box-shadow:0 18px 48px #0d1e3c18!important;padding:0 15px!important}.scan-field:focus-within{border-color:#6f66ef52!important;box-shadow:0 18px 48px #0d1e3c18,0 0 0 4px #655cf60a!important}.scan-ico{width:41px!important;height:41px!important;border-radius:13px!important;background:linear-gradient(135deg,#665df5,#1ebed0)!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 10px 23px #5f59ee34}.scan-field input{font:700 14px var(--display)!important;color:#fff!important}.scan-field input::placeholder{color:#8296b1!important;font:500 10px var(--font)!important}.scan-field small{color:#627995!important;font-size:7px!important}.product-results{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:9px!important;max-height:245px!important;overflow:auto!important;padding:1px!important}.product-chip{position:relative!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;gap:2px 8px!important;text-align:right!important;border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:16px!important;padding:10px!important;min-height:80px!important;box-shadow:0 8px 22px #1c335708!important;transition:.16s!important;overflow:hidden}.product-chip:hover{transform:translateY(-2px)!important;border-color:#6d64ee34!important;box-shadow:0 13px 28px #1c33570e!important}.product-chip:before{content:attr(data-letter);grid-row:1/3;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#665ef010,#22bfd013);border:1px solid #655cf614;color:#625be2;font-weight:900;font-size:11px}.product-chip b{font-size:9px!important;align-self:end}.product-chip small{font-size:6.7px!important;color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-chip span{grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:7px!important;padding-top:7px!important;border-top:1px dashed var(--line)!important;font:800 11px var(--display)!important;color:var(--ink)!important}.product-chip span:after{content:"＋ افزودن";font:700 7px var(--font);color:#6159db;background:#655cf60a;padding:4px 6px;border-radius:7px}.product-chip.exact{border-color:#26bc9d35!important;box-shadow:0 0 0 3px #22be9c0a!important}.product-chip.exact:after{content:"بارکد دقیق";position:absolute;top:6px;left:6px;background:#0cad7c;color:#fff;font-size:6px;padding:3px 5px;border-radius:6px}
.cart{border:1px solid var(--line)!important;border-radius:22px!important;background:var(--surface)!important;box-shadow:0 13px 38px #18305b08!important;margin-top:11px!important;overflow:hidden!important}.cart-head{background:var(--surface2)!important;border-bottom:1px solid var(--line)!important;color:#8995a8!important;font-size:7px!important;padding:9px 12px!important}.cart-row{margin:7px 8px!important;padding:9px 7px!important;border:1px solid var(--line)!important;background:var(--surface2)!important;border-radius:14px!important;box-shadow:none!important}.cart-row:hover{border-color:#6b62ee24!important}.cart-product b{font-size:9px!important}.cart-product small{font-size:6.5px!important}.qty-control{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:2px!important}.qty-control button{border-radius:7px!important;color:#5e58d6!important}.cart-price{font:700 9px var(--display)!important}.cart-empty{min-height:260px!important}.cart-empty .big{width:55px;height:55px;border-radius:17px;background:linear-gradient(135deg,#655cf60e,#1bbfd00d);color:#655cf6;display:grid;place-items:center;margin:auto auto 10px;font-size:20px}.cart-empty b{font:800 12px var(--display)!important}.cart-empty span{font-size:8px!important}
.pos-side{position:sticky!important;top:93px!important}.checkout-card{border:1px solid #1c3150!important;border-radius:23px!important;background:linear-gradient(165deg,#0a1728,#0d2137)!important;color:#fff!important;box-shadow:0 20px 60px #0a1b3720!important;padding:17px!important}.checkout-title{border-bottom:1px solid #ffffff0d!important;padding-bottom:12px!important;margin-bottom:13px!important}.checkout-title h3{font:800 14px var(--display)!important}.checkout-title span{background:#ffffff08!important;border:1px solid #ffffff0c!important;color:#a6bad5!important;border-radius:999px!important}.checkout-card .field-label{color:#758da9!important;font-size:7px!important}.checkout-card .input,.checkout-card .textarea{background:#ffffff09!important;border-color:#ffffff10!important;color:#fff!important}.checkout-card .input::placeholder,.checkout-card .textarea::placeholder{color:#5c738f!important}.customer-picker .btn{background:#ffffff0b!important;color:#c7d4e5!important;border-color:#ffffff10!important}.pay-types{gap:6px!important}.pay-type{border:1px solid #ffffff0d!important;background:#ffffff07!important;color:#8298b4!important;border-radius:11px!important;font-size:8px!important}.pay-type.active{background:linear-gradient(120deg,#655cf62d,#1bbfd01c)!important;border-color:#766df43d!important;color:#fff!important;box-shadow:inset 0 1px #ffffff10!important}.sum-lines{border-top:1px solid #ffffff0d!important;border-bottom:1px solid #ffffff0d!important}.sum-line{color:#8aa0bb!important;font-size:8px!important}.sum-line b{color:#dce8f5!important}.discount-input span{color:#6f86a3!important}.grand{margin:12px -5px 11px!important;padding:14px!important;border-radius:17px!important;background:linear-gradient(120deg,#655cf626,#1bbfd019)!important;border:1px solid #746af533!important}.grand>span{font-size:8px!important;color:#a7b8d1!important}.grand b{font:900 23px var(--display)!important;color:#75e4d8!important}.checkout-actions{gap:6px!important}.checkout-actions button{border-radius:12px!important;font-size:8px!important}.issue-print{min-height:47px!important;background:linear-gradient(120deg,#625cf1,#7268f6 58%,#20b8cc)!important;box-shadow:0 12px 28px #645dec32!important;border:0!important;font-size:10px!important}.shortcut-strip{color:#5f7897!important;font-size:6.5px!important}

/* Invoice cards */
.invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.invoice-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:15px;box-shadow:0 11px 30px #18305b07;transition:.18s;overflow:hidden}.invoice-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #18305b0d;border-color:#675ef225}.invoice-card:before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,#655cf6,#1bbfd0)}.invoice-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.invoice-no{display:flex;gap:9px;align-items:center}.invoice-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#655cf60f,#1bbfd010);color:#655cf6;border:1px solid #655cf613}.invoice-no b{display:block;font:800 10px var(--display)}.invoice-no small{font-size:7px;color:var(--muted)}.invoice-total{margin:14px 0 12px;padding:12px 13px;border-radius:15px;background:linear-gradient(120deg,#f7f8ff,#f4fbfc);border:1px solid #edf0f7;display:flex;align-items:end;justify-content:space-between}.dark .invoice-total{background:#101f32;border-color:#20324d}.invoice-total span{font-size:7px;color:var(--muted)}.invoice-total b{font:900 18px var(--display);color:var(--ink)}.invoice-total small{font:600 7px var(--font);color:var(--muted)}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.invoice-meta div{padding:8px 9px;background:var(--surface2);border-radius:11px}.invoice-meta span{display:block;color:var(--muted);font-size:6.5px}.invoice-meta b{display:block;font-size:8px;margin-top:2px}.invoice-actions{display:flex;gap:6px;margin-top:11px}.invoice-actions button{flex:1;border:1px solid var(--line);background:var(--surface2);color:var(--ink);border-radius:10px;padding:8px;font-size:7.5px;font-weight:700}.invoice-actions button.primary{border:0;background:linear-gradient(120deg,#625cf1,#7066f3);color:#fff}.invoice-empty{grid-column:1/-1;text-align:center;padding:45px;color:var(--muted)}

@media(max-width:1180px){.product-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}.invoice-grid{grid-template-columns:1fr}.product-toolbar{grid-template-columns:1fr}.product-summary-mini{grid-template-columns:repeat(4,1fr)}}
@media(max-width:980px){.login-v2{grid-template-columns:1fr}.login-v2 .login-showcase{display:none}.login-v2 .login-panel{min-height:100vh}.login-card-v2{max-width:520px}.product-results{grid-template-columns:1fr 1fr!important}.pos-side{position:static!important}}
@media(max-width:650px){.content{padding:14px!important}.product-results{grid-template-columns:1fr!important}.product-summary-mini{grid-template-columns:1fr 1fr}.invoice-grid{grid-template-columns:1fr}.login-card-v2{padding:22px 18px}.login-card-v2 .demo-accounts{grid-template-columns:1fr}.hero{padding:20px!important}.hero h2{font-size:20px!important}}
/* final contrast fixes */
.hero{color:var(--ink)!important}.hero p{color:var(--muted)!important}.hero-btn{color:var(--ink)!important;background:var(--surface)!important;border-color:var(--line)!important}.hero-btn.primary-soft{color:#fff!important}.demo-ribbon{top:auto!important;bottom:14px!important;left:16px!important;opacity:.82;font-size:7px!important;padding:5px 8px!important}