/* Manager fuel monitoring */
.fm{--fm-ink:#0f2742;--fm-acc:#1a73e8;--fm-gold:#ffb43a;display:grid;gap:16px}
.fm-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.fm-kicker{margin:0;font-size:13px;color:var(--muted)}.fm-head h2{margin:0;font-size:26px}
.fm-period{display:flex;gap:6px}.fm-period .chip{min-height:44px;padding:6px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:inherit;font-weight:600;font-size:14px}.fm-period .chip[aria-pressed=true]{background:var(--fm-ink)!important;color:#fff!important;border-color:var(--fm-ink)}
.fm-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.fm-kpis>*{display:block;padding:16px 18px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 18px #0f274210;color:inherit;text-decoration:none}
.fm-kpis small{display:block;font-size:13px;color:var(--muted)}.fm-kpis strong{display:flex;align-items:baseline;gap:6px;font-size:28px;line-height:1.5}.fm-kpis em{font-style:normal;font-size:12px;font-weight:500;color:var(--muted)}
.fm-kpis .hl{background:linear-gradient(160deg,#173a63,#0f2742);color:#fff;border:0}.fm-kpis .hl small,.fm-kpis .hl em{color:#c9d8ea}
.fm-kpis .alert{border-color:#ffb43a;background:#fff7e6}.dark .fm-kpis .alert{background:#3a2c12}
.fm-card{padding:18px 20px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 6px 18px #0f274210}
.fm-cardhead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.fm-cardhead h3{margin:0;font-size:18px}.fm-cardhead span{font-size:13px;color:var(--muted)}
.fm svg{width:100%;height:auto;max-height:260px;display:block}.fm svg .ok{fill:var(--fm-acc)}.fm svg .bad{fill:#a9b6c6}.fm svg .val{font-size:12px;fill:var(--fm-ink);font-weight:700}.dark .fm svg .val{fill:#f2f5fa}.fm svg .lbl{font-size:11px;fill:var(--muted)}.fm svg .avg{stroke:var(--fm-gold);stroke-width:2;stroke-dasharray:6 5}.fm svg .avgt{font-size:12px;fill:#b57a00;font-weight:700}.dark .fm svg .avgt{fill:var(--fm-gold)}
.fm-note{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.9}
.fm-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.fm-bars li{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto;align-items:center;gap:10px;font-size:14px}.fm-bars div{height:12px;border-radius:12px;background:var(--soft);overflow:hidden}.fm-bars i{display:block;height:100%;border-radius:12px;background:linear-gradient(90deg,#1a73e8,#4cc3ff)}.fm-bars b{font-size:13px;min-width:70px;text-align:end}
.fm-empty,.fm-error{margin:0;padding:12px 2px;color:var(--muted);font-size:14px}.fm-error{color:#a32a2a}
.fm-skel{height:120px;border-radius:24px;background:linear-gradient(90deg,var(--soft),var(--surface),var(--soft));background-size:200% 100%;animation:fm-s 1.4s linear infinite}@keyframes fm-s{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.fm-skel{animation:none}}
/* Manager menu on phones: one scrollable row instead of a wall of chips */
@media(max-width:849px){.management-app .role-menu{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:8px!important;padding:8px!important;border-radius:18px}.management-app .role-menu::-webkit-scrollbar{display:none}.management-app .role-menu a{flex:0 0 auto;white-space:nowrap;min-height:44px;padding:8px 16px;font-size:14px}.management-app .role-menu a[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:700;border-color:var(--accent)}}