.pf-nationality { position: relative; box-sizing: border-box; min-width: 0; width: 100%; min-height: var(--identity-height, var(--hf-control-height, var(--profint-field-height, var(--pf-control-height,56px)))); }
.pf-nationality > input { box-sizing: border-box; width: 100%; height: var(--identity-height, var(--hf-control-height, var(--profint-field-height, var(--pf-control-height,56px)))); min-height: var(--identity-height, var(--hf-control-height, var(--profint-field-height, var(--pf-control-height,56px)))); padding-inline: 3rem 3.5rem; }
.icon-control .pf-nationality { --identity-height: calc(var(--hf-control-height, var(--profint-field-height, var(--pf-control-height,56px))) - 2px); }
.pf-nationality__toggle { box-sizing: border-box; position: absolute; inset-inline-end: .35rem; top: 50%; transform: translateY(-50%); width: var(--pf-icon-action-size,44px); height: var(--pf-icon-action-size,44px); min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: .45rem; background: transparent; color: var(--pf-primary, var(--pf-control-accent,#008eaf)); cursor: pointer; }
.pf-nationality__toggle svg { display: block; width: 1.15rem; height: 1.15rem; margin: auto; transition: transform .16s ease; }
.pf-nationality[data-open="true"] .pf-nationality__toggle svg { transform: rotate(180deg); }
.pf-nationality__toggle:hover { background: var(--pf-surface-soft, #edf7f8); }
.pf-nationality__toggle:focus-visible, .pf-nationality__retry:focus-visible { outline: 2px solid var(--pf-primary, #087e95); outline-offset: 2px; }
.pf-nationality__popup { position: absolute; inset-inline: 0; top: calc(100% + .3rem); z-index: 1080; border: 1px solid var(--pf-border, #d3e1e7); border-radius: .7rem; background: var(--pf-surface, #fff); color: var(--pf-text, #193744); box-shadow: 0 10px 32px #12384624; overflow: hidden; }
.pf-nationality__popup[hidden] { display: none !important; }
.pf-nationality__list { max-height: min(17rem, 45vh); overflow-y: auto; overscroll-behavior: contain; padding: .3rem; }
.pf-nationality__option { box-sizing: border-box; display: flex; align-items: center; gap: .7rem; border-radius: .4rem; padding: .6rem .75rem; min-height: var(--pf-icon-action-size,44px); cursor: pointer; line-height: 1.35; }
.pf-nationality__option-label { min-width: 0; }
.pf-nationality__flag { display: inline-flex; flex: 0 0 1.5rem; align-items: center; justify-content: center; width: 1.5rem; height: 1.125rem; color: var(--pf-text-muted, #607780); }
.pf-nationality__flag img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 2px; box-shadow: 0 0 0 1px #18374714; }
.pf-nationality__flag svg { display: block; width: 1.25rem; height: 1.25rem; }
.pf-nationality__selected-flag { position: absolute; inset-inline-start: .85rem; top: 50%; transform: translateY(-50%); pointer-events: none; }
.pf-nationality__option:hover, .pf-nationality__option[aria-selected="true"] { background: var(--pf-surface-soft, #edf7f8); color: var(--pf-primary, #087e95); }
.pf-nationality__status { padding: .55rem .75rem; font-size: .78rem; line-height: 1.4; color: var(--pf-text-muted, #607780); border-top: 1px solid var(--pf-border, #d3e1e7); }
.pf-nationality__retry { box-sizing: border-box; margin: 0 .7rem .7rem; min-height: var(--pf-icon-action-size,44px); padding: .35rem .7rem; border: 1px solid var(--pf-border, #d3e1e7); border-radius: .4rem; color: var(--pf-primary, var(--pf-control-accent,#008eaf)); background: var(--pf-surface, #fff); cursor: pointer; }
.pf-nationality__retry[hidden] { display: none !important; }
[data-bs-theme="dark"] .pf-nationality { --pf-surface: #172a34; --pf-text: #e4edf1; --pf-text-muted: #a8bcc7; --pf-border: #3c525e; --pf-surface-soft: #243e4a; --pf-primary: #68cada; }
@media (prefers-reduced-motion: reduce) { .pf-nationality__toggle svg { transition: none; } }