/* Custom Elements Styling für Sip Admin
 * Pastel und Anthrazit-Farbschema
 */

/* List-Group Anpassungen */
.list-group-item {
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.list-group-item:hover {
    border-left-color: var(--gray-600);
}

.list-group-item.active {
    background-color: var(--surface-3) !important;
    border-left-color: var(--accent-color);
    color: var(--text-primary) !important;
}

.list-group-item.active h5,
.list-group-item.active .text-muted {
    color: var(--text-secondary) !important;
}

/* Tool Icons */
.bi-telephone,
.bi-plus-circle,
.bi-pencil-square,
.bi-trash {
    color: inherit;
}

/* Aktiv/Inaktiv Status Button */
.btn-success {
    background-color: var(--btn-success-bg);
    color: var(--btn-success-text);
    border: none;
}

.btn-success:hover {
    background-color: var(--btn-success-hover);
    color: var(--btn-success-text);
    filter: none;
}

/* Table Anpassungen */
.table {
    color: var(--text-primary);
}

.table th {
    font-weight: 600;
    color: var(--text-secondary);
}

/* Form Anpassungen */
.form-control:focus, 
.form-select:focus {
    border-color: var(--gray-600);
    box-shadow: 0 0 0 0.2rem rgba(63, 74, 86, 0.15);
}

/* Badge Styling für Status */
.badge.bg-warning {
    color: var(--gray-900) !important;
}

/* Anruf Detailansicht */
.call-detail {
    border-left: 4px solid var(--gray-600);
    padding-left: 1rem;
    margin-bottom: 1rem;
}

/* Für ausgewählte Konfiguration */
.selected-config {
    border-left: 4px solid var(--accent-color);
    background-color: var(--surface-2);
}