/* Tablet and down: keep the proxy dashboard card and table comfortably inside the viewport. */
@media (max-width: 1024px) {
    .dash-pass-content {
        padding: 1.5rem 1rem 2rem;
    }

    .dash-pass-content header {
        padding: 0.9rem 1rem;
        gap: 1rem;
    }

    .dash-pass-content h1 {
        font-size: clamp(1.5rem, 3vw, 1.9rem);
    }

    .dash-pass-content main {
        width: min(100%, 56rem);
        margin-top: 1.5rem;
    }

    .dash-pass-card {
        padding: 1.4rem;
    }

    .dash-pass-content th,
    .dash-pass-content td {
        padding: 0.75rem;
        font-size: 0.95rem;
    }
}

/* Phone: stack the header and let the table scroll horizontally if needed. */
@media (max-width: 767px) {
    .dash-pass-content {
        padding: 1rem 0.75rem 1.5rem;
    }

    .dash-pass-content header {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        padding: 0.85rem 0.75rem;
    }

    .dash-pass-content .dash-pass-left,
    .dash-pass-content .dash-pass-center,
    .dash-pass-content .dash-pass-right {
        flex: 0 0 100%;
    }

    .dash-pass-content .dash-pass-center {
        order: -1;
    }

    .dash-pass-content .btn,
    .dash-pass-link {
        width: min(100%, 18rem);
        margin-left: auto;
        margin-right: auto;
    }

    .dash-pass-content h1 {
        font-size: clamp(1.2rem, 5.8vw, 1.5rem);
    }

    .dash-pass-content main {
        margin-top: 1rem;
        gap: 1rem;
    }

    .dash-pass-card {
        padding: 1.1rem 0.85rem;
        border-radius: 14px;
    }

    .dash-pass-summary h2,
    .dash-pass-table-card h3 {
        font-size: 1.1rem;
    }

    .dash-pass-summary p,
    .dash-pass-empty,
    .dash-pass-content th,
    .dash-pass-content td {
        font-size: 0.95rem;
    }

    .dash-pass-content table {
        min-width: 32rem;
    }
}

/* Small phones: trim outer spacing and button width. */
@media (max-width: 479px) {
    .dash-pass-content {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    .dash-pass-content .btn,
    .dash-pass-link {
        width: 100%;
    }

    .dash-pass-card {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}