/* Gerado por split de app/static/css/estilo_ph3a.css (fundação da reorganização de CSS, 03/08/2026). Ver app/utils/css_manifest.py pra ordem de carregamento. */

/* ============================================================
   View Toggle (Cards ↔ Lista)
   ------------------------------------------------------------
   Padrão reutilizável pra qualquer listagem que queira oferecer
   as duas visualizações. `ph3aInitViewToggle()` em principal.js
   restaura e persiste a preferência por página em localStorage.
   ============================================================ */

.ph3a-view-toggle {
  display:inline-flex; align-items:center; gap:2px;
  background:var(--ph3a-bg-alt); border-radius:10px; padding:3px;
}
.ph3a-view-toggle button {
  display:inline-flex; align-items:center; gap:6px;
  background:transparent; border:none;
  padding:6px 12px; font-size:12px; font-weight:700;
  color:#64748b; border-radius:8px; cursor:pointer;
  transition:background .15s, color .15s;
}
.ph3a-view-toggle button:hover { color:var(--ph3a-primary); }
.ph3a-view-toggle button.active {
  background: var(--ph3a-white); color:var(--ph3a-primary);
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}

.ph3a-view-wrapper[data-view-mode="cards"] .ph3a-view-table { display:none; }
.ph3a-view-wrapper[data-view-mode="table"] .ph3a-view-cards { display:none; }