/*
 * phone-dial.css — sélecteur d'indicatif téléphonique (cf. public/js/phone-dial.js).
 *
 * Styles neutres, volontairement peu spécifiques : chaque page peut les
 * surcharger (rayon, bordure) sans !important côté composant.
 */

.phone-dial-wrap { position: relative; display: flex; align-items: stretch; }

.phone-dial-btn {
    display: flex; align-items: center; flex-shrink: 0;
    padding: 0 10px; gap: 4px;
    background: #f8f9fa; border: 1px solid #d1d5db; border-right: 0;
    border-radius: 6px 0 0 6px;
    cursor: pointer; font-size: 14px; white-space: nowrap; user-select: none;
}
.phone-dial-btn:hover { background: #e9ecef; }

.phone-dial-wrap input[data-phone-dial],
.phone-dial-wrap .adiona-phone {
    border-radius: 0 6px 6px 0 !important;
    border-left: 0 !important;
    flex: 1; min-width: 0;
}

.phone-dial-panel {
    display: none; position: absolute; top: 100%; left: 0; width: 320px; z-index: 30;
    background: #fff; border: 1px solid #d1d5db; border-radius: 0 0 6px 6px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .15);
}
.phone-dial-panel.open { display: block; }

.phone-dial-search {
    width: 100% !important; border: none !important; border-bottom: 1px solid #e5e7eb !important;
    padding: 10px 12px !important; margin: 0 !important; font-size: 14px !important;
    outline: none; border-radius: 0 !important; min-height: 0 !important; height: auto !important;
}

.phone-dial-list { max-height: 220px; overflow-y: auto; width: 100%; }

.phone-dial-item {
    padding: 9px 12px !important; margin: 0 !important; border: none !important;
    cursor: pointer; font-size: 13px !important; height: auto !important; line-height: 1.4 !important;
}
.phone-dial-item:hover,
.phone-dial-item.active { background: #f3f4f6; }