/* VendRight premium command-centre theme. Presentation only: no workflow behaviour lives here. */
:root{--vr-bg:color-mix(in srgb,var(--brand-secondary,#08100b) 86%,#020403);--vr-bg-soft:color-mix(in srgb,var(--brand-secondary,#08100b) 72%,#101713);--vr-panel:color-mix(in srgb,var(--brand-secondary,#08100b) 58%,#18211b);--vr-panel-2:color-mix(in srgb,var(--brand-secondary,#08100b) 48%,#223029);--vr-line:color-mix(in srgb,var(--brand-primary,#62ff2f) 18%,transparent);--vr-line-strong:color-mix(in srgb,var(--brand-primary,#62ff2f) 58%,transparent);--vr-green:var(--brand-primary,#62ff2f);--vr-green-soft:color-mix(in srgb,var(--brand-primary,#62ff2f) 45%,white);--vr-text:#f4f8f5;--vr-muted:#9baaa0;--vr-amber:#ffbf3f;--vr-danger:#ff6b6b;--vr-shadow:0 22px 60px rgba(0,0,0,.42)}

body:not(.auth-page){background:radial-gradient(circle at 50% -18%,color-mix(in srgb,var(--vr-green) 22%,var(--vr-bg)) 0,var(--vr-bg-soft) 34%,var(--vr-bg) 74%);color:var(--vr-text)}
.tablet-shell{background:radial-gradient(circle at 50% -18%,color-mix(in srgb,var(--vr-green) 22%,var(--vr-bg)) 0,var(--vr-bg-soft) 34%,var(--vr-bg) 74%)!important;color:var(--vr-text)}
.tablet-header{min-height:82px!important;padding:12px clamp(18px,3vw,46px)!important;background:rgba(5,10,7,.93)!important;border-bottom:1px solid var(--vr-line)!important;box-shadow:0 14px 40px rgba(0,0,0,.34)!important;backdrop-filter:blur(20px)!important}
.tablet-brand{gap:15px!important}.tablet-brand img{width:58px!important;height:58px!important;padding:5px!important;border:1px solid rgba(98,255,47,.23);border-radius:15px!important;background:#080d0a!important;box-shadow:0 0 28px rgba(98,255,47,.11)!important}.tablet-brand img.vendiright-logo{width:190px!important;height:58px!important;padding:0!important;object-fit:contain}.tablet-brand strong{color:#fff!important;font-size:19px!important}.tablet-brand span,.tablet-user span{color:var(--vr-muted)!important}.tablet-user strong{color:#fff}
.tablet-header-right{gap:10px!important}.tablet-settings,.tablet-logout{min-height:44px!important;padding:0 16px!important;border:1px solid var(--vr-line)!important;border-radius:999px!important;background:linear-gradient(145deg,#18221b,#0c120e)!important;color:#eef5f0!important;box-shadow:0 8px 22px rgba(0,0,0,.2)}.tablet-settings:hover,.tablet-settings.active,.tablet-logout:hover{border-color:var(--vr-line-strong)!important;color:var(--vr-green)!important;background:#102016!important}

.app-launcher{width:min(1460px,100%)!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row dense;gap:18px 34px!important;padding:34px clamp(24px,5vw,78px) 20px!important;position:relative}
.app-button{min-height:96px!important;padding:14px 22px!important;display:grid!important;grid-template-columns:58px 1fr!important;grid-template-rows:auto!important;justify-content:stretch!important;align-items:center!important;gap:16px!important;text-align:left!important;border-radius:999px!important;background:linear-gradient(145deg,rgba(31,42,34,.96),rgba(11,17,13,.98))!important;border:1px solid rgba(190,214,198,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 15px 34px rgba(0,0,0,.28)!important;color:#fff!important;overflow:hidden}
.app-button::after{content:"";position:absolute;inset:auto 15% 0;height:1px;background:linear-gradient(90deg,transparent,var(--vr-green),transparent);opacity:.58;box-shadow:0 0 12px var(--vr-green)}
.app-button{position:relative}.app-button:hover,.app-button:focus-visible{transform:translateY(-3px)!important;border-color:rgba(98,255,47,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 44px rgba(0,0,0,.38),0 0 24px rgba(98,255,47,.1)!important}.app-button.active{background:linear-gradient(145deg,#17351f,#0b160e)!important;border-color:rgba(98,255,47,.72)!important;color:#fff!important}.app-icon{width:56px!important;height:56px!important;border-radius:50%!important;background:radial-gradient(circle,#16291b,#080d0a)!important;border:1px solid rgba(98,255,47,.34)!important;color:var(--vr-green)!important;font-size:14px!important;box-shadow:inset 0 0 18px rgba(98,255,47,.07)!important}.app-button strong{font-size:16px!important;letter-spacing:.01em}
.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"]{grid-column:2;grid-row:1/span 3;width:min(270px,100%);aspect-ratio:1;min-height:0!important;justify-self:center;align-self:center;grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;text-align:center!important;border-radius:50%!important;padding:42px!important;background:radial-gradient(circle at 50% 42%,#15301c,#08100b 67%)!important;border:2px solid var(--vr-green)!important;box-shadow:inset 0 0 0 12px rgba(98,255,47,.045),inset 0 0 45px rgba(98,255,47,.1),0 0 0 14px rgba(255,255,255,.025),0 22px 60px rgba(0,0,0,.48),0 0 32px rgba(98,255,47,.22)!important}.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"] .app-icon{width:80px!important;height:80px!important;margin:auto;font-size:20px!important}.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"] strong{font-size:25px!important}.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"]::after{inset:auto 25% 18px}

.tablet-content{width:min(1460px,100%)!important;padding:26px clamp(20px,4vw,58px) 52px!important;color:var(--vr-text)}
.focused-menu-bar{background:rgba(11,18,13,.9)!important;border-bottom:1px solid var(--vr-line)!important;color:#fff!important}.focused-menu-name{color:#fff!important}.focused-menu-back{background:linear-gradient(145deg,#202b23,#111813)!important;border:1px solid var(--vr-line)!important;color:#f4f8f5!important;box-shadow:0 8px 22px rgba(0,0,0,.22)}.focused-menu-back:hover{background:#19271e!important;border-color:var(--vr-line-strong)!important;color:var(--vr-green)!important}
.page-header h1,.page-header h2,.card h1,.card h2,.card h3{color:#fff!important}.page-header p.subtitle,.subtitle{color:var(--vr-muted)!important}.eyebrow,.plan-kicker{color:var(--vr-green)!important}
.card,.stat-card,.pricing-card,.signup-form-card{background:linear-gradient(145deg,rgba(24,34,27,.97),rgba(10,16,12,.98))!important;border:1px solid var(--vr-line)!important;color:var(--vr-text)!important;box-shadow:var(--vr-shadow)!important;backdrop-filter:blur(16px)}
.card{border-radius:20px!important}.stat-grid{gap:0!important;border:1px solid var(--vr-line);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(13,22,16,.98),rgba(6,12,8,.98));box-shadow:var(--vr-shadow)}.stat-card{border:0!important;border-right:1px solid var(--vr-line)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.stat-card:last-child{border-right:0!important}.stat-label,.stat-card small,.stat-note{color:var(--vr-muted)!important}.stat-value{color:#fff!important}.stat-card.warn .stat-value{color:var(--vr-amber)!important}
.btn{border:1px solid var(--vr-line)!important;border-radius:12px!important;font-weight:800}.btn-primary{background:var(--vr-green)!important;color:#0d170f!important;border-color:var(--vr-green)!important;box-shadow:0 10px 28px rgba(98,255,47,.18)!important}.btn-primary:hover{background:#78ff50!important}.btn-secondary{background:linear-gradient(145deg,#202b23,#111813)!important;color:#f2f6f3!important}.btn-danger{background:#8f3038!important;color:#fff!important}

input,select,textarea,.form-row input,.form-row select,.form-row textarea{background:#0b110d!important;border:1px solid #3b493f!important;color:#f5f8f6!important;border-radius:12px!important}.form-row label,label{color:#dbe4de}.form-row small,small{color:var(--vr-muted)}input:focus,select:focus,textarea:focus{border-color:var(--vr-green)!important;outline:3px solid rgba(98,255,47,.12)!important}option{background:#101712;color:#fff}
table{color:#eaf1ec}th{background:#0b120d!important;color:#aebcb2!important;border-bottom-color:var(--vr-line)!important}td{border-bottom-color:rgba(172,195,180,.13)!important}tbody tr:hover{background:rgba(98,255,47,.045)!important}.badge{border:1px solid rgba(255,255,255,.12)}.badge-green{background:rgba(98,255,47,.12)!important;color:var(--vr-green)!important}.badge-gray{background:#222c25!important;color:#c5d0c8!important}.table-wrap,.report-table-wrap{border-radius:15px}
.report-menu{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:16px!important}.report-tile,.settings-management-card{min-height:108px!important;padding:19px 21px!important;border-radius:999px!important;background:linear-gradient(145deg,#202b23,#0d140f)!important;border:1px solid var(--vr-line)!important;color:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.25)!important}.report-tile:hover,.settings-management-card:hover{border-color:var(--vr-line-strong)!important;transform:translateY(-2px)}.report-tile h3,.settings-management-card strong{color:#fff!important}.report-tile p,.settings-management-card small{color:var(--vr-muted)!important}.report-selection-banner{background:#111b14!important;border-color:var(--vr-line)!important;color:#cbd5ce!important}.report-selection-banner strong{color:#fff!important}
.tablet-footer{background:#070c09!important;border-top-color:var(--vr-line)!important;color:#7f9085!important}.tablet-footer strong{color:#dce5df!important}

/* Premium POS */
.pos-mode{background:radial-gradient(circle at 30% -20%,color-mix(in srgb,var(--vr-green) 22%,var(--vr-bg)),var(--vr-bg) 48%,#030504)!important}.pos-mode .tablet-header{background:color-mix(in srgb,var(--vr-bg) 94%,black)!important}.pos-main{background:linear-gradient(145deg,var(--vr-panel),var(--vr-bg))!important;border:1px solid var(--vr-line)!important;box-shadow:var(--vr-shadow)!important}.pos-workspace-heading h1{color:#fff!important}.pos-workspace-heading p{color:var(--vr-muted)!important}.pos-live-pill{background:var(--vr-panel)!important;border-color:var(--vr-line)!important;color:#b9c6bd!important}.pos-live-pill span{background:var(--vr-green)!important}.pos-scan-box input{background:var(--vr-bg)!important;border-color:var(--vr-line)!important;color:#fff!important;box-shadow:inset 0 0 22px rgba(0,0,0,.3),0 9px 28px rgba(0,0,0,.3)!important}.pos-search-icon{color:var(--vr-green)!important}.pos-scan-hint{background:var(--vr-panel-2)!important;color:#aebbb2!important}.pos-product-tile{background:linear-gradient(145deg,var(--vr-panel-2),var(--vr-bg-soft))!important;border:1px solid var(--vr-line)!important;color:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.28)!important}.pos-product-tile:hover{border-color:var(--vr-line-strong)!important;box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 20px color-mix(in srgb,var(--vr-green) 8%,transparent)!important}.pos-product-tile .tile-noimg{background:radial-gradient(circle,var(--vr-panel-2),var(--vr-bg-soft))!important;color:var(--vr-green)!important}.pos-product-tile .tile-price{color:var(--vr-green)!important}.pos-product-tile .tile-stock{color:var(--vr-muted)!important}.pos-cart{background:var(--vr-bg-soft)!important;border:1px solid var(--vr-line)!important;box-shadow:0 22px 60px rgba(0,0,0,.52)!important}.pos-cart-header{background:linear-gradient(145deg,var(--vr-panel-2),var(--vr-bg))!important;border-bottom:1px solid var(--vr-line)!important}.pos-cart-items{background:var(--vr-bg-soft)!important}.cart-item{border-bottom-color:var(--vr-line)!important;color:#f2f6f3}.cart-item .item-name{color:#fff}.cart-empty{color:var(--vr-muted)!important}.pos-cart-totals{background:var(--vr-panel)!important;border-top-color:var(--vr-line)!important}.pos-cart-totals .row{color:#aab8ae!important}.pos-cart-totals .row.total{color:#fff!important;border-top-color:var(--vr-line)!important}.pos-clear-sale{background:#251719!important;color:#ff9b9b!important}.pos-cart-footer{background:var(--vr-bg-soft)!important;border-top-color:var(--vr-line)!important}.pay-method-row button{background:var(--vr-panel-2)!important;border-color:var(--vr-line)!important;color:#dce5df!important}.pay-method-row button.selected{background:var(--vr-green)!important;color:var(--vr-bg)!important;border-color:var(--vr-green)!important}.btn-charge{border-radius:999px!important;min-height:68px!important}.pos-overlay{background:rgba(2,6,4,.78)!important}.pos-overlay-card,.sale-processing-card{background:linear-gradient(145deg,var(--vr-panel-2),var(--vr-bg))!important;border:1px solid var(--vr-line-strong)!important;color:#fff!important;box-shadow:0 35px 110px rgba(0,0,0,.72)!important}.keypad .key,.general-key,.note-btn{background:linear-gradient(145deg,var(--vr-panel-2),var(--vr-bg-soft))!important;border-color:var(--vr-line)!important;color:#fff!important}.cash-amount-display,.cash-change-row,.general-price-display{background:var(--vr-bg)!important;border-color:var(--vr-line)!important;color:#fff!important}

@media(max-width:1050px){.app-launcher{gap:14px!important;padding-inline:20px!important}.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"]{width:min(235px,100%)}.stat-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.stat-card{border-bottom:1px solid var(--vr-line)!important}.report-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.tablet-header{min-height:66px!important;flex-wrap:wrap!important;gap:8px!important;padding:9px 12px!important}.tablet-brand img.vendiright-logo{width:132px!important;height:44px!important}.tablet-user{display:none}.tablet-header-right{width:100%!important;display:flex!important;justify-content:flex-end!important;gap:7px!important}.tablet-settings,.tablet-logout{display:inline-flex!important;min-height:40px!important;padding:0 11px!important;font-size:12px!important}.app-launcher,.app-launcher:has(.app-button[href*="/pos/"]){grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px 10px!important}.app-button,.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"]{grid-column:auto!important;grid-row:auto!important;width:auto!important;aspect-ratio:auto!important;min-height:86px!important;border-radius:18px!important;padding:12px!important;grid-template-columns:44px 1fr!important;grid-template-rows:auto!important;text-align:left!important}.app-button .app-icon,.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"] .app-icon{width:44px!important;height:44px!important;margin:0!important;font-size:12px!important}.app-button strong,.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"] strong{font-size:13px!important}.tablet-content{padding:16px 10px 34px!important}.stat-grid{grid-template-columns:1fr 1fr!important;border-radius:16px}.stat-card{padding:14px!important}.stat-value{font-size:20px!important}.report-menu{grid-template-columns:1fr!important}.report-tile,.settings-management-card{border-radius:17px!important}.pos-mode .tablet-content{padding:8px!important}.pos-main{border-radius:18px!important}.pos-product-tile{border-radius:15px!important}.pos-cart{border-color:rgba(98,255,47,.32)!important}.btn-charge{border-radius:16px!important}}

/* Company palette propagation: remove the last fixed emerald accents. */
.tablet-brand img{border-color:var(--vr-line)!important;background:var(--vr-bg)!important;box-shadow:0 0 28px color-mix(in srgb,var(--vr-green) 11%,transparent)!important}.tablet-settings,.tablet-logout,.focused-menu-back,.btn-secondary{background:linear-gradient(145deg,var(--vr-panel-2),var(--vr-bg-soft))!important}.tablet-settings:hover,.tablet-settings.active,.tablet-logout:hover,.focused-menu-back:hover{background:color-mix(in srgb,var(--vr-green) 11%,var(--vr-bg-soft))!important}.app-button:hover,.app-button:focus-visible{border-color:var(--vr-line-strong)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 44px rgba(0,0,0,.38),0 0 24px color-mix(in srgb,var(--vr-green) 10%,transparent)!important}.app-button.active{background:linear-gradient(145deg,color-mix(in srgb,var(--vr-green) 22%,var(--vr-panel)),var(--vr-bg-soft))!important;border-color:var(--vr-line-strong)!important}.app-icon{background:radial-gradient(circle,color-mix(in srgb,var(--vr-green) 10%,var(--vr-panel)),var(--vr-bg))!important;border-color:var(--vr-line)!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--vr-green) 7%,transparent)!important}.app-launcher:has(.app-button[href*="/pos/"]) .app-button[href*="/pos/"]{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--vr-green) 17%,var(--vr-panel)),var(--vr-bg) 67%)!important;box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--vr-green) 4.5%,transparent),inset 0 0 45px color-mix(in srgb,var(--vr-green) 10%,transparent),0 0 0 14px rgba(255,255,255,.025),0 22px 60px rgba(0,0,0,.48),0 0 32px color-mix(in srgb,var(--vr-green) 22%,transparent)!important}.focused-menu-bar{background:color-mix(in srgb,var(--vr-bg) 92%,transparent)!important}.btn-primary{color:var(--vr-bg)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--vr-green) 18%,transparent)!important}.btn-primary:hover{background:color-mix(in srgb,var(--vr-green) 82%,white)!important}input:focus,select:focus,textarea:focus{outline-color:color-mix(in srgb,var(--vr-green) 12%,transparent)!important}tbody tr:hover{background:color-mix(in srgb,var(--vr-green) 4.5%,transparent)!important}.badge-green{background:color-mix(in srgb,var(--vr-green) 12%,transparent)!important}.pos-cart{border-color:var(--vr-line)!important}

@media print{body,.tablet-shell,.tablet-content{background:#fff!important;color:#000!important}.card,.stat-card{background:#fff!important;color:#000!important;border-color:#bbb!important;box-shadow:none!important}.card h1,.card h2,.card h3,.page-header h1,.page-header h2,table,td{color:#000!important}th{background:#eee!important;color:#000!important}}
