/* Presentation for the authenticated landing (home) content. Content-only: it renders inside the
   shell's content frame (the shell owns page layout), so this styles just its own section. Colors
   and spacing come from the design tokens (tokens.css) — themeable without touching markup
   (coding-standards §4 and §12). Served as a static stylesheet (no-build pipeline, M-034); sign-out
   lives in the shell sidebar chrome, not in this content. */
.platform-home__title {
    margin: 0 0 var(--platform-space-md, 1rem);
    font-size: var(--platform-font-size-lg, 1.5rem);
}

.platform-home__message {
    margin: 0 0 var(--platform-space-md, 1rem);
}

/* "Top todos" card (M-155 + M-171): the user's highest-priority open todos, rendered as the SAME roomy cards
   the /todos inbox uses (the shared `<x-platform::todo-card>` primitive laid out in the shared
   `.platform-todo-list` grid — both styled in platform's todo-card.css). Here each card is wrapped in a link to
   the todos page and carries no action buttons, so this sheet only makes that wrapping link fill its grid cell
   and pass its full height down to the card, plus a subtle whole-card hover affordance. Token-driven + themeable
   (§4/§12). */
.platform-todo-card-link {
    display: flex;
    width: 100%;
    color: inherit;
    text-decoration: none;
}

/* Lift the whole card on hover / keyboard focus so it reads as one big clickable target. The card box itself
   provides the border + radius; we only nudge the surface + shadow via tokens. */
.platform-todo-card-link:hover .platform-todo-card,
.platform-todo-card-link:focus-visible .platform-todo-card {
    background: var(--platform-color-surface-muted, #ecf0f1);
    box-shadow: var(--platform-shadow-md, 0 4px 14px rgba(44, 62, 80, 0.10));
}