@media (max-width: 1100px) {
    .scp-client-portal.scp-staff-portal {
        max-width: 98% !important;
        padding: 32px 12px !important;
    }
}

@media (max-width: 600px) {
    .scp-client-portal.scp-staff-portal {
        max-width: 100%;
    }

    .scp-staff-login-form {
        margin: 40px auto;
        padding: 40px 32px 36px;
        max-width: 420px;
    }

    /* Ensure folder label takes available space and doesn't get clipped */
    .scp-folder-label {
        flex: 1;
        min-width: 0;
        max-width: 4ch !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .scp-staff-portal .file-name {
        max-width: 10ch !important;
    }

    .scp-staff-portal .scp-viewer-modal {
        padding: 0;
    }

    .scp-staff-portal .scp-viewer-box {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
        border-radius: 0;
    }

    .scp-staff-portal .scp-viewer-header {
        padding: 10px 12px;
        padding-top: calc(10px + env(safe-area-inset-top, 0px));
    }

    .scp-staff-portal .scp-viewer-close {
        width: 36px;
        height: 36px;
        font-size: 24px;
        background: rgba(0, 0, 0, 0.06);
        border-radius: 50%;
        flex-shrink: 0;
    }
}