/* Administration shell and provisioning screens. Follows the Quiet Luxury Modern tokens:
   tonal surfaces, 1px subtle borders, 4px/8px radii, no stacked separators. */

.setup-shell--wide .setup-shell__content{width:min(100%,72rem)}

.setup-shell__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);width:min(100%,72rem);margin-inline:auto;margin-bottom:var(--space-lg)}
.setup-shell__bar .setup-shell__brand{margin:0}
.setup-shell__nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}
.setup-shell__nav .app-button{text-decoration:none}

.admin-page{display:flex;flex-direction:column;gap:var(--space-gutter)}
.admin-page h2{font-family:var(--font-editorial);font-size:1.25rem;line-height:1.4;margin:0 0 var(--space-md)}

.admin-profile-card__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}
.admin-profile-card__header h2{margin:0}
.admin-profile-card__meta{margin:var(--space-xs) 0 var(--space-md);color:var(--color-text-muted);font-size:0.875rem}

.admin-member-list{list-style:none;margin:0 0 var(--space-md);padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}
.admin-member-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);background:var(--color-surface-low)}
.admin-member-list strong{display:block}
.admin-member-list small{color:var(--color-text-muted)}

.admin-profile-card__assign{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-sm)}
.admin-profile-card__assign > *:first-child{flex:1 1 18rem}

.admin-profile-card__demo-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-control);background:var(--color-surface-low)}
.admin-profile-card__demo-content small{color:var(--color-text-muted);flex:1 1 16rem}

.table-scroll{overflow-x:auto}
.app-table{width:100%;border-collapse:collapse;font-size:0.875rem}
.app-table th,.app-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-subtle)}
.app-table th{font-family:var(--font-functional);font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted)}
.app-table tbody tr:last-child th,.app-table tbody tr:last-child td{border-bottom:0}

/* Account menu: single icon trigger shared by the desktop workspace topbar and the mobile
   topbar. Click reveals the signed-in email and sign-out — no separate sidebar block. */
.account-menu__trigger{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-control);cursor:pointer}
.account-menu__trigger:hover{background:var(--color-surface-low)}
.account-menu__avatar{display:grid;place-items:center;width:2rem;height:2rem;color:#fff;background:var(--color-primary);border-radius:50%;font-size:.75rem;font-weight:700}
.account-menu__popover{min-width:15rem}
.account-menu__identity{display:flex;flex-direction:column;gap:2px;padding:.5rem .625rem .625rem;margin-bottom:.25rem;border-bottom:1px solid var(--color-border-subtle)}
.account-menu__identity strong{font-size:.8125rem}
.account-menu__identity small{color:var(--color-text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:47.9375rem){
    .setup-shell__bar{flex-direction:column;align-items:stretch}
    .admin-profile-card__assign > *:first-child{flex-basis:100%}
}