/* Compact equipment overview. Keep a single furnace the same size as a fleet;
   only interaction feedback is animated, never incoming telemetry. */
.fleet-heading { align-items:center; margin-bottom:22px; }
.fleet-heading .eyebrow { font-size:10px; letter-spacing:1.8px; margin:0 0 8px; }
.fleet-overview .overview-toolbar { justify-content:flex-start; }
.fleet-overview .search-label { position:relative; width:380px; max-width:100%; }
.fleet-overview .search-label>.icon {
  position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; color:var(--muted); pointer-events:none;
}
.fleet-overview .search-label input { margin:0; padding-left:42px; }
.fleet-overview .notice { margin-top:18px; }
.fleet-overview .furnace-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));
  align-items:start; justify-items:start; gap:18px; margin:22px 0 0;
}
.fleet-overview .furnace-card {
  display:flex; flex-direction:column; width:100%; max-width:380px; min-width:0;
  padding:20px; border:1px solid var(--line); border-radius:20px;
  background:var(--surface); box-shadow:var(--shadow); color:var(--text);
  transform:none; transition:none;
}
.fleet-overview .furnace-card-heading { align-items:flex-start; flex-wrap:nowrap; gap:12px; }
.fleet-overview .furnace-card-heading>div { flex:1; min-width:0; }
.fleet-overview .furnace-card h2 {
  margin:0 0 5px; font-size:20px; line-height:1.2; letter-spacing:-.45px;
  overflow-wrap:anywhere;
}
.fleet-overview .furnace-card .device-id {
  font-size:10px; line-height:1.45; letter-spacing:.15px; overflow-wrap:anywhere;
}
.fleet-overview .furnace-card .status {
  flex-shrink:0; max-width:46%; margin:0; padding:4px 7px;
  border-radius:7px; font-size:11px; line-height:1.4; text-align:right;
  background:var(--instrument-soft); overflow-wrap:anywhere;
}
.fleet-overview .furnace-card .status::before { width:5px; height:5px; margin-right:5px; vertical-align:1px; }
.fleet-overview .furnace-card-body {
  display:flex; flex-direction:column; align-items:stretch; gap:8px;
  min-width:0; min-height:144px; margin:20px 0 14px;
}
.fleet-overview .card-reading { min-width:0; }
.fleet-overview .furnace-card .temperature {
  margin:0; font-size:58px; line-height:1.05; letter-spacing:-2.5px;
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.fleet-overview .furnace-card .temperature span { font-size:.28em; letter-spacing:-.5px; }
.fleet-overview .furnace-card .section-label { display:none; }
.fleet-overview .furnace-card .program-name {
  margin:9px 0 0; color:var(--text); font-size:14px; line-height:1.4; font-weight:700;
}
.fleet-overview .card-curve { min-width:0; margin-top:auto; }
.fleet-overview .card-curve svg { display:block; width:100%; height:68px; margin:0; }
.fleet-overview .card-curve .profile-future { stroke-width:1.4; stroke-opacity:.6; }
.fleet-overview .card-curve .profile-progress { stroke-width:2; }
.fleet-overview .card-metrics {
  display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.2fr);
  gap:9px; margin:0; padding-top:14px; border-top:1px solid var(--line);
}
.fleet-overview .card-metrics>div { min-width:0; }
.fleet-overview .card-metrics dt { font-size:11px; line-height:1.45; color:var(--muted); }
.fleet-overview .card-metrics dd {
  margin:5px 0 0; font-size:14px; line-height:1.35; font-weight:700;
  font-variant-numeric:tabular-nums; white-space:normal; overflow-wrap:anywhere;
}
.fleet-overview .offline .program-name,
.fleet-overview .offline .card-metrics dd { color:var(--muted); }
.fleet-overview .furnace-card.alarm-state { border-color:var(--danger); }
.fleet-overview .card-open { display:none; }
.fleet-overview .empty { justify-self:stretch; min-width:0; max-width:778px; }
.fleet-overview .furnace-grid>p { grid-column:1/-1; }

@media(hover:hover) {
  .fleet-overview .furnace-card:hover {
    transform:none; border-color:var(--muted); color:var(--text);
    box-shadow:0 8px 26px #19252C12;
  }
  .fleet-overview .furnace-card.alarm-state:hover { border-color:var(--danger); }
  :root[data-theme=dark] .fleet-overview .furnace-card:hover { box-shadow:0 8px 26px #00000024; }
}
@media(prefers-reduced-motion:no-preference) {
  .fleet-overview .furnace-card { transition:border-color .16s,box-shadow .16s; }
}
@media(max-width:700px) {
  .fleet-heading { margin-bottom:20px; gap:12px; }
  .fleet-heading .eyebrow { margin-bottom:7px; }
  .fleet-overview .furnace-grid { gap:16px; margin-top:18px; }
  .fleet-overview .furnace-card { padding:19px; }
  .fleet-overview .furnace-card h2 { font-size:19px; }
}
@media(max-width:370px) {
  .fleet-overview .furnace-card { padding:17px; }
  .fleet-overview .furnace-card .temperature { font-size:54px; }
  .fleet-overview .card-metrics { gap:7px; }
  .fleet-overview .card-metrics dd { font-size:13px; }
}