/* SUPPLY PRO • IDENTIDADE ORANGE 8.0 */
:root{--brand:#ff5a0a;--brand-strong:#f04400;--brand-soft:#ff8a3d;--brand-warm:#ffb000;--brand-rgb:255,90,10;--bg:#f7f7f6;--surface:#fff;--surface-solid:#fff;--surface2:#fbfaf9;--surface3:#f3f1ef;--text:#171717;--muted:#6f747c;--line:#e7e2de;--line-strong:#ffc7aa;--success:#269a50;--warning:#f2a900;--danger:#ed3e45;--info:#16a0a8;--purple:var(--brand);--cyan:var(--info);--yellow:var(--warning);--green:var(--success);--red:var(--danger);--shadow-sm:0 8px 24px rgba(39,28,20,.045);--shadow:0 18px 44px rgba(39,28,20,.075);--shadow-lg:0 28px 80px rgba(20,14,10,.14);--chart-grid:rgba(37,30,25,.09);color-scheme:light}
[data-theme=dark]{--bg:#080808;--surface:#111;--surface-solid:#111;--surface2:#151515;--surface3:#1c1c1c;--text:#f6f5f3;--muted:#aaa6a2;--line:#2d2a28;--line-strong:#65301a;--shadow-sm:0 9px 28px rgba(0,0,0,.24);--shadow:0 20px 54px rgba(0,0,0,.34);--shadow-lg:0 34px 90px rgba(0,0,0,.5);--chart-grid:rgba(255,255,255,.09);color-scheme:dark}
html,body{background:var(--bg)!important}body.app-shell{background:radial-gradient(circle at 82% 0,rgba(var(--brand-rgb),.055),transparent 28%),var(--bg)!important;color:var(--text)!important}body.app-shell::before{opacity:.12!important;background-image:linear-gradient(rgba(105,90,80,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(105,90,80,.035) 1px,transparent 1px)!important}.app-ambient i:nth-child(1){background:radial-gradient(circle,rgba(var(--brand-rgb),.085),transparent 68%)!important}.app-ambient i:nth-child(2){background:radial-gradient(circle,rgba(255,176,0,.04),transparent 68%)!important}

/* Shell */
.sidebar{background:#fff!important;border-right:1px solid var(--line)!important;box-shadow:none!important}.sidebar::before{display:none!important}[data-theme=dark] .sidebar{background:#090909!important;border-right-color:#292522!important}.brand{border-bottom-color:var(--line)!important}.brand-mark{border-color:#ffd0b8!important;background:#fff9f5!important;box-shadow:0 10px 28px rgba(var(--brand-rgb),.12)!important}[data-theme=dark] .brand-mark{border-color:#5c2a14!important;background:#101010!important}.brand strong{color:#181818!important}.brand small{color:var(--brand-strong)!important}[data-theme=dark] .brand strong{color:#fff!important}.nav-caption small{color:#a2a6ad!important}.sidebar nav p{color:var(--brand-strong)!important}.sidebar nav a{color:#555b63!important}.sidebar nav a:hover{color:#1c1c1c!important;border-color:#f0e4dd!important;background:#fff8f4!important}.sidebar nav a.active{color:var(--brand-strong)!important;border-color:#ffb98f!important;background:linear-gradient(95deg,#fff0e7,#fffaf7)!important;box-shadow:inset 3px 0 0 var(--brand),0 8px 22px rgba(var(--brand-rgb),.08)!important}.nav-icon{color:#7d858f!important;border-color:#eee9e5!important;background:#faf9f8!important}.sidebar nav a.active .nav-icon{color:var(--brand)!important;border-color:#ffc7a7!important;background:#fff2ea!important}[data-theme=dark] .sidebar nav a{color:#b8b4b0!important}[data-theme=dark] .sidebar nav a:hover{color:#fff!important;border-color:#312d2a!important;background:#151311!important}[data-theme=dark] .sidebar nav a.active{color:#fff!important;border-color:#6c2e10!important;background:linear-gradient(95deg,#321307,#17110e)!important}[data-theme=dark] .nav-icon{color:#aaa5a0!important;border-color:#2d2b29!important;background:#151515!important}[data-theme=dark] .sidebar nav a.active .nav-icon{color:#ff7837!important;border-color:#713112!important;background:#2e1308!important}.sidebar-profile{border-top-color:var(--line)!important}.sidebar-profile strong{color:var(--text)!important}.sidebar-profile small{color:var(--muted)!important}.online-dot{border-color:var(--surface)!important}.developer-signature{border-color:#f1d2c1!important;background:#fff9f5!important}.developer-signature span{color:var(--brand-strong)!important}.developer-signature strong{color:var(--text)!important}.developer-signature small{color:var(--muted)!important}[data-theme=dark] .developer-signature{border-color:#4d2514!important;background:#160d08!important}
.topbar{background:rgba(255,255,255,.93)!important;border-bottom-color:var(--line)!important;box-shadow:0 5px 20px rgba(28,20,15,.025)!important}[data-theme=dark] .topbar{background:rgba(9,9,9,.94)!important;border-bottom-color:#2a2725!important}.search,.icon-button,.system-status{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.search:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 4px rgba(var(--brand-rgb),.1)!important}.content{background:transparent!important}.content-glow{background:radial-gradient(circle,rgba(var(--brand-rgb),.055),transparent 70%)!important}

/* Hierarquia e ações */
.page-head h1,.dashboard-section-head h2,.panel-head h2,.panel-head h3{color:var(--text)!important}.page-head p,.panel-head p,.dashboard-section-head p{color:var(--muted)!important}.eyebrow,.dashboard-card-kicker,.section-label,.delivery-chart-title small,.sector-chart-toolbar small,.supplier-chart-title small{color:var(--brand-strong)!important}.btn.primary,.btn:not(.ghost):not(.danger),button.primary{border-color:var(--brand)!important;background:linear-gradient(135deg,var(--brand),var(--brand-strong))!important;color:#fff!important;box-shadow:0 9px 22px rgba(var(--brand-rgb),.18)!important}.btn.primary:hover,.btn:not(.ghost):not(.danger):hover,button.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn.ghost,.btn.secondary,.filter-clear,.clear-filter,.modal-close{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none!important}.btn.ghost:hover,.btn.secondary:hover{border-color:#ffb48b!important;color:var(--brand-strong)!important;background:#fff8f4!important}[data-theme=dark] .btn.ghost:hover,[data-theme=dark] .btn.secondary:hover{background:#1b100b!important}

/* Cartões */
.panel,.metric,.dashboard-card,.purchase-kpi,.operation-kpi,.stock-kpi,.warehouse-status-card,.warehouse-order-card,.plan-kpi,.invoice-card,.material-toggle-card,.purchase-detail-kpis article{border-color:var(--line)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:none!important}.panel:hover{border-color:#f2c6ad!important}[data-theme=dark] .panel:hover{border-color:#5f311d!important}.panel-head,.purchase-panel-head,.operation-panel-head{background:var(--surface)!important;border-bottom-color:var(--line)!important}.metric::after,.purchase-kpi::after,.operation-kpi::after,.stock-kpi::after,.plan-kpi::after,.purchase-detail-kpis article::after{opacity:.3!important}.metric.hero,.purchase-kpi-main,.operation-kpi-main,.stock-kpi-main,.delivery-kpi.hero,.supplier-kpi.hero{border-color:#ffb082!important;background:linear-gradient(135deg,#fff7f2,#fffdfb)!important;box-shadow:var(--shadow-sm)!important}.metric.hero span,.metric.hero strong,.metric.hero small,.purchase-kpi-main *,.operation-kpi-main *,.stock-kpi-main *{color:var(--text)!important}[data-theme=dark] .metric.hero,[data-theme=dark] .purchase-kpi-main,[data-theme=dark] .operation-kpi-main,[data-theme=dark] .stock-kpi-main,[data-theme=dark] .delivery-kpi.hero,[data-theme=dark] .supplier-kpi.hero{border-color:#773313!important;background:linear-gradient(135deg,#1b0e08,#12100f 72%,#111)!important}[data-theme=dark] .metric.hero span,[data-theme=dark] .metric.hero strong,[data-theme=dark] .metric.hero small,[data-theme=dark] .purchase-kpi-main *,[data-theme=dark] .operation-kpi-main *,[data-theme=dark] .stock-kpi-main *{color:#fff!important}

/* Indicadores coloridos */
.metric-grid>:nth-child(1),.dashboard-metrics>:nth-child(1){--accent:#ff5a0a;--accent-soft:#fff0e7}.metric-grid>:nth-child(2),.dashboard-metrics>:nth-child(2){--accent:#f2a900;--accent-soft:#fff7dd}.metric-grid>:nth-child(3),.dashboard-metrics>:nth-child(3){--accent:#269a50;--accent-soft:#e9f7ee}.metric-grid>:nth-child(4),.dashboard-metrics>:nth-child(4){--accent:#ed3e45;--accent-soft:#ffeded}.metric-icon,.purchase-kpi-icon,.operation-kpi-icon,.stock-kpi-icon{border-color:color-mix(in srgb,var(--accent,var(--brand)) 28%,var(--line))!important;background:var(--accent-soft,#fff0e7)!important;color:var(--accent,var(--brand))!important}[data-theme=dark] .metric-grid>*,[data-theme=dark] .dashboard-metrics>*{--accent-soft:color-mix(in srgb,var(--accent) 13%,#141414)}.metric>strong,.purchase-kpi>strong,.operation-kpi>strong,.stock-kpi>strong,.plan-kpi>strong{color:var(--text)!important}.metric>span,.metric>small,.purchase-kpi>span,.purchase-kpi>small,.operation-kpi>span,.operation-kpi>small,.stock-kpi>span,.stock-kpi>small{color:var(--muted)!important}.delivery-kpis>:nth-child(1),.supplier-kpis>:nth-child(1){--kpi:#ff5a0a}.delivery-kpis>:nth-child(2),.supplier-kpis>:nth-child(2){--kpi:#f2a900}.delivery-kpis>:nth-child(3),.supplier-kpis>:nth-child(3){--kpi:#16a0a8}.delivery-kpis>:nth-child(4),.supplier-kpis>:nth-child(4){--kpi:#269a50}.delivery-kpi,.supplier-kpi{border-color:var(--line)!important;background:var(--surface)!important}.delivery-kpi>span,.supplier-kpi-icon{color:var(--kpi,var(--brand))!important;background:color-mix(in srgb,var(--kpi,var(--brand)) 11%,var(--surface))!important}

/* Controles */
input,select,textarea,.supply-select-trigger,.supply-select-menu,.material-search-control,.branch-search-control,.purchase-filters select,.operation-filters select,.stock-filters select{border-color:var(--line)!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:none!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)!important}input:focus,select:focus,textarea:focus,.supply-select-trigger:focus-within,.material-search-control:focus-within,.branch-search-control:focus-within{border-color:var(--brand)!important;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.1)!important;outline:none!important}select option,select optgroup{background:var(--surface-solid)!important;color:var(--text)!important}input[type=checkbox],input[type=radio]{accent-color:var(--brand)!important}.batch-check input[type=checkbox],.movement-select{border-color:#cfc9c5!important;background:var(--surface)!important}.batch-check input[type=checkbox]:checked,.movement-select:checked{border-color:var(--brand)!important;background:var(--brand)!important}.purchase-filters,.operation-filters,.stock-filters,.movement-batch-toolbar,.regional-toolbar,.delivery-filters,.supplier-control-deck,.category-filter-panel{border-color:var(--line)!important;background:var(--surface2)!important}

/* Tabelas */
.table-wrap,.operation-table-wrap,.purchase-table-wrap,.plan-table,.stock-table-wrap{border-color:var(--line)!important;background:var(--surface)!important}table{color:var(--text)!important}thead,thead tr,th{background:var(--surface2)!important;color:var(--muted)!important;border-color:var(--line)!important}tbody tr,td{background:transparent!important;border-color:var(--line)!important}tbody tr:hover{background:color-mix(in srgb,var(--brand) 4%,var(--surface))!important}.operation-table tr.operation-row-alert,.purchase-table tr.purchase-row-overdue{background:color-mix(in srgb,var(--danger) 4%,var(--surface))!important}.operation-destination,.purchase-destination,.movement-route span,.quantity-pill,.invoice-key,.purchase-notes,.stock-availability{background:var(--surface2)!important;border-color:var(--line)!important;color:var(--text)!important}.operation-progress,.purchase-progress,.progress,.progress-track{background:var(--surface3)!important}.operation-progress>span,.purchase-progress>span,.progress>span,.progress-bar{background:linear-gradient(90deg,var(--brand),var(--warning))!important}

/* Gráficos e estados */
.dashboard-chart-wrap,.delivery-chart-stage,.supplier-chart-stage,.sector-chart-stage,.sector-ranking-stage,.delivery-ranking,.category-filter-panel,.strategic-warehouse,.supplier-ranking-card,.sector-ranking-card{border-color:var(--line)!important;background:var(--surface)!important}.chart-panel canvas,.dashboard-card canvas{filter:none!important}.alert-row,.strategic-item{border-color:var(--line)!important}.alert-row:hover,.strategic-item:hover{background:color-mix(in srgb,var(--brand) 4%,var(--surface))!important}.badge,.dashboard-status,.operation-status,.purchase-status{font-weight:800!important}.badge.success,.dashboard-status.success,.operation-status.success{color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 30%,var(--line))!important;background:color-mix(in srgb,var(--success) 8%,var(--surface))!important}.badge.warning,.dashboard-status.warning,.operation-status.warning{color:#a66f00!important;border-color:color-mix(in srgb,var(--warning) 35%,var(--line))!important;background:color-mix(in srgb,var(--warning) 9%,var(--surface))!important}.badge.danger,.dashboard-status.danger,.operation-status.danger{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 30%,var(--line))!important;background:color-mix(in srgb,var(--danger) 8%,var(--surface))!important}.badge.info,.dashboard-status.info,.operation-status.info{color:var(--info)!important;border-color:color-mix(in srgb,var(--info) 30%,var(--line))!important;background:color-mix(in srgb,var(--info) 8%,var(--surface))!important}

/* Regional, modais e estados vazios */
.regional-hero,.history-hero{border-color:#59260f!important;background:radial-gradient(circle at 92% 10%,rgba(var(--brand-rgb),.2),transparent 34%),linear-gradient(135deg,#0b0b0b,#15110f 70%,#251006)!important}.regional-hero h1,.regional-hero p,.history-hero h1,.history-hero p{color:#fff!important}.plan-decision,.plan-split>article,.plan-dispatch-card,.regional-card,.regional-network-card{border-color:var(--line)!important;background:var(--surface)!important}.plan-decision-step,.dispatch-filter-bar{border-color:var(--line)!important;background:var(--surface2)!important}.plan-kpi>i{background:color-mix(in srgb,var(--brand) 10%,var(--surface))!important;color:var(--brand)!important}dialog::backdrop{background:rgba(10,7,5,.56)!important;backdrop-filter:blur(5px)}.modal-card{border-color:var(--line)!important;background:var(--surface-solid)!important;color:var(--text)!important;backdrop-filter:none!important}.modal-head{border-bottom-color:var(--line)!important;background:var(--surface-solid)!important}.toast{border-color:var(--line)!important;background:var(--surface-solid)!important;color:var(--text)!important}.dashboard-empty,.empty-state,.invoice-empty,.plan-empty{border-color:var(--line)!important;background:var(--surface2)!important;color:var(--text)!important}.skeleton{background:var(--surface3)!important}.page-loader span{background:linear-gradient(90deg,transparent,var(--brand),var(--warning),transparent)!important}

/* Login sem azul */
body.login-page{background:#f7f7f6!important}.login-visual{background:radial-gradient(circle at 17% 28%,rgba(var(--brand-rgb),.24),transparent 30%),radial-gradient(circle at 80% 80%,rgba(255,176,0,.08),transparent 32%),linear-gradient(145deg,#080808,#12100f 66%,#201009)!important}.hero-copy>p{color:#c0bbb7!important}.login-panel{background:radial-gradient(circle at 45% 48%,#fff,#f6f4f2)!important}.login-card{border-color:#eee8e4!important;background:rgba(255,255,255,.94)!important;box-shadow:0 30px 75px rgba(44,31,23,.12)!important}.login-brand .brand-mark{background:#0c0c0c!important}

/* Scroll Supply */
*{scrollbar-color:var(--brand) transparent!important}::-webkit-scrollbar-thumb{background:linear-gradient(var(--brand),var(--brand-strong)) padding-box!important}::-webkit-scrollbar-thumb:hover{background:var(--brand-soft) padding-box!important}@media(max-width:900px){.mobile-backdrop{background:rgba(5,5,5,.62)!important}}

/* Neutraliza controles antigos que forçavam azul-marinho */
#movementBatchAction,.operation-filters select,.stock-filters select,.purchase-filters select{
  border-color:var(--line)!important;background-color:var(--surface)!important;color:var(--text)!important;color-scheme:light!important;
  background-image:linear-gradient(45deg,transparent 50%,var(--brand) 50%),linear-gradient(135deg,var(--brand) 50%,transparent 50%)!important;
}
[data-theme=dark] #movementBatchAction,[data-theme=dark] .operation-filters select,[data-theme=dark] .stock-filters select,[data-theme=dark] .purchase-filters select{color-scheme:dark!important}
#movementBatchAction:hover,.operation-filters select:hover,.stock-filters select:hover,.purchase-filters select:hover{border-color:#ffb48b!important;background-color:var(--surface2)!important}
#movementBatchAction option,#movementBatchAction optgroup,.operation-filters select option,.operation-filters select optgroup,.stock-filters select option,.stock-filters select optgroup,.purchase-filters select option,.purchase-filters select optgroup{background:var(--surface-solid)!important;color:var(--text)!important}
#movementBatchAction option:checked,.operation-filters select option:checked,.stock-filters select option:checked,.purchase-filters select option:checked{background:var(--brand)!important;color:#fff!important}
.operation-filters input[type=date],.stock-filters input[type=date],.purchase-filters input[type=date]{border-color:var(--line)!important;background:var(--surface)!important;color:var(--text)!important;color-scheme:light!important}
[data-theme=dark] .operation-filters input[type=date],[data-theme=dark] .stock-filters input[type=date],[data-theme=dark] .purchase-filters input[type=date]{color-scheme:dark!important}
.operation-filters select::-webkit-scrollbar-track,.stock-filters select::-webkit-scrollbar-track,.purchase-filters select::-webkit-scrollbar-track{background:transparent!important}
.operation-filters select::-webkit-scrollbar-thumb,.stock-filters select::-webkit-scrollbar-thumb,.purchase-filters select::-webkit-scrollbar-thumb{border-color:transparent!important;background:var(--brand) padding-box!important}

/* Visão Geral: ícones reais e identidade multicolorida */
.dashboard-metrics .metric{border-top:3px solid var(--accent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--surface) 65%)!important}
.dashboard-metrics .metric::after{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 13%,transparent),transparent 68%)!important}
.dashboard-metrics .metric-icon{width:46px!important;height:46px!important;border-radius:13px!important}
.dashboard-metrics .metric-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-metrics .metric-icon.metric-alert svg path:first-child{fill:color-mix(in srgb,var(--danger) 10%,transparent)}
.dashboard-card{--section-accent:var(--brand)}
.dashboard-grid>.dashboard-card:nth-child(2),.strategic-layout>.dashboard-card:nth-child(2){--section-accent:var(--danger)}
.category-value-card{--section-accent:var(--warning)}
.delivery-card{--section-accent:var(--success)}
.sector-intelligence-card{--section-accent:var(--info)}
.strategic-chart-card{--section-accent:var(--brand)}
.supplier-intelligence-card{--section-accent:#7c63d8}
.dashboard-card>.panel-head{border-top:3px solid var(--section-accent)!important}
.dashboard-card-kicker{color:var(--section-accent)!important}
.delivery-kpi,.supplier-kpi{border-top:3px solid var(--kpi,var(--brand))!important}
.category-filter-list label:nth-child(6n+1){--category-chip:#ff5a0a}.category-filter-list label:nth-child(6n+2){--category-chip:#f2a900}.category-filter-list label:nth-child(6n+3){--category-chip:#269a50}.category-filter-list label:nth-child(6n+4){--category-chip:#16a0a8}.category-filter-list label:nth-child(6n+5){--category-chip:#ed3e45}.category-filter-list label:nth-child(6n){--category-chip:#7c63d8}

/* Central Regional: cabeçalho neutro e KPIs funcionais */
.regional-hero{position:relative;min-height:128px!important;padding:24px 26px!important;align-items:center!important;overflow:hidden;border:1px solid var(--line)!important;border-top:4px solid var(--brand)!important;background:linear-gradient(135deg,#fff,#fffaf7)!important;box-shadow:var(--shadow-sm)!important}
.regional-hero::after{content:"";position:absolute;width:260px;height:260px;right:-110px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(var(--brand-rgb),.13),transparent 68%);pointer-events:none}
.regional-hero-copy{display:flex!important;align-items:center;gap:17px;min-width:0;position:relative;z-index:1}
.regional-hero-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #ffc6a4;border-radius:17px;background:linear-gradient(145deg,#fff1e8,#fffaf6);color:var(--brand);box-shadow:0 12px 28px rgba(var(--brand-rgb),.12)}
.regional-hero-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.regional-hero h1{color:var(--text)!important}.regional-hero p{color:var(--muted)!important}.regional-hero .page-actions{position:relative;z-index:1}
[data-theme=dark] .regional-hero{border-color:#302a27!important;border-top-color:var(--brand)!important;background:linear-gradient(135deg,#111,#15110f)!important}
[data-theme=dark] .regional-hero-icon{border-color:#653018;background:linear-gradient(145deg,#281208,#15110f);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.plan-kpis>:nth-child(1){--plan-accent:#ff5a0a;--plan-soft:#fff0e7}.plan-kpis>:nth-child(2){--plan-accent:#7c63d8;--plan-soft:#f1edff}.plan-kpis>:nth-child(3){--plan-accent:#269a50;--plan-soft:#e9f7ee}.plan-kpis>:nth-child(4){--plan-accent:#ed3e45;--plan-soft:#ffeded}
.plan-kpi{border-top:3px solid var(--plan-accent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--plan-accent) 4%,var(--surface)),var(--surface) 70%)!important}
.plan-kpi::after{background:radial-gradient(circle,color-mix(in srgb,var(--plan-accent) 14%,transparent),transparent 68%)!important}
.plan-kpi>i,.plan-kpi>i.violet,.plan-kpi>i.cyan,.plan-kpi>i.red{border:1px solid color-mix(in srgb,var(--plan-accent) 28%,var(--line))!important;background:var(--plan-soft)!important;color:var(--plan-accent)!important}
[data-theme=dark] .plan-kpi{--plan-soft:color-mix(in srgb,var(--plan-accent) 13%,#141414)}

/* Relatório de consumo 9.3 */
.consumption-hero{padding:22px 24px!important;border:1px solid var(--line)!important;border-top:4px solid var(--brand)!important;border-radius:18px!important;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--brand) 4%,var(--surface)))!important;box-shadow:var(--shadow-sm)!important}
.consumption-filter-panel{padding:22px!important}.month-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 18px}.month-shortcuts a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800;text-decoration:none}.month-shortcuts a:hover,.month-shortcuts a.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.consumption-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:end}.consumption-filters label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.consumption-filters label.span-2{grid-column:span 2}.consumption-filters input,.consumption-filters select{min-height:44px}.consumption-filters .filter-input{min-height:44px}.consumption-filter-actions{display:flex;justify-content:flex-end;gap:9px;grid-column:span 2}.consumption-filter-actions .btn{min-height:44px}
.consumption-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.consumption-kpi{--accent:var(--brand);position:relative;min-height:132px;padding:20px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm);overflow:hidden}.consumption-kpi.orange{--accent:#ff5a0a}.consumption-kpi.violet{--accent:#7c63d8}.consumption-kpi.green{--accent:#269a50}.consumption-kpi.cyan{--accent:#16a0a8}.consumption-kpi>span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.06em}.consumption-kpi>strong{display:block;margin:12px 0 6px;color:var(--text);font-size:25px;line-height:1}.consumption-kpi>small{color:var(--muted);font-size:10px}.consumption-kpi>i{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-style:normal;font-size:12px;font-weight:900}
.consumption-notice{display:flex;gap:14px;align-items:center;padding:14px 17px;border:1px solid color-mix(in srgb,#f2a900 45%,var(--line));border-left:4px solid #f2a900;border-radius:13px;background:color-mix(in srgb,#f2a900 8%,var(--surface));font-size:10px}.consumption-notice strong{white-space:nowrap;color:#a36c00}.consumption-notice span{color:var(--muted)}
.consumption-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.consumption-chart-card{min-width:0}.consumption-chart{height:340px;padding:4px 12px 12px}.consumption-summary-panel,.consumption-detail-panel{min-width:0}.consumption-table td{vertical-align:middle}.consumption-table .destinations{max-width:480px;white-space:normal;line-height:1.45}.city-count{display:inline-grid;place-items:center;min-width:26px;height:26px;margin-right:7px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-weight:900}.consumption-table .money-impact{color:var(--brand)}
[data-theme=dark] .consumption-hero{background:linear-gradient(135deg,#111,#17120f)!important}[data-theme=dark] .consumption-kpi{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 8%,#111),#111)}
@media(max-width:1100px){.consumption-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.consumption-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.consumption-filters,.consumption-kpis,.consumption-charts{grid-template-columns:1fr}.consumption-filters label.span-2,.consumption-filter-actions{grid-column:span 1}.consumption-filter-actions{justify-content:stretch}.consumption-filter-actions .btn{flex:1}.consumption-notice{align-items:flex-start;flex-direction:column}.consumption-chart{height:300px}}
.plan-flow{border-top:3px solid var(--warning)!important}.plan-flow-grid>div:nth-of-type(1){--flow-accent:#269a50}.plan-flow-grid>div:nth-of-type(2){--flow-accent:#16a0a8}.plan-flow-grid>div:nth-of-type(3){--flow-accent:#f2a900}.plan-flow-grid>div{border-top:3px solid var(--flow-accent)!important;background:color-mix(in srgb,var(--flow-accent) 4%,var(--surface))!important}.plan-flow-grid b{background:var(--flow-accent)!important;color:#fff!important}.plan-flow-grid>span{color:var(--brand)!important}

@media(max-width:700px){.regional-hero-copy{align-items:flex-start}.regional-hero-icon{width:48px;height:48px}.regional-hero{padding:20px!important}}