.button.danger {
  border-color: #d7aaa4;
  color: var(--red);
  background: #fff7f5;
}

.button.danger:hover {
  border-color: var(--red);
  background: #fbe9e5;
}

.owner-enquiry-actions {
  justify-content: flex-start;
  margin-top: 18px;
  flex-wrap: wrap;
}

/* Finishing layer: consistent layout, readable long content and accessible controls. */
body { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.login-art h1,.login-form h2,.topbar h1,.metric strong,.surface h2,.pulse-grid strong,.dialog-heading h2 { font-family: "Iowan Old Style", Baskerville, Georgia, serif; }
.metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pulse-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pulse-grid > div { min-width: 0; }
.detail-head h2,.activity-row strong,.inquiry-card strong { overflow-wrap: anywhere; }
.mobile-back { display: none; }
.sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.attachments { display: grid; gap: 8px; margin: 18px 0; }
.attachments h3 { margin: 0 0 4px; }
.attachment { display: block; width: fit-content; max-width: 100%; border: 1px solid var(--line); background: #f6f3eb; color: var(--ink); padding: 10px 12px; border-radius: 5px; overflow-wrap: anywhere; }
.attachment:hover { border-color: var(--ink); }
.section-heading .text-button { white-space: nowrap; }
.nav-item:focus-visible,.button:focus-visible,.text-button:focus-visible,.row-actions button:focus-visible,.side-bottom button:focus-visible { outline: 3px solid var(--acid); outline-offset: 2px; }

@media (max-width: 1100px) {
  .pulse-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  .mobile-back { display: inline-block; }
}

@media (max-width: 560px) {
  .metric-grid,.pulse-grid { grid-template-columns: 1fr 1fr; }
  .pulse-grid > div:last-child { grid-column: 1 / -1; }
}