/* GUIALOGG Sprint 3 — Frota e centro de operações */
.operations-section{position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(0,106,255,.035) 48%,transparent)}
.operations-section::before{content:"";position:absolute;inset:10% auto auto 50%;width:760px;height:760px;transform:translateX(-50%);background:radial-gradient(circle,rgba(0,132,255,.09),transparent 67%);pointer-events:none}
.operations-heading{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}
.operations-heading h2{max-width:760px;margin:.55rem 0 .8rem;font-size:clamp(2rem,4vw,3.65rem);line-height:1.02;letter-spacing:-.045em}
.operations-heading p{max-width:690px;color:var(--text-muted,#9eb0c8);font-size:1.04rem}
.operations-live{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 14px;border:1px solid rgba(45,221,142,.22);border-radius:999px;background:rgba(45,221,142,.07);color:#6fe7ad;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.operations-live span,.console-pulse{width:8px;height:8px;border-radius:50%;background:#32dd8f;box-shadow:0 0 0 0 rgba(50,221,143,.6);animation:opsPulse 1.8s infinite}
.operations-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr);gap:22px;align-items:stretch}
.fleet-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.command-vehicle{min-width:0;overflow:hidden;border:1px solid rgba(139,170,210,.14);border-radius:24px;background:linear-gradient(180deg,rgba(17,35,60,.82),rgba(8,22,42,.94));box-shadow:0 20px 55px rgba(0,7,24,.22);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.command-vehicle:hover{transform:translateY(-6px);border-color:rgba(45,147,255,.42);box-shadow:0 28px 70px rgba(0,72,180,.18)}
.command-vehicle-media{height:170px;display:flex;align-items:center;justify-content:center;padding:12px 18px 0;background:radial-gradient(circle at 50% 72%,rgba(0,133,255,.17),transparent 62%)}
.command-vehicle-media img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 14px rgba(0,0,0,.34));transition:transform .35s ease}
.command-vehicle:hover .command-vehicle-media img{transform:scale(1.045) translateY(-2px)}
.command-vehicle-body{padding:18px 18px 20px;border-top:1px solid rgba(139,170,210,.1)}
.command-vehicle-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.command-vehicle-top small{color:#6f86a5;font-size:.72rem;font-weight:800;letter-spacing:.11em}
.vehicle-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.075em}.vehicle-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.vehicle-status--route{color:#62b5ff;background:rgba(35,145,255,.11)}.vehicle-status--loading{color:#ffb24b;background:rgba(255,156,31,.11)}.vehicle-status--available{color:#54df9c;background:rgba(44,214,137,.1)}
.command-vehicle h3{margin:0 0 8px;font-size:1.14rem;letter-spacing:-.02em}.command-vehicle p{min-height:46px;margin:0 0 16px;color:var(--text-muted,#93a8c2);font-size:.85rem;line-height:1.55}
.command-vehicle dl{display:grid;gap:9px;margin:0 0 16px}.command-vehicle dl div{display:flex;justify-content:space-between;gap:12px}.command-vehicle dt{color:#6f86a5;font-size:.74rem}.command-vehicle dd{margin:0;color:var(--text-main,#f5f9ff);font-size:.76rem;font-weight:800;text-align:right}
.vehicle-load{height:5px;overflow:hidden;border-radius:999px;background:rgba(117,148,188,.12)}.vehicle-load span{display:block;width:var(--load);height:100%;border-radius:inherit;background:linear-gradient(90deg,#087eff,#42b8ff);box-shadow:0 0 12px rgba(27,146,255,.42);animation:loadReveal 1.3s ease both}
.operations-console{display:flex;flex-direction:column;min-height:100%;padding:20px;border-radius:24px}.console-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(139,170,210,.12)}.console-header>div{display:flex;align-items:center;gap:10px}.console-header small{font-variant-numeric:tabular-nums;color:#70aee7;font-weight:800}
.console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0}.console-kpis div{padding:11px 9px;border:1px solid rgba(139,170,210,.1);border-radius:14px;background:rgba(8,21,39,.44)}.console-kpis span{display:block;color:#7188a6;font-size:.64rem;line-height:1.25}.console-kpis strong{display:block;margin-top:5px;font-size:1.05rem}.console-kpis .console-ok{color:#52df9b}
.event-feed{display:grid;gap:4px}.event-feed article{display:grid;grid-template-columns:40px 8px 1fr;gap:9px;align-items:start;padding:11px 5px;border-bottom:1px solid rgba(139,170,210,.085)}.event-feed time{padding-top:2px;color:#657d9c;font-size:.68rem;font-weight:800}.event-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;box-shadow:0 0 9px currentColor}.event-dot--blue{color:#3b9cff;background:currentColor}.event-dot--green{color:#42da91;background:currentColor}.event-dot--orange{color:#ff9d36;background:currentColor}.event-dot--purple{color:#ab7cff;background:currentColor}.event-feed p{margin:0;font-size:.76rem;line-height:1.35}.event-feed small{display:block;margin-top:3px;color:#6f86a5;font-size:.68rem}.console-action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:14px 2px 2px;color:#57adff;font-size:.8rem;font-weight:800;text-decoration:none}.console-action:hover{color:#8bc8ff}
@keyframes opsPulse{70%{box-shadow:0 0 0 8px rgba(50,221,143,0)}100%{box-shadow:0 0 0 0 rgba(50,221,143,0)}}@keyframes loadReveal{from{width:0}}
[data-theme="light"] .operations-section{background:linear-gradient(180deg,transparent,rgba(0,106,255,.045),transparent)}
[data-theme="light"] .command-vehicle{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,248,255,.98));border-color:rgba(30,93,160,.14);box-shadow:0 20px 48px rgba(17,61,112,.1)}
[data-theme="light"] .command-vehicle-body{border-top-color:rgba(30,93,160,.1)}[data-theme="light"] .command-vehicle dd{color:#15304f}[data-theme="light"] .operations-console{background:rgba(255,255,255,.88)}[data-theme="light"] .console-kpis div{background:#f5f9fe}
@media(max-width:1100px){.operations-layout{grid-template-columns:1fr}.operations-console{min-height:auto}.fleet-command-grid{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.command-vehicle{scroll-snap-align:start}.operations-console{max-width:none}}
@media(max-width:760px){.operations-heading{align-items:flex-start;flex-direction:column}.operations-live{font-size:.7rem}.fleet-command-grid{grid-template-columns:repeat(3,minmax(265px,82vw));margin-right:-20px}.command-vehicle-media{height:158px}.operations-console{padding:16px}.console-kpis{grid-template-columns:1fr 1fr}.console-kpis div:last-child{grid-column:1/-1}.event-feed article{grid-template-columns:36px 7px 1fr}.operations-heading h2{font-size:clamp(2rem,10vw,3rem)}}
@media(prefers-reduced-motion:reduce){.operations-live span,.console-pulse,.vehicle-load span{animation:none}.command-vehicle,.command-vehicle-media img{transition:none}}
