:root{--ink:#071522;--navy:#0a1d2c;--navy2:#102b3d;--paper:#f4f7f8;--white:#fff;--muted:#60717d;--line:#dce5e8;--mint:#54dfc0;--mint-dark:#087b69;--amber:#ffb258;--blue:#67aef8;--red:#ef746f;--radius:16px;--shadow:0 12px 35px rgba(7,21,34,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% -10%,rgba(84,223,192,.12),transparent 32rem),var(--paper)}button,input,select{font:inherit}.topbar{height:74px;background:var(--ink);color:#fff;display:flex;align-items:center;padding:0 clamp(18px,4vw,64px);gap:42px;position:sticky;top:0;z-index:20;box-shadow:0 5px 18px rgba(0,0,0,.16)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;min-width:190px}.brand-mark{width:38px;height:38px;border:1px solid rgba(84,223,192,.35);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:3px}.brand-mark i{display:block;width:3px;background:var(--mint);border-radius:3px}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:14px}.brand b{font-size:18px;letter-spacing:.02em}.brand small{display:block;color:#98a9b4;font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin-top:1px}.topbar nav{height:100%;display:flex;gap:8px}.nav-item{border:0;background:none;color:#9cafba;padding:0 15px;position:relative;font-weight:650;font-size:14px;cursor:pointer}.nav-item:hover,.nav-item.active{color:#fff}.nav-item.active:after{content:"";position:absolute;height:3px;background:var(--mint);left:15px;right:15px;bottom:0;border-radius:3px 3px 0 0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.freshness{font-size:12px;color:#9cafba;display:flex;align-items:center;gap:7px}.freshness i{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px rgba(84,223,192,.12)}.button{border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:700;font-size:13px;cursor:pointer}.button.ghost{background:transparent;color:inherit;border-color:#47606f}.button.solid{background:var(--mint);color:var(--ink)}main{width:min(1440px,calc(100% - 40px));margin:0 auto;padding:38px 0 70px}.view{display:none}.view.active{display:block}.workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:24px}.eyebrow{font-size:11px;color:var(--mint-dark);font-weight:850;letter-spacing:.16em;margin:0 0 7px}.workspace-head h1,.section-title h1{font-size:clamp(26px,3vw,39px);line-height:1.08;margin:0;letter-spacing:-.035em}.search{width:min(520px,50%)}.search label{display:block;font-size:12px;font-weight:750;color:#465965;margin-bottom:7px}.search>div{display:flex;background:#fff;border:1px solid #cbd9de;border-radius:11px;padding:5px;box-shadow:0 4px 18px rgba(7,21,34,.05)}.search input{border:0;outline:0;flex:1;padding:8px 11px;font-size:16px;min-width:0}.search button,.filter-row button{border:0;border-radius:8px;background:var(--mint);color:var(--ink);font-weight:800;padding:10px 22px;cursor:pointer}.search button:hover,.button.solid:hover,.filter-row button:hover{background:#6ee9cf}.notice{display:flex;align-items:center;gap:10px;background:#e9f8f4;border:1px solid #c2ece1;border-radius:11px;padding:10px 14px;color:#28655a;font-size:13px;margin-bottom:18px}.notice-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--mint-dark);color:#fff;font-weight:800;font-size:12px}.notice button{margin-left:auto;border:0;background:none;color:#46776f;font-size:21px;cursor:pointer}.entity-strip{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,var(--navy),var(--navy2));color:#fff;border-radius:var(--radius);padding:22px 26px;margin-bottom:16px;box-shadow:var(--shadow);overflow:hidden;position:relative}.entity-strip:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(84,223,192,.13);border-radius:50%;right:20%;top:-170px}.entity-main{display:flex;align-items:center;gap:17px;z-index:1}.entity-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:rgba(84,223,192,.12);border:1px solid rgba(84,223,192,.3);color:var(--mint);font-weight:900;font-size:14px}.entity-tags{display:flex;gap:7px;margin-bottom:6px}.tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:3px 7px;border-radius:5px;background:rgba(255,255,255,.09);color:#bac8d0}.tag.official{background:rgba(84,223,192,.15);color:var(--mint)}.entity-main h2{font-size:20px;margin:0 0 5px}.entity-main p{margin:0;color:#9fb0ba;font-size:12px}.entity-main p i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#647b88;margin:0 9px 3px}.entity-facts{display:flex;gap:40px;z-index:1}.entity-facts div{padding-left:22px;border-left:1px solid rgba(255,255,255,.11)}.entity-facts span{display:block;color:#8fa2ad;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.entity-facts strong{font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px;min-height:165px;box-shadow:0 6px 22px rgba(7,21,34,.035)}.metric.primary{border-top:3px solid var(--mint)}.metric-label{display:flex;align-items:center;justify-content:space-between;color:#60717d;font-size:12px;font-weight:700}.info{border:1px solid #bdcbd0;color:#6a7a83;background:#fff;border-radius:50%;width:19px;height:19px;line-height:16px;cursor:help}.metric>strong{display:block;font-size:30px;letter-spacing:-.035em;margin-top:16px}.metric>strong em{font-style:normal;font-size:15px;color:#657681}.metric>small{display:block;color:#80909a;font-size:11px;margin-top:3px}.metric-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:10px;color:#81919a}.quality{font-weight:850;letter-spacing:.08em;padding:3px 6px;border-radius:4px}.quality.observed{background:#eaf0f2;color:#72848e}.quality.official{background:#e8f8f4;color:var(--mint-dark)}.quality.geo{background:#edf3fb;color:#3d78b6}.meter{display:flex;gap:3px;margin-top:22px;height:5px}.meter i{border-radius:5px;background:var(--blue)}.meter i:nth-child(2){background:var(--mint)}.meter i:nth-child(3){background:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 22px rgba(7,21,34,.035);overflow:hidden}.panel-head{padding:19px 21px 14px;display:flex;align-items:flex-start;justify-content:space-between}.panel-head h3{margin:0;font-size:17px}.source-pill{font-size:10px;color:#60717d;border:1px solid var(--line);border-radius:6px;padding:4px 7px}.panel-head select{border:1px solid var(--line);border-radius:7px;background:#fff;color:#586a75;font-size:11px;padding:6px}.product-list{padding:0 21px 17px}.product-row{display:grid;grid-template-columns:1.6fr .8fr .7fr;align-items:center;gap:20px;padding:12px 0;border-top:1px solid #edf1f2}.product-name{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:750}.fuel-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(103,174,248,.12)}.fuel-dot.ethanol{background:var(--mint);box-shadow:0 0 0 4px rgba(84,223,192,.12)}.fuel-dot.diesel{background:var(--amber);box-shadow:0 0 0 4px rgba(255,178,88,.13)}.product-stat span{display:block;font-size:9px;color:#8b9aa2;text-transform:uppercase;letter-spacing:.07em}.product-stat strong{font-size:13px}.empty-chart{height:226px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#7b8c96}.empty-pulse{width:54px;height:54px;border:1px dashed #adc0c7;border-radius:50%;position:relative;margin-bottom:15px}.empty-pulse:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#bdcbd0;left:20px;top:20px}.empty-chart strong{color:#50636e;font-size:13px}.empty-chart p{font-size:11px;max-width:230px;line-height:1.5}.mix-chart{height:226px;display:flex;align-items:center;justify-content:center;gap:35px}.hidden{display:none!important}.donut{width:132px;height:132px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--blue) 0 50%,var(--mint) 50% 70%,var(--amber) 70% 100%);position:relative}.donut:after{content:"";position:absolute;inset:19px;background:#fff;border-radius:50%}.donut span,.donut small{z-index:1}.donut span{font-size:21px;font-weight:850}.donut small{font-size:10px;color:#7d8d96}.legend div{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:11px;color:#657681}.legend i{width:8px;height:8px;border-radius:50%}.legend b{margin-left:auto;color:var(--ink)}.map-wrap{height:210px;position:relative;background:#dce7e8;overflow:hidden}.map-wrap iframe{border:0;width:100%;height:100%;filter:saturate(.55) contrast(.95)}.map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-70%);width:32px;height:32px;background:var(--ink);border-radius:50% 50% 50% 4px;rotate:-45deg;box-shadow:0 5px 12px rgba(0,0,0,.25);pointer-events:none}.map-pin i{display:block;width:10px;height:10px;background:var(--mint);border-radius:50%;margin:11px}.address{display:flex;align-items:center;gap:12px;padding:14px 20px}.address>span{font-size:20px;color:var(--mint-dark)}.address strong,.address small{display:block}.address strong{font-size:12px}.address small{font-size:10px;color:#7e8e97;margin-top:3px}.panel-head a{font-size:11px;color:var(--mint-dark);font-weight:750}.supplier-content{padding:0 21px 21px}.supplier-empty{border-top:1px solid #edf1f2;padding-top:19px}.supplier-empty strong{font-size:11px;color:#83939c;text-transform:uppercase;letter-spacing:.07em}.supplier-empty span{display:block;font-size:23px;font-weight:850;margin:5px 0 10px}.supplier-empty p{font-size:11px;line-height:1.5;color:#7a8b94;max-width:440px}.supplier-row{padding:11px 0;border-top:1px solid #edf1f2}.supplier-row div{display:flex;justify-content:space-between;font-size:12px}.supplier-bar{height:5px;background:#edf2f3;border-radius:5px;margin-top:8px;overflow:hidden}.supplier-bar i{display:block;height:100%;background:var(--mint);border-radius:5px}.section-title{margin-bottom:26px}.section-title>p:last-child{color:var(--muted);font-size:14px}.filter-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.filter-row label{font-size:11px;font-weight:750;color:#566975}.filter-row input{display:block;margin-top:6px;border:1px solid #cbd8dc;border-radius:8px;padding:10px;background:#fff}.territory-panel{min-height:420px}.territory-chart{height:330px;padding:25px;display:flex;align-items:flex-end;gap:8px}.territory-empty{margin:auto;text-align:center;color:#788a94}.territory-empty strong{color:#4d626e}.territory-empty p{font-size:12px}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-column i{display:block;width:min(38px,80%);background:linear-gradient(var(--mint),#22ac94);border-radius:5px 5px 2px 2px;min-height:3px}.bar-column span{font-size:9px;color:#83939c;white-space:nowrap}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.source-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:250px;box-shadow:var(--shadow)}.source-number{font-size:11px;color:var(--mint-dark);font-weight:850;letter-spacing:.1em}.source-grid h3{font-size:20px;margin:35px 0 10px}.source-grid p{font-size:13px;color:#657681;line-height:1.6}.source-grid a,.restricted{display:inline-block;margin-top:20px;color:var(--mint-dark);font-weight:750;font-size:12px}.restricted{color:#926325;background:#fff4e5;padding:5px 8px;border-radius:5px}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.3);width:min(440px,calc(100% - 30px))}dialog::backdrop{background:rgba(2,12,20,.65);backdrop-filter:blur(3px)}dialog form{padding:28px;position:relative}dialog h2{margin:0 0 8px}dialog p:not(.eyebrow){font-size:13px;color:#6b7c86;line-height:1.5}dialog label{display:block;font-size:12px;font-weight:750;margin-top:22px}dialog input{display:block;width:100%;margin-top:7px;border:1px solid #cbd8dc;border-radius:9px;padding:12px}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:24px;color:#70818b;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.dialog-actions .ghost{color:#50636e}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s;z-index:40}.toast.show{transform:none;opacity:1}
@media(max-width:1000px){.topbar{gap:15px}.topbar nav{display:none}.freshness{display:none}.workspace-head{align-items:stretch;flex-direction:column}.search{width:100%}.metrics{grid-template-columns:repeat(2,1fr)}.entity-strip{align-items:flex-start;gap:20px}.entity-facts{gap:15px;flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}.source-grid article{min-height:0}}
@media(max-width:640px){main{width:min(100% - 24px,1440px);padding-top:24px}.topbar{height:64px;padding:0 14px}.brand{min-width:0}.brand small{display:none}.header-actions .button{padding:8px 10px}.entity-strip{flex-direction:column;padding:18px}.entity-facts{width:100%}.entity-facts div{flex:1;min-width:100px;padding-left:10px}.metrics{grid-template-columns:1fr}.metric{min-height:145px}.product-row{grid-template-columns:1.4fr .7fr .55fr;gap:8px}.filter-row{flex-wrap:wrap}.filter-row label{flex:1}.filter-row input{width:100%}.source-grid{grid-template-columns:1fr}}

/* Rastreabilidade e integração geográfica do piloto. */
.tag{text-decoration:none}
.metric-source{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#526b77!important}
.source-pill{text-decoration:none;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.panel-source{display:block;color:#7e8e97;font-size:10px;margin-top:5px}
.map-wrap iframe{filter:none}
.source-grid p.coverage{font-size:11px;padding-top:10px;border-top:1px solid var(--line);color:#7a8992}
.history-panel{grid-column:1/-1}.history-chart{height:230px;display:flex;align-items:flex-end;gap:6px;padding:22px 4px 0;overflow-x:auto}.history-column{height:100%;min-width:38px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.history-column span{font-size:10px;color:#6f7f88;writing-mode:vertical-rl;transform:rotate(180deg);max-height:45px}.history-column i{display:block;width:22px;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#54dfc0,#168a78)}.history-column small{font-size:10px;color:#6f7f88;white-space:nowrap}
.annual-chart{height:300px;justify-content:center;gap:clamp(40px,10vw,150px);overflow:visible;padding:30px 30px 12px}.annual-column{min-width:150px;max-width:240px;position:relative;cursor:help;outline:none}.annual-column>span{writing-mode:horizontal-tb;transform:none;max-height:none;font-size:13px;font-weight:800;color:var(--ink)}.annual-column>i{width:min(110px,70%)}.annual-column>small{font-size:13px;font-weight:800;color:#50636e}.product-tooltip{display:none;position:absolute;z-index:15;left:50%;bottom:55px;transform:translateX(-50%);width:300px;padding:14px;background:var(--ink);color:#fff;border-radius:10px;box-shadow:0 16px 35px rgba(0,0,0,.25);pointer-events:none}.annual-column:hover .product-tooltip,.annual-column:focus .product-tooltip{display:block}.product-tooltip:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:var(--ink);transform:translateX(-50%) rotate(45deg)}.product-tooltip>strong{display:block;font-size:12px;margin-bottom:8px;color:var(--mint)}.product-tooltip div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border-top:1px solid rgba(255,255,255,.1)}.product-tooltip div b{font-size:10px;max-width:175px}.product-tooltip div span{font-size:10px;color:#c8d3d9;white-space:nowrap}
.chart-actions{display:flex;align-items:center;gap:8px}.chart-actions label{font-size:10px;color:#71828c;font-weight:750}.chart-actions select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:5px 8px;color:#40545f}.monthly-chart{height:300px;justify-content:center;gap:clamp(8px,1.5vw,22px);overflow:visible;padding:30px 24px 12px}.month-column{min-width:54px;max-width:80px;position:relative;cursor:help;outline:none}.month-column>span{writing-mode:horizontal-tb;transform:none;max-height:none;font-size:10px;font-weight:800;color:var(--ink)}.month-column>i{width:min(42px,75%)}.month-column:hover .product-tooltip,.month-column:focus .product-tooltip{display:block}
.search button:disabled{opacity:.65;cursor:wait}.product-tooltip{z-index:30;width:350px;padding:16px;background:#071b29;border:1px solid rgba(84,223,192,.28);border-radius:14px;box-shadow:0 22px 55px rgba(0,0,0,.32)}.product-tooltip:after{background:#071b29;border-right:1px solid rgba(84,223,192,.28);border-bottom:1px solid rgba(84,223,192,.28)}.product-tooltip header{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.product-tooltip header div:last-child{text-align:right}.product-tooltip header small{display:block;color:#8096a2;font-size:8px;letter-spacing:.12em}.product-tooltip header strong{font-size:14px;color:#fff}.product-tooltip>p{margin:12px 0 5px;color:var(--mint);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.tooltip-product{display:grid!important;grid-template-columns:9px 1fr auto;align-items:center;gap:9px!important;padding:8px 0!important;border-top:1px solid rgba(255,255,255,.08)!important}.tooltip-product>i{width:8px;height:8px;border-radius:50%;background:var(--product-color)}.tooltip-product>div{display:block!important}.tooltip-product>div b,.tooltip-product>div span{display:block}.tooltip-product>div b{font-size:11px!important;max-width:none!important}.tooltip-product>div span{font-size:9px!important;color:#9eb0ba!important;margin:2px 0 5px;white-space:normal!important}.tooltip-product>div em{display:block;width:100%;height:3px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden}.tooltip-product>div em u{display:block;height:100%;background:var(--product-color);text-decoration:none}.tooltip-product>strong{font-size:11px;color:#fff}
