.fleet-main { padding: 1.25rem; max-width: 1100px; }
.fleet-note { color: var(--muted); max-width: 52rem; }
.fleet-list { display: grid; gap: 1rem; margin-top: 1rem; }
.fleet-card {
  border: 1px solid var(--border);
  background: var(--panel);
  border-radius: var(--radius);
  padding: 1rem 1.1rem;
  cursor: pointer;
  text-align: left;
  color: inherit;
  width: 100%;
}
.fleet-card:hover { border-color: var(--accent); }
.fleet-card h2 { margin: 0 0 .35rem; font-size: 1.05rem; }
.fleet-meta { display: flex; flex-wrap: wrap; gap: .4rem .75rem; color: var(--muted); font-size: .85rem; }
.fleet-detail {
  margin-top: 1.5rem;
  border: 1px solid var(--border);
  background: var(--panel2);
  border-radius: var(--radius);
  padding: 1rem 1.1rem;
}
.fleet-detail h2 { margin: 0 0 .75rem; }
.fleet-detail table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.fleet-detail th, .fleet-detail td {
  text-align: left;
  padding: .35rem .5rem;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
.fleet-detail th { color: var(--muted); font-weight: 600; width: 11rem; }
.pill.ok { background: #14532d; color: var(--ok); }
.pill.warn { background: #422006; color: var(--warn); }
.pill.planned { background: #1e3a5f; color: #93c5fd; }
.mono { font-family: var(--mono); font-size: .82rem; word-break: break-all; }