/* Family navigation uses the same Insight K9 palette and clear destinations. */
.ik9-crm-portal .ik9-crm-nav { background: #181b20; padding: 24px 14px; gap: 22px; }
.ik9-family-brand { color: #fff; font-size: 17px; line-height: 1.4; padding: 0 12px; }
.ik9-family-nav-group { display: flex; flex-direction: column; gap: 4px; }
.ik9-family-nav-heading { color: #c8ced6; font-size: 12px; font-weight: 700; padding: 0 12px 6px; }
.ik9-crm-portal .ik9-crm-nav a { min-height: 44px; box-sizing: border-box; font-size: 15px; line-height: 1.5; }
.ik9-crm-portal .ik9-crm-nav a[aria-current="page"] { background: #c91823; color: #fff; font-weight: 700; }
.ik9-crm-portal .ik9-crm-nav a:focus-visible { outline: 3px solid #ffadb1; outline-offset: 2px; }
.ik9-family-next { margin: 20px 0 28px; padding: 20px; border: 1px solid #d9dee4; border-radius: 10px; background: #f8f9fb; }
.ik9-family-next h2 { margin: 0 0 12px; font-size: 22px; }
.ik9-family-visit-list { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
.ik9-family-visit-list .ik9-crm-record { margin: 0; }
.ik9-family-visit-list h3 { margin: 0 0 8px; font-size: 18px; }
.ik9-family-visit-list p { margin: 6px 0; }
.ik9-crm-portal .ik9-crm-content { font-size: 16px; line-height: 1.5; }
@media (max-width: 760px) {
  .ik9-crm-portal .ik9-crm-nav { flex-direction: column; overflow: visible; gap: 12px; padding: 16px; }
  .ik9-family-brand { padding: 0; }
  .ik9-family-nav-group { flex-direction: row; flex-wrap: wrap; gap: 4px; }
  .ik9-family-nav-heading { width: 100%; padding: 0 0 2px; }
  .ik9-crm-portal .ik9-crm-nav a { padding: 8px 10px; white-space: normal; }
}