/* Home — staff (§5.3, A.3) and manager/owner (§5.4, A.1, A.2). Loaded after views.css; tokens only. */

/* Layout: greeting, status sentence, sections, People rows, verification cards (moved here from views.css) */
.greeting { display: flex; flex-direction: column; gap: 2px; }
.greeting .date-line { font: var(--t-sm); color: var(--text-3); }
.status-sentence { font: var(--t-body); color: var(--text); }
.status-sentence b.danger-text { color: var(--danger-600); }
.home-sections { display: flex; flex-direction: column; gap: var(--s6); }
.people-row { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "av main actions" "av bar bar" "av stats stats"; gap: 4px 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); }
.people-row:last-child { border-bottom: 0; }
.people-row > .avatar { grid-area: av; align-self: start; }
.people-row .pr-main { grid-area: main; min-width: 0; display: flex; flex-direction: column; }
.people-row .pr-name { font: var(--t-body-strong); display: flex; flex-wrap: wrap; gap: 0 8px; align-items: baseline; }
.people-row .pr-dept { font: var(--t-sm); color: var(--text-3); }
.people-row .pr-bar { grid-area: bar; }
.people-row .pr-stats { grid-area: stats; display: flex; gap: var(--s3); align-items: center; font: var(--t-sm); color: var(--text-2); flex-wrap: wrap; }
.people-row .pr-stats > * { white-space: nowrap; }
.people-row .pr-actions { grid-area: actions; display: flex; gap: 4px; }

/* Status sentence tones (overdue red, due today amber, waiting purple) */
.status-sentence b.warning-text { color: var(--warning-700); }
.status-sentence b.review-text { color: var(--review-700); }

/* Welcome / notifications cards: compact two-line cards with side-by-side buttons (§5.3 item 3) */
.welcome-card .row-between, .notif-card .row-between { align-items: center; }
.welcome-card .actions, .notif-card .actions { flex: 0 0 auto; }
@media (max-width: 719px) {
  .welcome-card .row-between, .notif-card .row-between { flex-direction: column; align-items: stretch; }
  .welcome-card .actions, .notif-card .actions { justify-content: flex-end; }
}

/* Staff sections */
[data-home] .section-help { margin-top: calc(-1 * var(--s2)); }
.needs-proof { display: flex; flex-direction: column; }
.needs-proof-row { display: flex; align-items: center; gap: var(--s2); min-height: 44px; padding: 0 var(--s1); font: var(--t-sm); color: var(--warning-700); }
.needs-proof-row .i { flex: 0 0 auto; }
.needs-proof-row:hover { text-decoration: underline; }
.home-foot p b { color: var(--text); }

/* Collapsed "My tasks" row: a card that lays out as a row (cards are column flex by default) */
.card.home-row { flex-direction: row; align-items: center; gap: var(--s3); min-height: 56px; color: var(--text); }
.card.home-row:hover { text-decoration: none; background: var(--n50); }
.card.home-row .row-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.card.home-row .row-title { font: var(--t-body-strong); }
.card.home-row .row-sub { font: var(--t-sm); color: var(--text-3); }
.card.home-row .chev { color: var(--n400); }

/* Needs your action */
#needs-action .overdue-people .row-item { padding-left: 0; padding-right: 0; min-height: 52px; }
#needs-action .verify-card .thumbs { margin-top: var(--s1); }
#needs-action > .sec-action, #needs-action .stack-sm > .sec-action { display: inline-flex; align-items: center; min-height: 44px; font: var(--t-sm); font-weight: 700; color: var(--text-2); }

/* People card: desktop reveals row actions on hover or keyboard focus; touch devices always show them */
.people-list { display: flex; flex-direction: column; }
.people-row .pr-actions .btn { opacity: 0; transition: opacity var(--dur) var(--ease); }
.people-row:hover .pr-actions .btn, .people-row:focus-within .pr-actions .btn, .people-row .pr-actions .btn:focus-visible { opacity: 1; }
@media (hover: none) { .people-row .pr-actions .btn { opacity: 1; } }
.people-row .pr-name .danger-text { font-weight: 700; }
@media (max-width: 719px) {
  .people-row { grid-template-columns: auto 1fr auto; gap: 2px 12px; }
  .people-row .pr-actions .btn-icon { margin-right: calc(-1 * var(--s2)); }
}

/* Owner setup checklist (§5.4.1) */
.setup-card .setup-head { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.setup-rows { display: grid; grid-template-columns: 1fr; gap: 0 var(--s6); }
@media (min-width: 1024px) { .setup-rows { grid-template-columns: 1fr 1fr; } }
.setup-row { display: flex; align-items: center; gap: var(--s3); min-height: 48px; padding: var(--s1) 0; border-bottom: 1px solid var(--border); }
.setup-row:last-child { border-bottom: 0; }
@media (min-width: 1024px) { .setup-row:nth-last-child(2):nth-child(odd) { border-bottom: 0; } }
.setup-row .setup-check { color: var(--n400); flex: 0 0 auto; }
.setup-row.done .setup-check { color: var(--success-700); }
.setup-row.done .setup-title { color: var(--text-3); text-decoration: line-through; }
.setup-row .setup-title { font: var(--t-body-strong); }
.setup-row .setup-why { font: var(--t-sm); color: var(--text-3); }
.setup-row .sec-action { display: inline-flex; align-items: center; gap: 2px; min-height: 44px; font: var(--t-sm); font-weight: 700; color: var(--text-2); white-space: nowrap; }