/* WP8 — Team list + Person page (§5.11), Me (§5.14), Welcome (§5.16) and the auth screens (§5.1, §5.2).
   Every colour and size comes from tokens.css. */

/* Auth / welcome cards: never under the Dynamic Island or the status bar in the home-screen app and the native shell. */
.auth { padding-top: var(--safe-top); }

/* Team list rows: the main area is the link to the person page, actions stay in .row-end */
.person-row { padding: 0; align-items: stretch; }
.person-row .row-link { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: var(--s3); padding: 10px var(--s4); color: var(--text); text-decoration: none; min-height: 56px; }
.person-row a.row-link:hover { background: var(--n50); text-decoration: none; }
.person-row .row-end { padding-right: var(--s3); }
.person-row .row-sub .dept { color: var(--text-2); }
.person-row.inactive .row-link { opacity: .6; }
.person-row .counters { font: var(--t-sm); color: var(--text-3); display: flex; gap: 8px; flex-wrap: wrap; }
.person-row .counters .over, .person-head .counters .over { color: var(--danger-600); font-weight: 700; }
.person-row .row-chip { display: flex; padding-top: 4px; }
@media (max-width: 719px) {
  .person-row .row-end { padding-right: var(--s4); }
  .person-row .row-end:empty { display: none; }
}

/* Person page */
.person-head .counters { font: var(--t-sm); color: var(--text-2); display: flex; gap: 8px; flex-wrap: wrap; }
.person-head .person-actions { justify-content: flex-start; }
@media (max-width: 719px) { .person-head .person-actions .btn-primary { flex: 1 1 auto; height: 48px; } }
.person-head .me-meta a { color: var(--text-2); }

/* Role legend with the "?" help button; assignment matrix in the help dialog */
.rc-legend { display: flex; align-items: center; gap: 4px; }
.rc-legend .rc-help { width: 32px; height: 32px; color: var(--text-3); }
.rc-legend .rc-help .i { width: 16px; height: 16px; }
.assign-matrix dt { font: var(--t-label); color: var(--text-3); }
.assign-matrix dd { margin: 0 0 8px; font: var(--t-body); }

/* Account created / Password reset hand-off sheet */
.account-created .done-mark { display: flex; justify-content: center; color: var(--success-700); }
.account-created .done-mark .i { width: 32px; height: 32px; }
.account-created .pill-code > span:first-child { overflow-wrap: anywhere; min-width: 0; }

.get-app-row { padding: 12px var(--s4); }
.device-row .btn.block { width: 100%; }
.unblock-steps { padding-left: 18px; list-style: decimal; }

/* Welcome / forced password: stacked block buttons and dots above the title */
.auth .actions.stack-sm { flex-direction: column; align-items: stretch; }
.auth .steps { margin-bottom: var(--s1); }