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

/* MudTabs collapses inside the flex .panel-body when the tab content is
   shorter than the viewport — guard the tab-panel content area so the
   Numbers table / Workflows editor always have room to render. */
.tab-content-guard[b-s78pqe9bvu] {
    min-height: var(--min-panel-height, 24rem);
}

[b-s78pqe9bvu] .phone-system-tabs .mud-tabs-panels {
    overflow-x: hidden;
    overflow-y: auto;
}

/* Table rows: subtle hover lift consistent with TwilioPanel's stat cards */
[b-s78pqe9bvu] .mud-table-row:hover {
    background: var(--accent-color-5);
}

[b-s78pqe9bvu] .mud-table-container {
    border-radius: var(--radius-md);
}

/* Caption/monospace styling for the number column */
[b-s78pqe9bvu] .mud-table-cell:first-child {
    font-family: var(--font-mono);
}

/* Responsive: table scrolls horizontally under 768px instead of squashing columns */
@media (max-width: 768px) {
    [b-s78pqe9bvu] .mud-table-container {
        overflow-x: auto;
    }
}

@media (max-width: 640px) {
    .admin-sub-panel .panel-header[b-s78pqe9bvu] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-sm);
    }

    .admin-sub-panel .panel-actions[b-s78pqe9bvu] {
        width: 100%;
    }

    .admin-sub-panel .panel-actions[b-s78pqe9bvu]  .mud-button-root {
        width: 100%;
    }
}

.instance-address-bar[b-s78pqe9bvu] {
    background: var(--glass-bg, rgba(255,255,255,0.03));
    border: 1px solid var(--border-color, rgba(255,255,255,0.08));
    border-radius: var(--radius-md, 8px);
}

.address-row[b-s78pqe9bvu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
}

.address-text[b-s78pqe9bvu] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

.address-text code[b-s78pqe9bvu] {
    color: var(--accent-color);
    font-family: var(--font-mono, monospace);
}

.address-edit[b-s78pqe9bvu] {
    display: flex;
    align-items: center;
    gap: var(--space-sm, 0.5rem);
}

.address-edit .mud-input-control[b-s78pqe9bvu] {
    flex: 1 1 auto;
}
/* _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;
    }
}
/* _content/Ayva.Integrations.Twilio/Components/WorkflowEditor.razor.rz.scp.css */
/* WorkflowEditor.razor.css - Component-specific styles only */
/* Base MudBlazor styling is handled by mudblazor-overrides.css */

.workflow-editor[b-0hjqppn6sw] {
    min-height: var(--min-panel-height, 20rem);
}

.workflow-editor-toolbar[b-0hjqppn6sw] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--space-md);
}

.workflow-row-actions[b-0hjqppn6sw] {
    white-space: nowrap;
}

.workflow-edit-surface[b-0hjqppn6sw] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
}

.workflow-steps-header[b-0hjqppn6sw] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: var(--space-md);
}

.step-card[b-0hjqppn6sw] {
    background: var(--glass-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast);
}

.step-card:hover[b-0hjqppn6sw] {
    border-color: var(--accent-color-40);
}

.step-card-header[b-0hjqppn6sw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-sm);
}

.step-card-actions[b-0hjqppn6sw] {
    display: flex;
    align-items: center;
    gap: var(--space-2xs, 0.25rem);
}

.workflow-edit-actions[b-0hjqppn6sw] {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

[b-0hjqppn6sw] .step-card .mud-input-control,
[b-0hjqppn6sw] .step-card .mud-select,
[b-0hjqppn6sw] .step-card .mud-switch {
    margin-bottom: var(--space-sm);
}

/* Responsive: editor stacks under 640px */
@media (max-width: 640px) {
    .workflow-editor-toolbar[b-0hjqppn6sw] {
        justify-content: stretch;
    }

    .workflow-editor-toolbar[b-0hjqppn6sw]  .mud-button-root {
        width: 100%;
    }

    .step-card-header[b-0hjqppn6sw] {
        flex-wrap: wrap;
        gap: var(--space-xs);
    }

    .workflow-edit-actions[b-0hjqppn6sw] {
        flex-direction: column;
        align-items: stretch;
    }

    .workflow-edit-actions[b-0hjqppn6sw]  .mud-button-root {
        width: 100%;
    }
}