/* Viona Pharmacy UI 1.2 — Clinical + Green plan-aware themes */
:root{--vu-font:"Vazirmatn","Noto Sans Arabic",Tahoma,sans-serif}
body.theme-clinical,body.theme-green{font-family:var(--vu-font)!important;min-height:100vh;letter-spacing:0;background:var(--vu-bg)!important;color:var(--vu-ink)!important}
body.theme-clinical .hidden,body.theme-green .hidden,body.theme-clinical [hidden],body.theme-green [hidden]{display:none!important}
body.theme-clinical .login-view.hidden,body.theme-green .login-view.hidden,body.theme-clinical .app-view.hidden,body.theme-green .app-view.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.theme-clinical{--vu-primary:#078e98;--vu-primary-2:#15b8b0;--vu-deep:#0b3550;--vu-deep-2:#102d46;--vu-bg:#f3f9fa;--vu-surface:#fff;--vu-soft:#e9f7f6;--vu-ink:#123348;--vu-muted:#6c8492;--vu-line:#d9e9eb;--vu-shadow:0 18px 50px rgba(15,65,83,.08);--primary:#078e98;--accent:#15b8b0;--bg:#f3f9fa;--ink:#123348;--muted:#6c8492;--surface:#fff;--surface2:#f7fbfb;--line:#d9e9eb}
body.theme-green{--vu-primary:#087f61;--vu-primary-2:#29aa7c;--vu-deep:#063f3a;--vu-deep-2:#075349;--vu-bg:#f7f6f0;--vu-surface:#fffefa;--vu-soft:#e9f5ed;--vu-ink:#153a35;--vu-muted:#70847d;--vu-line:#dfe8df;--vu-shadow:0 18px 50px rgba(18,74,58,.09);--primary:#087f61;--accent:#29aa7c;--bg:#f7f6f0;--ink:#153a35;--muted:#70847d;--surface:#fffefa;--surface2:#f8faf6;--line:#dfe8df}
body.theme-clinical:before,body.theme-green:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--vu-primary-2) 10%,transparent),transparent 25%),radial-gradient(circle at 86% 92%,color-mix(in srgb,var(--vu-primary) 8%,transparent),transparent 30%)}
body.theme-clinical *,body.theme-green *{box-sizing:border-box}

