/* BayFrontigo WineHype — dark glass UI theme.
   Presentation-only override: existing pages, menu catalogue and data remain untouched. */
:root{--wh-bg:#031724;--wh-bg2:#062231;--wh-panel:rgba(5,31,45,.88);--wh-panel2:rgba(9,42,58,.82);--wh-line:#376579;--wh-line-soft:rgba(108,161,181,.28);--wh-text:#f6f8f7;--wh-muted:#a9bdc6;--wh-yellow:#ffd400;--wh-yellow-soft:#ffdc2e;--wh-green:#16c56b;--forest:#062231;--forest-light:#0a3548;--paper:#031724;--line:rgba(111,164,184,.30);--white:#fff;--accent:#ffd400;--amber:#ffd400;--soft:#0a2a3a;--ink:#f6f8f7;--muted:#a9bdc6;--radius:15px;color-scheme:dark}
html,body{background:radial-gradient(circle at 82% -10%,#17445c 0,transparent 28%),linear-gradient(145deg,#03131f 0%,#041c2a 48%,#02121c 100%);color:var(--wh-text)}
body{min-height:100vh;background-attachment:fixed}
.app-shell{background:transparent;color:var(--wh-text)}
.sidebar{width:244px;background:linear-gradient(180deg,rgba(2,19,31,.98),rgba(3,27,40,.98));border-right:1px solid rgba(92,148,171,.34);box-shadow:18px 0 55px rgba(0,0,0,.18);padding:22px 14px 18px}
.brand{padding:0 10px 20px;border-bottom:1px solid rgba(94,148,169,.22);margin-bottom:15px}.brand img{max-height:48px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}
.workspace{background:rgba(11,49,65,.72);border:1px solid rgba(104,165,187,.30);color:#fff;margin:0 2px 17px}.workspace small{color:#8facb8}.workspace-dot{background:var(--wh-yellow);box-shadow:0 0 12px rgba(255,212,0,.65)}
.nav-group{margin:3px 0}.nav-group-heading{color:#b8cbd3;padding:10px 13px;font-size:11px;letter-spacing:.02em}.nav-group-heading:hover{color:#fff}
.nav-item{color:#e1e9ec;font-size:12px;border-radius:9px;padding:11px 13px;transition:.18s ease;border:1px solid transparent}.nav-item:hover{background:rgba(18,62,79,.7);color:#fff;border-color:rgba(92,151,173,.22)}.nav-item.active{background:linear-gradient(90deg,rgba(255,212,0,.20),rgba(255,212,0,.055));color:var(--wh-yellow);border:1px solid rgba(255,212,0,.72);box-shadow:inset 3px 0 0 var(--wh-yellow),0 0 18px rgba(255,212,0,.08);font-weight:650}.nav-item.active svg{color:var(--wh-yellow)}
.storage-status{color:#7898a6;border-color:rgba(94,148,169,.18)}
main{background:transparent}.topbar{height:78px;background:linear-gradient(90deg,rgba(4,24,37,.96),rgba(7,43,60,.88));border-bottom:1px solid rgba(102,160,182,.34);backdrop-filter:blur(16px);padding:0 30px;position:sticky;top:0;z-index:20;box-shadow:0 10px 35px rgba(0,0,0,.12)}
.breadcrumb{color:#8fa9b4}.breadcrumb strong{color:#fff}.top-actions{gap:10px}.lang-switch button{background:rgba(5,28,41,.9);border-color:rgba(105,164,185,.35);color:#c8d7dd}.lang-switch button[data-current=true]{background:var(--wh-yellow);color:#071722;border-color:var(--wh-yellow)}.avatar{background:#f6f8f7;color:#092233;border:2px solid #b8cad2;font-weight:700}.top-actions .button.subtle{color:#dce7eb;border-color:rgba(105,164,185,.3);background:rgba(5,30,43,.5)}
.page-content{max-width:1720px;padding:28px 28px 0}.page-heading{margin-bottom:20px}.page-heading h1,.page-heading h2,h1,h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:750;color:#fff;letter-spacing:-.035em}.page-heading p{color:#b3c4cb;font-size:13px}.eyebrow{color:var(--wh-yellow)}
.button{background:rgba(8,40,55,.92);color:#f3f7f8;border:1px solid rgba(103,161,182,.40);border-radius:9px}.button:hover{background:#0d3a4e;box-shadow:0 0 18px rgba(72,158,192,.12)}.button.primary{background:linear-gradient(180deg,#ffe027,#ffd000);color:#091a22;border-color:#ffe34a;font-weight:750;box-shadow:0 5px 20px rgba(255,212,0,.14)}.button.primary:hover{background:#ffe238}.button.light{background:rgba(255,212,0,.12);color:var(--wh-yellow);border:1px solid rgba(255,212,0,.35)}.icon-button{color:#c5d5db}.icon-button:hover{background:rgba(20,67,85,.75);color:#fff}
.demo-banner{background:rgba(10,46,62,.78);border-color:rgba(105,164,185,.28);color:#b7c9d0}.demo-banner button{color:var(--wh-yellow)}
.hero{background:linear-gradient(115deg,rgba(4,28,42,.98),rgba(8,56,73,.92));border:1px solid rgba(103,163,185,.40);box-shadow:0 18px 45px rgba(0,0,0,.22);color:#fff}.hero-label{color:var(--wh-yellow)}.hero h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;font-weight:750}.hero p{color:#b8cbd2}.hero-art{opacity:.52}.art-sun{background:#ffd51c;box-shadow:0 0 60px rgba(255,213,28,.35)}
.metrics{gap:15px}.metric,.panel,.vineyard-card{background:linear-gradient(145deg,rgba(7,35,49,.94),rgba(5,27,40,.94));border:1px solid rgba(100,159,181,.38);box-shadow:0 12px 35px rgba(0,0,0,.14);color:#fff}.metric:hover,.vineyard-card:hover{border-color:rgba(255,212,0,.55);transform:translateY(-1px)}.metric{transition:.18s ease}.metric>span,.metric p{color:#a9bdc6}.metric>span svg{color:var(--wh-yellow)}.metric>strong{color:#fff}.metric>strong small{color:#9fb5be}
.panel-heading{border-bottom:1px solid rgba(104,163,184,.18)}.panel-heading h2{color:#fff}.panel-heading p{color:#9fb5be}.icon-chip.green,.icon-chip.amber{background:rgba(255,212,0,.10);color:var(--wh-yellow)}
.filter-bar{background:rgba(5,31,44,.90);border-color:rgba(104,163,184,.36);color:#9db4bd}.filter-bar input{color:#fff}.filter-bar input::placeholder{color:#7897a4}
.vineyard-top,.vineyard-card:nth-child(2n) .vineyard-top,.vineyard-card:nth-child(3n) .vineyard-top{background:linear-gradient(145deg,#0a3a4d,#082c3d)}.vineyard-code,.vineyard-top p{color:#9eb6c0}.vineyard-grape{color:var(--wh-yellow)}.vineyard-body{background:rgba(4,26,38,.55)}
.tag.green{background:rgba(20,197,107,.15);color:#5ff09d;border:1px solid rgba(20,197,107,.28)}.tag.amber{background:rgba(255,212,0,.12);color:#ffe251}.tag.neutral{background:rgba(137,171,184,.12);color:#b7cad2}.tag.demo{background:rgba(255,212,0,.13);color:#ffe15a}
.alert-row,.agenda-row{border-color:rgba(104,163,184,.16)}.alert-row strong,.agenda-row strong{color:#eef5f7}.alert-row small,.agenda-row>div small{color:#8fa9b4}.agenda-date{background:#0b3548;color:var(--wh-yellow)}.alert-dot{background:var(--wh-yellow)}
.bar-track{background:#0b3142}.bar-track i,.variety-bars>div:nth-child(2) i,.variety-bars>div:nth-child(3) i,.variety-bars>div:nth-child(4) i{background:linear-gradient(90deg,#ffd400,#fff06b)}
.tank-vessel{background:#092c3d;border-color:#53788a;box-shadow:inset 0 0 0 3px #092535}.tank-vessel:before{background:#0d3a4d;border-color:#53788a}.tank-vessel:after{background:#53788a;box-shadow:28px 0 #53788a}.tank-liquid{background:rgba(255,212,0,.42)}.tank-liquid.red{background:rgba(196,75,81,.52)}.tank-vessel>span{color:#fff}.tank-mini>small,.tank-mini em{color:#91aab5}
.positions li{background:#092f41;border-color:#426a7d}.sheet{background:#062333;color:#fff}.outcome{color:#ffd76b}.page-footer{color:#688b9a;border-top:1px solid rgba(104,163,184,.14)}
/* Syncfusion surfaces */
.e-grid,.e-grid .e-gridheader,.e-grid .e-gridcontent,.e-grid .e-table,.e-dialog,.e-card{background:#062534!important;color:#eef5f7!important}.e-grid .e-headercell{background:#0a3042!important;color:#c9d9df!important;border-color:#214b5d!important}.e-grid .e-rowcell{background:#062534!important;color:#edf4f6!important;border-color:#143d4e!important}.e-grid .e-row:hover .e-rowcell{background:#0b3548!important}.e-grid .e-selectionbackground,.e-grid .e-active{background:rgba(255,212,0,.14)!important;color:#fff!important}.e-input-group,.e-control-wrapper,.e-input{background:#082b3b!important;color:#fff!important;border-color:#365f72!important}
@media(max-width:980px){.page-content{padding:22px 18px 0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.topbar{padding:0 18px}}
@media(max-width:640px){.sidebar{width:min(86vw,300px);box-shadow:24px 0 60px rgba(0,0,0,.45)}main{margin-left:0;width:100%}.topbar{height:66px}.page-content{padding:18px 14px 0}.metrics{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;overflow:auto}.hero{padding:24px 20px;min-height:220px}.hero>div:first-child{max-width:100%}.hero-art{opacity:.22;width:65%}}


/* WineHype 2026 — unified premium SaaS design system.
   Green metallic / cosmic blue / fan yellow. Global and responsive;
   keeps Blazor routing, forms, Syncfusion behaviors and tenant logic intact. */
:root{
  --wh-green:#00c878;--wh-green-deep:#006b4a;--wh-blue:#1268e8;
  --wh-cyan:#28d8ff;--wh-gold:#ffc400;--wh-orange:#ff9e19;
  --wh-night:#041522;--wh-surface:#082537;--wh-surface-raised:#0b3044;
  --wh-border:rgba(90,179,198,.28);--wh-radius:18px;
  --forest:#05273a;--forest-light:#0a354b;--paper:#041522;
  --accent:#ffc400;--amber:#ffc400;--soft:#0b3044;
  --line:rgba(90,179,198,.28);--ink:#f4fbff;--muted:#afc6d2;--radius:18px;
  color-scheme:dark;
}
html,body{background:radial-gradient(ellipse at 84% -18%,rgba(18,104,232,.18),transparent 42%),linear-gradient(155deg,#03111d,#061e2b 55%,#041522);color:#f4fbff}
.sidebar{background:
  radial-gradient(ellipse at -30% 28%,rgba(0,200,120,.23),transparent 52%),
  radial-gradient(ellipse at 130% 77%,rgba(18,104,232,.30),transparent 52%),
  linear-gradient(175deg,#031a20,#041c31 58%,#02121e);
  border-right:1px solid rgba(40,216,255,.24)}
.brand{border-bottom-color:rgba(40,216,255,.17)}
.workspace{background:linear-gradient(120deg,rgba(0,200,120,.11),rgba(18,104,232,.13));border-color:var(--wh-border)}
.workspace-dot{background:var(--wh-green);box-shadow:0 0 12px rgba(0,200,120,.5)}
.nav-item{border-radius:12px;min-height:42px;transition:background-color .2s,border-color .2s,transform .2s}
.nav-item:hover{background:rgba(40,216,255,.09);border-color:rgba(40,216,255,.23);transform:translateX(2px)}
.nav-item.active{background:linear-gradient(100deg,rgba(0,200,120,.28),rgba(18,104,232,.17));border-color:rgba(0,200,120,.66);color:#fff;box-shadow:inset 3px 0 var(--wh-green),0 0 18px rgba(0,200,120,.13)}
.nav-item.active svg{color:#50ffb4}
.topbar{background:linear-gradient(95deg,rgba(3,21,34,.95),rgba(8,42,67,.92));border-bottom-color:rgba(40,216,255,.22)}
.page-content{max-width:1640px}
.page-heading h1,.page-heading h2,h1,h2{font-weight:720;letter-spacing:-.035em}
.eyebrow,.hero-label{color:var(--wh-gold)}
.button{border-radius:11px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.button:hover{border-color:rgba(40,216,255,.6);transform:translateY(-1px)}
.button.primary{background:linear-gradient(110deg,#ffd948,#ffad17);color:#16202b;border-color:#ffdf66;box-shadow:0 7px 20px rgba(255,158,25,.14)}
.button.primary:hover{background:linear-gradient(110deg,#ffe76b,#ffc13c)}
.button.light{color:#5effb6;background:rgba(0,200,120,.11);border-color:rgba(0,200,120,.38)}
.lang-switch button[data-current=true]{background:var(--wh-gold);color:#091c2a;border-color:var(--wh-gold)}
.hero{background:radial-gradient(circle at 92% 10%,rgba(0,200,120,.24),transparent 32%),linear-gradient(115deg,#063c39,#073b66 65%,#09243b);border-color:rgba(40,216,255,.45);border-radius:22px}
.hero-art{opacity:.62}.art-sun{background:var(--wh-gold)}
.metric,.panel,.vineyard-card{border-radius:var(--wh-radius);background:linear-gradient(145deg,rgba(10,48,65,.96),rgba(5,28,43,.98));border-color:var(--wh-border);box-shadow:0 12px 34px rgba(0,0,0,.14)}
.metric{position:relative;overflow:hidden}
.metric::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--wh-green),var(--wh-blue),var(--wh-gold));opacity:.82}
.metric:nth-child(3n+2)::before{background:linear-gradient(90deg,var(--wh-gold),var(--wh-orange))}
.metric:nth-child(3n)::before{background:linear-gradient(90deg,var(--wh-blue),var(--wh-cyan))}
.metric:hover,.vineyard-card:hover{border-color:rgba(40,216,255,.65);box-shadow:0 14px 38px rgba(0,0,0,.2)}
.metric>span svg{color:#50efb5}
.panel-heading{border-bottom-color:rgba(90,179,198,.16)}
.icon-chip.green{background:rgba(0,200,120,.14);color:#50efb5}
.icon-chip.amber{background:rgba(255,196,0,.13);color:var(--wh-gold)}
.tag.green{background:rgba(0,200,120,.15);border-color:rgba(0,200,120,.35);color:#75ffbc}
.tag.amber,.tag.demo{background:rgba(255,196,0,.13);color:#ffe16a}
.bar-track i,.variety-bars>div:nth-child(2) i,.variety-bars>div:nth-child(3) i,.variety-bars>div:nth-child(4) i{background:linear-gradient(90deg,var(--wh-green),var(--wh-blue),var(--wh-gold))}
.vineyard-top,.vineyard-card:nth-child(2n) .vineyard-top,.vineyard-card:nth-child(3n) .vineyard-top{background:linear-gradient(135deg,#064d43,#063b66)}
.vineyard-grape,.agenda-date,.outcome{color:var(--wh-gold)}
.filter-bar,.sheet{background:rgba(7,37,54,.96);border-color:var(--wh-border)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--wh-gold);outline-offset:3px}
.e-grid,.e-grid .e-gridheader,.e-grid .e-gridcontent,.e-grid .e-table,.e-dialog,.e-card{background:#082638!important;color:#f2faff!important}
.e-grid .e-headercell{background:#0b354c!important;color:#e1f2fa!important;border-color:#20536b!important}
.e-grid .e-rowcell{background:#082638!important;color:#edf8fd!important;border-color:#184154!important}
.e-grid .e-row:hover .e-rowcell{background:#10405a!important}
.e-grid .e-selectionbackground,.e-grid .e-active{background:rgba(0,200,120,.17)!important}
.e-input-group,.e-control-wrapper,.e-input{background:#0a3044!important;color:#f5fbff!important;border-color:#35647b!important}
@media(prefers-reduced-motion:reduce){.nav-item,.button,.metric,.vineyard-card{transition:none!important;transform:none!important}}
@media(max-width:640px){.hero{border-radius:17px}.metric,.panel,.vineyard-card{border-radius:14px}.nav-item:hover,.button:hover{transform:none}}


/* Cosmic Luxe — light enterprise workspace / dark cosmic navigation.
   2026 palette: navy #061B2B, emerald #075F55, mint #00B987,
   cosmic blue #1678EB, champagne #FFBF36, orange #FF8C32. */
:root{
 --wh-bg:#F3F6FA;--wh-bg2:#FFFFFF;--wh-panel:#FFFFFF;--wh-panel2:#F8FAFC;
 --wh-line:#DFE7EF;--wh-line-soft:#E8EEF3;--wh-text:#142C3D;--wh-muted:#627587;
 --wh-yellow:#FFBF36;--wh-yellow-soft:#FFDA80;--wh-green:#00B987;
 --wh-green-deep:#075F55;--wh-blue:#1678EB;--wh-gold:#FFBF36;
 --forest:#061B2B;--forest-light:#075F55;--paper:#F3F6FA;--line:#DFE7EF;
 --white:#FFFFFF;--accent:#FFBF36;--amber:#FFBF36;--soft:#EFF5F8;
 --ink:#142C3D;--muted:#627587;--radius:16px;color-scheme:light;
}
html,body{background:#F3F6FA;color:#142C3D}
body{background-attachment:scroll}
.app-shell{background:#F3F6FA;color:#142C3D}
main{background:#F3F6FA;color:#142C3D}
.sidebar{color:#E9F6FB;background:radial-gradient(ellipse at -25% 28%,rgba(0,185,135,.20),transparent 52%),radial-gradient(ellipse at 120% 85%,rgba(22,120,235,.24),transparent 55%),linear-gradient(175deg,#061B2B,#082C3D 65%,#061B2B)}
.sidebar .nav-group-heading{color:#B4CBD5}
.sidebar .nav-item{color:#DBEAF0}
.sidebar .nav-item.active{background:linear-gradient(105deg,#075F55,rgba(0,185,135,.28));color:#fff;border-color:rgba(0,185,135,.55);box-shadow:inset 3px 0 #00B987}
.sidebar .nav-item.active svg{color:#75FFD2}
.sidebar .workspace{color:#F4FBFF;background:rgba(9,66,79,.58);border-color:rgba(116,190,197,.27)}
.sidebar .workspace small,.sidebar .storage-status{color:#A9C2CE}
.topbar{background:rgba(255,255,255,.94);border-bottom:1px solid #DFE7EF;box-shadow:0 3px 20px rgba(6,27,43,.04);color:#142C3D;backdrop-filter:blur(14px)}
.breadcrumb{color:#627587}.breadcrumb strong{color:#142C3D}
.top-actions .button.subtle{background:#fff;color:#142C3D;border-color:#DFE7EF}
.lang-switch button{background:#fff;color:#234256;border-color:#DCE5ED}
.lang-switch button[data-current=true]{background:#075F55;color:#fff;border-color:#075F55}
.avatar{background:#E5F5EF;color:#075F55;border:2px solid #CDE8DE}
.page-heading h1,.page-heading h2,h1,h2{color:#102A3A}
.page-heading p{color:#627587}.eyebrow{color:#075F55}
.button{background:#fff;color:#18374A;border:1px solid #D8E3EC;box-shadow:0 2px 6px rgba(6,27,43,.025)}
.button:hover{background:#F3F8FC;border-color:#1678EB;box-shadow:0 5px 15px rgba(22,120,235,.08)}
.button.primary{background:linear-gradient(110deg,#FFCD59,#FFBF36);color:#18232D;border-color:#F0AF1F;box-shadow:0 5px 14px rgba(255,191,54,.18)}
.button.primary:hover{background:#FFD36D}
.button.light{background:#E9F6F1;color:#075F55;border-color:#BDE4D4}
.icon-button{color:#496678}.icon-button:hover{background:#EAF2F8;color:#075F55}
.text-button{color:#075F55}.text-button:hover{color:#1678EB}
.demo-banner{background:#EBF5F3;color:#426B67;border:1px solid #D3E8E1}
.demo-banner button{color:#075F55}
.hero{color:#fff;background:radial-gradient(circle at 90% 5%,rgba(0,185,135,.27),transparent 32%),linear-gradient(110deg,#063B43,#075F55 35%,#0B4274 85%,#061B2B);border:1px solid rgba(22,120,235,.25)}
.hero h2{color:#fff}.hero p{color:#D5E7EF}.hero-label{color:#FFDB85}
.metric,.panel,.vineyard-card{background:#fff;color:#142C3D;border:1px solid #DFE7EF;box-shadow:0 6px 22px rgba(6,27,43,.045)}
.metric:hover,.vineyard-card:hover{border-color:#9CCDBE;box-shadow:0 12px 26px rgba(6,27,43,.09)}
.metric>span,.metric p{color:#627587}.metric>span svg{color:#075F55}
.metric>strong{color:#102A3A}.metric>strong small{color:#627587}
.panel-heading{border-bottom-color:#EDF1F5}.panel-heading h2{color:#102A3A}.panel-heading p{color:#627587}
.icon-chip.green{background:#E7F6EF;color:#075F55}.icon-chip.amber{background:#FFF3D5;color:#9D6500}
.filter-bar{background:#fff;border-color:#DDE6EE;color:#627587}
.filter-bar input{color:#142C3D}.filter-bar input::placeholder{color:#8497A6}
.vineyard-top,.vineyard-card:nth-child(2n) .vineyard-top,.vineyard-card:nth-child(3n) .vineyard-top{background:linear-gradient(135deg,#075F55,#0A5278);color:#fff}
.vineyard-code,.vineyard-top p{color:#D2E9EC}.vineyard-grape{color:#FFBF36}
.vineyard-body{background:#fff}
.tag.green{background:#E5F7EF;color:#076647;border-color:#BCE5D1}
.tag.amber{background:#FFF2D3;color:#8C5B00;border:1px solid #F5D991}
.tag.neutral{background:#EEF2F6;color:#526579}
.tag.demo{background:#FFF1D0;color:#835400}
.alert-row,.agenda-row{border-color:#E7EDF2}
.alert-row strong,.agenda-row strong{color:#142C3D}
.alert-row small,.agenda-row>div small{color:#627587}
.agenda-date{background:#E9F5F2;color:#075F55}.alert-dot{background:#FFBF36}
.bar-track{background:#E8EEF4}
.bar-track i,.variety-bars>div:nth-child(2) i,.variety-bars>div:nth-child(3) i,.variety-bars>div:nth-child(4) i{background:linear-gradient(90deg,#075F55,#00B987,#1678EB)}
.tank-vessel{background:#F4F9F8;border-color:#A7C5C0;box-shadow:inset 0 0 0 3px #fff}
.tank-vessel:before{background:#EAF3F1;border-color:#A7C5C0}
.tank-vessel:after{background:#A7C5C0;box-shadow:28px 0 #A7C5C0}
.tank-liquid{background:rgba(0,185,135,.32)}.tank-liquid.red{background:rgba(184,77,94,.35)}
.tank-vessel>span{color:#075F55}.tank-mini>small,.tank-mini em{color:#627587}
.positions li{background:#fff;border-color:#DFE7EF}
.sheet{background:#fff;color:#142C3D;border:1px solid #DFE7EF}
.outcome{color:#075F55}.page-footer{color:#74899A;border-top-color:#DFE7EF}
.modal-footer-error{color:#075F55}
:root{--field-invalid:#C9A27A}
.e-grid,.e-grid .e-gridheader,.e-grid .e-gridcontent,.e-grid .e-table,.e-dialog,.e-card{background:#fff!important;color:#142C3D!important}
.e-grid .e-headercell{background:#F1F5F9!important;color:#304B5D!important;border-color:#DFE7EF!important}
.e-grid .e-rowcell{background:#fff!important;color:#142C3D!important;border-color:#E8EEF3!important}
.e-grid .e-row:hover .e-rowcell{background:#F1F8F6!important}
.e-grid .e-selectionbackground,.e-grid .e-active{background:#D9F1E8!important;color:#075F55!important}
.e-input-group,.e-control-wrapper,.e-input{background:#fff!important;color:#142C3D!important;border-color:#CEDDE8!important}
.e-input::placeholder{color:#8598A6!important}
@media(max-width:640px){.topbar{background:#fff}.page-content{background:transparent}}


/* Account preferences popover: language selection lives only in the account menu. */
.account-menu{position:relative;z-index:60}
.account-menu>summary{list-style:none;cursor:pointer}
.account-menu>summary::-webkit-details-marker{display:none}
.account-trigger{display:inline-flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border:1px solid #DCE6ED;border-radius:999px;background:#fff;color:#19394D;font-size:12px;font-weight:650;min-height:44px}
.account-trigger:hover,.account-menu[open] .account-trigger{border-color:#00B987;box-shadow:0 3px 14px rgba(0,185,135,.12)}
.account-trigger .avatar{width:32px;height:32px;flex-shrink:0}
.account-trigger svg{color:#627587}
.account-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(340px,calc(100vw - 30px));background:#fff;border:1px solid #DCE6ED;border-radius:17px;box-shadow:0 22px 60px rgba(6,27,43,.18);padding:20px;color:#142C3D}
.account-panel-heading{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;border-bottom:1px solid #E8EEF3}
.account-panel-heading strong{font-size:16px;color:#061B2B}
.account-panel-heading small{font-size:11px;color:#627587}
.account-language-form{display:flex;flex-direction:column;gap:11px;margin:16px 0}
.account-language-form label{font-size:12px;font-weight:650;color:#254357}
.account-language-form select{width:100%;min-height:43px;border:1px solid #C8D8E3;background:#fff;color:#142C3D;border-radius:10px;padding:10px 12px}
.account-language-form .button{width:100%;justify-content:center;min-height:42px}
.account-signout{display:block;text-align:center;border-top:1px solid #E8EEF3;padding-top:14px;color:#075F55;text-decoration:none;font-size:12px;font-weight:600}
.account-signout:hover{text-decoration:underline}
.account-trigger:focus-visible,.account-language-form select:focus-visible,.account-signout:focus-visible{outline:2px solid #FFBF36;outline-offset:3px}
@media(max-width:640px){.account-trigger-label{display:none}.account-panel{right:-8px}.account-trigger{padding:4px 7px 4px 4px}}


/* Nordic Emerald — restrained, accessible winery ERP palette.
   Deliberately placed after earlier Cosmic Luxe overrides. */
:root{
 --wh-bg:#F4F7F9;--wh-bg2:#FFFFFF;--wh-panel:#FFFFFF;--wh-panel2:#F9FBFC;
 --wh-line:#DEE7EB;--wh-line-soft:#E7EDF0;--wh-text:#092638;--wh-muted:#60798A;
 --wh-yellow:#C5A16A;--wh-yellow-soft:#EADDC8;--wh-green:#137A70;
 --wh-green-deep:#137A70;--wh-blue:#193C4A;--wh-gold:#C5A16A;
 --forest:#092638;--forest-light:#137A70;--paper:#F4F7F9;--line:#DEE7EB;
 --white:#FFFFFF;--accent:#137A70;--amber:#C5A16A;--soft:#EAF4F1;
 --ink:#092638;--muted:#60798A;color-scheme:light;
}
html,body,.app-shell,main{background:#F4F7F9;color:#092638}
.sidebar{background:linear-gradient(170deg,#092638 0%,#0C3040 55%,#092638 100%);color:#E8F2F3}
.sidebar .nav-item.active{background:#137A70;color:#fff;border-color:#16897D;box-shadow:inset 3px 0 #9CD5C8}
.sidebar .nav-item.active svg{color:#E7FFF8}
.sidebar .nav-item:hover:not(.active){background:rgba(255,255,255,.07)}
.sidebar .workspace{background:#123A4B;border:1px solid #285566;color:#fff}
.sidebar .workspace-dot{background:#29BA91}
.topbar{background:#fff;border-bottom:1px solid #DEE7EB;color:#092638;box-shadow:0 2px 10px rgba(9,38,56,.025)}
.page-content{background:#F4F7F9}
.page-heading h1,.page-heading h2,h1,h2{color:#092638}
.page-heading p,.breadcrumb{color:#60798A}
.eyebrow{color:#137A70}
.button.primary{background:#137A70;color:#fff;border:1px solid #116D64;box-shadow:0 3px 10px rgba(19,122,112,.12)}
.button.primary:hover{background:#0F665D;color:#fff;border-color:#0F665D;box-shadow:0 6px 16px rgba(19,122,112,.16)}
.button.primary:focus-visible{outline:3px solid #C5A16A;outline-offset:2px}
.button.light{background:#EAF4F1;color:#116A61;border-color:#C7E4DC}
.button:hover{border-color:#137A70}
.hero{background:linear-gradient(115deg,#092638,#164A51 65%,#137A70);color:#fff;border:1px solid #275963}
.hero h2{color:#fff}.hero p{color:#DFECEE}.hero-label{color:#D6B887}
.metric,.panel,.vineyard-card{background:#fff;color:#092638;border:1px solid #DEE7EB;box-shadow:0 5px 18px rgba(9,38,56,.035)}
.metric:hover,.vineyard-card:hover{border-color:#A5C9C1;box-shadow:0 9px 22px rgba(9,38,56,.07)}
.metric>strong,.panel-heading h2{color:#092638}
.metric>span,.metric p,.panel-heading p{color:#60798A}
.vineyard-top,.vineyard-card:nth-child(2n) .vineyard-top,.vineyard-card:nth-child(3n) .vineyard-top{
 background:#EAF4F1;color:#092638;border-bottom:1px solid #D9E9E4
}
.vineyard-top h2,.vineyard-top h3,.vineyard-top strong,.vineyard-top a{color:#092638}
.vineyard-code,.vineyard-top p,.vineyard-grape{color:#137A70}
.vineyard-body{background:#fff;color:#092638}
.vineyard-body strong,.vineyard-body b{color:#092638}
.vineyard-body small,.vineyard-body label{color:#60798A}
.tag.green,.icon-chip.green{background:#EAF4F1;color:#116A61;border-color:#C7E4DC}
.tag.amber,.icon-chip.amber{background:#F7F0E6;color:#775B33;border-color:#E6D5BB}
.alert-dot{background:#C5A16A}
.agenda-date{background:#EAF4F1;color:#137A70}
.bar-track i,.variety-bars>div:nth-child(2) i,.variety-bars>div:nth-child(3) i,.variety-bars>div:nth-child(4) i{background:#137A70}
.tank-liquid{background:rgba(19,122,112,.28)}
.e-grid,.e-grid .e-gridheader,.e-grid .e-gridcontent,.e-grid .e-table,.e-dialog,.e-card{background:#fff!important;color:#092638!important}
.e-grid .e-headercell{background:#F0F5F6!important;color:#193C4A!important;border-color:#DEE7EB!important}
.e-grid .e-rowcell{background:#fff!important;color:#092638!important;border-color:#E7EDF0!important}
.e-grid .e-row:hover .e-rowcell{background:#F0F8F5!important}
.e-grid .e-selectionbackground,.e-grid .e-active{background:#DDEFE9!important;color:#116A61!important}
.e-input-group,.e-control-wrapper,.e-input{background:#fff!important;color:#092638!important;border-color:#D2E0E6!important}
.account-trigger{border-color:#DEE7EB;color:#092638}
.account-trigger:hover,.account-menu[open] .account-trigger{border-color:#137A70;box-shadow:0 3px 12px rgba(19,122,112,.09)}
.account-trigger .avatar,.avatar{background:#EAF4F1;color:#137A70;border-color:#C7E4DC}
.account-panel{border-color:#DEE7EB;color:#092638}
.account-panel-heading strong{color:#092638}
.account-language-form .button.primary{background:#137A70;color:#fff;border-color:#116D64}
.account-signout{color:#137A70}
.account-trigger:focus-visible,.account-language-form select:focus-visible,.account-signout:focus-visible{outline-color:#C5A16A}