.dialflow-phone-input {
    position: relative !important;
}

.dialflow-pill {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 10px !important;
    cursor: pointer !important;
    user-select: none !important;
    flex-shrink: 0 !important;
    border-right: 1px solid rgba(0,0,0,0.15) !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    height: 100% !important;
}

.dialflow-pill:hover {
    filter: brightness(0.93) !important;
}

.dialflow-pill.open .dialflow-arrow {
    transform: rotate(180deg) !important;
}

.dialflow-flag {
    width: 1.1em !important;
    height: 1.1em !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    display: block !important;
    line-height: 1 !important;
}

.dialflow-flag svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border-radius: 50% !important;
}

.dialflow-code {
    font-size: inherit !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.dialflow-arrow {
    font-size: 0.5em !important;
    line-height: 1 !important;
    opacity: 0.6 !important;
    transition: transform 0.15s ease !important;
    flex-shrink: 0 !important;
}

.dialflow-dropdown {
    position: absolute !important;
    top: calc(100% + 3px) !important;
    left: 0 !important;
    z-index: 999999 !important;
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.15) !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.13) !important;
    width: 268px !important;
    max-height: 290px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.dialflow-search-wrap {
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    background: #fff !important;
}

.dialflow-search {
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
    width: 100% !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #1d2327 !important;
    height: auto !important;
    line-height: 1.4 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.dialflow-search::placeholder { color: #aaa !important; opacity: 1 !important; }

.dialflow-list { overflow-y: auto !important; flex: 1 !important; background: #fff !important; }

.dialflow-option {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 11px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    color: #1d2327 !important;
    line-height: 1.3 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.dialflow-option:hover { background: #f6f7f7 !important; }
.dialflow-option.dialflow-active { background: #f0f4fa !important; }

.dialflow-opt-flag {
    width: 20px !important; height: 20px !important; border-radius: 50% !important;
    overflow: hidden !important; flex-shrink: 0 !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}

.dialflow-opt-flag svg { width: 20px !important; height: 20px !important; border-radius: 50% !important; display: block !important; }
.dialflow-opt-name { flex: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #1d2327 !important; font-size: 13px !important; }
.dialflow-opt-code { font-size: 12px !important; color: #787c82 !important; flex-shrink: 0 !important; }
.dialflow-opt-digits { font-size: 10px !important; color: #aaa !important; background: #f0f0f1 !important; border-radius: 3px !important; padding: 1px 5px !important; flex-shrink: 0 !important; }
.dialflow-opt-check { font-size: 11px !important; color: #2271b1 !important; flex-shrink: 0 !important; }
.dialflow-no-results { padding: 14px !important; font-size: 13px !important; color: #999 !important; text-align: center !important; }
.dialflow-hidden-code { display: none !important; position: absolute !important; visibility: hidden !important; width: 0 !important; height: 0 !important; }

@media (max-width: 480px) { .dialflow-dropdown { width: 220px !important; } }