/* Preserve the approved v0.2 layout; additions only for completed interactions. */
[hidden] { display: none !important; }
.main { min-width: 0; }
.local-notice { font-size: 12px; color: var(--muted); margin: 0 0 16px; }
#notice { padding: 12px; margin-bottom: 16px; border-radius: 10px; background: #edf4fa; color: var(--deep); }
#formError { margin: 0; padding: 12px; border: 1px solid var(--danger); color: var(--danger); border-radius: 10px; }
.status.inactive { color: #655b4e; background: #f2eee8; }
.client-name, .client-doc, .location, .client-details dd { overflow-wrap: anywhere; }
.card-actions [data-action="toggle"] { grid-column: auto; }
.clients-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; padding:12px 0; color:var(--muted); font-size:11px; }
.pagination-controls { display:flex; align-items:center; gap:6px; }
.pagination-controls .btn { padding:7px 10px; font-size:10px; }
.pagination-page[aria-current="page"] { color:var(--deep); background:var(--accent); border-color:var(--accent); }
.client-details { display: grid; gap: 14px; margin: 0; }
.client-details dt { font-size: 12px; color: var(--muted); }
.client-details dd { margin: 4px 0 0; white-space: pre-wrap; }
.form { min-height: 0; }
.drawer-head, .drawer-actions { flex-shrink: 0; }
button:focus-visible { outline: 3px solid var(--denim); outline-offset: 3px; }
button:disabled { cursor: not-allowed; opacity: .4; }
.muted { color: var(--muted); font-size: 12px; }
@media (max-width:560px) {
  .main { padding: 16px 12px 90px; }
  .summary { gap: 10px; }
  .metric { padding: 14px; }
  .drawer-head, .form, .drawer-actions { padding: 16px; }
  .drawer-actions { padding-bottom: max(16px, env(safe-area-inset-bottom)); }
  .clients-pagination { align-items:flex-start; flex-direction:column; }
  .pagination-controls { flex-wrap:wrap; }
}

@media (min-width:901px) {
  .main > * {
    width: min(100%, 1100px);
    margin-inline: auto;
  }

  .summary { display: none; }
}