/* Accounts screen styles */

@layer components {
  .table__person {
    display: inline-flex;
    align-items: center;
    gap: var(--gap-3);
    font-weight: var(--fw-medium);
  }

  /* Account editor modal */
  #accountEditFeedback:empty { display: none; }

  /* Bulk warmup account list */
  #bulkWarmupAccountList {
    max-height: 240px;
    overflow-y: auto;
    padding: var(--gap-2) 0;
  }

  #bulkWarmupAccountList label {
    padding: var(--gap-1) var(--gap-2);
    border-radius: var(--radius-1);
    cursor: pointer;
  }
  #bulkWarmupAccountList label:hover { background: var(--bg-hover); }

  .form__actions { display: flex; gap: var(--gap-2); flex-wrap: wrap; }

  /* Right-aligned action columns */
  .table__th--right, .table__td--right { text-align: right; }

  /* Horizontally scrollable table wrapper (shared with logs screen) */
  .card__body--scroll {
    padding: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .card__body--scroll .table { border: none; border-radius: 0; }

  @media (max-width: 760px) {
    /* Full-bleed cards use the tighter mobile page padding instead of the
       desktop gutter, eliminating dead space at narrow viewports. */
    .page { padding-inline: var(--gap-4); }
    .table--flush { min-width: 640px; }
  }

  /* Accounts-only content cap: the sidebar (248px) already consumes viewport
     width, so the raw 1120px token never binds and cards stretch edge-to-edge.
     Subtracting the sidebar centers content on wide screens without touching
     other screens' layout. */
  .page {
    max-width: calc(var(--max-width-wide) - var(--sidebar-width));
  }
}