/* === SMS Plugin Modal Styles === */

.sms-modal-header {
   background: linear-gradient(135deg, #0d6efd, #0a58ca);
   color: #fff;
}

.sms-modal-header .modal-title {
   font-weight: 600;
}

/* Tabs de mode */
.sms-mode-tabs {
   display: flex;
   gap: 8px;
}

.sms-mode-tab {
   flex: 1;
   padding: 10px 16px;
   border: 2px solid #dee2e6;
   border-radius: 8px;
   background: #fff;
   cursor: pointer;
   font-size: 0.9rem;
   font-weight: 500;
   color: #495057;
   transition: all 0.2s ease;
   text-align: center;
}

.sms-mode-tab:hover {
   border-color: #0d6efd;
   color: #0d6efd;
   background: #f0f6ff;
}

.sms-mode-tab.active {
   border-color: #0d6efd;
   background: #0d6efd;
   color: #fff;
}

/* Dropdown recherche utilisateurs */
.sms-dropdown {
   display: none;
   position: absolute;
   z-index: 1060;
   width: calc(100% - 2rem);
   max-height: 200px;
   overflow-y: auto;
   background: #fff;
   border: 1px solid #dee2e6;
   border-radius: 0 0 6px 6px;
   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.sms-dropdown.show {
   display: block;
}

.sms-dropdown-item {
   padding: 8px 12px;
   cursor: pointer;
   font-size: 0.9rem;
   border-bottom: 1px solid #f0f0f0;
}

.sms-dropdown-item:last-child {
   border-bottom: none;
}

.sms-dropdown-item:hover {
   background: #f0f6ff;
}

.sms-dropdown-empty {
   padding: 12px;
   color: #999;
   text-align: center;
   font-style: italic;
}

.sms-user-phone {
   color: #0d6efd;
   font-size: 0.85em;
   font-weight: 500;
}

.sms-no-phone {
   color: #dc3545;
   font-size: 0.8em;
   font-style: italic;
}

/* Erreurs champs */
.sms-field-error {
   color: #dc3545;
   font-size: 0.85em;
   margin-top: 4px;
   min-height: 1.2em;
}

/* Animation spin pour le loader */
.animate-spin {
   animation: sms-spin 1s linear infinite;
}

@keyframes sms-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
}