:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control { width:100%; }
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code { display:flex; align-items:stretch; box-sizing:border-box; height:48px; border:1px solid #d7d3dd; border-radius:7px; background:#fff; }
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control input[type=tel] { padding-left:52px; }
/* v15 writes inline padding from offsetWidth while this modal is hidden (6px).
   Reserve the actual flag/dial-code width in normal flow instead. Country
   changes can then grow this group without measuring or resetting the input. */
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code input[type=tel] { flex:1 1 0%; width:0; min-width:0; height:100%; padding-left:12px!important; border:0!important; border-radius:0 6px 6px 0; box-shadow:none; }
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code .flag-container { position:static; flex:0 0 auto; display:flex; align-items:stretch; height:auto; padding:0; border-radius:6px 0 0 6px; }
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code .selected-flag,
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code .flag-container:hover .selected-flag { display:flex; align-items:center; height:100%; padding:0 8px; border-radius:6px 0 0 6px; background:#fff; background-clip:padding-box; }
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code .selected-flag :is(.iti-flag,.iti-arrow) { position:static; flex:none; margin-top:0; margin-bottom:0; transform:none; }
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code .selected-flag:focus-visible { outline:0; }
:is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code .selected-dial-code { position:relative; z-index:2; display:block; margin-left:6px; color:var(--pa-text)!important; font-family:inherit; font-size:14px; line-height:20px; text-indent:0; visibility:visible; opacity:1; }
/* Desktop phone list is portalled outside the modal's scroll area. */
.intl-tel-input.iti-container.pa-phone-country-dropdown { position:fixed; z-index:10001; padding:0; }
.intl-tel-input.pa-phone-country-dropdown .country-list { position:relative; top:auto; bottom:auto; left:auto; right:auto; box-sizing:border-box; width:100%; max-height:200px; margin:0; overflow-y:auto; white-space:normal; }

/* Paint one contour ABOVE the white input/flag backgrounds. An inset outline
   on their parent is obscured by those children when thickened for focus.
   Keep the original border's space; the overlay never intercepts a click. */
body.promoakce-frontend :is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code {
    position:relative;
    border-color:transparent!important;
    outline:none!important;
    box-shadow:none!important;
    background:#fff;
    transition:none;
}
body.promoakce-frontend :is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code::after {
    content:'';
    position:absolute;
    inset:-1px;
    z-index:3;
    border:1px solid #d7d3dd;
    border-radius:inherit;
    pointer-events:none;
    transition:none;
}
body.promoakce-frontend :is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code:focus-within::after {
    border-width:2px;
    border-color:var(--pa-purple);
}
body.promoakce-frontend :is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code:is(.pa-invalid-surface,:has(input.phone-input-error),:has(input[aria-invalid="true"]))::after {
    border-color:var(--pa-color-error);
}
body.promoakce-frontend :is(#JobSearchModalLogin,.pa-dashboard) .pa-phone-control.separate-dial-code :is(input[type=tel],.flag-container,.selected-flag) {
    border:0!important;
    outline:none!important;
    box-shadow:none!important;
    transition:none;
}

/* Profile IČ computed styles: 1px border, 6px radius, no shadow; normal focus
   has a 3px #92278f25 outline at 1px, error focus a 2px error outline at 2px.
   The outside outline is visible without the inset overlay used by the modal. */
body.promoakce-frontend :is(#employer-profilesetings-form,#candidate-profilesetings-form) .pa-phone-control.separate-dial-code {
    border-color:var(--pa-border)!important;
    border-radius:6px;
}
body.promoakce-frontend :is(#employer-profilesetings-form,#candidate-profilesetings-form) .pa-phone-control.separate-dial-code::after {
    content:none;
}
body.promoakce-frontend :is(#employer-profilesetings-form,#candidate-profilesetings-form) .pa-phone-control.separate-dial-code:focus-within {
    border-color:var(--pa-purple)!important;
    outline:3px solid #92278f25!important;
    outline-offset:1px;
}
body.promoakce-frontend :is(#employer-profilesetings-form,#candidate-profilesetings-form) .pa-phone-control.separate-dial-code:is(.pa-invalid-surface,:has(input.phone-input-error),:has(input[aria-invalid="true"])) {
    border-color:var(--pa-color-error)!important;
}
body.promoakce-frontend :is(#employer-profilesetings-form,#candidate-profilesetings-form) .pa-phone-control.separate-dial-code:is(.pa-invalid-surface,:has(input.phone-input-error),:has(input[aria-invalid="true"])):focus-within {
    outline:2px solid var(--pa-color-error)!important;
    outline-offset:2px;
}