/* Oficina Portátil V75.55.1 — BI Abastecimentos */
#op-abastecimentos-app{--ab-bg:color-mix(in srgb,var(--panel-solid,#fff) 76%,transparent);--ab-line:color-mix(in srgb,currentColor 11%,transparent);--ab-muted:var(--muted,#6b7c78);--ab-text:var(--text,#15312d);--ab-teal:#00c8b4;--ab-cyan:#2fa8ff;--ab-pink:#ff2d88;--ab-violet:#8e5cff;--ab-orange:#ff9a2e;--ab-red:#ff4d6d;--ab-lime:#a7f432;color:var(--ab-text);min-width:0}
html[data-theme="dark"] #op-abastecimentos-app{--ab-bg:rgba(9,27,25,.76);--ab-line:rgba(255,255,255,.10);--ab-muted:#93aaa5;--ab-text:#f4fbf9}
#op-abastecimentos-app *{box-sizing:border-box}
#op-abastecimentos-app button,#op-abastecimentos-app input,#op-abastecimentos-app select{font:inherit}
#op-abastecimentos-app svg{display:block}
#op-abastecimentos-app .ab-app{display:flex;flex-direction:column;gap:18px;padding:4px 0 34px;max-width:1500px;margin:0 auto}
#op-abastecimentos-app .ab-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:22px;padding:24px 26px;border:1px solid var(--ab-line);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--ab-teal) 10%,var(--ab-bg)),color-mix(in srgb,var(--ab-violet) 7%,var(--ab-bg)));overflow:hidden;box-shadow:0 18px 50px rgba(4,42,37,.08)}
#op-abastecimentos-app .ab-hero:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--ab-pink) 26%,transparent),transparent 68%);pointer-events:none;animation:abFloat 7s ease-in-out infinite alternate}
#op-abastecimentos-app .ab-hero-copy{position:relative;z-index:1;max-width:780px}
#op-abastecimentos-app .ab-eyebrow,#op-abastecimentos-app .ab-card-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ab-teal)}
#op-abastecimentos-app .ab-hero h1{font-size:clamp(31px,4vw,54px);line-height:.98;letter-spacing:-.045em;margin:8px 0 10px}
#op-abastecimentos-app .ab-hero p{margin:0;max-width:700px;color:var(--ab-muted);font-size:15px}
#op-abastecimentos-app .ab-hero-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
#op-abastecimentos-app .ab-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:13px;padding:0 15px;border:1px solid var(--ab-line);font-weight:850;cursor:pointer;transition:.2s ease;background:var(--ab-bg);color:inherit}
#op-abastecimentos-app .ab-btn svg{width:17px;height:17px}
#op-abastecimentos-app .ab-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
#op-abastecimentos-app .ab-btn.primary{border-color:transparent;color:white;background:linear-gradient(135deg,#00a99a,#007f76);box-shadow:0 10px 25px rgba(0,168,153,.24)}
#op-abastecimentos-app .ab-filter-panel{position:sticky;top:74px;z-index:12;border:1px solid var(--ab-line);border-radius:20px;padding:14px;background:color-mix(in srgb,var(--panel-solid,#fff) 86%,transparent);backdrop-filter:blur(24px) saturate(155%);box-shadow:0 14px 36px rgba(5,42,37,.07)}
html[data-theme="dark"] #op-abastecimentos-app .ab-filter-panel{background:rgba(9,25,23,.86)}
#op-abastecimentos-app .ab-filter-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}#op-abastecimentos-app .ab-periods{display:flex;gap:6px;margin-bottom:0;overflow:auto;padding-bottom:1px;min-width:0}#op-abastecimentos-app .ab-filter-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#op-abastecimentos-app .ab-periods button{border:1px solid var(--ab-line);border-radius:999px;background:transparent;color:inherit;padding:7px 13px;min-width:53px;font-size:12px;font-weight:900;cursor:pointer;transition:.18s}
#op-abastecimentos-app .ab-periods button.active{background:var(--ab-text);color:var(--panel-solid,#fff);border-color:var(--ab-text)}
html[data-theme="dark"] #op-abastecimentos-app .ab-periods button.active{background:#f5fffc;color:#0a2420}
#op-abastecimentos-app .ab-filter-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:8px}
#op-abastecimentos-app .ab-filter-grid label{display:flex;flex-direction:column;gap:5px;min-width:0}
#op-abastecimentos-app .ab-filter-grid label>span{font-size:10px;font-weight:900;letter-spacing:.04em;color:var(--ab-muted);text-transform:uppercase}
#op-abastecimentos-app .ab-filter-grid select,#op-abastecimentos-app .ab-filter-grid input{width:100%;height:39px;border:1px solid var(--ab-line);border-radius:11px;background:color-mix(in srgb,var(--panel-solid,#fff) 92%,transparent);color:inherit;padding:0 10px;outline:none;min-width:0}
html[data-theme="dark"] #op-abastecimentos-app .ab-filter-grid select,html[data-theme="dark"] #op-abastecimentos-app .ab-filter-grid input{background:rgba(255,255,255,.055)}
#op-abastecimentos-app .ab-filter-grid select:focus,#op-abastecimentos-app .ab-filter-grid input:focus{border-color:color-mix(in srgb,var(--ab-teal) 72%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ab-teal) 12%,transparent)}
#op-abastecimentos-app .ab-filter-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
#op-abastecimentos-app .ab-active-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:28px}
#op-abastecimentos-app .ab-active-filters>span{font-size:12px;color:var(--ab-muted)}
#op-abastecimentos-app .ab-active-filters button{border:1px solid color-mix(in srgb,var(--ab-teal) 26%,var(--ab-line));border-radius:999px;background:color-mix(in srgb,var(--ab-teal) 8%,transparent);color:inherit;font-size:11px;font-weight:800;padding:5px 9px;cursor:pointer}
#op-abastecimentos-app .ab-active-filters button b{margin-left:4px;color:var(--ab-teal)}
#op-abastecimentos-app .ab-clear{border:0;background:transparent;color:var(--ab-muted);font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
#op-abastecimentos-app .ab-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-radius:14px;background:color-mix(in srgb,var(--ab-teal) 8%,transparent);font-size:13px;font-weight:800}
#op-abastecimentos-app .ab-loading i{width:17px;height:17px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ab-teal) 24%,transparent);border-top-color:var(--ab-teal);animation:abSpin .75s linear infinite}
#op-abastecimentos-app [data-content]{transition:opacity .2s,filter .2s}
#op-abastecimentos-app [data-content].is-dimmed{opacity:.42;filter:saturate(.65);pointer-events:none}
#op-abastecimentos-app .ab-error{padding:16px 18px;border:1px solid rgba(255,77,109,.25);background:rgba(255,77,109,.08);border-radius:15px;color:inherit;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#op-abastecimentos-app .ab-error strong{color:var(--ab-red)}
#op-abastecimentos-app .ab-error span{flex:1;color:var(--ab-muted)}
#op-abastecimentos-app .ab-error button{border:0;border-radius:10px;background:var(--ab-red);color:white;padding:8px 12px;font-weight:850;cursor:pointer}
#op-abastecimentos-app .ab-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
#op-abastecimentos-app .ab-kpi{position:relative;display:flex;gap:11px;align-items:flex-start;min-width:0;border:1px solid var(--ab-line);border-radius:18px;padding:15px 14px;background:var(--ab-bg);overflow:hidden;opacity:0;transform:translateY(8px);transition:.45s cubic-bezier(.2,.8,.2,1) var(--delay)}
#op-abastecimentos-app .is-ready .ab-kpi{opacity:1;transform:none}
#op-abastecimentos-app .ab-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--ab-teal),transparent)}
#op-abastecimentos-app .ab-kpi.blue:after{background:linear-gradient(90deg,var(--ab-cyan),transparent)}#op-abastecimentos-app .ab-kpi.violet:after{background:linear-gradient(90deg,var(--ab-violet),transparent)}#op-abastecimentos-app .ab-kpi.red:after{background:linear-gradient(90deg,var(--ab-red),transparent)}#op-abastecimentos-app .ab-kpi.pink:after{background:linear-gradient(90deg,var(--ab-pink),transparent)}#op-abastecimentos-app .ab-kpi.orange:after{background:linear-gradient(90deg,var(--ab-orange),transparent)}
#op-abastecimentos-app .ab-kpi-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--ab-teal) 13%,transparent);color:var(--ab-teal);flex:0 0 auto}
#op-abastecimentos-app .ab-kpi.blue .ab-kpi-icon{background:color-mix(in srgb,var(--ab-cyan) 13%,transparent);color:var(--ab-cyan)}#op-abastecimentos-app .ab-kpi.violet .ab-kpi-icon{background:color-mix(in srgb,var(--ab-violet) 13%,transparent);color:var(--ab-violet)}#op-abastecimentos-app .ab-kpi.red .ab-kpi-icon{background:color-mix(in srgb,var(--ab-red) 13%,transparent);color:var(--ab-red)}#op-abastecimentos-app .ab-kpi.pink .ab-kpi-icon{background:color-mix(in srgb,var(--ab-pink) 13%,transparent);color:var(--ab-pink)}#op-abastecimentos-app .ab-kpi.orange .ab-kpi-icon{background:color-mix(in srgb,var(--ab-orange) 13%,transparent);color:var(--ab-orange)}
#op-abastecimentos-app .ab-kpi-icon svg{width:18px;height:18px}
#op-abastecimentos-app .ab-kpi>div{display:flex;flex-direction:column;min-width:0}
#op-abastecimentos-app .ab-kpi small{color:var(--ab-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
#op-abastecimentos-app .ab-kpi strong{font-size:clamp(22px,2vw,31px);letter-spacing:-.035em;line-height:1.05;margin:5px 0 3px;white-space:nowrap}
#op-abastecimentos-app .ab-kpi.interactive{cursor:pointer}
#op-abastecimentos-app .ab-kpi.interactive:hover{border-color:color-mix(in srgb,var(--ab-teal) 52%,var(--ab-line));transform:translateY(-2px)}
#op-abastecimentos-app .ab-delta{font-size:10px;font-weight:800}.ab-delta.good{color:#0ba877}.ab-delta.bad{color:var(--ab-red)}.ab-delta.neutral{color:var(--ab-muted)}
#op-abastecimentos-app .ab-insights{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
#op-abastecimentos-app .ab-insights article{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--ab-line);border-radius:15px;padding:12px 13px;background:linear-gradient(135deg,color-mix(in srgb,var(--ab-violet) 5%,var(--ab-bg)),var(--ab-bg));opacity:0;transform:translateY(8px);transition:.45s ease var(--delay)}
#op-abastecimentos-app .is-ready .ab-insights article{opacity:1;transform:none}
#op-abastecimentos-app .ab-insights span{color:var(--ab-violet);flex:0 0 auto}.ab-insights svg{width:17px;height:17px}.ab-insights p{margin:0;font-size:12px;line-height:1.35;color:var(--ab-muted)}.ab-insights p b{color:var(--ab-text)}
#op-abastecimentos-app .ab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
#op-abastecimentos-app .ab-grid-top,#op-abastecimentos-app .ab-grid-bottom{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr)}
#op-abastecimentos-app .ab-card{border:1px solid var(--ab-line);border-radius:20px;background:var(--ab-bg);padding:17px;min-width:0;box-shadow:0 12px 35px rgba(4,42,37,.045);overflow:hidden}
#op-abastecimentos-app .ab-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
#op-abastecimentos-app .ab-card h2{font-size:18px;letter-spacing:-.02em;margin:3px 0 0}.ab-card header>small,.ab-card-meta{font-size:10px;color:var(--ab-muted);font-weight:800;white-space:nowrap}
#op-abastecimentos-app .ab-chart{min-height:260px;position:relative}
#op-abastecimentos-app .ab-empty{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--ab-muted);padding:24px}
#op-abastecimentos-app .ab-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--ab-violet) 10%,transparent);color:var(--ab-violet);margin-bottom:9px}.ab-empty svg{width:21px;height:21px}.ab-empty strong{color:var(--ab-text);margin-bottom:4px}.ab-empty small{font-size:11px}
#op-abastecimentos-app .ab-line{width:100%;height:270px;overflow:visible}.ab-line .grid line{stroke:var(--ab-line);stroke-width:1}.ab-line .grid text,.ab-line text.x{fill:var(--ab-muted);font-size:10px}.ab-line .area{fill:url(#abArea)}.ab-line .line{fill:none;stroke:var(--ab-teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:abDraw 1.05s ease forwards}.ab-line .point{fill:var(--ab-bg);stroke:var(--ab-teal);stroke-width:2;transition:.18s}.ab-line .point:hover{r:7;fill:var(--ab-teal)}
#op-abastecimentos-app .ab-donut-wrap{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr);align-items:center;gap:12px;min-height:255px}.ab-donut{width:100%;max-width:210px;margin:auto;overflow:visible}.ab-donut circle{fill:none;stroke-width:14;cursor:pointer;transition:.2s}.ab-donut circle:not(.track):hover{stroke-width:18}.ab-donut .track{stroke:var(--ab-line);cursor:default}.ab-donut .big{fill:var(--ab-text);font-size:19px;font-weight:900}.ab-donut .small{fill:var(--ab-muted);font-size:8px}
#op-abastecimentos-app .ab-legend{display:flex;flex-direction:column;gap:5px}.ab-legend button{display:grid;grid-template-columns:10px 1fr auto auto;gap:7px;align-items:center;border:0;background:transparent;color:inherit;text-align:left;padding:6px;border-radius:9px;cursor:pointer}.ab-legend button:hover{background:color-mix(in srgb,currentColor 5%,transparent)}.ab-legend i{width:8px;height:8px;border-radius:50%;background:var(--c)}.ab-legend span{font-size:11px;color:var(--ab-muted)}.ab-legend b{font-size:12px}.ab-legend small{font-size:10px;color:var(--ab-muted)}
#op-abastecimentos-app .ab-bars{display:flex;flex-direction:column;gap:7px;min-height:330px}
#op-abastecimentos-app .ab-bar-row,#op-abastecimentos-app .ab-center-row{width:100%;display:grid;grid-template-columns:minmax(155px,1.15fr) minmax(120px,1.6fr) auto;gap:10px;align-items:center;border:0;background:transparent;color:inherit;padding:6px 5px;border-radius:11px;text-align:left;cursor:pointer;transition:.15s}.ab-bar-row:hover,.ab-center-row:hover{background:color-mix(in srgb,currentColor 5%,transparent)}
#op-abastecimentos-app .ab-bar-label,.ab-center-row>span:first-child{display:flex;min-width:0;flex-direction:column}.ab-bar-label strong,.ab-center-row strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-bar-label small,.ab-center-row small{font-size:10px;color:var(--ab-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.ab-bar-row>b,.ab-center-row>b{font-size:11px;white-space:nowrap}
#op-abastecimentos-app .ab-bar-track{height:8px;border-radius:999px;background:var(--ab-line);overflow:hidden}.ab-bar-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ab-teal),var(--ab-cyan));transition:width .8s cubic-bezier(.2,.8,.2,1)}#op-abastecimentos-app .is-ready .ab-bar-track i{width:var(--w)}
#op-abastecimentos-app .ab-stack{height:8px;border-radius:999px;background:var(--ab-line);display:flex;overflow:hidden}.ab-stack i{display:block;width:0;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1)}#op-abastecimentos-app .is-ready .ab-stack i{width:var(--w)}.ab-stack .hi{background:var(--ab-red)}.ab-stack .lo{background:var(--ab-orange)}
#op-abastecimentos-app .ab-scatter{width:100%;height:280px;overflow:visible}.ab-scatter .zero{stroke:var(--ab-line);stroke-width:2;stroke-dasharray:4 5}.ab-scatter text{fill:var(--ab-muted);font-size:10px}.ab-scatter .axis-title{font-size:9px;font-weight:800}.ab-scatter circle{opacity:.78;cursor:pointer;transition:.18s}.ab-scatter circle:hover{opacity:1;stroke:white;stroke-width:2;r:8}
#op-abastecimentos-app .ab-scatter-legend{display:flex;justify-content:center;gap:15px;margin-top:-4px}.ab-scatter-legend span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ab-muted)}.ab-scatter-legend i{width:7px;height:7px;border-radius:50%;background:var(--c)}
#op-abastecimentos-app .ab-heat{min-height:278px;overflow:auto}.ab-heat-grid{min-width:520px;display:grid;grid-template-columns:34px repeat(24,1fr);gap:3px;align-items:center}.ab-heat-grid small{font-size:8px;color:var(--ab-muted);text-align:center}.ab-heat-grid>b{font-size:9px;color:var(--ab-muted);font-weight:850}.ab-heat-grid i{aspect-ratio:1;border-radius:4px;background:color-mix(in srgb,var(--ab-violet) calc(var(--a)*100%),color-mix(in srgb,var(--ab-violet) 4%,transparent));border:1px solid color-mix(in srgb,var(--ab-violet) 7%,transparent);transition:.18s}.ab-heat-grid i:hover{transform:scale(1.4);z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.18)}.ab-heat-scale{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;color:var(--ab-muted);font-size:9px}.ab-heat-scale em{width:80px;height:6px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--ab-violet) 5%,transparent),var(--ab-violet))}
#op-abastecimentos-app .ab-table-card{margin-top:12px;padding-bottom:10px}.ab-table-wrap{overflow:auto;border:1px solid var(--ab-line);border-radius:14px;max-height:520px}.ab-table-wrap table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px;font-size:11px}.ab-table-wrap thead{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--panel-solid,#fff) 96%,transparent);backdrop-filter:blur(15px)}html[data-theme="dark"] .ab-table-wrap thead{background:rgba(10,27,25,.96)}.ab-table-wrap th{padding:10px 9px;text-align:left;color:var(--ab-muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ab-line);white-space:nowrap}.ab-table-wrap td{padding:9px;border-bottom:1px solid color-mix(in srgb,currentColor 6%,transparent);white-space:nowrap;vertical-align:middle}.ab-table-wrap tbody tr{cursor:pointer;transition:.15s}.ab-table-wrap tbody tr:hover td{background:color-mix(in srgb,var(--ab-teal) 5%,transparent)}.ab-table-wrap td small{display:block;color:var(--ab-muted);font-size:9px;margin-top:2px}.ab-ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis}.ab-dev{font-weight:900;color:var(--ab-red)}
#op-abastecimentos-app .ab-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;background:color-mix(in srgb,#8b95a5 12%,transparent);color:#6f7a88}.ab-status.alto{background:color-mix(in srgb,var(--ab-red) 13%,transparent);color:var(--ab-red)}.ab-status.baixo{background:color-mix(in srgb,var(--ab-orange) 15%,transparent);color:#d77900}.ab-status.normal{background:color-mix(in srgb,var(--ab-teal) 12%,transparent);color:#00a188}
#op-abastecimentos-app .ab-dialog{width:min(720px,calc(100vw - 28px));border:1px solid var(--ab-line);border-radius:24px;padding:24px;background:color-mix(in srgb,var(--panel-solid,#fff) 96%,transparent);color:var(--ab-text);box-shadow:0 30px 100px rgba(0,0,0,.25);backdrop-filter:blur(26px)}html[data-theme="dark"] #op-abastecimentos-app .ab-dialog{background:rgba(9,26,23,.97)}#op-abastecimentos-app .ab-dialog::backdrop{background:rgba(4,20,18,.52);backdrop-filter:blur(6px)}#op-abastecimentos-app .ab-dialog-close{position:absolute;right:15px;top:13px;border:0;background:var(--ab-line);color:inherit;width:34px;height:34px;border-radius:50%;font-size:23px;cursor:pointer}.ab-dialog h2{font-size:30px;margin:5px 0 2px}.ab-dialog-sub{margin:0 0 17px;color:var(--ab-muted)}
#op-abastecimentos-app .ab-detail-kpis,.ab-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ab-detail-kpis span,.ab-detail-grid span{display:flex;flex-direction:column;padding:10px 11px;border:1px solid var(--ab-line);border-radius:12px;background:color-mix(in srgb,currentColor 3%,transparent)}.ab-detail-kpis small,.ab-detail-grid small{font-size:9px;color:var(--ab-muted);text-transform:uppercase;font-weight:850}.ab-detail-kpis strong,.ab-detail-grid strong{font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
#op-abastecimentos-app .ab-gauge{margin:17px 0;border:1px solid var(--ab-line);border-radius:15px;padding:13px}.ab-gauge header,.ab-gauge footer{display:flex;justify-content:space-between;gap:8px}.ab-gauge header span{font-size:11px;color:var(--ab-muted)}.ab-gauge header strong{font-size:19px}.ab-gauge>div{position:relative;height:16px;margin:13px 0 8px;border-radius:999px;background:var(--ab-line)}.ab-gauge .range{position:absolute;left:var(--l);right:calc(100% - var(--r));top:3px;bottom:3px;background:color-mix(in srgb,var(--ab-teal) 60%,transparent);border-radius:999px}.ab-gauge .std,.ab-gauge .real{position:absolute;left:var(--x);top:-4px;width:3px;height:24px;background:var(--ab-violet);border-radius:2px;transform:translateX(-50%)}.ab-gauge .real{width:10px;height:10px;border-radius:50%;top:3px;background:var(--ab-teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--ab-teal) 20%,transparent)}.ab-gauge .real.alto{background:var(--ab-red);box-shadow:0 0 0 4px color-mix(in srgb,var(--ab-red) 20%,transparent)}.ab-gauge .real.baixo{background:var(--ab-orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--ab-orange) 20%,transparent)}.ab-gauge footer{font-size:9px;color:var(--ab-muted)}
#op-abastecimentos-app .ab-meter-correction{display:inline-flex;align-items:center;justify-content:flex-end;color:var(--ab-red);font-weight:950;letter-spacing:.02em;white-space:nowrap}
#op-abastecimentos-app .ab-gauge.is-correction .real{display:none}
#op-abastecimentos-app .ab-note{margin-top:10px;border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--ab-teal) 7%,transparent)}.ab-note.warning{background:color-mix(in srgb,var(--ab-orange) 10%,transparent)}.ab-note small{font-size:9px;color:var(--ab-muted);font-weight:900;text-transform:uppercase}.ab-note p{margin:4px 0 0;font-size:12px}.ab-filter-fleet{margin-top:15px;width:100%}
.ab-toast{position:fixed;left:50%;bottom:26px;z-index:99999;transform:translate(-50%,18px);opacity:0;pointer-events:none;border-radius:999px;padding:10px 15px;background:#0c2f2a;color:#fff;font-size:12px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.24);transition:.22s}.ab-toast.warn{background:#8a5a00}.ab-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes abSpin{to{transform:rotate(360deg)}}@keyframes abDraw{to{stroke-dashoffset:0}}@keyframes abFloat{to{transform:translate(-24px,18px) scale(1.08)}}
@media(max-width:1180px){#op-abastecimentos-app .ab-filter-grid{grid-template-columns:repeat(4,1fr)}#op-abastecimentos-app .ab-kpis{grid-template-columns:repeat(3,1fr)}#op-abastecimentos-app .ab-insights{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){#op-abastecimentos-app .ab-app{gap:12px;padding-bottom:86px}#op-abastecimentos-app .ab-hero{padding:18px;border-radius:19px;align-items:flex-start;flex-direction:column}#op-abastecimentos-app .ab-hero h1{font-size:34px}#op-abastecimentos-app .ab-hero-actions{width:100%;justify-content:stretch}.ab-hero-actions .ab-btn{flex:1}#op-abastecimentos-app .ab-filter-panel{position:relative;top:auto;border-radius:17px}#op-abastecimentos-app .ab-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#op-abastecimentos-app .ab-kpis{grid-template-columns:repeat(2,1fr)}#op-abastecimentos-app .ab-insights{grid-template-columns:1fr}#op-abastecimentos-app .ab-grid,#op-abastecimentos-app .ab-grid-top,#op-abastecimentos-app .ab-grid-bottom{grid-template-columns:1fr}#op-abastecimentos-app .ab-card{border-radius:17px;padding:14px}#op-abastecimentos-app .ab-donut-wrap{grid-template-columns:150px 1fr}#op-abastecimentos-app .ab-detail-kpis,#op-abastecimentos-app .ab-detail-grid{grid-template-columns:repeat(2,1fr)}#op-abastecimentos-app .ab-bar-row,#op-abastecimentos-app .ab-center-row{grid-template-columns:minmax(135px,1fr) minmax(85px,1fr) auto}.ab-toast{bottom:86px}}
@media(max-width:520px){#op-abastecimentos-app .ab-filter-grid{grid-template-columns:1fr 1fr}#op-abastecimentos-app .ab-filter-grid label:not(.ab-date){grid-column:span 2}#op-abastecimentos-app .ab-kpis{grid-template-columns:1fr 1fr;gap:7px}#op-abastecimentos-app .ab-kpi{padding:12px 10px;gap:8px}.ab-kpi-icon{width:30px;height:30px}.ab-kpi strong{font-size:21px!important}#op-abastecimentos-app .ab-donut-wrap{grid-template-columns:1fr}.ab-donut{max-width:170px}#op-abastecimentos-app .ab-bar-row,#op-abastecimentos-app .ab-center-row{grid-template-columns:minmax(130px,1fr) auto}.ab-bar-track,.ab-stack{grid-column:1/-1}.ab-detail-kpis,.ab-detail-grid{grid-template-columns:1fr 1fr}.ab-dialog{padding:19px!important}}

/* V75.55.1 — Abastecimentos: a topbar global fica presa ao viewport no desktop. */
@media (min-width:821px){
  body[data-op-native-open="abastecimentos"] .app-shell>.workspace>.topbar{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1000!important;
    transform:none!important;
    margin:0!important;
  }
  body[data-op-native-open="abastecimentos"] .app-shell>.workspace>main{
    padding-top:118px!important;
  }
}
@media (max-width:820px){
  #op-abastecimentos-app .ab-filter-top{align-items:stretch;flex-direction:column}
  #op-abastecimentos-app .ab-filter-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  #op-abastecimentos-app .ab-filter-actions .ab-btn{width:100%}
}


/* V75.55.2 — painel de filtros do Abastecimentos fixo no viewport no desktop. */
@media (min-width:821px){
  body[data-op-native-open="abastecimentos"] #op-abastecimentos-app .ab-app{
    padding-top:var(--ab-fixed-filter-space,230px)!important;
  }
  body[data-op-native-open="abastecimentos"] #op-abastecimentos-app .ab-filter-panel{
    position:fixed!important;
    top:var(--ab-fixed-filter-top,92px)!important;
    left:var(--ab-fixed-filter-left,24px)!important;
    width:var(--ab-fixed-filter-width,calc(100vw - 48px))!important;
    max-width:none!important;
    z-index:980!important;
    margin:0!important;
    transform:none!important;
    box-shadow:0 16px 44px rgba(5,42,37,.14)!important;
  }
}