/* Family list lives directly on page; member tabs and work rows remain card surfaces. */
.page-shell--family .family-workspace-panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.family-list-titlebar,
.family-list-titlebar__controls {
  display: contents;
}

.family-list-titlebar__copy {
  display: none;
}

/* Household roster reorder states stay legible without becoming primary actions. */
.household-member-row__actions .icon-button:not(.household-member-row__delete-button) {
  border-color: var(--settings-line);
  background: color-mix(in srgb, var(--settings-primary-soft) 34%, var(--settings-card));
  color: var(--settings-ink);
}

.household-member-row__actions .icon-button:not(.household-member-row__delete-button):hover,
.household-member-row__actions .icon-button:not(.household-member-row__delete-button):focus-visible {
  background: color-mix(in srgb, var(--settings-primary-soft) 58%, var(--settings-card));
}

.household-member-row__actions .icon-button:not(.household-member-row__delete-button):disabled {
  border-color: var(--settings-hairline);
  background: color-mix(in srgb, var(--settings-card) 72%, var(--settings-bg));
  color: var(--settings-muted-2);
  opacity: 0.46;
}

@media (min-width: 761px) {
  .page-shell--family:not(.is-editing-family-work) .family-list-titlebar {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .family-list-titlebar__copy {
    display: block;
    min-width: 0;
  }

  .family-list-titlebar__copy h2 {
    margin: 0;
    color: var(--app-ink);
    font-size: 1.65rem;
    font-weight: 860;
    line-height: 1.05;
  }

  .family-list-titlebar__controls {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    justify-content: flex-end;
  }

  .page-shell--family:not(.is-editing-family-work) .family-member-filter.segmented {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-height: auto;
    padding: 0.18rem;
    border-radius: var(--radius-md);
  }
}