/* VIONA STORE v0.3.0 — Theme System
   Portable build: no remote fonts, fully Persian-safe system font stack. */
:root{
  --font:Tahoma,"Segoe UI",Arial,sans-serif;
  --display:Tahoma,"Segoe UI",Arial,sans-serif;
}
body,button,input,select,textarea{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}
body{font-feature-settings:"ss01" 0;letter-spacing:0}

/* ---------- Shared polish ---------- */
body.theme-aether,body.theme-midnight{--radius:24px}
body.theme-aether .brand-lockup b,body.theme-aether .side-brand b,body.theme-aether h1,body.theme-aether h2,body.theme-aether h3,
body.theme-midnight .brand-lockup b,body.theme-midnight .side-brand b,body.theme-midnight h1,body.theme-midnight h2,body.theme-midnight h3{letter-spacing:-.25px!important}
body.theme-aether .status,body.theme-midnight .status{font-weight:800}
body.theme-aether .input:focus,body.theme-aether .select:focus,body.theme-aether .textarea:focus,
body.theme-midnight .input:focus,body.theme-midnight .select:focus,body.theme-midnight .textarea:focus{outline:none}

/* ---------- AETHER / ABSTRACT GLASS (new default) ---------- */
body.theme-aether{
  --bg:#f2f5fb;--surface:rgba(255,255,255,.76);--surface2:rgba(247,249,253,.82);--ink:#182035;--muted:#78849a;
  --line:rgba(116,128,158,.16);--brand:#6e55f8;--brand2:#21bfd0;--green:#0cad82;--red:#e45a72;--amber:#e39a22;
  --shadow:0 24px 70px rgba(51,65,100,.10);--shadow2:0 12px 36px rgba(51,65,100,.08);
  background:
    radial-gradient(circle at 12% 9%,rgba(126,92,255,.16),transparent 26%),
    radial-gradient(circle at 84% 3%,rgba(48,205,210,.15),transparent 24%),
    radial-gradient(circle at 83% 88%,rgba(255,151,119,.12),transparent 25%),
    linear-gradient(145deg,#f7f8fc 0%,#eef4fb 49%,#f5f1fb 100%)!important;
  color:var(--ink)
}
body.theme-aether:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.6;background-image:linear-gradient(rgba(76,88,120,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(76,88,120,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}

/* Login — Aether */
body.theme-aether .login-view{grid-template-columns:minmax(0,1.13fr) minmax(430px,.87fr);background:linear-gradient(135deg,#eff4fb 0%,#f4f1fb 47%,#edf8f8 100%)!important;color:#172039;position:relative;isolation:isolate}
body.theme-aether .login-view:before,body.theme-aether .login-view:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(2px);z-index:-1}
body.theme-aether .login-view:before{width:580px;height:580px;right:-180px;top:-240px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.98),rgba(128,92,255,.20) 35%,rgba(49,204,210,.04) 68%,transparent 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
body.theme-aether .login-view:after{width:430px;height:430px;left:9%;bottom:-260px;background:radial-gradient(circle at 55% 36%,rgba(255,255,255,.9),rgba(35,191,208,.17) 36%,rgba(255,148,112,.10) 63%,transparent 72%)}
body.theme-aether .login-aurora{display:block!important;filter:blur(50px)!important;opacity:.32!important}
body.theme-aether .login-aurora.a1{width:280px!important;height:280px!important;left:41%!important;top:13%!important;background:#a78bfa!important}
body.theme-aether .login-aurora.a2{width:260px!important;height:260px!important;left:15%!important;bottom:8%!important;background:#5eead4!important}
body.theme-aether .login-aurora.a3{width:220px;height:220px;right:8%;bottom:18%;background:#fca58a}
body.theme-aether .login-showcase{background:transparent!important;padding:48px 6vw 34px!important;color:#172039;overflow:visible!important}
body.theme-aether .login-showcase:before{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.55),transparent 63%)!important;mask-image:none!important}
body.theme-aether .brand-mark{background:linear-gradient(135deg,#7658fb 4%,#8776ff 43%,#20c5cc 100%)!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 16px 40px rgba(102,81,232,.24),inset 0 1px rgba(255,255,255,.55)!important}
body.theme-aether .brand-lockup b{color:#182038!important;letter-spacing:1.4px!important}
body.theme-aether .brand-lockup small{color:#8792a5!important}
body.theme-aether .eyebrow{color:#6651d8!important;background:rgba(255,255,255,.58)!important;border-color:rgba(102,81,216,.13)!important;box-shadow:0 8px 28px rgba(68,76,108,.06)!important;backdrop-filter:blur(18px)}
body.theme-aether .eyebrow i{width:7px;height:7px;border-radius:50%;background:#18bcae;box-shadow:0 0 0 5px rgba(24,188,174,.10);margin-left:7px}
body.theme-aether .showcase-copy{max-width:690px!important}
body.theme-aether .showcase-copy h1{color:#151d32!important;font-size:clamp(40px,4.6vw,68px)!important;line-height:1.48!important;letter-spacing:-2.6px!important;margin-top:15px!important}
body.theme-aether .showcase-copy h1 em{background:linear-gradient(100deg,#7358f4,#955edf 48%,#17afb7)!important;-webkit-background-clip:text!important;color:transparent!important}
body.theme-aether .showcase-copy p{color:#68758d!important;font-size:15px!important;max-width:610px!important}
body.theme-aether .showcase-features{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:18px}
body.theme-aether .showcase-features span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 25px rgba(72,81,114,.05);color:#5f6d84;font-size:10px;font-weight:800;backdrop-filter:blur(18px)}
body.theme-aether .showcase-console{position:relative!important;background:linear-gradient(155deg,rgba(255,255,255,.78),rgba(255,255,255,.52))!important;border:1px solid rgba(255,255,255,.90)!important;box-shadow:0 34px 90px rgba(65,69,112,.14),inset 0 1px rgba(255,255,255,.95)!important;color:#162038!important;border-radius:30px!important;backdrop-filter:blur(30px) saturate(125%)!important;transform:perspective(1400px) rotateY(-2deg) rotateX(1deg);overflow:hidden}
body.theme-aether .showcase-console:before{content:"";position:absolute;width:180px;height:180px;left:-65px;top:-72px;border-radius:50%;background:linear-gradient(135deg,rgba(116,85,248,.20),rgba(34,193,204,.04));filter:blur(4px)}
body.theme-aether .console-top{border-color:rgba(93,106,139,.10)!important}
body.theme-aether .console-top small,body.theme-aether .console-item small{color:#8590a4!important}
body.theme-aether .console-dot{background:#765bf7!important;box-shadow:0 0 0 5px rgba(118,91,247,.10)!important}
body.theme-aether .live-pill{background:rgba(15,175,127,.09)!important;color:#0a9b70!important;border:1px solid rgba(15,175,127,.12)!important}
body.theme-aether .console-metrics article{background:rgba(245,247,252,.82)!important;border:1px solid rgba(105,119,151,.08)!important}
body.theme-aether .console-metrics article b{color:#1d2940!important}
body.theme-aether .console-scan{background:linear-gradient(130deg,#1f2943,#30375a)!important;border-color:rgba(255,255,255,.05)!important;color:#fff!important;box-shadow:0 15px 34px rgba(32,39,66,.16)!important}
body.theme-aether .console-item{background:rgba(255,255,255,.60)!important;border-color:rgba(94,108,143,.10)!important}
body.theme-aether .console-item strong{color:#3b4660!important}
body.theme-aether .console-total{background:linear-gradient(120deg,rgba(117,88,248,.09),rgba(31,194,202,.10))!important;border-color:rgba(109,86,239,.12)!important}
body.theme-aether .console-total b{color:#6049d8!important}
body.theme-aether .showcase-foot{color:#929bad!important;display:flex;gap:12px}
body.theme-aether .login-panel{background:transparent!important;padding:32px 5vw 32px 30px!important;position:relative}
body.theme-aether .login-box{width:min(488px,100%)!important}
body.theme-aether .login-card-v2{padding:28px!important;border-radius:32px!important;background:linear-gradient(155deg,rgba(255,255,255,.79),rgba(255,255,255,.60))!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 34px 90px rgba(58,66,99,.15),inset 0 1px rgba(255,255,255,.95)!important;backdrop-filter:blur(34px) saturate(125%)!important}
body.theme-aether .login-head .mini-pill{color:#7356ec!important;background:rgba(115,86,236,.07)!important;border-color:rgba(115,86,236,.10)!important}
body.theme-aether .login-head h2{color:#1c253a!important;font-size:28px!important}
body.theme-aether .login-head p{color:#7b879c!important}
body.theme-aether .auth-tabs{background:rgba(229,234,244,.74)!important;border:1px solid rgba(125,139,171,.09)!important;padding:5px!important}
body.theme-aether .auth-tabs button.active{background:rgba(255,255,255,.96)!important;color:#5744c8!important;box-shadow:0 9px 25px rgba(63,72,107,.09)!important}
body.theme-aether .field{background:rgba(255,255,255,.76)!important;border:1px solid rgba(110,123,151,.15)!important;box-shadow:inset 0 1px rgba(255,255,255,.8)!important}
body.theme-aether .field:focus-within{border-color:rgba(112,84,241,.36)!important;box-shadow:0 0 0 4px rgba(112,84,241,.08),inset 0 1px rgba(255,255,255,.85)!important}
body.theme-aether .field input{color:#1a2439!important}
body.theme-aether .login-submit{background:linear-gradient(112deg,#6f54ef 0%,#865fe9 49%,#1db7c3 100%)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 18px 36px rgba(105,79,225,.27)!important;border-radius:16px!important}
body.theme-aether .login-security{background:rgba(243,246,251,.76)!important;border:1px solid rgba(103,117,150,.08)!important}
body.theme-aether .security-icon{background:rgba(15,175,127,.10)!important;color:#0a9b70!important}
body.theme-aether .demo-access{background:rgba(246,248,252,.72)!important;border-color:rgba(108,121,150,.09)!important}
body.theme-aether .demo-accounts button{background:rgba(255,255,255,.72)!important;border-color:rgba(99,112,145,.09)!important}
body.theme-aether .demo-accounts button:hover{border-color:rgba(111,84,239,.24)!important;box-shadow:0 12px 26px rgba(67,76,109,.08)!important;transform:translateY(-1px)}
body.theme-aether .login-version{color:#9aa4b6!important}

/* App shell — Aether */
body.theme-aether .app-view{grid-template-columns:272px minmax(0,1fr)!important;min-height:100vh;background:transparent!important}
body.theme-aether .sidebar{right:15px!important;top:15px!important;bottom:15px!important;width:242px!important;padding:13px 10px!important;border-radius:28px!important;background:linear-gradient(155deg,rgba(255,255,255,.80),rgba(247,249,253,.64))!important;color:#263149!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 25px 70px rgba(57,67,102,.13),inset 0 1px rgba(255,255,255,.96)!important;backdrop-filter:blur(28px) saturate(125%)!important}
body.theme-aether .side-brand{padding:7px 7px 15px!important;border-bottom:1px solid rgba(97,111,143,.08)!important;margin-bottom:8px}
body.theme-aether .side-brand b{color:#1d2940!important}
body.theme-aether .side-brand small{color:#929caf!important}
body.theme-aether .side-brand>button{background:rgba(101,112,143,.06)!important;color:#7c879a!important}
body.theme-aether .store-badge{background:linear-gradient(125deg,rgba(112,84,239,.07),rgba(29,188,197,.06))!important;border:1px solid rgba(112,84,239,.09)!important;color:#28344b!important}
body.theme-aether .store-badge .avatar{background:linear-gradient(135deg,#7358f5,#21bdc8)!important;color:#fff!important;box-shadow:0 10px 22px rgba(104,79,220,.18)}
body.theme-aether .store-badge small{color:#8792a6!important}
body.theme-aether .nav-section{color:#a0a9b9!important;padding-top:13px!important}
body.theme-aether .nav-item{color:#69758b!important;border:1px solid transparent!important;padding:10px!important}
body.theme-aether .nav-item:hover{background:rgba(255,255,255,.64)!important;color:#2f3a52!important;transform:translateX(-1px)!important;border-color:rgba(98,111,145,.07)!important}
body.theme-aether .nav-item.active{color:#fff!important;background:linear-gradient(112deg,#7256ee,#875ee8 56%,#28b7c4)!important;box-shadow:0 14px 28px rgba(103,78,219,.23)!important;border-color:rgba(255,255,255,.18)!important}
body.theme-aether .nav-item.active .nav-ico{filter:drop-shadow(0 2px 8px rgba(255,255,255,.25))}
body.theme-aether .side-bottom{border-color:rgba(95,108,140,.08)!important}
body.theme-aether .side-action{color:#788499!important}
body.theme-aether .side-action:hover{background:rgba(255,255,255,.64)!important;color:#39455d!important}
body.theme-aether .workspace{grid-column:2!important;padding-right:0!important;margin-right:0!important;min-width:0}
body.theme-aether .topbar{height:72px!important;margin:15px 15px 0 0!important;top:15px!important;border:1px solid rgba(255,255,255,.90)!important;border-radius:22px!important;background:rgba(255,255,255,.60)!important;box-shadow:0 14px 42px rgba(63,72,105,.08)!important;backdrop-filter:blur(24px) saturate(125%)!important;padding:0 20px!important}
body.theme-aether .page-title small{color:#9aa3b4!important}
body.theme-aether .page-title h1{color:#1c263b!important}
body.theme-aether .quick-sale{background:linear-gradient(112deg,#6d53ed,#875ce8 55%,#20b8c2)!important;box-shadow:0 12px 25px rgba(101,78,217,.21)!important;border:1px solid rgba(255,255,255,.18)!important}
body.theme-aether .icon-btn,body.theme-aether .user-chip{background:rgba(255,255,255,.70)!important;border-color:rgba(104,117,148,.12)!important;box-shadow:0 8px 22px rgba(60,71,106,.05)!important}
body.theme-aether .content{padding:25px 28px 50px 27px!important}
body.theme-aether .hero{background:linear-gradient(128deg,rgba(255,255,255,.68),rgba(255,255,255,.46))!important;border:1px solid rgba(255,255,255,.90)!important;box-shadow:0 24px 60px rgba(61,72,107,.08)!important;border-radius:29px!important;backdrop-filter:blur(24px)!important;position:relative;overflow:hidden}
body.theme-aether .hero:before{content:"";position:absolute;width:240px;height:240px;left:-90px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(114,86,238,.14),rgba(33,190,198,.05) 55%,transparent 70%)}
body.theme-aether .hero:after{content:"";position:absolute;width:150px;height:150px;right:15%;bottom:-120px;border-radius:50%;border:24px solid rgba(36,187,198,.055);transform:rotate(20deg)}
body.theme-aether .hero>*{position:relative;z-index:1}
body.theme-aether .hero-kicker{color:#6d56d7!important;background:rgba(113,87,229,.07)!important;border:1px solid rgba(113,87,229,.09)!important;border-radius:999px;padding:5px 9px}
body.theme-aether .hero h2{color:#1b2438!important}
body.theme-aether .hero p{color:#778399!important}
body.theme-aether .hero-btn{background:rgba(255,255,255,.72)!important;color:#3c4961!important;border:1px solid rgba(102,115,146,.11)!important;box-shadow:0 8px 20px rgba(60,70,104,.05)!important}
body.theme-aether .hero-btn.primary-soft{background:linear-gradient(112deg,#6f55ef,#855ee8 60%,#26b9c3)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(104,79,220,.19)!important}
body.theme-aether .metrics{gap:12px!important}
body.theme-aether .metric,body.theme-aether .panel,body.theme-aether .barcode-station,body.theme-aether .product-summary-mini,body.theme-aether .invoice-card,body.theme-aether .cart{background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.58))!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 18px 48px rgba(61,72,107,.07)!important;backdrop-filter:blur(20px)!important}
body.theme-aether .metric{border-radius:22px!important;overflow:hidden;position:relative}
body.theme-aether .metric:after{content:"";position:absolute;left:-18px;bottom:-23px;width:75px;height:75px;border-radius:50%;background:linear-gradient(135deg,rgba(112,84,239,.07),rgba(30,189,198,.05))}
body.theme-aether .metric .micon{background:linear-gradient(135deg,rgba(112,84,239,.10),rgba(31,190,200,.10))!important;color:#6952d5!important;border:1px solid rgba(112,84,239,.08)!important}
body.theme-aether .panel{border-radius:24px!important;overflow:hidden}
body.theme-aether .panel-head{background:rgba(249,250,253,.46)!important;border-color:rgba(103,116,148,.08)!important}
body.theme-aether .data-table th{color:#929cad!important;background:rgba(247,249,252,.56)!important}
body.theme-aether .data-table td{border-color:rgba(106,119,150,.08)!important}
body.theme-aether .data-table tbody tr:hover{background:rgba(112,84,239,.025)!important}
body.theme-aether .tiny-btn,body.theme-aether .btn{background:rgba(255,255,255,.70)!important;border-color:rgba(101,114,145,.12)!important;color:#4c5870!important}
body.theme-aether .btn.primary{background:linear-gradient(112deg,#7056ef,#855fe9 58%,#25b9c4)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 23px rgba(101,78,218,.18)!important}
body.theme-aether .modal-back{background:rgba(35,42,63,.22)!important;backdrop-filter:blur(12px)!important}
body.theme-aether .modal{background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(249,250,253,.84))!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 35px 100px rgba(37,45,72,.20)!important;border-radius:28px!important;backdrop-filter:blur(28px)!important}
body.theme-aether .modal-head{border-color:rgba(103,116,148,.09)!important}
body.theme-aether .input,body.theme-aether .select,body.theme-aether .textarea{background:rgba(255,255,255,.76)!important;border-color:rgba(104,117,148,.14)!important;color:#202b42!important}
body.theme-aether .input:focus,body.theme-aether .select:focus,body.theme-aether .textarea:focus{border-color:rgba(111,84,239,.35)!important;box-shadow:0 0 0 4px rgba(111,84,239,.07)!important}

/* Products — Aether */
body.theme-aether .barcode-station{border-radius:25px!important;position:relative;overflow:hidden}
body.theme-aether .barcode-station:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#7658f6,#b067e4,#22bdc8,#f6a27f)}
body.theme-aether .scanner-mark{background:linear-gradient(135deg,#7659f5,#20bdc8)!important;box-shadow:0 10px 25px rgba(105,80,220,.20)!important}
body.theme-aether .scanner-ready{background:rgba(12,173,130,.08)!important;color:#0a9a72!important;border-color:rgba(12,173,130,.10)!important}
body.theme-aether .barcode-entry{background:rgba(246,248,252,.64)!important;border-color:rgba(103,117,149,.10)!important}
body.theme-aether .barcode-entry input{color:#1f2a41!important}
body.theme-aether .barcode-entry button{background:linear-gradient(112deg,#7257ef,#25b8c2)!important;color:#fff!important;box-shadow:0 10px 23px rgba(104,80,219,.16)!important}
body.theme-aether .product-summary-mini>div{background:rgba(255,255,255,.66)!important;border-color:rgba(105,119,151,.10)!important}
body.theme-aether .product-symbol{background:linear-gradient(135deg,rgba(111,84,239,.10),rgba(31,189,199,.10))!important;color:#6b52d7!important;border-color:rgba(111,84,239,.09)!important}

/* POS — Aether */
body.theme-aether .scan-field{background:linear-gradient(122deg,rgba(255,255,255,.80),rgba(248,250,253,.68))!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 18px 50px rgba(54,66,100,.09)!important}
body.theme-aether .scan-field:focus-within{border-color:rgba(111,84,239,.23)!important;box-shadow:0 18px 50px rgba(54,66,100,.09),0 0 0 5px rgba(111,84,239,.06)!important}
body.theme-aether .scan-field input{color:#19243a!important}
body.theme-aether .scan-field input::placeholder{color:#909bad!important}
body.theme-aether .scan-field small{color:#a1a9b7!important}
body.theme-aether .product-chip{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(251,252,254,.64))!important;border:1px solid rgba(255,255,255,.94)!important;box-shadow:0 12px 34px rgba(58,70,105,.06)!important;border-radius:19px!important}
body.theme-aether .product-chip:hover{transform:translateY(-3px)!important;box-shadow:0 19px 42px rgba(58,70,105,.10)!important;border-color:rgba(110,84,239,.16)!important}
body.theme-aether .product-chip:before{background:linear-gradient(145deg,rgba(111,84,239,.10),rgba(32,190,200,.10))!important;color:#674fd0!important;border-color:rgba(110,84,239,.08)!important}
body.theme-aether .product-chip span:after{color:#654dcf!important;background:rgba(111,84,239,.07)!important}
body.theme-aether .cart-row{background:rgba(248,250,253,.68)!important;border-color:rgba(104,117,149,.10)!important}
body.theme-aether .qty-control{background:rgba(255,255,255,.82)!important;border-color:rgba(104,117,149,.10)!important}
body.theme-aether .checkout-card{background:linear-gradient(152deg,#202943 0%,#282f53 48%,#173b4b 100%)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 25px 65px rgba(28,35,64,.18)!important;position:relative;overflow:hidden}
body.theme-aether .checkout-card:before{content:"";position:absolute;width:190px;height:190px;left:-95px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(132,101,255,.28),transparent 68%);pointer-events:none}
body.theme-aether .checkout-card:after{content:"";position:absolute;width:150px;height:150px;right:-80px;bottom:-82px;border-radius:50%;background:radial-gradient(circle,rgba(34,199,205,.19),transparent 68%);pointer-events:none}
body.theme-aether .checkout-card>*{position:relative;z-index:1}
body.theme-aether .grand{background:linear-gradient(120deg,rgba(132,101,255,.20),rgba(37,190,198,.15))!important;border-color:rgba(255,255,255,.10)!important}
body.theme-aether .grand b{color:#7ce8df!important}
body.theme-aether .issue-print{background:linear-gradient(112deg,#8060f4,#9b67df 54%,#24bdc4)!important;box-shadow:0 15px 32px rgba(117,87,223,.28)!important}

/* Invoices — Aether */
body.theme-aether .invoice-grid{gap:12px!important}
body.theme-aether .invoice-card{border-radius:24px!important}
body.theme-aether .invoice-card:before{height:3px!important;background:linear-gradient(90deg,#7659f4,#aa66df,#25bcc6,#f4a07f)!important}
body.theme-aether .invoice-icon{background:linear-gradient(135deg,rgba(111,84,239,.10),rgba(31,188,198,.10))!important;color:#684fd1!important;border-color:rgba(111,84,239,.08)!important}
body.theme-aether .invoice-total{background:linear-gradient(120deg,rgba(111,84,239,.055),rgba(30,188,197,.06))!important;border-color:rgba(103,116,148,.08)!important}
body.theme-aether .invoice-actions button{background:rgba(249,250,253,.74)!important;border-color:rgba(103,116,148,.10)!important}
body.theme-aether .invoice-actions button.primary{background:linear-gradient(112deg,#7056ee,#25b9c3)!important;color:#fff!important}

/* Theme picker */
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.theme-card{border:1px solid var(--line);border-radius:22px;background:var(--surface2);padding:12px;text-align:right;color:var(--ink);transition:.18s;position:relative;overflow:hidden}
.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow2)}
.theme-card.active{box-shadow:0 0 0 3px rgba(111,84,239,.10);border-color:rgba(111,84,239,.28)}
.theme-preview{height:125px;border-radius:16px;overflow:hidden;margin-bottom:11px;border:1px solid rgba(255,255,255,.35);position:relative}
.theme-preview.aether{background:radial-gradient(circle at 25% 22%,#c7b7ff 0 9%,transparent 28%),radial-gradient(circle at 77% 72%,#a7ebe8 0 9%,transparent 31%),linear-gradient(145deg,#eef4fb,#f5f0fb 52%,#edf8f6)}
.theme-preview.aether:before{content:"";position:absolute;right:11px;top:11px;bottom:11px;width:28%;border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 7px 25px rgba(73,79,112,.14)}
.theme-preview.aether:after{content:"";position:absolute;right:45%;top:18px;width:42%;height:19px;border-radius:8px;background:rgba(255,255,255,.72);box-shadow:0 31px 0 rgba(255,255,255,.64),0 62px 0 rgba(255,255,255,.58)}
.theme-preview.midnight{background:radial-gradient(circle at 25% 15%,rgba(103,91,242,.33),transparent 32%),radial-gradient(circle at 82% 75%,rgba(21,184,204,.20),transparent 33%),linear-gradient(145deg,#08131f,#0e1d33 55%,#101a2c)}
.theme-preview.midnight:before{content:"";position:absolute;right:11px;top:11px;bottom:11px;width:28%;border-radius:12px;background:#101e31;border:1px solid #ffffff0e}
.theme-preview.midnight:after{content:"";position:absolute;right:45%;top:18px;width:42%;height:19px;border-radius:8px;background:#17253a;box-shadow:0 31px 0 #142238,0 62px 0 #132035}
.theme-card b{display:block;font-size:11px}.theme-card small{display:block;color:var(--muted);font-size:8px;line-height:1.8;margin-top:3px}.theme-check{position:absolute;top:19px;left:19px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#7357ef,#24b9c3);color:#fff;display:grid;place-items:center;font-size:10px;opacity:0;transform:scale(.7);transition:.18s}.theme-card.active .theme-check{opacity:1;transform:scale(1)}

/* ---------- MIDNIGHT / corrected previous theme ---------- */
body.theme-midnight{
  --bg:#07101b;--surface:#0d1928;--surface2:#111f31;--ink:#ecf3ff;--muted:#90a1b8;--line:#1d2e45;
  --brand:#7b6df5;--brand2:#20b8cc;--shadow:0 22px 70px rgba(0,0,0,.35);--shadow2:0 12px 32px rgba(0,0,0,.22);
  background:radial-gradient(circle at 12% 8%,rgba(108,91,241,.15),transparent 28%),radial-gradient(circle at 86% 90%,rgba(31,184,204,.10),transparent 30%),#07101b!important;color:var(--ink)
}
body.theme-midnight .login-view{background:#07101b!important;color:#fff}
body.theme-midnight .login-showcase{background:radial-gradient(circle at 22% 15%,rgba(111,91,244,.22),transparent 33%),radial-gradient(circle at 82% 88%,rgba(25,188,203,.12),transparent 34%),linear-gradient(145deg,#07101b,#0d1a2b 55%,#0a1624)!important}
body.theme-midnight .login-panel{background:#0a1422!important;color:#edf4ff!important}
body.theme-midnight .login-card-v2{background:#0e1b2b!important;border:1px solid #1c3048!important;box-shadow:0 30px 80px rgba(0,0,0,.35)!important}
body.theme-midnight .login-head h2,body.theme-midnight .field input{color:#f0f5ff!important}
body.theme-midnight .login-head p,body.theme-midnight .auth-form label{color:#8fa0b8!important}
body.theme-midnight .auth-tabs{background:#0a1523!important}
body.theme-midnight .auth-tabs button.active{background:#16253a!important;color:#fff!important;box-shadow:none!important}
body.theme-midnight .field{background:#0a1523!important;border-color:#20344d!important}
body.theme-midnight .login-security,body.theme-midnight .demo-access{background:#0a1523!important;border-color:#1b2e46!important;color:#d8e5f5!important}
body.theme-midnight .demo-accounts button{background:#0d1a2a!important;border-color:#1c2f46!important;color:#e5eefb!important}
body.theme-midnight .sidebar{background:linear-gradient(180deg,#060d17,#0a1624)!important;border-left:1px solid #172941!important}
body.theme-midnight .topbar{background:rgba(7,16,27,.82)!important;border-color:#182942!important}
body.theme-midnight .hero{background:linear-gradient(135deg,#0d1b2c,#101f33)!important;border-color:#1c3048!important;box-shadow:0 18px 55px rgba(0,0,0,.16)!important}
body.theme-midnight .hero h2,body.theme-midnight .hero-btn{color:#edf4ff!important}
body.theme-midnight .hero p{color:#91a2ba!important}
body.theme-midnight .metric,body.theme-midnight .panel,body.theme-midnight .cart,body.theme-midnight .invoice-card,body.theme-midnight .barcode-station{background:#0d1928!important;border-color:#1b2d45!important;color:#eaf2ff!important;box-shadow:0 14px 38px rgba(0,0,0,.14)!important}
body.theme-midnight .panel-head,body.theme-midnight .cart-head{background:#0a1523!important;border-color:#1a2c43!important}
body.theme-midnight .input,body.theme-midnight .select,body.theme-midnight .textarea{background:#0a1523!important;color:#eff5ff!important;border-color:#20344d!important}
body.theme-midnight .data-table th{background:#0a1523!important;color:#8498b3!important}
body.theme-midnight .data-table td{border-color:#192b42!important}
body.theme-midnight .product-chip{background:#0e1b2b!important;border-color:#1d3048!important;color:#edf4ff!important}
body.theme-midnight .product-chip:hover{border-color:#6f62ea55!important;box-shadow:0 16px 35px rgba(0,0,0,.16)!important}
body.theme-midnight .scan-field{background:linear-gradient(120deg,#0a1625,#102238)!important;border-color:#1c304a!important}
body.theme-midnight .checkout-card{background:linear-gradient(155deg,#0a1625,#10253a)!important}
body.theme-midnight .invoice-total,body.theme-midnight .invoice-meta div,body.theme-midnight .cart-row{background:#0a1523!important;border-color:#192b42!important}
body.theme-midnight .modal{background:#0d1928!important;border-color:#20334b!important;color:#edf4ff!important}
body.theme-midnight .modal-head{border-color:#1c2e45!important}
body.theme-midnight .theme-card{background:#0a1523!important;border-color:#1c2f47!important;color:#eef4ff!important}

/* Version badge / refined spacing */
body.theme-aether .demo-ribbon,body.theme-midnight .demo-ribbon{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}

@media(max-width:1180px){body.theme-aether .sidebar{right:10px!important;top:10px!important;bottom:10px!important}.theme-grid{grid-template-columns:1fr}}
@media(max-width:980px){body.theme-aether .login-view{grid-template-columns:1fr!important}body.theme-aether .login-panel{padding:22px!important}body.theme-aether .sidebar{right:0!important;top:0!important;bottom:0!important;border-radius:0!important;width:260px!important}body.theme-aether .topbar{margin:10px!important;top:10px!important}.theme-grid{grid-template-columns:1fr}}