/*
 * M5 admin "More" tab (phone): the signed-in Admin card, then grouped rows on surface panels
 * (radius 24px, 60px rows with a tinted 38px icon disc, 56px plain rows), like the Director M-07.
 */
@layer pages {
  .admin-more {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 560px;
  }

  /* The signed-in Admin: a link to their profile. */
  .admin-more__me {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 24px;
    background: var(--color-surface);
    color: var(--color-text);
    text-decoration: none;
  }
  .admin-more__me:hover { background: var(--color-neutral-300); color: var(--color-text); }
  .admin-more__me-text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .admin-more__me-name { font-size: 16px; font-weight: 700; }
  .admin-more__me-sub { font-size: 13px; color: var(--color-neutral-700); }

  .admin-more__heading { margin: 0; }

  .admin-more__group {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px;
    background: var(--color-surface);
  }

  .admin-more__form { display: flex; }

  .admin-more__item {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 60px;
    padding: 0 16px;
    border: 0;
    background: none;
    color: var(--color-text);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
  }
  .admin-more__item:hover { background: var(--color-btn-hover); color: var(--color-text); }
  .admin-more__item--plain { min-height: 56px; }

  /* Hairline between rows (M-07). After .admin-more__item, whose `border: 0` resets the button. */
  .admin-more__group > * + * { border-top: 1px solid var(--color-hairline); }

  .admin-more__label { flex: 1; font-size: 15px; font-weight: 700; }
  .admin-more__item--plain .admin-more__label { font-weight: 600; }
  .admin-more__plain-icon { flex: none; font-size: 18px; }
  .admin-more__chev { flex: none; font-size: 17px; color: var(--color-neutral-700); }
}