@media screen and (max-width: 720px) {

    .modal-content {
        width: 100%;
        padding: 32px 20px;
    }

    .modal-monitoring{
        height: 100%
    }

    .registration-form input {
        width: 100%;
        padding: 10px 8px;
        font-size: 16px;
        line-height: 20px;
    }

    .registration-form input:nth-of-type(2) {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .registration-form p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 8px;
        margin-bottom: 0;
        padding: 0;
        width: 100%;
        text-align: left;
    }

    .password-button {
        justify-content: center;
        width: 100%;
        padding: 12px 0;
        font-size: 16px;
        line-height: 20px;
        margin-top: 24px;
    }

    /* login-modal: перебивает общее .modal-content{padding:200px 24px} только для окна входа.
       .modal-content выше не трогаем — он нужен monitoring/gdpr-модалкам. */
    .login-modal {
        width: calc(100% - 24px);
        padding: 20px 18px;
    }

    /* Гасим утечку max-width/padding/border-radius из style.css — зеркало desktop-фикса из login.css. */
    .modal.login-overlay,
    .modal.gdpr-overlay {
        max-width: none;
        padding: 0;
        border-radius: 0;
    }

    /* Cookie-согласие: компактная нижняя плашка вместо полноэкранной центр-модалки. */
    .modal.gdpr-overlay {
        top: auto;
        bottom: 0;
        height: auto;
        background-color: transparent;
        align-items: stretch;
    }
    .gdpr-modal {
        width: 100%;
        height: auto;
        max-height: 40vh;
        overflow-y: auto;
        border-radius: 16px 16px 0 0;
        padding: 12px 16px;
        gap: 8px;
        align-items: stretch;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, .12);
        background-color: var(--card);
    }
    .gdpr-actions { flex-direction: row; align-items: center; gap: 12px; }
    .gdpr-actions br { display: none; }

}