/**
 * File: assets/css/frontend/account-part5.css
 * Purpose: Split piece of a larger source file (1.0.191 file-size programme; cascade/build order unchanged). Continuation part 5 of assets/css/frontend/account.css (split for the 300-line standard; cascade order is preserved by the enqueue chain).
 * Scope: Same feature scope as the source file named in the provenance line; not a standalone design source.
 * Package: HyperDAF Engine
 */
@media (max-width: 900px) {
    .hdf-account-hero {
        flex-direction: column;
    }

    .hdf-account-hero__identity {
        width: 100%;
        max-width: none;
    }

    .hdf-account__layout {
        grid-template-columns: 1fr;
    }

    .hdf-account-sidebar {
        position: relative;
        z-index: 5;
        top: auto;
    }

    .hdf-account-nav-toggle {
        display: flex;
        width: 100%;
        min-height: 50px;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 14px;
        border: 1px solid var(--hdf-engine-color-border);
        border-radius: 12px;
        background: var(--hdf-engine-color-surface);
        color: var(--hdf-engine-color-text);
        font: inherit;
        font-size: .84rem;
        font-weight: 750;
    }

    .hdf-account-nav-toggle .hdf-account-icon {
        width: 16px;
        height: 16px;
        transition: transform 160ms ease;
    }

    .hdf-account-nav-toggle[aria-expanded="true"] .hdf-account-icon {
        transform: rotate(180deg);
    }

    .hdf-account-nav {
        position: absolute;
        top: calc(100% + 8px);
        right: 0;
        left: 0;
        display: none;
        max-height: min(420px, calc(100dvh - 160px));
        overflow-y: auto;
    }

    .hdf-account-nav.is-open {
        display: grid;
    }
}

@media (max-width: 680px) {
    .hdf-account {
        padding-inline: 10px;
    }

    .hdf-account-hero {
        min-height: 0;
        padding: 22px 18px;
        border-radius: 14px;
    }

    .hdf-account-hero__main {
        align-items: flex-start;
    }

    .hdf-account-avatar {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        border-radius: 15px;
        font-size: 1rem;
    }

    .hdf-account-hero h1 {
        font-size: 1.85rem;
    }

    .hdf-account-hero__copy {
        font-size: .82rem;
    }

    .hdf-account-cards {
        grid-template-columns: 1fr;
    }

    .hdf-account-metric:last-child {
        grid-column: auto;
    }

    .hdf-account-panel,
    .hdf-account-library {
        padding: 17px;
    }

    .hdf-account-library {
        display: block;
    }

    .hdf-account-library nav {
        margin-bottom: 18px;
    }

    .hdf-account-library__browse {
        width: 100%;
    }

    .hdf-account-panel__heading {
        align-items: flex-start;
    }

    .hdf-account-table-wrap {
        overflow: visible;
    }

    .hdf-account-table {
        min-width: 0;
    }

    .hdf-account-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
    }

    .hdf-account-table,
    .hdf-account-table tbody,
    .hdf-account-table tr,
    .hdf-account-table td {
        display: block;
        width: 100%;
    }

    .hdf-account-table tbody {
        display: grid;
        gap: 10px;
    }

    .hdf-account-table tr {
        padding: 12px 14px;
        border: 1px solid var(--hdf-engine-color-border-subtle);
        border-radius: 11px;
    }

    .hdf-account-table td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 8px 0;
        border: 0;
        text-align: right;
    }

    .hdf-account-table td::before {
        color: var(--hdf-engine-color-text-muted);
        content: attr(data-label);
        font-size: .68rem;
        font-weight: 700;
        text-align: left;
    }

    .hdf-account-table__action {
        margin-top: 4px;
        padding-top: 12px !important;
        border-top: 1px solid var(--hdf-engine-color-border-subtle) !important;
    }

    .hdf-account-table__action::before {
        content: "" !important;
    }

    .hdf-order-lines article,
    .hdf-download-list article {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .hdf-download-list article > div {
        width: calc(100% - 58px);
        flex: 1 1 calc(100% - 58px);
    }

    .hdf-download-list form,
    .hdf-download-list form .hdf-button,
    .hdf-download-list article > .hdf-account-status {
        width: 100%;
    }

    .hdf-account-facts {
        grid-template-columns: 1fr;
    }

    .hdf-account-actions,
    .hdf-account-actions .hdf-button {
        width: 100%;
    }

    .hdf-account-login {
        padding: 32px 18px;
    }

    .hdf-account-login__actions,
    .hdf-account-login__actions .hdf-button {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .hdf-account-hero__main {
        display: grid;
    }

    .hdf-account-panel__heading {
        flex-direction: column;
    }

    .hdf-account-empty {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hdf-account * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}