/* Mixed theme: dark navigation, light working surfaces. */
:root {
 color-scheme:light;
 --ds-bg:#F3F5F8; --ds-surface:#FFFFFF; --ds-elevated:#EDF1F5; --ds-inset:#F7F9FB;
 --ds-text:#202B38; --ds-muted:#647384; --ds-border:#DDE4EB;
 --ds-accent:#0098db; --ds-action:#0098db; --ds-on-action:#FFFFFF; --ds-soft:#e8f1f5; --ds-rail:#151C2C;
 --ds-danger:#B9473E; --ds-warning:#94620B;
 --apple-green-bg:#e8f1f5; --apple-green-text:#0098db; --apple-green-border:#bfd3dc;
 --apple-green-bg-hover:#dae8ee; --apple-green-border-hover:#0098db;
 --glass-edge:#DDE4EB; --shadow-md:0 3px 12px #202b3808;
}
html body .topbar { background:#151C2C !important; --ds-text:#E5EBF3; --ds-muted:#B4C0D0; --ds-surface:#202B3D; --ds-border:#344157; --ds-elevated:#2B3950; color-scheme:dark; }
.mobile-nav { background:#151C2C !important; --ds-text:#E5EBF3; --ds-muted:#B4C0D0; --ds-border:#344157; color-scheme:dark; }
.mobile-nav__item[aria-current="page"] { background:#253B3D !important; color:#8bbed5 !important; box-shadow:inset 3px 0 #73afc9; }
.workspace-brand__mark { background:#73afc9; color:#151C2C; }
.workspace-brand { color:#FFFFFF; }
.workspace-brand small { color:#B4C0D0; }
::selection { background:#cde0e9; color:#202B38; }
:where(button,a,input,select,textarea,summary):focus-visible { outline-color:#0098db !important; }
.input:focus { border-color:#0098db !important; box-shadow:0 0 0 3px #0098db18 !important; }
.btn.btn--primary,.mobile-add { background:#0098db !important; border-color:#0098db !important; color:#FFFFFF !important; }
.btn.btn--primary:not(:disabled):hover { background:#1c546c !important; border-color:#1c546c !important; color:#FFFFFF !important; }
.btn.btn--danger { background:#FFF0EE !important; color:#B9473E !important; border-color:#EAC4BF !important; }
#statusFilters .chip.is-active,.production-priority[aria-pressed="true"],.production-color-chip.is-active { color:#0098db !important; background:#e8f1f5 !important; border-color:#bfd3dc !important; }
#upsellerKanbanBoard .production-plan__focus:not(.is-urgent) { background:#F0F5F7; color:#202B38; }
#upsellerKanbanBoard .production-plan__focus.is-urgent { background:#FFF0EC; color:#AF4438; }
#upsellerKanbanBoard .production-action-menu > div { background:#FFFFFF; border-color:#DDE4EB; }
#upsellerKanbanBoard .production-action-menu > div > button:hover { background:#EDF1F5 !important; }
#upsellerKanbanBoard .kanban-card { box-shadow:0 3px 12px #202b3807; }
#financePanel { --fin-surface:#FFFFFF; --fin-line:#DDE4EB; --fin-muted:#647384; --fin-teal:#0098db; --fin-blue:#416B91; }
#financePanel .finance__toolbar,#financePanel #financeTabResumo .finance-composition { background:#FFFFFF; }
#financePanel #financeKpis .finance-kpi { background:#FFFFFF !important; box-shadow:0 3px 12px #202b3808; }
#financePanel #financeKpis .finance-kpi--primary { background:#e8f1f5 !important; border-color:#bfd3dc; }
#financePanel #financeKpis .finance-kpi__value:not(.is-neg) { color:#202B38; }
#financePanel #financeKpis .finance-kpi--primary .finance-kpi__value.is-pos { color:#0098db; }
#financePanel #financeKpis .finance-kpi__value.is-neg { color:#B9473E; }
#financePanel .finance-bar__fat { background:#CBD7E2; }
#financePanel .finance-bar__lucro { background:#73afc9; }
#financePanel .finance-chart-key span:first-child { color:#416B91; }
#financePanel .finance-donut__hole { background:#FFFFFF; color:#202B38; }
#financePanel .finance-donut__legend-item strong,#financePanel #financeTabResumo .finance__chart-title { color:#202B38; }
#financePanel #financeTabResumo .finance__warn { background:#FFF8E9; color:#805C1A; border-color:#EAD9B4; }
#financePanel #financeTabResumo .finance-rank__bar { background:#E9EEF3; }
#financePanel .finance-rank__flag { background:#FFF3D9; color:#805C1A; border-color:#EAD9B4; }
.finance-kpi__value.is-pos,.finance-brk__val.is-pos,.finance-rank__lucro { color:#0098db; }
.finance-kpi__value.is-neg,.finance-brk__val.is-neg { color:#B9473E; }
.finance-kpi__value--muted { color:#647384; }
.production-card__priority[data-priority="orders"] { color:#94620B; }
.production-card__priority[data-priority="overdue"] { color:#B9473E; }
.production-card__facts .is-danger dd { color:#B9473E; }
.production-card__facts .is-warn dd { color:#94620B; }
.production-card__facts .is-ok dd,.kanban-card__qty-produced { color:#0098db; }
.finance__tab.is-active { color:#0098db !important; }
@media(max-width:900px) { .mobile-nav__item[aria-current="page"] { box-shadow:none; } }
#upsellerKanbanBoard .kanban-card__qty-produced,#upsellerKanbanBoard .kanban-card__qty-produced strong { color:#0098db !important; }
[data-history-type].is-active { color:#0098db !important; }
.history__qty--neg { background:#FFF0EC !important; color:#B9473E !important; }
.history__qty--pos { background:#e8f1f5 !important; color:#0098db !important; }
.history__qty--neutral { background:#EDF1F5 !important; color:#647384 !important; }

/* Soft emerald workspace, inspired by the user's dashboard reference. */
@font-face { font-family:Manrope; font-style:normal; font-weight:400; font-display:swap; src:url('./manrope-400.ttf') format('truetype'); }
@font-face { font-family:Manrope; font-style:normal; font-weight:500; font-display:swap; src:url('./manrope-500.ttf') format('truetype'); }
@font-face { font-family:Manrope; font-style:normal; font-weight:600; font-display:swap; src:url('./manrope-600.ttf') format('truetype'); }
@font-face { font-family:Manrope; font-style:normal; font-weight:700; font-display:swap; src:url('./manrope-700.ttf') format('truetype'); }
:root { --ds-bg:#F3F4F3; --ds-surface:#FFFFFF; --ds-elevated:#F4F6F5; --ds-inset:#F7F8F7; --ds-text:#171d20; --ds-muted:#68736E; --ds-border:#E8ECE9; --ds-accent:#126184; --ds-action:#126184; --ds-soft:#e9f1f4; --ds-rail:#FFFFFF; }
body,button,input,select,textarea { font-family:Manrope,"Avenir Next",sans-serif !important; letter-spacing:-.02em; }
h1,h2,h3 { font-weight:600; }
html body .topbar { background:#FFFFFF !important; --ds-text:#171d20; --ds-muted:#68736E; --ds-surface:#F5F6F5; --ds-border:#EFF1EF; --ds-elevated:#ebeef0; color-scheme:light; border:0 !important; box-shadow:0 2px 16px #1a2c3406; }
#viewTitle { font-weight:600 !important; font-size:26px !important; }
.mobile-nav { background:#FFFFFF !important; --ds-text:#171d20; --ds-muted:#68736E; --ds-border:#EFF1EF; color-scheme:light; border-color:#EFF1EF !important; }
.mobile-nav__item { color:#68736E !important; }
.mobile-nav__item:hover { background:#f1f4f5 !important; color:#171d20 !important; }
.mobile-nav__item[aria-current="page"] { background:#e9f1f4 !important; color:#126184 !important; box-shadow:none; border-radius:18px; }
.workspace-brand { color:#126184; }
.workspace-brand small { color:#68736E; }
.workspace-brand__mark { background:#126184; color:white; border-radius:50%; }
.btn.btn--primary,.mobile-add { background:#126184 !important; border-color:#126184 !important; }
.btn.btn--primary:not(:disabled):hover { background:#0c5170 !important; border-color:#0c5170 !important; }
.btn,.icon-btn,.fin-icon-btn { box-shadow:none !important; border-color:#EDF0ED !important; border-radius:14px !important; font-weight:600; }
.input,select.input,textarea.input { box-shadow:none !important; border-color:#e5e9eb !important; border-radius:14px !important; }
.topbar .icon-btn,.topbar #bellNotifBtn { border-radius:50% !important; }
#financePanel .finance__title { font-size:32px; font-weight:500; letter-spacing:-1.2px; }
#financePanel .finance__toolbar { border:0; border-radius:22px; }
#financePanel .finance__tabs { border:0; background:#EBEEEB; border-radius:28px; padding:5px; gap:4px; }
#financePanel .finance__tab { border:0; border-radius:24px; font-weight:500; padding:11px 22px; }
#financePanel .finance__tab.is-active { background:white; color:#171d20 !important; box-shadow:0 2px 8px #1a2c3408; }
#financePanel #financeKpis .finance-kpi { border:0; border-radius:24px; padding:26px; box-shadow:none; }
#financePanel #financeKpis .finance-kpi__label { font-size:12px; font-weight:500; }
#financePanel #financeKpis .finance-kpi__value { font-weight:600; font-size:clamp(24px,2.25vw,36px); letter-spacing:-1.2px; }
#financePanel #financeKpis .finance-kpi--primary { background:#126184 !important; }
#financePanel #financeKpis .finance-kpi--primary .finance-kpi__label { color:#dbeaf1; }
#financePanel #financeKpis .finance-kpi--primary .finance-kpi__value { color:white !important; }
#financePanel #financeTabResumo .finance__chart-card,#financePanel #financeTabResumo .finance__ranking { border:0; border-radius:26px; padding:26px; box-shadow:none; }
#financePanel #financeTabResumo .finance__chart-title { font-size:15px; font-weight:600; }
#financePanel #financeChartDays { height:250px; gap:14px; padding-top:16px; background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#e9ecee 49px,#e9ecee 50px); }
#financePanel .finance-bar__stack { height:190px; }
#financePanel .finance-bar__fat { width:74%; border-radius:22px 22px 5px 5px; background:repeating-linear-gradient(130deg,#b8d0db 0px,#b8d0db 4px,#aec7d2 4px,#aec7d2 5px); }
#financePanel .finance-bar__lucro { width:74%; border-radius:22px 22px 5px 5px; background:#126184; }
#financePanel .finance-bar__label { font-size:10px; color:#68736E; }
#financePanel .finance-chart-key span:first-child { color:#506f7d; }
#financePanel .finance-chart-key span:last-child { color:#126184; }
#financePanel .finance-donut { width:170px; height:170px; }
#financePanel .finance-donut__hole { inset:20px; }
#financePanel #financeTabResumo .finance-rank { padding:20px 10px; border-color:#F0F2F0; }
#financePanel #financeTabResumo .finance-rank:nth-child(even) { background:#F7F8F7; border-radius:16px; }
#financePanel #financeTabResumo .finance-rank__name { font-weight:500; }
#financePanel .finance__ranking-title { text-transform:none; letter-spacing:-.3px; font-weight:600; }
#upsellerKanbanBoard .kanban-card { border-color:#EBEFEC !important; border-radius:22px; box-shadow:none; }
.production-toolbar { border-color:#EBEFEC !important; border-radius:22px; }
@media(min-width:1000px) { html body .topbar { margin:16px 20px 0; border-radius:28px; } }
@media(max-width:720px) {
 #financePanel .finance__title { font-size:26px; }
 #financePanel #financeKpis .finance-kpi { padding:18px 14px; border-radius:20px; }
 #financePanel #financeKpis .finance-kpi__value { font-size:21px; }
 #financePanel #financeTabResumo .finance__chart-card,#financePanel #financeTabResumo .finance__ranking { padding:18px; border-radius:22px; }
 #financePanel .finance__tab { padding:10px 15px; }
}

/* Emerald dark: same geometry and typography, adapted surfaces and contrast. */
:root {
 color-scheme:dark;
 --ds-bg:#101416; --ds-surface:#192023; --ds-elevated:#232c30; --ds-inset:#141a1d;
 --ds-text:#e7ecee; --ds-muted:#A3B3A9; --ds-border:#303c41;
 --ds-accent:#7eb9d3; --ds-action:#0098db; --ds-soft:#20343d; --ds-rail:#161d20;
 --ds-danger:#EEA398; --ds-warning:#D8BC80;
 --apple-green-bg:#20343d; --apple-green-text:#7eb9d3; --apple-green-border:#3a5764;
 --apple-green-bg-hover:#2a4049; --apple-green-border-hover:#7eb9d3; --glass-edge:#303c41;
}
html body .topbar { background:#192023 !important; --ds-text:#e7ecee; --ds-muted:#A3B3A9; --ds-surface:#232c30; --ds-border:#303c41; --ds-elevated:#2d373c; color-scheme:dark; }
.mobile-nav { background:#161d20 !important; --ds-text:#e7ecee; --ds-muted:#A3B3A9; --ds-border:#303c41; color-scheme:dark; border-color:#263136 !important; }
.mobile-nav__item { color:#A3B3A9 !important; }
.mobile-nav__item:hover { background:#232c30 !important; color:#e7ecee !important; }
.mobile-nav__item[aria-current="page"] { background:#20343d !important; color:#7eb9d3 !important; }
.workspace-brand { color:#7eb9d3; }
.workspace-brand small { color:#A3B3A9; }
.workspace-brand__mark { background:#7eb9d3; color:#101416; }
::selection { background:#344f5b; color:#FFFFFF; }
:where(button,a,input,select,textarea,summary):focus-visible { outline-color:#7eb9d3 !important; }
.input:focus { border-color:#7eb9d3 !important; box-shadow:0 0 0 3px #7eb9d318 !important; }
.btn,.icon-btn,.fin-icon-btn,.input,select.input,textarea.input { border-color:#303c41 !important; }
.btn.btn--primary,.mobile-add { background:#0098db !important; border-color:#0098db !important; color:#FFFFFF !important; }
.btn.btn--primary:not(:disabled):hover { background:#0098db !important; border-color:#0098db !important; }
.btn.btn--danger { background:#402722 !important; color:#EEA398 !important; border-color:#624038 !important; }
#statusFilters .chip.is-active,.production-priority[aria-pressed="true"],.production-color-chip.is-active { color:#7eb9d3 !important; background:#20343d !important; border-color:#3a5764 !important; }
#upsellerKanbanBoard .kanban-card,.production-toolbar { border-color:#303c41 !important; }
#upsellerKanbanBoard .production-plan__focus:not(.is-urgent) { background:#232c30; color:#e7ecee; }
#upsellerKanbanBoard .production-plan__focus.is-urgent { background:#382823; color:#EEA398; }
#upsellerKanbanBoard .production-action-menu > div { background:#192023; border-color:#303c41; }
#upsellerKanbanBoard .production-action-menu > div > button:hover { background:#2d373c !important; }
#upsellerKanbanBoard .kanban-card__qty-produced,#upsellerKanbanBoard .kanban-card__qty-produced strong { color:#7eb9d3 !important; }
.production-card__priority[data-priority="orders"],.production-card__facts .is-warn dd { color:#D8BC80; }
.production-card__priority[data-priority="overdue"],.production-card__facts .is-danger dd { color:#EEA398; }
.production-card__facts .is-ok dd { color:#7eb9d3; }
[data-history-type].is-active { color:#7eb9d3 !important; }
.history__qty--neg { background:#402722 !important; color:#EEA398 !important; }
.history__qty--pos { background:#20343d !important; color:#7eb9d3 !important; }
.history__qty--neutral { background:#232c30 !important; color:#A3B3A9 !important; }
#financePanel { --fin-surface:#192023; --fin-line:#303c41; --fin-muted:#A3B3A9; --fin-teal:#7eb9d3; --fin-blue:#aac0ca; }
#financePanel .finance__toolbar,#financePanel #financeTabResumo .finance-composition { background:#192023; }
#financePanel .finance__tabs { background:#192023; }
#financePanel .finance__tab.is-active { background:#2b373d; color:#7eb9d3 !important; }
#financePanel #financeKpis .finance-kpi { background:#192023 !important; }
#financePanel #financeKpis .finance-kpi--primary { background:#0098db !important; }
#financePanel #financeKpis .finance-kpi__value:not(.is-neg) { color:#e7ecee; }
#financePanel #financeKpis .finance-kpi__value.is-neg { color:#EEA398; }
#financePanel #financeKpis .finance-kpi--primary .finance-kpi__value { color:white !important; }
#financePanel #financeTabResumo .finance__chart-title,#financePanel .finance-donut__legend-item strong { color:#e7ecee; }
#financePanel #financeChartDays { background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#303c41 49px,#303c41 50px); }
#financePanel .finance-bar__fat { background:repeating-linear-gradient(130deg,#37535f 0px,#37535f 4px,#42616e 4px,#42616e 5px); }
#financePanel .finance-bar__lucro { background:#7eb9d3; }
#financePanel .finance-chart-key span:first-child { color:#a4bdc8; }
#financePanel .finance-chart-key span:last-child { color:#7eb9d3; }
#financePanel .finance-bar__label { color:#A3B3A9; }
#financePanel .finance-donut__hole { background:#192023; color:#e7ecee; }
#financePanel #financeTabResumo .finance__warn { background:#302B20; color:#D8BC80; border-color:#514833; }
#financePanel #financeTabResumo .finance-rank { border-color:#303c41; }
#financePanel #financeTabResumo .finance-rank:nth-child(even) { background:#20292d; }
#financePanel #financeTabResumo .finance-rank__bar { background:#303c41; }
#financePanel .finance-rank__flag { background:#302B20; color:#D8BC80; border-color:#514833; }
.finance-kpi__value.is-pos,.finance-brk__val.is-pos,.finance-rank__lucro { color:#7eb9d3; }
.finance-kpi__value.is-neg,.finance-brk__val.is-neg { color:#EEA398; }
.finance-kpi__value--muted { color:#A3B3A9; }

/* Petroleum black with restrained emerald accents. */
:root {
 --ds-bg:#111B25; --ds-surface:#17212C; --ds-elevated:#223140; --ds-inset:#111B25;
 --ds-text:#F3F5F4; --ds-muted:#A5B5C5; --ds-border:#344555;
 --ds-accent:#0098db; --ds-action:#0098db; --ds-soft:#122933; --ds-rail:#111B25;
 --ds-danger:#E49B93; --ds-warning:#D5B779;
 --apple-green-bg:#15242b; --apple-green-text:#a4c1ce; --apple-green-border:#2c4651;
 --glass-edge:#344555;
}
html body .topbar { background:#111B25 !important; --ds-text:#F3F5F4; --ds-muted:#A5B5C5; --ds-surface:#1D2B39; --ds-border:#344555; --ds-elevated:#263746; }
.mobile-nav { background:#111B25 !important; --ds-text:#F3F5F4; --ds-muted:#A5B5C5; --ds-border:#344555; border-color:#242426 !important; }
.mobile-nav__item { color:#A5B5C5 !important; }
.mobile-nav__item:hover { background:#1D2B39 !important; color:#F3F5F4 !important; }
.mobile-nav__item[aria-current="page"] { background:#122933 !important; color:#0098db !important; box-shadow:inset 3px 0 #0098db; }
.workspace-brand { color:#F3F5F4; }
.workspace-brand small { color:#A5B5C5; }
.workspace-brand__mark { background:#0098db; color:#061c25; }
::selection { background:#204454; color:white; }
:where(button,a,input,select,textarea,summary):focus-visible { outline-color:#0098db !important; }
.input:focus { border-color:#0098db !important; box-shadow:0 0 0 3px #0098db20 !important; }
.btn,.icon-btn,.fin-icon-btn,.input,select.input,textarea.input { border-color:#344555 !important; }
.btn.btn--primary,.mobile-add { background:#0098db !important; border-color:#0098db !important; color:#061c25 !important; }
.btn.btn--primary:not(:disabled):hover { background:#0098db !important; border-color:#0098db !important; }
#statusFilters .chip.is-active,.production-priority[aria-pressed="true"],.production-color-chip.is-active { color:#0098db !important; background:#122933 !important; border-color:#284755 !important; }
#upsellerKanbanBoard .kanban-card,.production-toolbar { background:#17212C; border-color:#344555 !important; border-radius:12px; }
#upsellerKanbanBoard .production-plan__focus:not(.is-urgent) { background:#14252c; color:#F3F5F4; }
#upsellerKanbanBoard .production-action-menu > div { background:#17212C; border-color:#344555; }
#upsellerKanbanBoard .production-action-menu > div > button:hover { background:#263746 !important; }
#financePanel { --fin-surface:#17212C; --fin-line:#344555; --fin-muted:#A5B5C5; --fin-teal:#a4c1ce; --fin-blue:#0098db; }
#financePanel .finance__toolbar,#financePanel #financeTabResumo .finance-composition { background:#17212C; }
#financePanel .finance__tabs { background:#17212C; }
#financePanel .finance__tab.is-active { background:#122933; color:#0098db !important; }
#financePanel #financeKpis .finance-kpi,#financePanel #financeKpis .finance-kpi--primary { background:#17212C !important; border:1px solid #344555 !important; border-radius:12px; }
#financePanel #financeKpis .finance-kpi__label,#financePanel #financeKpis .finance-kpi--primary .finance-kpi__label { color:#A5B5C5; }
#financePanel #financeKpis .finance-kpi__value:not(.is-neg),#financePanel #financeKpis .finance-kpi--primary .finance-kpi__value { color:#F3F5F4 !important; }
#financePanel #financeKpis .finance-kpi__value.is-neg { color:#E49B93; }
#financePanel #financeTabResumo .finance__chart-card,#financePanel #financeTabResumo .finance__ranking { border:1px solid #344555; border-radius:12px; }
#financePanel #financeTabResumo .finance__chart-title,#financePanel .finance-donut__legend-item strong { color:#F3F5F4; }
#financePanel .finance-chart-key span:first-child { color:#0098db; }
#financePanel .finance-chart-key span:last-child { color:#a4c1ce; }
#financePanel .finance-donut__hole { background:#17212C; color:#F3F5F4; }
#financePanel #financeTabResumo .finance-rank { border:0; }
#financePanel #financeTabResumo .finance-rank:nth-child(even) { background:#1D2B39; }
#financePanel #financeTabResumo .finance-rank__bar { background:#344555; }
#financePanel #financeChartDays,#wastePanel #wasteChartDays { display:block; height:auto; min-height:180px; background:none; padding:0; overflow-x:auto; }
.daily-line-chart { display:block; width:100%; min-width:420px; height:auto; }
.daily-line-chart text { fill:#A5B5C5; font-family:inherit; font-size:10px; }
.daily-line-chart .trend-grid { stroke:#344555; stroke-dasharray:4 5; }
.daily-line-chart circle { opacity:0; outline:none; }
.daily-line-chart circle:hover,.daily-line-chart circle:focus-visible { opacity:1; stroke:#F3F5F4; stroke-width:2px; }
@media(max-width:720px) { .daily-line-chart { min-width:360px; } }

.daily-line-chart circle.is-single { opacity:1; }

/* Reference accents: green controls and coordinated chart series. */
#financePanel .finance-chart-key span:first-child { color:#0098db; }
#financePanel #financeKpis .finance-kpi:last-child .finance-kpi__value { color:#F3F5F4 !important; }
#financePanel #financeKpis .finance-kpi { padding:24px; box-shadow:none; }
#financePanel #financeTabResumo .finance__chart-card,#financePanel #financeTabResumo .finance__ranking { box-shadow:none; }
#financePanel #financeKpis .finance-kpi__value { font-weight:600; letter-spacing:-.045em; }
#financePanel .finance__tab.is-active { color:#0098db !important; }
@media(max-width:720px) { #financePanel #financeKpis .finance-kpi { padding:18px; } }

/* Consistent petroleum/emerald surfaces across every workspace module. */
:root { --ds-on-action:#061c25; --apple-green-bg:#122933; --apple-green-text:#0098db; --apple-green-border:#284755; --apple-green-bg-hover:#193744; --apple-green-border-hover:#0098db; }
html body .topbar { border-radius:12px !important; box-shadow:none; }
.mobile-nav__item { border-radius:8px !important; }
.btn,.icon-btn,.fin-icon-btn,.input,select.input,textarea.input { border-radius:8px !important; }
#stockView .card,#stockView .kpi,.finance__chart-card,.finance__ranking,.finance-kpi,.production-toolbar,.history__table-wrap { border-radius:12px !important; box-shadow:none !important; }
#financePanel .finance__toolbar,#financePanel .finance__tabs,#financePanel .finance__tab,#financePanel .finance-composition { border-radius:8px !important; }
#financePanel #financeTabResumo .finance__chart-card { background:radial-gradient(ellipse at 50% 0,rgba(70,105,140,.08),transparent 65%),var(--ds-surface); }
#upsellerKanbanBoard .kanban-card { box-shadow:none; }
.history__table tbody tr { background:transparent !important; }
.history__table tbody td { border-bottom-color:#203032 !important; }
.history__table tbody tr:hover { background:#1D2B39 !important; }
.history__table .history__user { background:transparent; border-color:transparent; }
.finance-kpi__value,.history__qty,.history__balance { font-variant-numeric:tabular-nums; }

/* Sculpted icon controls from the user's reference. */
html body :is(.icon-btn,.fin-icon-btn,.btn--icon,#bellNotifBtn,#connectionStatus,#mobileSearchToggle),html body .topbar__actions :is(.icon-btn,#bellNotifBtn),html body #upsellerKanbanBoard .production-action-menu > summary {
 background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
 border:1px solid rgba(255,255,255,.13) !important;
 border-radius:24% !important;
 color:#F5EFDA !important;
 box-shadow:inset 0 1px 1px #ffffff12,inset 0 -2px 4px #00000018,0 4px 10px #00000020 !important;
}
html body :is(.icon-btn,.fin-icon-btn,.btn--icon,#bellNotifBtn,#connectionStatus,#mobileSearchToggle):not(:disabled):hover,html body .topbar__actions :is(.icon-btn,#bellNotifBtn):hover {
 background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
 border-color:rgba(255,255,255,.18) !important;
 color:#FFF8E4 !important;
}
html body :is(.icon-btn,.fin-icon-btn,.btn--icon,#bellNotifBtn,#connectionStatus,#mobileSearchToggle):not(:disabled):active {
 box-shadow:inset 0 2px 5px #00000030 !important;
}

/* Selected navigation shares the sculpted icon-control treatment. */
html body .mobile-nav .mobile-nav__item[aria-current="page"] {
 background:linear-gradient(145deg,#23343b 0%,#17262d 48%,#101d23 100%) !important;
 color:#F5EFDA !important;
 border-radius:16px !important;
 box-shadow:inset 0 0 0 1px #304148,inset 0 1px 1px #ffffff12,inset 0 -2px 4px #00000018,0 4px 10px #00000020 !important;
}
html body .mobile-nav .mobile-nav__item[aria-current="page"]:hover {
 background:linear-gradient(145deg,#2d414a,#192b33) !important;
 color:#FFF8E4 !important;
}

/* Reference geometry and typographic hierarchy; existing colors and controls stay intact. */
html body #viewTitle { font-size:30px !important; font-weight:500 !important; letter-spacing:-.045em; }
h1,h2,h3 { letter-spacing:-.035em; font-weight:500; }
#stockView .card,#stockView .kpi,.finance__chart-card,.finance__ranking,.finance-kpi,.production-toolbar,.history__table-wrap,
#financePanel #financeKpis .finance-kpi,#financePanel #financeTabResumo .finance__chart-card,#financePanel #financeTabResumo .finance__ranking,
#upsellerKanbanBoard .kanban-card { border-radius:24px !important; }
#financePanel #financeTabResumo .finance__chart-card,#financePanel #financeTabResumo .finance__ranking { padding:26px; }
#financePanel #financeKpis .finance-kpi { padding:24px; gap:16px; }
#financePanel #financeKpis .finance-kpi__value { font-weight:500; font-size:clamp(26px,2.3vw,38px); letter-spacing:-.05em; line-height:1.2; }
.finance-kpi__label { font-weight:500; letter-spacing:0; text-transform:none; }
#financePanel #financeTabResumo .finance__chart-title { font-size:17px; font-weight:600; letter-spacing:-.025em; margin-bottom:20px; }
.daily-line-chart text { font-size:10px; font-weight:400; letter-spacing:0; }
.daily-line-chart .trend-grid { stroke-width:.7; stroke-dasharray:3 5; opacity:.7; }
.daily-line-chart path[fill="none"] { stroke-width:1.8; }
.history__table th { font-weight:500; letter-spacing:0; }
@media(max-width:720px) {
 html body #viewTitle { font-size:26px !important; }
 #financePanel #financeKpis .finance-kpi { padding:18px; }
 #financePanel #financeKpis .finance-kpi__value { font-size:23px; }
 #financePanel #financeTabResumo .finance__chart-card,#financePanel #financeTabResumo .finance__ranking { padding:18px; }
 #stockView .card,.finance-kpi,#financePanel #financeKpis .finance-kpi,#upsellerKanbanBoard .kanban-card { border-radius:20px !important; }
}

/* One type family and consistent form weights throughout the application. */
:root { --font-ui:Manrope,"Avenir Next",sans-serif; }
html body,html body :is(button,input,select,textarea,option,label,summary,dialog,table,svg text) { font-family:var(--font-ui) !important; }
html body :is(input,select,textarea),
html body .topbar .topbar__actions.topbar__actions--search-first :is(#search.search-main,#sortBy) {
 font-weight:400 !important;
 font-style:normal !important;
 letter-spacing:-.02em !important;
}
html body input::placeholder,html body textarea::placeholder,
html body .topbar .topbar__actions.topbar__actions--search-first #search.search-main::placeholder {
 font-family:var(--font-ui) !important;
 font-weight:400 !important;
 font-style:normal !important;
 letter-spacing:-.02em !important;
 opacity:1;
}
html body :is(label,summary,th) { font-weight:500; }

/* Product totals are already shown in the inventory indicators. */
#wsToolsSummary { display:none !important; }

/* Inset ordering chevron with reserved text space on all viewport sizes. */
html body .topbar .topbar__actions.topbar__actions--search-first select#sortBy {
 appearance:none; -webkit-appearance:none; padding-right:48px !important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A0B1B0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
 background-repeat:no-repeat !important; background-position:right 16px center !important; background-size:16px !important;
}
@media(forced-colors:active) {
 html body .topbar .topbar__actions.topbar__actions--search-first select#sortBy { appearance:auto; background-image:none !important; }
}
.daily-bar { transition:filter .15s; outline:none; }
.daily-bar:hover,.daily-bar:focus-visible { filter:brightness(1.2); stroke:var(--ds-text); stroke-width:1.5; }

/* Glass is reserved for the header; working surfaces remain solid. */
html body .topbar {
 background:linear-gradient(135deg,rgba(180,205,230,.025),transparent 65%),rgba(23,33,44,.96) !important;
 box-shadow:inset 0 1px 0 rgba(225,239,245,.04) !important;
 -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
@media(prefers-reduced-transparency:reduce) {
 html body .topbar { background:var(--ds-inset) !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
}

#financePanel .finance-donut { width:210px; height:210px; margin:8px auto 24px; }
#financePanel .finance-donut__hole { inset:17px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; padding:8px; }
#financePanel .finance-donut__hole strong { font-size:21px; font-weight:600; letter-spacing:-.04em; font-variant-numeric:tabular-nums; white-space:nowrap; }
#financePanel .finance-donut__hole small { color:var(--ds-muted); font-size:11px; font-weight:400; }
#financePanel .finance-donut__legend-item { display:grid; grid-template-columns:8px minmax(0,1fr) auto auto; gap:10px; padding:12px 0; border-bottom:1px solid var(--ds-border); align-items:center; }
#financePanel .finance-donut__legend-item:last-child { border-bottom:0; }
#financePanel .finance-donut__dot { width:8px; height:8px; border-radius:50%; }
#financePanel .finance-donut__platform { overflow-wrap:anywhere; }
#financePanel .finance-donut__share { color:var(--ds-muted); font-size:11px; font-variant-numeric:tabular-nums; }
#financePanel .finance-donut__legend-item strong { font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; }

/* Neutral translucent selection, without a colored fill. */
html body .mobile-nav .mobile-nav__item[aria-current="page"] {
 background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(0,0,0,.1) !important;
 -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
html body .mobile-nav .mobile-nav__item[aria-current="page"]:hover {
 background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
}
@media(prefers-reduced-transparency:reduce) {
 html body .mobile-nav .mobile-nav__item[aria-current="page"] { background:#242626 !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
}
#financePanel .finance-donut { background:none; width:220px; height:220px; }
.finance-donut__arcs { display:block; width:100%; height:100%; overflow:visible; }
#financePanel .finance-donut__hole { inset:30px; background:transparent; gap:5px; }
#financePanel .finance-donut__hole strong { font-size:22px; font-weight:500; }

/* A single neutral edge for navigation; keyboard focus stays inside the item. */
html body .mobile-nav .mobile-nav__item { border-radius:16px !important; }
html body .mobile-nav .mobile-nav__item:hover,html body .mobile-nav .mobile-nav__item[aria-current="page"]:hover {
 background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
 color:#F5EFDA !important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
html body .mobile-nav .mobile-nav__item[aria-current="page"] {
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.13) !important;
}
html body .mobile-nav .mobile-nav__item:focus:not(:focus-visible) { outline:none !important; }
html body .mobile-nav .mobile-nav__item:focus-visible {
 outline:1px solid #F5EFDA !important; outline-offset:-3px !important; box-shadow:none !important;
}

#financePanel .finance__toolbar {
 background:transparent !important;
 border-color:transparent !important;
 box-shadow:none !important;
}

/* Finance tabs share the neutral selection treatment of the navigation. */
#financePanel .finance__tabs {
 background:transparent !important; border:0 !important; box-shadow:none !important;
}
#financePanel .finance__tab { border-radius:16px !important; }
#financePanel .finance__tab.is-active,#financePanel .finance__tab:hover {
 background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
 color:#F5EFDA !important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.13) !important;
}
#financePanel .finance__tab:focus:not(:focus-visible) { outline:none !important; }
#financePanel .finance__tab:focus-visible { outline:1px solid #F5EFDA !important; outline-offset:-3px !important; box-shadow:none !important; }

/* Hover previews are quieter than the persistent selected state. */
html body .mobile-nav .mobile-nav__item:not([aria-current="page"]):hover,
#financePanel .finance__tab:not(.is-active):hover {
 background:rgba(255,255,255,.035) !important;
 color:var(--ds-text) !important;
 box-shadow:none !important;
}
/* Summary uses the same year/month calendar as the other finance tabs. */
#financePanel > .finance__toolbar { display:none !important; }

/* Tablet rail exposes the same destinations as desktop. */
@media(min-width:768px) and (max-width:1199px) {
 .mobile-nav .workspace-nav-extra { display:flex !important; }
 .mobile-nav .mobile-nav__item { flex-shrink:0; }
 .mobile-nav { overflow-y:auto; overscroll-behavior:contain; }
}

/* Full tablet navigation leaves only account actions in the overflow menu. */
@media(min-width:768px) {
 .menu-destinations,.menu-title-mobile,.menu-account > summary { display:none !important; }
 .menu-title-desktop { display:inline !important; }
}

/* Give tablet totals enough room to keep currency and amount together. */
@media(min-width:768px) and (max-width:1199px) {
 #financePanel #financeKpis { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 #financePanel #financeKpis .finance-kpi__value { white-space:nowrap; }
}

/* Notification control matches the rounded rectangular header controls. */
html body .topbar #bellNotifBtn { border-radius:24% !important; }

/* Expense summary cards follow the financial overview cards. */
#financePanel #expenseKpis { gap:16px; }
#financePanel #expenseKpis .expense-kpi {
 background:#17212C; border:1px solid #344555; border-radius:24px;
 padding:24px; gap:16px; box-shadow:none;
}
#financePanel #expenseKpis .expense-kpi > span { font-size:12px; font-weight:500; color:#A5B5C5; }
#financePanel #expenseKpis .expense-kpi > strong {
 font-size:clamp(26px,2.3vw,38px); font-weight:500; letter-spacing:-.05em;
 line-height:1.2; overflow-wrap:normal;
}
@media(min-width:768px) and (max-width:1199px) {
 #financePanel #expenseKpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #financePanel #expenseKpis .expense-kpi > strong { white-space:nowrap; }
}
@media(max-width:720px) {
 #financePanel #expenseKpis .expense-kpi { border-radius:20px; padding:18px; }
 #financePanel #expenseKpis .expense-kpi > strong { font-size:23px; }
}

/* Clickable settlement card: restrained hover without shifting the layout. */
#financePanel #expenseKpis .expense-kpi-action {
 cursor:pointer; transition:background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
@media (hover:hover) {
 #financePanel #expenseKpis .expense-kpi-action:hover {
  background:rgba(255,255,255,.055); border-color:rgba(224,232,235,.34);
  box-shadow:0 0 0 1px rgba(224,232,235,.08),0 6px 18px rgba(0,0,0,.12);
 }
}
#financePanel #expenseKpis .expense-kpi-action:focus-visible { outline:2px solid #0098db; outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { #financePanel #expenseKpis .expense-kpi-action { transition:none; } }

/* Touch-safe picking confirmation and unmistakable stock quantities. */
#upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check {
 min-height:64px; padding:12px 16px; gap:20px; justify-content:space-between;
}
#upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check span { order:0; font-size:15px; font-weight:600; }
#upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check input {
 order:1; margin:0 0 0 auto; width:32px; height:32px; min-width:32px; flex:0 0 32px; cursor:pointer;
}
#upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:has(input:checked) {
 background:rgba(0,152,219,.16); border-color:#0098db; box-shadow:inset 0 0 0 1px rgba(0,152,219,.25);
}
#upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:focus-within { outline:2px solid #0098db; outline-offset:3px; }
#upsellerProcessDialog[data-pack-stage] .upseller-process__item-qty-input {
 font-size:30px; font-weight:700; line-height:1.2; font-variant-numeric:tabular-nums;
 color:#f5efdc; min-height:58px; border:2px solid rgba(245,239,220,.4);
 background:rgba(245,239,220,.08); text-align:center;
}
#upsellerProcessDialog[data-pack-stage] .upseller-process__item-qty-input:focus {
 border-color:#0098db; outline:2px solid rgba(0,152,219,.3); outline-offset:2px;
}
@media (hover:hover) { #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:hover { border-color:rgba(245,239,220,.45); } }

/* Shared blue-gray surfaces, matching the order confirmation dialog. */
:root {
 color-scheme:dark;
 --ds-bg:#111b25; --ds-surface:#17212c; --ds-elevated:#223140; --ds-inset:#111b25; --ds-rail:#111b25;
 --ds-border:#344555; --glass-edge:#344555; --ds-text:#e5edf3; --ds-muted:#a5b5c5;
}
html body .topbar,.mobile-nav {
 --ds-surface:#17212c; --ds-inset:#111b25; --ds-elevated:#223140; --ds-border:#344555;
 --ds-text:#e5edf3; --ds-muted:#a5b5c5; color-scheme:dark;
}
#financePanel { --fin-surface:#17212c; --fin-line:#344555; --fin-muted:#a5b5c5; }

/* Darker canvas while retaining blue-gray working surfaces. */
:root { --ds-bg:#060b11; --ds-rail:#060b11; }
html body .mobile-nav { background:#060b11 !important; }

/* Order cards share the exact confirmation-dialog colors. */
:is(#upsellerTabOrders,#upsellerTabProcessed) .order-workflow-card {
 --ds-surface:#17212c; --ds-inset:#111b25; --ds-text:#e5edf3; --ds-muted:#a5b5c5; --ds-border:#344555;
 background:#17212c !important; border-color:#344555 !important; color:#e5edf3 !important;
}
:is(#upsellerTabOrders,#upsellerTabProcessed) .order-workflow-card :is(.upseller-order__number,.upseller-order__amount,.upseller-order-item__name,.upseller-order-item__qty,.order-workflow__next strong) { color:#e5edf3 !important; }
:is(#upsellerTabOrders,#upsellerTabProcessed) .order-workflow-card :is(.order-workflow__next p,.order-workflow__details > summary) { color:#a5b5c5 !important; }
:is(#upsellerTabOrders,#upsellerTabProcessed) .order-workflow-card .upseller-order-item:not(.is-unmapped) { background:#111b25 !important; }

/* Neutral translucent glass: the dark canvas remains visible through cards. */
:root {
 --ds-surface:rgba(205,225,245,.035);
 --ds-inset:rgba(0,0,0,.12);
 --ds-border:rgba(205,225,245,.12);
}
html body .mobile-nav { border-color:rgba(205,225,245,.065) !important; }
html body :is(#stockView .card,#stockView .kpi,.finance-kpi,.expense-kpi,.finance__chart-card,.finance__ranking,.production-toolbar,.kanban-card,.order-workflow-card,.history__table-wrap) {
 background:linear-gradient(135deg,rgba(225,238,250,.045),rgba(225,238,250,.015)) !important;
 border-color:rgba(205,225,245,.12) !important;
 box-shadow:inset 0 1px 0 rgba(235,245,255,.035),0 4px 18px rgba(0,0,0,.08) !important;
 backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}
html body .topbar {
 background:linear-gradient(135deg,rgba(225,238,250,.04),rgba(225,238,250,.015)) !important;
 border-color:rgba(205,225,245,.08) !important;
}
:is(#upsellerTabOrders,#upsellerTabProcessed) .order-workflow-card .upseller-order-item:not(.is-unmapped) { background:rgba(0,0,0,.12) !important; }

/* Cool glass controls and selected navigation, consistent with the canvas. */
html body :is(.icon-btn,.fin-icon-btn,.btn--icon,#bellNotifBtn,#connectionStatus,#mobileSearchToggle),
html body .topbar__actions :is(.icon-btn,#bellNotifBtn),
html body .mobile-nav .mobile-nav__item[aria-current="page"] {
 background:linear-gradient(135deg,rgba(205,225,245,.065),rgba(205,225,245,.02)) !important;
 color:#e5edf3 !important;
 border-color:rgba(205,225,245,.14) !important;
 box-shadow:inset 0 1px 0 rgba(225,238,250,.06),0 3px 10px rgba(0,0,0,.1) !important;
}
html body .mobile-nav .mobile-nav__item[aria-current="page"] { box-shadow:inset 0 0 0 1px rgba(205,225,245,.14) !important; }
html body :is(.icon-btn,.fin-icon-btn,.btn--icon,#bellNotifBtn,#connectionStatus,#mobileSearchToggle):not(:disabled):hover,
html body .topbar__actions :is(.icon-btn,#bellNotifBtn):hover,
html body .mobile-nav .mobile-nav__item[aria-current="page"]:hover {
 background:linear-gradient(135deg,rgba(205,225,245,.09),rgba(205,225,245,.035)) !important;
 color:#f0f6fc !important; border-color:rgba(205,225,245,.22) !important;
}
html body .mobile-nav .mobile-nav__item:focus-visible { outline-color:#a5b5c5 !important; }

/* Finance selection uses the same cool glass as navigation. */
#financePanel .finance__tab { color:#a5b5c5 !important; }
#financePanel .finance__tab.is-active {
 background:linear-gradient(135deg,rgba(205,225,245,.065),rgba(205,225,245,.02)) !important;
 color:#e5edf3 !important;
 box-shadow:inset 0 0 0 1px rgba(205,225,245,.14) !important;
}
#financePanel .finance__tab.is-active:hover {
 background:linear-gradient(135deg,rgba(205,225,245,.09),rgba(205,225,245,.035)) !important;
 color:#f0f6fc !important;
}
#financePanel .finance__tab:focus-visible { outline-color:#a5b5c5 !important; }

/* Finish the glass treatment on controls and explicitly styled finance panels. */
html body .topbar {
 --ds-surface:rgba(205,225,245,.035); --ds-inset:rgba(0,0,0,.12);
 --ds-elevated:rgba(205,225,245,.065); --ds-border:rgba(205,225,245,.12);
}
html body :is(.input,select.input,textarea.input,.btn--ghost) {
 background-color:rgba(205,225,245,.035) !important;
 border-color:rgba(205,225,245,.12) !important;
 color:#e5edf3;
 box-shadow:inset 0 1px 0 rgba(225,238,250,.025) !important;
}
html body .btn--ghost:not(:disabled):hover { background-color:rgba(205,225,245,.075) !important; }
html body select option { background:#10171e; color:#e5edf3; }
#financePanel #financeKpis .finance-kpi,
#financePanel #expenseKpis .expense-kpi,
#financePanel #financeTabResumo :is(.finance-composition,.finance__chart-card,.finance__ranking) {
 background:linear-gradient(135deg,rgba(225,238,250,.045),rgba(225,238,250,.015)) !important;
 border-color:rgba(205,225,245,.12) !important;
 box-shadow:inset 0 1px 0 rgba(225,238,250,.035) !important;
 backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
}

/* Selection is cool glass; semantic count colors remain on the numbers. */
html body :is(#expenseMonths,#incomeMonths,#summaryMonths) button.is-active,
html body .upseller__state-count.is-active {
 background:linear-gradient(135deg,rgba(205,225,245,.085),rgba(205,225,245,.035)) !important;
 border-color:rgba(205,225,245,.25) !important;
 box-shadow:inset 0 0 0 1px rgba(205,225,245,.10) !important;
 color:#e5edf3 !important;
}
html body :is(#expenseMonths,#incomeMonths,#summaryMonths) button:not(.is-active):hover,
html body .upseller__state-count:not(.is-active):hover { background:rgba(205,225,245,.035) !important; }

/* Production filters follow the shared neutral selected state. */
html body .production-priority[aria-pressed="true"],
html body .production-color-chip.is-active {
 background:linear-gradient(135deg,rgba(205,225,245,.085),rgba(205,225,245,.035)) !important;
 border-color:rgba(205,225,245,.25) !important;
 box-shadow:inset 0 0 0 1px rgba(205,225,245,.10) !important;
 color:#e5edf3 !important;
}
html body .production-priority:not([aria-pressed="true"]):hover,
html body .production-color-chip:not(.is-active):hover {
 background:rgba(205,225,245,.035) !important; color:#e5edf3 !important;
}

/* Strong persistent selection, distinct from the faint hover preview. */
html body .upseller__state-count.is-active {
 background:linear-gradient(135deg,rgba(165,195,220,.09),rgba(165,195,220,.035)) !important;
 border-color:rgba(156,195,218,.65) !important;
 box-shadow:none !important;
}
html body .upseller__state-count.is-active :is(.upseller__state-count-label,.upseller__state-count-progress) { color:#e5edf3 !important; }

/* The production color control uses kanban-color-chip in the live markup. */
html body #upsellerKbColorFilter .kanban-color-chip.is-active {
 background:linear-gradient(135deg,rgba(165,195,220,.09),rgba(165,195,220,.035)) !important;
 border-color:rgba(156,195,218,.65) !important;
 color:#e5edf3 !important; box-shadow:none !important;
}
html body #upsellerKbColorFilter .kanban-color-chip:not(.is-active):hover {
 background:rgba(205,225,245,.035) !important; color:#e5edf3 !important;
}

/* Order filters keep a single glass layer, including focused search. */
html body :is(#upsellerTabOrders,#upsellerTabProcessed) .upseller__toolbar {
 background:transparent !important; border-color:transparent !important; box-shadow:none !important;
}
html body :is(#upsellerTabOrders,#upsellerTabProcessed) :is(input,select,.btn--ghost) {
 background-color:rgba(205,225,245,.025) !important;
 border-color:rgba(205,225,245,.12) !important;
 color:#e5edf3 !important; box-shadow:none !important;
}
html body :is(input,select,textarea).input:focus,
html body :is(#upsellerTabOrders,#upsellerTabProcessed) :is(input,select):focus {
 border-color:rgba(156,195,218,.7) !important;
 outline:2px solid rgba(156,195,218,.22) !important;
 outline-offset:2px !important; box-shadow:none !important;
}

/* Loading feedback stays on neutral glass; errors and warnings retain meaning. */
html body #productionLoadStatus[data-state="loading"] {
 background:linear-gradient(135deg,rgba(205,225,245,.045),rgba(205,225,245,.015));
 border-color:rgba(205,225,245,.12); color:#a5b5c5;
 box-shadow:none;
}

/* Picking dialog uses the dark glass palette without stacked opaque panels. */
html body #upsellerProcessDialog {
 --dialog-surface:rgba(12,18,24,.94);
 --dialog-inset:rgba(205,225,245,.025);
 --dialog-border:rgba(205,225,245,.14);
 --ds-surface:rgba(205,225,245,.035);
 --ds-inset:rgba(205,225,245,.025);
 --ds-border:rgba(205,225,245,.14);
 backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
}
html body #upsellerProcessDialog > .dialog__header { background:transparent !important; }
html body #upsellerProcessDialog .flow-stepper > .is-active {
 background:linear-gradient(135deg,rgba(165,195,220,.09),rgba(165,195,220,.035));
 color:#e5edf3; box-shadow:inset 0 0 0 1px rgba(156,195,218,.5);
}

/* Checked picking rows: cool glass with an unmistakable check mark. */
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:has(input:checked) {
 background:linear-gradient(135deg,rgba(165,195,220,.09),rgba(165,195,220,.035)) !important;
 border-color:rgba(156,195,218,.65) !important;
 box-shadow:none !important; color:#e5edf3;
}
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check input { accent-color:#b5cede; }
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:has(input:checked) span { color:#e5edf3; }
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:focus-within { outline-color:#9cc3da; }

/* Borderless confirmation row; the green check carries the confirmed state. */
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check,
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:has(input:checked),
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:hover,
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check:focus-within {
 border-color:transparent !important; outline:none !important; box-shadow:none !important;
}
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check input { accent-color:#0098db; }
/* Keyboard focus remains local to the checkbox, without outlining the row. */
html body #upsellerProcessDialog :is(#upsellerProcessList,.scan-conference-skeleton .upseller-process__list) .flow-pack-check input:focus-visible { outline:2px solid #a5b5c5 !important; outline-offset:4px; }

/* Final picking confirmation retains green text on neutral glass. */
html body #upsellerProcessDialog .flow-review-summary {
 background:linear-gradient(135deg,rgba(205,225,245,.045),rgba(205,225,245,.015));
 border:0; box-shadow:none;
}


/* Canonical shared theme: surfaces, dialogs, controls and focus. */
:root {
 --theme-glass:rgba(205,225,245,.035);
 --theme-inset:rgba(205,225,245,.025);
 --theme-raised:rgba(205,225,245,.065);
 --theme-border:rgba(205,225,245,.14);
 --theme-dialog:rgba(12,18,24,.96);
 --theme-focus:#9cc3da;
 --ds-surface:var(--theme-glass); --ds-inset:var(--theme-inset);
 --ds-elevated:var(--theme-raised); --ds-border:var(--theme-border);
 --glass-edge:var(--theme-border);
}
html body dialog.dialog {
 --dialog-surface:var(--theme-dialog); --dialog-inset:var(--theme-inset); --dialog-border:var(--theme-border);
 --ds-surface:var(--theme-glass); --ds-inset:var(--theme-inset); --ds-elevated:var(--theme-raised); --ds-border:var(--theme-border);
 backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
}
html body dialog.dialog > :is(.dialog__header,.dialog__content) { background:transparent !important; }
html body dialog.dialog > .dialog__footer { background:rgba(0,0,0,.10) !important; }
html body dialog.dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
 background:var(--theme-inset) !important; border-color:var(--theme-border) !important; color:#e5edf3;
}
html body dialog.dialog .expense-payment-choices button {
 background:var(--theme-glass); border-color:var(--theme-border); color:#e5edf3;
}
html body dialog.dialog .expense-payment-choices button[aria-pressed=true] {
 background:var(--theme-raised); border-color:var(--theme-focus); color:#e5edf3;
}
html body :is(button,a,input,select,textarea,summary):focus-visible {
 outline:2px solid var(--theme-focus) !important; outline-offset:3px;
}
html body dialog.dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus {
 border-color:var(--theme-focus) !important; box-shadow:none !important;
}
/* Observation-only dialogs should fit their content instead of a full form. */
html body #expenseSettlementDetails .dialog__content { flex:0 1 auto !important; gap:16px; }
html body #expenseSettlementDetails { height:auto !important; min-height:0 !important; }
html body .topbar .topbar__actions.topbar__actions--search-first #search.search-main:focus {
 border-color:#9cc3da !important; outline:none !important; box-shadow:none !important;
}
html body #financePanel { --fin-surface:var(--theme-glass); --fin-line:var(--theme-border); }
html body :is(.ws-product-tabs button[aria-selected="true"],.upseller__tab.is-active,.pricing__radio:has(input:checked)) {
 background:var(--theme-raised) !important; border-color:rgba(156,195,218,.5) !important; color:#e5edf3 !important;
}
html body dialog.ws-search { background:var(--theme-dialog); border-color:var(--theme-border); }

/* Shared canvas gradient stays fixed beneath the translucent surfaces. */
:root { --theme-canvas:linear-gradient(135deg,#060b11 0%,#081218 55%,#09161c 100%); }
html,html body {
 background:var(--theme-canvas) fixed !important;
 min-height:100%;
}
html body::before { background:transparent !important; }
html body .mobile-nav { background:transparent !important; }

/* Stock removal previews its action with restrained red glass. */
@media (hover:hover) {
 html body #stockView .card .card__actions-inline .btn.btn--compact-remove:not(:disabled):hover,
 html body #stockView [data-ws-row-action="remove"]:not(:disabled):hover,
 html body #wsProduct [data-ws-adjust="remove"]:not(:disabled):hover {
  background:rgba(239,120,120,.13) !important;
  border-color:rgba(239,120,120,.55) !important;
  color:#ffaaa4 !important;
  box-shadow:none !important;
 }
}

/* Keyboard focus: a quiet glass edge instead of a heavy outer ring. */
html body :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
 outline:1px solid rgba(180,210,230,.46) !important;
 outline-offset:2px !important;
}
html body #stockView :is(.card__title,.ws-product-link):focus-visible {
 border-radius:6px;
 background:rgba(205,225,245,.035);
 outline:1px solid rgba(180,210,230,.46) !important;
 outline-offset:3px !important;
}

/* Quantity chevrons share the glass controls instead of native gray spinners. */
.quantity-stepper { position:relative; }
html body #qtyDialog #dlgQty { padding-right:54px; appearance:textfield; -moz-appearance:textfield; }
#dlgQty::-webkit-inner-spin-button,#dlgQty::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.quantity-stepper__arrows { position:absolute; inset:5px 6px 5px auto; width:36px; display:grid; grid-template-rows:1fr 1fr; gap:2px; }
html body .quantity-stepper__arrows button { display:grid; place-items:center; padding:0; min-height:22px; height:auto; border:0; border-radius:5px; background:transparent; color:#a5b5c5; box-shadow:none; }
html body .quantity-stepper__arrows button:hover { background:rgba(205,225,245,.08); color:#e5edf3; }
.quantity-stepper__arrows svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* Product sheet is a centered native modal at every viewport size. */
html body.ws-product-open #stockView { display:block !important; padding-right:0 !important; }
html body #stockView > dialog#wsProduct {
 position:fixed !important; inset:0 !important; margin:auto !important;
 width:min(820px,calc(100vw - 40px)) !important;
 height:min(820px,calc(100dvh - 40px)) !important;
 max-width:calc(100vw - 40px) !important; max-height:calc(100dvh - 40px) !important;
 padding:0 !important; border:1px solid var(--theme-border) !important; border-radius:22px !important;
 background:var(--theme-dialog) !important; box-shadow:0 24px 90px #0008 !important;
 backdrop-filter:blur(20px); overflow:hidden;
}
html body dialog#wsProduct:not([open]) { display:none !important; }
html body dialog#wsProduct[open] { display:flex !important; flex-direction:column; }
#wsProduct::backdrop { background:rgba(3,8,13,.72); backdrop-filter:blur(6px); }
html body #wsProduct .ws-product-header { padding:20px 22px 12px; }
html body #wsProduct .ws-product-body { display:block; padding:22px; min-height:0; overflow:auto; }
@media(max-width:600px) {
 html body #stockView > dialog#wsProduct { width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; height:calc(100dvh - 24px) !important; max-height:calc(100dvh - 24px) !important; border-radius:18px !important; }
 html body #wsProduct .ws-product-header { padding:14px 12px 10px; }
 html body #wsProduct .ws-product-body { padding:16px; }
}
.quantity-stepper__arrows,.quantity-stepper__arrows * { user-select:none; -webkit-user-select:none; }
html body #stockView #bulkToolbar {
 background:linear-gradient(135deg,rgba(205,225,245,.045),rgba(205,225,245,.015)) !important;
 border-color:var(--theme-border) !important; box-shadow:none !important;
}
html body #stockView #bulkToggleBtn.is-active {
 background:var(--theme-raised) !important; color:#e5edf3 !important; border-color:var(--theme-border) !important;
}
/* Floating menus need an opaque-enough surface above table contents. */
html body #stockView :is(.ws-color-options__body,.ws-display-options__body) {
 background:rgba(12,20,27,.98) !important;
 border-color:var(--theme-border) !important;
 backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
 box-shadow:0 12px 32px #0007 !important; z-index:60;
}
html body #stockView .ws-inventory-toolbar:has(details[open]) { position:relative; z-index:65; }
html body #stockView .ws-color-options #statusFilters .chip.is-active {
 background:var(--theme-raised) !important; color:#e5edf3 !important; border-color:rgba(156,195,218,.5) !important;
}
/* Card planning is responsive and shares the financial glass surfaces. */
#financeTabCartoes { padding:20px 0; }
#financeTabCartoes > label { display:block; margin:24px 0 8px; }
#cardPurchaseDate { max-width:300px; }
.card-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:24px; }
.card-plan { padding:24px; border:1px solid var(--theme-border); border-radius:20px; background:var(--theme-glass); }
.card-plan h3 { margin:0; }.card-plan p,.card-plan dt,.card-plan-note { color:var(--ds-muted); line-height:1.6; }
.card-plan > span { display:block; margin-top:24px; color:var(--ds-muted); }
.card-plan > strong { display:block; font-size:26px; margin:8px 0 20px; text-transform:capitalize; }
.card-plan dl > div { display:flex; justify-content:space-between; gap:12px; margin:10px 0; }.card-plan dd { margin:0; }
.card-plan-warning { color:var(--ds-warning) !important; }.card-plan-note { max-width:900px; font-size:13px; }
.card-invoice-helper { grid-column:1/-1; padding:16px; border:1px solid var(--theme-border); border-radius:12px; background:var(--theme-glass); }
.card-invoice-helper p { margin:8px 0; line-height:1.5; }
@media(max-width:600px){.card-plans{grid-template-columns:1fr}.card-plan{padding:20px}#financePanel .finance__tabs{overflow-x:auto}.finance__tab{flex-shrink:0}}
/* Visual card comparison with prominent due date. */
#financeTabCartoes { max-width:1120px; margin-inline:auto; }
#financeTabCartoes .card-plans { gap:24px; }
#financeTabCartoes .card-plan { padding:26px; overflow:hidden; animation:card-reveal .3s ease both; }
#financeTabCartoes .card-plan:nth-child(2) { animation-delay:.06s; }
.card-plan-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.card-plan-heading h3 { font-size:18px; }.card-plan-heading > span { font-size:12px; color:var(--ds-muted); padding:5px 10px; border:1px solid var(--theme-border); border-radius:20px; }
.bank-card-stage { display:grid; place-items:center; height:240px; perspective:900px; margin:12px 0; }
.bank-card-art { position:relative; width:min(100%,300px); aspect-ratio:1.58; transition:transform .35s ease,filter .35s ease; filter:drop-shadow(0 16px 18px #0005); }
.bank-card-art img { display:block; width:100%; height:auto; border-radius:13px; }
.card-plan--bradesco .bank-card-art img { width:100%; height:100%; object-fit:cover; border-radius:13px; }
@media(hover:hover){.card-plan:hover .bank-card-art{transform:translateY(-5px) rotate(-2deg);filter:drop-shadow(0 20px 20px #0007)}}
.card-plan-schedule { display:flex; gap:12px; justify-content:space-between; padding-bottom:20px; font-size:13px; color:var(--ds-muted); }
.card-plan-schedule b { color:var(--ds-text); }
.card-plan-result { padding:22px 0; border-block:1px solid var(--theme-border); }
.card-plan-result > span { display:block; color:var(--ds-muted); font-size:14px; }
.card-plan-result strong { display:block; font-size:clamp(30px,3vw,42px); letter-spacing:-.04em; font-weight:600; margin:8px 0; font-variant-numeric:tabular-nums; }
.card-plan-result small { color:var(--ds-muted); font-size:12px; }
.card-plan-launch { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; padding:14px; border-radius:10px; background:var(--theme-inset); font-size:13px; color:var(--ds-muted); }
.card-plan-launch b { color:var(--ds-text); }
@keyframes card-reveal { from {opacity:.4;transform:translateY(8px)} to {opacity:1;transform:translateY(0)} }
@media(max-width:600px){#financeTabCartoes .card-plan{padding:20px}.bank-card-stage{height:210px}.card-plan-result strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){#financeTabCartoes .card-plan{animation:none}.bank-card-art{transition:none}.card-plan:hover .bank-card-art{transform:none}}
/* Hide the light source-image edge along the Mercado Pago card. */
.card-plan--mp .bank-card-art { overflow:hidden; border-radius:13px; }
.card-plan--mp .bank-card-art img { transform:scale(1.012); transform-origin:center; }

.access-actions{display:flex;flex-wrap:wrap;gap:10px}.access-actions>*{padding:10px 14px}.card-plan [data-secret]{overflow-wrap:anywhere}#financeTabAccess .card-plan{min-width:0}

/* Access editor: inset fields and compact responsive dialog. */
#financeAccessEditor { height:auto !important; min-height:0 !important; max-height:calc(100dvh - 32px) !important; }
#financeAccessEditor .dialog__body { padding:24px !important; margin:0; overflow-y:auto; min-height:0; }
#financeAccessEditor .dialog__header { padding:24px !important; }
#financeAccessEditor .dialog__footer { display:flex; flex-wrap:wrap; gap:12px !important; padding:20px 24px !important; }
#financeAccessEditor .expense-field { min-width:0; }
#financeAccessEditor [data-error] { grid-column:1/-1; }
#financeAccessEditor [data-error]:empty { display:none; }
@media(max-width:600px){
 #financeAccessEditor .dialog__header,#financeAccessEditor .dialog__body,#financeAccessEditor .dialog__footer { padding:18px !important; }
 #financeAccessEditor .expense-form-grid { grid-template-columns:1fr; }
}

/* Shared glass treatment for saved-access actions. */
#financeTabAccess .access-actions .btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border:1px solid var(--theme-border); border-radius:12px; background:var(--theme-glass); color:var(--ds-text); font:inherit; text-decoration:none; cursor:pointer; transition:background .18s,border-color .18s,color .18s; }
#financeTabAccess .access-actions .btn:hover { background:var(--theme-raised); border-color:rgba(205,225,245,.25); }
#financeTabAccess .access-actions [data-action="delete"]:hover { background:rgba(239,120,120,.13); border-color:rgba(239,120,120,.55); color:#ffaaa4; }
#financeTabAccess .access-actions .btn:disabled { opacity:.5; cursor:wait; }
@media(max-width:600px){#financeTabAccess .access-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}#financeTabAccess .access-actions .btn {min-width:0;}}
/* Keep scrolling expense rows fully behind the pinned column headings. */
@media(min-width:1200px){
 .expense-main-table { isolation:isolate; }
 .expense-main-table table { border-collapse:separate; border-spacing:0; }
 .expense-main-table thead { position:sticky; top:0; z-index:5; background:#111c22; }
 .expense-main-table thead th { position:static; background:#111c22; box-shadow:inset 0 -1px rgba(205,225,245,.14); }
}
/* Floating notifications need an opaque surface above page content. */
.sf-feedback .sf-toast { background:linear-gradient(135deg,#172229,#101a20); color:var(--ds-text,#e5edf3); box-shadow:0 12px 36px #0006; }
/* Expense action menus must cover the rows beneath them. */
.expense-workspace .expense-row-menu[open] { z-index:10; }
.expense-workspace .expense-row-menu > div { background:linear-gradient(135deg,#172229,#101a20); border-color:rgba(205,225,245,.2); box-shadow:0 12px 30px #0008; }

.expense-workspace .expense-row-menu > .expense-action-popover { position:fixed; inset:auto; margin:0; transform:none; width:230px; min-width:0; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; padding:6px; gap:2px; z-index:11000; }
.expense-workspace .expense-action-popover > button { width:100%; border:0!important; background:transparent!important; box-shadow:none!important; border-radius:7px; padding:10px 12px!important; min-height:44px; font-size:14px; line-height:1.35; white-space:normal; }
.expense-workspace .expense-action-popover > button:hover { background:rgba(205,225,245,.08)!important; }
.expense-workspace .expense-action-popover > .expense-delete { border-top:1px solid rgba(205,225,245,.12)!important; border-radius:0 0 7px 7px; margin-top:4px; color:#efa6a0; }
.expense-workspace .expense-action-popover > .expense-delete:hover { background:rgba(239,120,120,.12)!important; }

.card-purchase-signal { margin-top:18px; padding:16px; border-radius:12px; border:1px solid #82b7cf35; background:#82b7cf0b; }
.card-purchase-signal strong {display:block;color:#94c3d8;font-size:15px;line-height:1.5;}
.card-purchase-signal p {margin:7px 0;font-size:13px;line-height:1.6;}
.card-purchase-signal small {display:block;color:var(--ds-muted);font-size:11px;line-height:1.5;}
.card-purchase-signal.is-wait {border-color:#edc07340;background:#edc0730b;}
.card-purchase-signal.is-wait strong {color:#edc073;}

.card-purchase-signal { box-sizing:border-box; }

.expense-category-group td {padding:0!important;}
.expense-category-group button {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px!important;border:0!important;border-radius:0!important;background:rgba(205,225,245,.045)!important;text-align:left;}
.expense-category-group button:hover {background:rgba(205,225,245,.085)!important;}
.expense-category-group button span {font-weight:600;}
.expense-category-group button small {color:var(--ds-muted);font-size:12px;}
@media(max-width:1199px){.expense-category-group button {flex-wrap:wrap;}.expense-category-group td:before {display:none!important;}}

.expense-main-table [data-select-row] {cursor:pointer;}
.expense-main-table tr.is-selected > td {background:rgba(156,195,218,.11)!important;}
.expense-main-table tr.is-selected > td:first-child {box-shadow:inset 3px 0 #9cc3da;}
.expense-main-table [data-select-row]:focus-visible {outline:1px solid #9cc3da;outline-offset:-2px;}
@media(max-width:1199px){.expense-main-table tr.is-selected {background:rgba(156,195,218,.11)!important;}.expense-main-table tr.is-selected > td {background:transparent!important;}}

/* Stable brand typography: avoid synthetic bold while fonts load. */
@font-face{font-family:ManropeBrand;font-style:normal;font-weight:600;font-display:block;src:url('./manrope-600.ttf') format('truetype')}
html body #mobileNav .workspace-brand{font-family:ManropeBrand,Manrope,sans-serif!important;font-weight:600!important;font-synthesis:none}
html body #mobileNav .workspace-brand small{font-family:Manrope,sans-serif!important;font-weight:500!important;font-synthesis:none}

/* Approved Luvin Lab identity: source symbol, white wordmark, blue lab. */
html body #mobileNav .workspace-brand{gap:0;padding-inline:0}
html body #mobileNav .workspace-brand__mark{display:none!important;background:transparent!important;border-radius:0!important;padding:0!important;letter-spacing:normal}
html body #mobileNav .workspace-brand__name{display:block;min-width:0;width:100%}
html body #mobileNav .workspace-brand__name>img{display:block;width:100%;max-width:138px;height:32px;object-fit:contain;object-position:left center}
html body #mobileNav .workspace-brand__name>small{margin-top:5px;font-size:10px;font-weight:500}
html body[data-sidebar="collapsed"] #mobileNav .workspace-brand__mark{display:grid!important;width:38px;height:38px}
html body #mobileNav .workspace-brand__mark>img{display:block;width:38px;height:38px;object-fit:contain}
html body .login-brand{display:flex;align-items:center;justify-content:flex-start}
html body .login-brand>img{display:block;width:250px;max-width:100%;height:auto}

/* Luvin Lab blue brand actions. */
:root { --ds-accent:#0098db; --ds-action:#0098db; --ds-on-action:#fff; }
html body .btn.btn--primary,html body .mobile-add { background:#0098db!important; border-color:#0098db!important; color:#fff!important; }
html body .btn.btn--primary:not(:disabled):hover { background:#0083bd!important; border-color:#0083bd!important; color:#fff!important; }