/* Operacao do sistema (Fase 15): Sobre o Sistema e Status do Sistema. Reaproveita .pl-tile (pilots.css), .ob-* (onboarding.css), .badge e .cp-tabs. */
.ss-tiles { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.ss-tile.ss-bad { border-color: #f0c2bb; background: #fdf3f1; }
.ss-tile.ss-bad strong { color: #b3261e; }
.ss-tile.ss-warn { border-color: #f0d68a; background: #fff8e1; }
.ss-tile.ss-warn strong { color: #8a5a00; }
.ss-refresh { margin-left: auto; }
.ss-checks, .ss-checklist { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 8px; }
.ss-checks li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.ss-checks small { flex-basis: 100%; color: var(--color-muted); }
.ss-checklist label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.ss-checklist input { width: auto; }
.ss-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.ss-grid .ss-checks li { justify-content: space-between; }
.ss-table td code { font-size: 12px; overflow-wrap: anywhere; }
.ss-slow td { background: #fff8e1; }
.ss-msg:empty { display: none; }
@media (max-width: 700px) {
  .ss-tiles { grid-template-columns: 1fr 1fr; }
  .ss-table thead { display: none; }
  .ss-table, .ss-table tbody, .ss-table tr, .ss-table td { display: block; width: 100%; }
  .ss-table tr { border: 1px solid var(--color-border); border-radius: 10px; margin-bottom: 10px; padding: 6px 10px; }
  .ss-table td { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; border: 0; }
  .ss-table td::before { content: attr(data-label); font-weight: 600; color: var(--color-muted); flex: 0 0 36%; }
  .ss-refresh { margin-left: 0; }
}