/* New pharmacy-first login */
body.theme-clinical .login-view:not(.hidden),body.theme-green .login-view:not(.hidden){min-height:100vh;display:grid!important;grid-template-columns:minmax(560px,1.15fr) minmax(420px,.85fr);background:var(--vu-bg)!important;color:var(--vu-ink)!important;isolation:isolate;overflow:hidden}
body.theme-clinical .login-showcase,body.theme-green .login-showcase{position:relative;padding:38px 5vw 28px!important;background:linear-gradient(145deg,var(--vu-deep),var(--vu-deep-2))!important;color:#fff!important;overflow:hidden}
body.theme-green .login-showcase{background:linear-gradient(145deg,#064139,#08705c 58%,#0d8468)!important}
.login-showcase:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-210px;bottom:-250px;background:rgba(255,255,255,.055);border:70px solid rgba(255,255,255,.025);pointer-events:none}
.login-showcase .brand-lockup{position:relative;z-index:2}.login-showcase .brand-mark{width:58px!important;height:58px!important;padding:6px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 13px 30px rgba(0,0,0,.16)!important}.login-showcase .brand-mark img{width:100%;height:100%;object-fit:contain}.login-showcase .brand-lockup b{color:#fff!important;font-size:21px!important}.login-showcase .brand-lockup small{color:#b9dcdf!important;font-size:11px!important}
body.theme-green .login-showcase .brand-lockup small{color:#c8e6d9!important}
.showcase-copy{position:relative;z-index:2;max-width:660px!important;margin-top:48px!important}.showcase-copy .eyebrow{display:inline-flex!important;align-items:center;padding:8px 12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#bdf5ee!important;border-radius:999px!important}.showcase-copy h1{font-size:clamp(35px,4vw,58px)!important;line-height:1.45!important;color:#fff!important;letter-spacing:-2px!important;margin:17px 0 12px!important}.showcase-copy h1 em{font-style:normal!important;color:#67eee0!important;-webkit-text-fill-color:initial!important;background:none!important}.showcase-copy p{font-size:14px!important;line-height:2.1!important;color:#c7dce3!important;max-width:570px!important}.showcase-features{display:flex!important;flex-wrap:wrap;gap:8px!important;margin-top:18px!important}.showcase-features span{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.1)!important;color:#e7f8f7!important;padding:8px 11px!important;border-radius:999px!important;font-size:10px!important}
.pharmacy-visual{position:absolute;z-index:1;left:1.7vw;bottom:24px;width:min(48%,470px);filter:drop-shadow(0 30px 50px rgba(0,0,0,.16));opacity:.98}.pharmacy-visual img{display:block;width:100%;height:auto}.showcase-console{position:relative!important;z-index:2;width:min(54%,470px)!important;margin-top:28px!important;margin-right:auto!important;margin-left:0!important;padding:16px!important;border-radius:22px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 24px 55px rgba(0,0,0,.14)!important;backdrop-filter:blur(15px)!important;color:#fff!important;transform:none!important}.console-top{border-color:rgba(255,255,255,.12)!important}.console-top small,.console-item small{color:#b9d5dd!important}.console-metrics article{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08)!important}.console-metrics article b{color:#fff!important}.console-scan{background:rgba(4,30,43,.38)!important;border-color:rgba(255,255,255,.1)!important}.console-item{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.08)!important}.console-item strong{color:#fff!important}.console-total{background:rgba(33,216,193,.13)!important;border-color:rgba(80,235,212,.16)!important}.console-total b{color:#7ff5e7!important}.showcase-foot{position:absolute!important;right:5vw!important;left:5vw!important;bottom:20px!important;color:#9fc4cc!important;z-index:3}
body.theme-clinical .login-panel,body.theme-green .login-panel{display:grid!important;place-items:center;padding:34px clamp(26px,5vw,72px)!important;background:var(--vu-bg)!important;color:var(--vu-ink)!important}.login-card-v2{width:min(480px,100%)!important;padding:30px!important;border:1px solid var(--vu-line)!important;border-radius:26px!important;background:color-mix(in srgb,var(--vu-surface) 94%,transparent)!important;box-shadow:var(--vu-shadow)!important;backdrop-filter:blur(18px)!important}.mobile-brand .brand-mark{background:#fff!important}.login-head h2{font-size:27px!important;color:var(--vu-ink)!important}.login-head p,.auth-form label{color:var(--vu-muted)!important}.mini-pill{background:var(--vu-soft)!important;color:var(--vu-primary)!important;border-color:color-mix(in srgb,var(--vu-primary) 18%,transparent)!important}.auth-tabs{background:color-mix(in srgb,var(--vu-primary) 7%,var(--vu-surface))!important;border-color:var(--vu-line)!important}.auth-tabs button{color:var(--vu-muted)!important}.auth-tabs button.active{background:var(--vu-surface)!important;color:var(--vu-primary)!important;box-shadow:0 7px 20px rgba(18,71,80,.08)!important}.field{background:var(--vu-surface)!important;border-color:var(--vu-line)!important}.field:focus-within{border-color:var(--vu-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--vu-primary) 10%,transparent)!important}.field input{color:var(--vu-ink)!important}.login-submit{background:linear-gradient(112deg,var(--vu-primary),var(--vu-primary-2))!important;border:0!important;border-radius:14px!important;box-shadow:0 14px 28px color-mix(in srgb,var(--vu-primary) 24%,transparent)!important}.login-security,.demo-access{background:var(--vu-soft)!important;border-color:var(--vu-line)!important;color:var(--vu-ink)!important}.demo-accounts button{background:var(--vu-surface)!important;border-color:var(--vu-line)!important;color:var(--vu-ink)!important}

/* Full application shell */
body.theme-clinical .app-view:not(.hidden),body.theme-green .app-view:not(.hidden){display:grid!important;grid-template-columns:268px minmax(0,1fr)!important;background:transparent!important;min-height:100vh}.sidebar{right:14px!important;top:14px!important;bottom:14px!important;width:238px!important;padding:12px 10px!important;border-radius:24px!important;background:linear-gradient(180deg,var(--vu-deep),var(--vu-deep-2))!important;color:#eaf8f8!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 20px 55px rgba(7,44,58,.18)!important}.theme-green .sidebar{background:linear-gradient(180deg,#064239,#075246)!important}.side-brand{padding:7px 7px 14px!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.side-brand .brand-mark{width:44px!important;height:44px!important;border-radius:14px!important;background:#fff!important;padding:4px!important}.side-brand b{color:#fff!important;font-size:17px!important}.side-brand small{color:#a9cccf!important}.side-brand>button{background:rgba(255,255,255,.08)!important;color:#dff2f2!important}.store-badge{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.085)!important;color:#fff!important;border-radius:16px!important}.store-badge .avatar,.user-avatar{background:linear-gradient(135deg,var(--vu-primary-2),#54d9c7)!important;color:#fff!important}.store-badge small{color:#a9cacb!important}.nav-section{color:#83aaad!important;font-size:9px!important;padding:13px 10px 5px!important}.nav-item{color:#c9dfe1!important;border:1px solid transparent!important;border-radius:12px!important;padding:9px 10px!important;margin:2px 0!important}.nav-item:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateX(-2px)}.nav-item.active{background:linear-gradient(112deg,var(--vu-primary),var(--vu-primary-2))!important;color:#fff!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important}.nav-ico{width:25px!important;height:25px!important;display:grid!important;place-items:center;border-radius:8px;background:rgba(255,255,255,.075);font-size:13px!important}.nav-item.active .nav-ico{background:rgba(255,255,255,.16)}#phNav{border-color:rgba(255,255,255,.1)!important}#phNav>small{color:#83aaad!important}.side-bottom{border-color:rgba(255,255,255,.1)!important}.side-action{color:#c5dddf!important}.side-action:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
.workspace{grid-column:2!important;margin:0!important;padding:0!important;min-width:0}.topbar{height:70px!important;top:14px!important;margin:14px 14px 0 0!important;padding:0 20px!important;border:1px solid var(--vu-line)!important;border-radius:18px!important;background:rgba(255,255,255,.84)!important;box-shadow:0 10px 32px rgba(16,67,82,.055)!important;backdrop-filter:blur(18px)!important}.theme-green .topbar{background:rgba(255,254,250,.88)!important}.page-title small{color:var(--vu-primary)!important}.page-title h1{color:var(--vu-ink)!important}.quick-sale{background:linear-gradient(112deg,var(--vu-primary),var(--vu-primary-2))!important;border:0!important;color:#fff!important;box-shadow:0 9px 20px color-mix(in srgb,var(--vu-primary) 20%,transparent)!important}.icon-btn,.user-chip{background:var(--vu-surface)!important;border-color:var(--vu-line)!important;color:var(--vu-ink)!important;box-shadow:none!important}.content{padding:25px 28px 50px 25px!important}
.hero,.command-hero{border:1px solid var(--vu-line)!important;border-radius:24px!important;background:linear-gradient(132deg,var(--vu-surface),color-mix(in srgb,var(--vu-soft) 80%,#fff))!important;box-shadow:var(--vu-shadow)!important;overflow:hidden;position:relative}.hero:after,.command-hero:after{content:"✚";position:absolute;left:34px;top:50%;transform:translateY(-50%);font-size:120px;font-weight:900;color:color-mix(in srgb,var(--vu-primary) 7%,transparent);pointer-events:none}.hero h2,.command-hero h2{color:var(--vu-ink)!important}.hero p,.command-hero p{color:var(--vu-muted)!important}.hero-kicker{background:var(--vu-soft)!important;color:var(--vu-primary)!important;border:1px solid color-mix(in srgb,var(--vu-primary) 12%,transparent)!important}.hero-btn{background:var(--vu-surface)!important;color:var(--vu-ink)!important;border-color:var(--vu-line)!important}.hero-btn.primary-soft{background:linear-gradient(112deg,var(--vu-primary),var(--vu-primary-2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 22px color-mix(in srgb,var(--vu-primary) 18%,transparent)!important}.command-orbit{background:linear-gradient(145deg,var(--vu-deep),var(--vu-deep-2))!important;border-color:transparent!important}.metric,.panel,.barcode-station,.product-summary-mini,.invoice-card,.cart,.retail-status-strip,.ph-line{background:var(--vu-surface)!important;border:1px solid var(--vu-line)!important;box-shadow:0 12px 34px rgba(16,65,74,.055)!important;border-radius:18px!important;color:var(--vu-ink)!important}.metric{overflow:hidden;position:relative}.metric:after{content:"";position:absolute;left:-24px;bottom:-28px;width:82px;height:82px;border-radius:50%;background:var(--vu-soft)}.metric .micon{background:var(--vu-soft)!important;color:var(--vu-primary)!important;border:0!important}.panel-head,.cart-head{background:color-mix(in srgb,var(--vu-soft) 45%,var(--vu-surface))!important;border-color:var(--vu-line)!important}.panel-head h3{color:var(--vu-ink)!important}.panel-head p,.metric span,.panel small{color:var(--vu-muted)!important}.data-table th{background:color-mix(in srgb,var(--vu-soft) 50%,var(--vu-surface))!important;color:var(--vu-muted)!important}.data-table td{border-color:var(--vu-line)!important;color:var(--vu-ink)!important}.data-table tbody tr:hover{background:color-mix(in srgb,var(--vu-soft) 55%,transparent)!important}.input,.select,.textarea{background:var(--vu-surface)!important;border-color:var(--vu-line)!important;color:var(--vu-ink)!important;border-radius:11px!important}.input:focus,.select:focus,.textarea:focus{border-color:var(--vu-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--vu-primary) 9%,transparent)!important}.btn,.tiny-btn{background:var(--vu-surface)!important;border-color:var(--vu-line)!important;color:var(--vu-ink)!important}.btn.primary,.tiny-btn.primary{background:linear-gradient(112deg,var(--vu-primary),var(--vu-primary-2))!important;color:#fff!important;border-color:transparent!important}.status.ok,.ph-tag{background:#e3f5eb!important;color:#087452!important}.status.warn,.ph-tag.cold{background:#fff2dc!important;color:#a15b08!important}.modal-back{background:rgba(9,39,50,.28)!important;backdrop-filter:blur(9px)!important}.modal{border:1px solid var(--vu-line)!important;border-radius:24px!important;background:var(--vu-surface)!important;color:var(--vu-ink)!important;box-shadow:0 30px 90px rgba(4,39,51,.22)!important}.modal-head{border-color:var(--vu-line)!important}
.ph-heading{border-color:var(--vu-line)!important}.ph-heading span{color:var(--vu-primary)!important}.ph-heading .ph-cross{background:var(--vu-soft)!important;color:var(--vu-primary)!important}.ph-checks{background:var(--vu-soft)!important}.ph-page small{color:var(--vu-muted)!important}

/* Theme plan governance and picker */
.plan-theme-governance{grid-column:1/-1;margin:16px 0 5px;padding:14px;border:1px solid var(--vu-line);border-radius:16px;background:linear-gradient(125deg,var(--vu-soft),var(--vu-surface))}.plan-theme-governance>strong{display:block;margin-bottom:4px;color:var(--vu-ink);font-size:12px}.plan-theme-governance>small{display:block;margin-bottom:12px;color:var(--vu-muted);font-size:9px}.plan-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-theme-options label{display:flex!important;align-items:center;gap:10px;padding:12px!important;border-radius:13px!important;background:var(--vu-surface)!important;border:1px solid var(--vu-line)!important}.plan-theme-options label:has(input:checked){border-color:var(--vu-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--vu-primary) 8%,transparent)}.plan-theme-swatch{width:44px;height:32px;border-radius:9px;flex:none}.plan-theme-swatch.clinical{background:linear-gradient(135deg,#0b3550 0 45%,#18b7b0 45% 65%,#f1f8f9 65%)}.plan-theme-swatch.green{background:linear-gradient(135deg,#064239 0 45%,#2aaa79 45% 65%,#f7f6f0 65%)}.feature-grid270>label.theme-feature-source{display:none!important}
.theme-grid.vu-theme-grid{grid-template-columns:1fr 1fr!important}.theme-preview.clinical{background:linear-gradient(90deg,#0b3550 0 28%,#f3f9fa 28% 100%)!important}.theme-preview.clinical:after{content:"";position:absolute;right:37%;top:25%;width:42%;height:50%;border-radius:12px;background:#fff;box-shadow:44px 0 0 #e5f5f4}.theme-preview.green{background:linear-gradient(90deg,#064239 0 28%,#f7f6f0 28% 100%)!important}.theme-preview.green:after{content:"";position:absolute;right:37%;top:25%;width:42%;height:50%;border-radius:12px;background:#fffefa;box-shadow:44px 0 0 #e7f3ea}.theme-card{background:var(--vu-surface)!important;border-color:var(--vu-line)!important;color:var(--vu-ink)!important}.theme-card.active{border-color:var(--vu-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--vu-primary) 10%,transparent)!important}.theme-check{background:var(--vu-primary)!important}

@media(max-width:1100px){.pharmacy-visual{opacity:.35;width:52%}.showcase-console{width:70%!important}.login-view{grid-template-columns:1fr 430px!important}.content{padding:22px!important}}
@media(max-width:980px){body.theme-clinical .login-view:not(.hidden),body.theme-green .login-view:not(.hidden){grid-template-columns:1fr!important}body.theme-clinical .app-view:not(.hidden),body.theme-green .app-view:not(.hidden){display:block!important}.login-showcase{display:none!important}.login-panel{min-height:100vh}.sidebar{right:0!important;top:0!important;bottom:0!important;width:260px!important;border-radius:0!important}.topbar{margin:10px!important;top:10px!important}.content{padding:18px!important}.plan-theme-options,.theme-grid.vu-theme-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){.login-card-v2{padding:20px!important;border-radius:21px!important}.quick-sale kbd{display:none}.user-chip>div{display:none}.hero:after,.command-hero:after{display:none}.content{padding:14px!important}}