/* ══════════════════════════════════════════════════════════════════════════
   Scrum Boards phase 2 — templates stream (oc-scrum-templates.css).
   Prefix: ocsbt-.

   Retrofitted onto the house design system 2026-08-09 (Wave 3
   "designsystem"): every template tile, the "new board from template" panel and
   the save-as-template panel are OcCards now, their pills are OcBadges and
   their buttons are OcButtons — so the card chrome, the type scale and the
   pill styling all left this file. What is left is layout the house components
   do not own: the gallery grid, the field stacking, and the button rows.

   Colors come from --oc-* tokens ONLY (oc-theme.css), so dark mode flips for
   free; no raw hex anywhere in this file.
   ══════════════════════════════════════════════════════════════════════════ */

.ocsbt-page {
    padding: 1rem 1.25rem 2rem;
    max-width: 1100px;
}

/* ---------------------------------------------------------------- gallery */

.ocsbt-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

/* Equal-height tiles across a row, with the action footer pinned to the bottom. */
.ocsbt-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ocsbt-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .375rem;
}

.ocsbt-card-actions {
    display: flex;
    gap: .5rem;
}

/* ------------------------------------------------- new-board-from-template */

.ocsbt-use-panel {
    margin-top: 1.25rem;
    max-width: 480px;
}

.ocsbt-field {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-bottom: .625rem;
    font-size: var(--oc-fs-sm);
    color: var(--oc-color-text);
}

.ocsbt-use-actions {
    display: flex;
    gap: .5rem;
}

/* --------------------------------------------------- save-as-template panel
   (BoardSaveAsTemplate.razor, mounted on board settings.) */

.ocsbt-save-hint {
    margin: 0;
    font-size: var(--oc-fs-sm);
    color: var(--oc-color-text-muted);
    max-width: 60ch;
}

.ocsbt-save-hint a {
    color: var(--oc-accent);
}