.auth-flow [hidden],
[data-employer-signin-panel][hidden],
[data-employer-register-panel][hidden] {
    display: none !important;
}

.auth-flow button:focus-visible,
.auth-flow a:focus-visible,
.auth-dialog-close:focus-visible {
    outline: 2px solid #7a5f44;
    outline-offset: 4px;
}

.auth-flow .is-invalid,
.auth-flow [aria-invalid="true"] { border-color: #b91c1c; }
.auth-flow .iti { width: 100%; }
.auth-flow .iti__dropdown-content { border-radius: 12px; background: #fff; }
.auth-flow .iti__country-list { max-height: 180px; }
.auth-flow .iti__search-input { min-height: 44px; }
.auth-flow .iti__selected-country { padding-left: 8px; }
.auth-flow .phoneWithCode { padding-left: 100px !important; }
.auth-flow .auth-error { overflow-wrap: anywhere; }
.auth-scope { min-width: 0; }
.auth-scope label.block { padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.auth-scope .auth-flow { min-width: 0; }

.mp-site dialog.auth-dialog {
    margin: auto;
    width: min(100% - 24px, 480px);
    max-width: 480px;
    max-height: calc(100dvh - 32px);
    padding: 48px 12px 12px;
    overflow: auto;
    border: 1px solid #e7dacf;
    border-radius: 24px;
    background: #fff;
    color: #202020;
    box-shadow: 0 24px 80px rgba(56, 46, 35, .25);
}

.mp-site dialog.auth-dialog::backdrop { background: rgba(36, 29, 22, .55); backdrop-filter: blur(3px); }
.auth-dialog-close { position: absolute; top: 12px; right: 16px; width: 32px; height: 32px; border-radius: 50%; background: #f6eee8; color: #806954; }
html.auth-modal-open, html.auth-modal-open body { overflow: hidden; }

@media (max-width: 360px) {
    .auth-flow { padding: 16px; }
    .auth-flow .auth-digit { height: 42px; border-radius: 8px; }
}