/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout styling lives in wwwroot/hydrant-theme.css (global tokens + components).
   The #blazor-error-ui toast styling also lives there (global) so it stays hidden by
   default under every layout, not just MainLayout. */
/* /Components/Pages/AppDownload.razor.rz.scp.css */
/* Concept E: zero radius, heavy uppercase structure, colour used as signal not decoration.
   Tokens come from hydrant-theme.css so this page can never drift from the rest of the app. */

.app-dl-cta[b-uqhjmkklcg] {
    display: block;
    max-width: 22rem;
    margin: 1.4rem 0;
    padding: .95rem 1rem;
    background: var(--coral);
    color: #0C0C0C;
    border-radius: 0;
    font-weight: 900;
    font-size: .82rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-align: center;
}

.app-dl-cta:hover[b-uqhjmkklcg] { filter: brightness(1.08); }
.app-dl-cta:focus-visible[b-uqhjmkklcg] { outline: 2px solid var(--text); outline-offset: 3px; }

/* ---- File facts ---- */
.app-dl-facts[b-uqhjmkklcg] {
    display: grid;
    gap: 1px;
    background: var(--border);
    border: 1px solid var(--border);
    margin: 1.4rem 0;
}

.app-dl-facts > div[b-uqhjmkklcg] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .55rem .8rem;
    background: var(--bg);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-variant-numeric: tabular-nums;
}

.app-dl-facts > div > span:first-child[b-uqhjmkklcg] { color: var(--text-3); }
.app-dl-facts > div > span:last-child[b-uqhjmkklcg] { color: var(--text); text-align: right; }

/* The checksum is long by nature: let it wrap rather than push the page sideways. */
.app-dl-hash[b-uqhjmkklcg] { word-break: break-all; text-transform: none; }

/* ---- Install steps ---- */
.app-dl-steps[b-uqhjmkklcg] {
    counter-reset: step;
    list-style: none;
    margin: 1.4rem 0;
    padding: 0;
    border: 1px solid var(--border);
}

.app-dl-steps li[b-uqhjmkklcg] {
    counter-increment: step;
    display: grid;
    grid-template-columns: 2.2rem 1fr;
    gap: .6rem;
    padding: .6rem .8rem;
    margin: 0;
    color: var(--text-2);
    font-size: .88rem;
    line-height: 1.5;
    border-top: 1px solid var(--border);
}

.app-dl-steps li:first-child[b-uqhjmkklcg] { border-top: 0; }

.app-dl-steps li[b-uqhjmkklcg]::before {
    content: counter(step, decimal-leading-zero);
    color: var(--coral);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .72rem;
    font-weight: 700;
}

.app-dl-note[b-uqhjmkklcg] { color: var(--text-3) !important; font-size: .82rem !important; }

/* ---- Release history ---- */
.app-dl-release[b-uqhjmkklcg] {
    border-left: 3px solid var(--border);
    background: var(--surface);
    padding: .7rem .9rem;
    margin: .7rem 0;
}

/* Colour carries which build is current, so it reads before the label does. */
.app-dl-release.is-latest[b-uqhjmkklcg] { border-left-color: var(--green); }

.app-dl-release-head[b-uqhjmkklcg] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .6rem;
}

.app-dl-version[b-uqhjmkklcg] {
    font-weight: 900;
    font-size: 1rem;
    letter-spacing: -.01em;
    text-transform: uppercase;
}

.app-dl-current[b-uqhjmkklcg] {
    color: var(--green);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.app-dl-date[b-uqhjmkklcg] {
    margin-left: auto;
    color: var(--text-3);
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
}

.app-dl-release ul[b-uqhjmkklcg] { margin: .45rem 0 0; padding-left: 1.1rem; }
.app-dl-release li[b-uqhjmkklcg] { color: var(--text-2); font-size: .86rem; line-height: 1.5; margin: .2rem 0; }