/* _content/Ayva.Integrations.Twilio/Components/TwilioPanel.razor.rz.scp.css */
/* TwilioPanel.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

/* Status text - replaces hardcoded color */
.status-connected[b-xwa674lqg6] {
    color: var(--success-color) !important;
}

/* Overview stat cards hover animation */
[b-xwa674lqg6] .mud-grid.mb-4 .mud-paper:hover {
    transform: translateY(-0.125rem);
    border-color: var(--accent-color);
    box-shadow: var(--shadow-glow);
}

/* Caption text in SID column - monospace */
[b-xwa674lqg6] .mud-typography-caption {
    font-family: var(--font-mono);
}

/* SMS Section styling */
[b-xwa674lqg6] .mud-item:has(.mud-icon-sms) .mud-paper,
[b-xwa674lqg6] .mud-item.mb-4:nth-child(3) .mud-paper {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--accent-color-5) 100%);
}

/* Voice Call Section styling */
[b-xwa674lqg6] .mud-item:has(.mud-icon-call) .mud-paper,
[b-xwa674lqg6] .mud-item.mb-4:nth-child(4) .mud-paper {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--secondary-accent-5) 100%);
}

/* Configuration section */
[b-xwa674lqg6] .mud-item.mb-4:first-child .mud-paper {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--info-color-5) 100%);
    border-color: var(--info-color-20);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    [b-xwa674lqg6] .mud-table-container {
        overflow-x: auto;
    }
}