/* /Components/Auth/TenantSwitcher.razor.rz.scp.css */
.tenant-switcher[b-hwg1myt3m1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-right: 1rem;
}

.tenant-switcher-loading[b-hwg1myt3m1],
.tenant-switcher-switching[b-hwg1myt3m1] {
    color: var(--kendo-color-subtle, #666);
    font-size: 0.875rem;
}

.tenant-switcher-loading .loading-text[b-hwg1myt3m1],
.tenant-switcher-switching .loading-text[b-hwg1myt3m1] {
    margin-left: 0.25rem;
}

.tenant-switcher-error[b-hwg1myt3m1] {
    color: var(--kendo-color-error, #dc3545);
    cursor: help;
}

.tenant-switcher-error .error-text[b-hwg1myt3m1] {
    font-size: 0.875rem;
}

.tenant-switcher-single[b-hwg1myt3m1] {
    color: var(--kendo-color-on-app-surface, #333);
    font-size: 0.875rem;
    background-color: var(--kendo-color-surface-alt, #f5f5f5);
    padding: 0.375rem 0.75rem;
    border-radius: 4px;
}

.tenant-switcher-single .tenant-name[b-hwg1myt3m1] {
    margin-left: 0.25rem;
    font-weight: 500;
}

.tenant-switcher-dropdown[b-hwg1myt3m1]  .tenant-dropdown {
    min-width: 180px;
}

.tenant-switcher-dropdown[b-hwg1myt3m1]  .k-dropdownlist {
    background-color: var(--kendo-color-surface-alt, #f5f5f5);
}
/* /Components/Charts/TelerikChartRenderer.razor.rz.scp.css */
/* TelerikChartRenderer Component Styles */
.chart-card[b-53qyof9m6f] {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    height: 100%;
}

/* Chart Header */
.chart-header[b-53qyof9m6f] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1.25rem 1.5rem 1rem 1.5rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.chart-header h4[b-53qyof9m6f] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary, #1f2937);
    line-height: 1.4;
}

.chart-timestamp[b-53qyof9m6f] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle, #6b7280);
}

/* Chart Body */
.chart-body[b-53qyof9m6f] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
    min-height: 300px;
}

/* Telerik Chart Wrapper */
.telerik-chart-wrapper[b-53qyof9m6f] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 280px;
}

/* Ensure Telerik chart fills the container */
.telerik-chart-wrapper[b-53qyof9m6f]  .k-chart {
    flex: 1;
    min-height: 280px;
}

/* No Data State */
.chart-no-data[b-53qyof9m6f] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    background: var(--kendo-color-surface-alt, #f9fafb);
    border-radius: 8px;
    color: var(--kendo-color-subtle, #6b7280);
    font-size: 0.875rem;
}

/* Unsupported Chart Warning */
.alert.alert-warning[b-53qyof9m6f] {
    margin: 0;
    padding: 1rem;
    background: #fef3c7;
    color: #92400e;
    border-radius: 8px;
    font-size: 0.875rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .chart-header[b-53qyof9m6f] {
        padding: 1rem;
    }

    .chart-body[b-53qyof9m6f] {
        padding: 0.75rem 1rem 1rem 1rem;
        min-height: 250px;
    }

    .telerik-chart-wrapper[b-53qyof9m6f] {
        min-height: 230px;
    }

    .telerik-chart-wrapper[b-53qyof9m6f]  .k-chart {
        min-height: 230px;
    }
}
/* /Components/Chat/AgentSelector.razor.rz.scp.css */
/* AgentSelector - Scoped Styles */

.agent-selector[b-kh9n8jeagd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Loading State */
.agent-selector-loading[b-kh9n8jeagd] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #6c757d;
    font-size: 0.875rem;
}

/* Empty State */
.agent-selector-empty[b-kh9n8jeagd] {
    padding: 0.5rem 0.75rem;
    text-align: center;
}

/* Dropdown */
.agent-dropdown[b-kh9n8jeagd] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    color: #212529;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.agent-dropdown:hover:not(:disabled)[b-kh9n8jeagd] {
    border-color: #86b7fe;
}

.agent-dropdown:focus[b-kh9n8jeagd] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.agent-dropdown:disabled[b-kh9n8jeagd] {
    background-color: #e9ecef;
    opacity: 0.6;
    cursor: not-allowed;
}

.agent-dropdown option[b-kh9n8jeagd] {
    padding: 0.5rem;
}

/* Description */
.agent-description[b-kh9n8jeagd] {
    padding: 0 0.25rem;
    font-size: 0.75rem;
    line-height: 1.4;
    min-height: 2.5rem;
}

.agent-description small[b-kh9n8jeagd] {
    display: block;
    color: #6c757d;
}

/* Responsive Design */
@media (max-width: 768px) {
    .agent-dropdown[b-kh9n8jeagd] {
        font-size: 0.8rem;
        padding: 0.4rem 0.6rem;
    }

    .agent-description[b-kh9n8jeagd] {
        font-size: 0.7rem;
        min-height: 2rem;
    }
}

@media (max-width: 480px) {
    .agent-description[b-kh9n8jeagd] {
        display: none; /* Hide description on very small screens */
    }
}

/* Animation */
.agent-selector[b-kh9n8jeagd] {
    animation: fadeIn-b-kh9n8jeagd 0.3s ease-in;
}

@keyframes fadeIn-b-kh9n8jeagd {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Chat/AgentTopicAccordion.razor.rz.scp.css */
/* Agent/Topic Accordion Component Styles */

.agent-topic-accordion[b-kgfx8634ja] {
    background-color: var(--bs-light, #f8f9fa);
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

/* Accordion Header */
.accordion-header[b-kgfx8634ja] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    cursor: pointer;
    user-select: none;
    transition: background-color 200ms ease;
}

.accordion-header:hover[b-kgfx8634ja] {
    background-color: var(--bs-gray-200, #e9ecef);
}

.accordion-header:focus[b-kgfx8634ja] {
    outline: none;
    box-shadow: inset 0 0 0 2px var(--bs-primary, #0d6efd);
}

.accordion-header:focus-visible[b-kgfx8634ja] {
    outline: 2px solid var(--bs-primary, #0d6efd);
    outline-offset: -2px;
}

.accordion-header-left[b-kgfx8634ja] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.accordion-icon[b-kgfx8634ja] {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 300ms ease;
}

.accordion-icon.expanded[b-kgfx8634ja] {
    transform: rotate(0deg);
}

.accordion-icon.collapsed[b-kgfx8634ja] {
    transform: rotate(-90deg);
}

.accordion-title[b-kgfx8634ja] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bs-secondary, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Selection Summary (shown when collapsed) */
.selection-summary[b-kgfx8634ja] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.selection-chip[b-kgfx8634ja] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 0.8125rem;
    font-weight: 500;
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.selection-chip.agent-chip[b-kgfx8634ja] {
    background-color: var(--color-bg-primary-subtle, #e8f5d9);
    color: var(--color-primary-dark, #5a9826);
    border: 1px solid var(--color-primary, #80c936);
}

.selection-chip.topic-chip[b-kgfx8634ja] {
    background-color: var(--color-bg-info-subtle, #e7f6f8);
    color: var(--color-info-dark, #117a8b);
    border: 1px solid var(--color-info, #17a2b8);
}

.selection-chip.no-topic[b-kgfx8634ja] {
    background-color: var(--bs-gray-100, #f8f9fa);
    color: var(--bs-secondary, #6c757d);
    border: 1px solid var(--bs-gray-400, #ced4da);
}

/* Accordion Content */
.accordion-content[b-kgfx8634ja] {
    overflow: hidden;
    transition: max-height 300ms ease, opacity 300ms ease, padding 300ms ease;
}

.accordion-content.expanded[b-kgfx8634ja] {
    max-height: 500px;
    opacity: 1;
    padding: 0 24px 16px 24px;
}

.accordion-content.collapsed[b-kgfx8634ja] {
    max-height: 0;
    opacity: 0;
    padding: 0 24px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .accordion-header[b-kgfx8634ja] {
        padding: 10px 16px;
    }

    .accordion-content.expanded[b-kgfx8634ja] {
        padding: 0 16px 12px 16px;
    }

    .accordion-content.collapsed[b-kgfx8634ja] {
        padding: 0 16px;
    }

    .selection-chip[b-kgfx8634ja] {
        max-width: 140px;
        font-size: 0.75rem;
        padding: 3px 8px;
    }
}

@media (max-width: 480px) {
    .accordion-header[b-kgfx8634ja] {
        padding: 8px 12px;
        flex-wrap: wrap;
        gap: 8px;
    }

    .selection-summary[b-kgfx8634ja] {
        width: 100%;
        justify-content: flex-start;
    }

    .accordion-content.expanded[b-kgfx8634ja] {
        padding: 0 12px 10px 12px;
    }

    .accordion-content.collapsed[b-kgfx8634ja] {
        padding: 0 12px;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .agent-topic-accordion[b-kgfx8634ja] {
        background-color: #2d2d2d;
        border-bottom-color: #404040;
    }

    .accordion-header:hover[b-kgfx8634ja] {
        background-color: #3d3d3d;
    }

    .accordion-title[b-kgfx8634ja] {
        color: #adb5bd;
    }

    .selection-chip.agent-chip[b-kgfx8634ja] {
        background-color: rgba(128, 201, 54, 0.2);
        color: #9ad856;
        border-color: #80c936;
    }

    .selection-chip.topic-chip[b-kgfx8634ja] {
        background-color: rgba(23, 162, 184, 0.2);
        color: #4dd4ec;
        border-color: #17a2b8;
    }

    .selection-chip.no-topic[b-kgfx8634ja] {
        background-color: #3d3d3d;
        color: #adb5bd;
        border-color: #6c757d;
    }
}

/* Animation for accordion icon */
@keyframes rotateIcon-b-kgfx8634ja {
    from {
        transform: rotate(-90deg);
    }
    to {
        transform: rotate(0deg);
    }
}

/* State classes for parent container */
.accordion-expanded .accordion-content[b-kgfx8634ja] {
    visibility: visible;
}

.accordion-collapsed .accordion-content[b-kgfx8634ja] {
    visibility: hidden;
    transition: max-height 300ms ease, opacity 300ms ease, padding 300ms ease, visibility 0s 300ms;
}
/* /Components/Chat/ChatContainer.razor.rz.scp.css */
/* Chat Container - Scoped Styles */

.chat-container[b-2e8jlpbnt0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

/* Loading State */
.chat-loading[b-2e8jlpbnt0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    color: #6c757d;
}

/* Empty State */
.chat-empty-state[b-2e8jlpbnt0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 2rem;
    text-align: center;
    color: var(--color-text-secondary);
}

.empty-state-logo[b-2e8jlpbnt0] {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.telli-logo-large[b-2e8jlpbnt0] {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.empty-state-title[b-2e8jlpbnt0] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
}

.empty-state-text[b-2e8jlpbnt0] {
    font-size: 1rem;
    color: var(--color-text-secondary);
    margin-bottom: 1.5rem;
    max-width: 400px;
}

.empty-state-example[b-2e8jlpbnt0] {
    font-size: 0.9rem;
    color: var(--color-text-tertiary);
    font-style: italic;
    max-width: 400px;
}

/* Header */
.chat-header[b-2e8jlpbnt0] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.conversation-info[b-2e8jlpbnt0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.conversation-title[b-2e8jlpbnt0] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
    color: #212529;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent-badge[b-2e8jlpbnt0] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: #e3f2fd;
    border-radius: 16px;
    font-size: 0.875rem;
    color: #1976d2;
    white-space: nowrap;
}

/* Messages Area */
.messages-scroller[b-2e8jlpbnt0] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    background: #ffffff;
}

.messages[b-2e8jlpbnt0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Individual Message (base styles - specific rendering in ChatMessage component) */
.message[b-2e8jlpbnt0] {
    display: flex;
    gap: 0.75rem;
    animation: messageSlideIn-b-2e8jlpbnt0 0.3s ease-out;
}

@keyframes messageSlideIn-b-2e8jlpbnt0 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.message.user[b-2e8jlpbnt0] {
    flex-direction: row-reverse;
}

.message.assistant[b-2e8jlpbnt0] {
    flex-direction: row;
}

.message-avatar[b-2e8jlpbnt0] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9ecef;
    color: #6c757d;
}

.message.user .message-avatar[b-2e8jlpbnt0] {
    background: transparent;
    color: #2F2F2F;
}

.message.assistant .message-avatar[b-2e8jlpbnt0] {
    background: #f8f9fa;
    color: #495057;
}

.message-avatar.message-avatar-logo[b-2e8jlpbnt0] {
    background: transparent;
    border: none;
    padding: 0;
}

.telli-avatar-image[b-2e8jlpbnt0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.message-content[b-2e8jlpbnt0] {
    flex: 1;
    max-width: 70%;
}

.message.user .message-content[b-2e8jlpbnt0] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.message-header[b-2e8jlpbnt0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.sender-name[b-2e8jlpbnt0] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
}

.message-timestamp[b-2e8jlpbnt0] {
    font-size: 0.75rem;
    color: #adb5bd;
}

.message-body[b-2e8jlpbnt0] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    line-height: 1.5;
    word-wrap: break-word;
}

.message.user .message-body[b-2e8jlpbnt0] {
    background-color: var(--color-bg-primary-light, #E8F5D9);
    border-left: 3px solid var(--color-primary, #80C936);
    color: var(--color-text-primary, #2F2F2F);
}

.message.assistant .message-body[b-2e8jlpbnt0] {
    background: #f8f9fa;
    color: #212529;
    border-left: 3px solid var(--color-info, #17A2B8);
}

/* Markdown Headings in Messages - scaled down for chat context */
.message-body h1[b-2e8jlpbnt0] {
    font-size: 1.125rem !important;
    font-weight: 700 !important;
    margin: 12px 0 8px 0 !important;
    color: #2F2F2F;
}

.message-body h2[b-2e8jlpbnt0] {
    font-size: 1rem !important;
    font-weight: 600 !important;
    margin: 12px 0 8px 0 !important;
    color: #2F2F2F;
}

.message-body h3[b-2e8jlpbnt0] {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    margin: 8px 0 4px 0 !important;
    color: #2F2F2F;
}

.message-body h4[b-2e8jlpbnt0],
.message-body h5[b-2e8jlpbnt0],
.message-body h6[b-2e8jlpbnt0] {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    margin: 8px 0 4px 0 !important;
    color: #666666;
}

/* Markdown Tables in Messages */
.message-body table[b-2e8jlpbnt0] {
    border-collapse: collapse;
    width: 100%;
    margin: var(--spacing-3, 12px) 0;
}

.message-body th[b-2e8jlpbnt0],
.message-body td[b-2e8jlpbnt0] {
    border: 1px solid var(--color-border-default, #E0E0E0);
    padding: var(--spacing-2, 8px);
    text-align: left;
}

.message-body th[b-2e8jlpbnt0] {
    background-color: var(--color-bg-subtle, #F5F5F5);
    font-weight: var(--font-weight-semibold, 600);
}

.message-body tr:nth-child(even)[b-2e8jlpbnt0] {
    background-color: var(--color-bg-subtle, #F5F5F5);
}

/* Welcome Message */
.welcome-message .message-body[b-2e8jlpbnt0] {
    background: #e7f3ff;
    color: #004085;
    border-left: 4px solid #007bff;
}

.welcome-header[b-2e8jlpbnt0] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
    margin-bottom: 0.5rem;
}

.welcome-subtext[b-2e8jlpbnt0] {
    font-size: 0.9375rem;
    color: #495057;
    line-height: 1.5;
}

.welcome-example[b-2e8jlpbnt0] {
    font-size: 0.875rem;
    color: var(--color-text-tertiary);
    font-style: italic;
    margin-top: 1rem;
}

/* Typing Indicator */
.typing-indicator .message-body[b-2e8jlpbnt0] {
    padding: 1rem;
    background: #f8f9fa;
}

.typing-dots[b-2e8jlpbnt0] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-start;
}

.typing-dots span[b-2e8jlpbnt0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6c757d;
    animation: typingBounce-b-2e8jlpbnt0 1.4s infinite;
}

.typing-dots span:nth-child(2)[b-2e8jlpbnt0] {
    animation-delay: 0.2s;
}

.typing-dots span:nth-child(3)[b-2e8jlpbnt0] {
    animation-delay: 0.4s;
}

@keyframes typingBounce-b-2e8jlpbnt0 {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: 0.5;
    }
    30% {
        transform: translateY(-10px);
        opacity: 1;
    }
}

/* Input Area */
.chat-input-area[b-2e8jlpbnt0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #e9ecef;
    background: #ffffff;
}

/* ChatInput component fills remaining width next to paperclip */
.chat-input-area[b-2e8jlpbnt0]  .chat-input-container {
    flex: 1;
    min-width: 0;
}

/* Pending attachments and upload errors span full width */
.chat-input-area .chat-pending-attachments[b-2e8jlpbnt0],
.chat-input-area .chat-upload-error[b-2e8jlpbnt0] {
    width: 100%;
    order: -2;
}

/* Responsive Design */
@media (max-width: 768px) {
    .chat-header[b-2e8jlpbnt0] {
        padding: 0.75rem 1rem;
    }

    .conversation-title[b-2e8jlpbnt0] {
        font-size: 1.125rem;
    }

    .messages-scroller[b-2e8jlpbnt0] {
        padding: 1rem;
    }

    .messages[b-2e8jlpbnt0] {
        gap: 1rem;
    }

    .message-content[b-2e8jlpbnt0] {
        max-width: 85%;
    }

    .message-avatar[b-2e8jlpbnt0] {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 480px) {
    .chat-header[b-2e8jlpbnt0] {
        padding: 0.5rem 0.75rem;
    }

    .messages-scroller[b-2e8jlpbnt0] {
        padding: 0.75rem;
    }

    .message-content[b-2e8jlpbnt0] {
        max-width: 90%;
    }

    .agent-badge[b-2e8jlpbnt0] {
        display: none; /* Hide on very small screens */
    }
}
/* /Components/Chat/ConversationList.razor.rz.scp.css */
/* ConversationList - Scoped Styles */

.conversation-list[b-enfjxowhyb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #f8f9fa;
    border-right: 1px solid #e9ecef;
    overflow: hidden;
}

/* Header with New Conversation Button */
.conversation-list-header[b-enfjxowhyb] {
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: #ffffff;
}

.new-conversation-btn[b-enfjxowhyb] {
    width: 100%;
    justify-content: center;
    gap: 0.5rem;
}

/* Empty State */
.empty-state[b-enfjxowhyb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    text-align: center;
    color: #6c757d;
}

.empty-state p[b-enfjxowhyb] {
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

.empty-state-hint[b-enfjxowhyb] {
    font-size: 0.75rem;
    color: #adb5bd;
}

/* Conversation Groups */
.conversation-groups[b-enfjxowhyb] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.conversation-group[b-enfjxowhyb] {
    margin-bottom: 1.5rem;
}

.group-header[b-enfjxowhyb] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    padding: 0.5rem 1rem;
    margin: 0;
}

.conversation-items[b-enfjxowhyb] {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Individual Conversation Item */
.conversation-item[b-enfjxowhyb] {
    position: relative;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #f1f3f5;
    transition: background-color 0.15s ease;
}

.conversation-item:hover[b-enfjxowhyb] {
    background: #e9ecef;
}

.conversation-item.selected[b-enfjxowhyb] {
    background: #e3f2fd;
    border-left: 3px solid #007bff;
}

.conversation-item.selected:hover[b-enfjxowhyb] {
    background: #d1e7fd;
}

/* Conversation Button (main clickable area) */
.conversation-button[b-enfjxowhyb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0.5rem 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    gap: 0.25rem;
}

.conversation-button:hover .conversation-title[b-enfjxowhyb] {
    color: #007bff;
}

.conversation-title[b-enfjxowhyb] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #212529;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    transition: color 0.15s ease;
}

.conversation-preview[b-enfjxowhyb] {
    font-size: 0.75rem;
    color: #6c757d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Action Buttons (Edit/Delete) */
.conversation-actions[b-enfjxowhyb] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: none;
    gap: 0.25rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    padding: 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.conversation-item:hover .conversation-actions[b-enfjxowhyb] {
    display: flex;
}

/* Edit Mode */
.edit-mode[b-enfjxowhyb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem 0;
}

.edit-input[b-enfjxowhyb] {
    width: 100%;
}

.edit-actions[b-enfjxowhyb] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* Scrollbar Styling */
.conversation-groups[b-enfjxowhyb]::-webkit-scrollbar {
    width: 6px;
}

.conversation-groups[b-enfjxowhyb]::-webkit-scrollbar-track {
    background: transparent;
}

.conversation-groups[b-enfjxowhyb]::-webkit-scrollbar-thumb {
    background: #ced4da;
    border-radius: 3px;
}

.conversation-groups[b-enfjxowhyb]::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

/* Responsive Design */
@media (max-width: 768px) {
    .conversation-list-header[b-enfjxowhyb] {
        padding: 0.75rem;
    }

    .group-header[b-enfjxowhyb] {
        padding: 0.5rem 0.75rem;
    }

    .conversation-item[b-enfjxowhyb] {
        padding: 0.5rem 0.75rem;
    }

    .conversation-actions[b-enfjxowhyb] {
        display: flex; /* Always show on mobile (no hover) */
    }
}

@media (max-width: 480px) {
    .conversation-title[b-enfjxowhyb] {
        font-size: 0.8rem;
    }

    .conversation-preview[b-enfjxowhyb] {
        font-size: 0.7rem;
    }

    .group-header[b-enfjxowhyb] {
        font-size: 0.7rem;
    }
}

/* Loading State */
.conversation-list.loading[b-enfjxowhyb] {
    opacity: 0.6;
    pointer-events: none;
}

/* Animation for new conversations */
.conversation-item[b-enfjxowhyb] {
    animation: slideInLeft-b-enfjxowhyb 0.3s ease-out;
}

@keyframes slideInLeft-b-enfjxowhyb {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* /Components/Chat/EmbeddedChatPanel.razor.rz.scp.css */
/* Embedded Chat Panel Styles */

.embedded-chat-panel[b-8g0da3shft] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-bg-white);
    border-left: 1px solid var(--color-border-default);
}

/* Loading State */
.panel-loading[b-8g0da3shft] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-6);
    color: var(--color-text-secondary);
}

/* Error State */
.panel-error[b-8g0da3shft] {
    padding: var(--spacing-4);
    text-align: center;
    color: var(--color-error);
}

.panel-error p[b-8g0da3shft] {
    margin-bottom: var(--spacing-3);
    font-size: var(--font-size-sm);
}

.retry-button[b-8g0da3shft] {
    padding: var(--spacing-2) var(--spacing-4);
    background: var(--color-primary);
    color: var(--color-text-inverse);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: var(--font-size-sm);
}

.retry-button:hover[b-8g0da3shft] {
    background: var(--color-primary-hover);
}

/* Panel Header */
.panel-header[b-8g0da3shft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-border-default);
    background: var(--color-bg-subtle);
    background-color: #e8f5e9; /* Light green background */
}

.header-info[b-8g0da3shft] {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    flex: 1;
    min-width: 0;
}

.avatar-icon[b-8g0da3shft] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-primary-light);
    border-radius: 50%;
    color: var(--color-primary);
}

.avatar-icon.avatar-logo[b-8g0da3shft] {
    background: transparent;
    border: none;
    padding: 0;
}

.telli-avatar-image[b-8g0da3shft] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-text[b-8g0da3shft] {
    flex: 1;
    min-width: 0;
}

.panel-title[b-8g0da3shft] {
    margin: 0;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-status[b-8g0da3shft] {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
}

.header-actions[b-8g0da3shft] {
    display: flex;
    gap: var(--spacing-2);
}

.icon-button[b-8g0da3shft] {
    padding: var(--spacing-2);
    background: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: var(--color-text-secondary);
    transition: all 0.2s;
}

.icon-button:hover[b-8g0da3shft] {
    background: var(--color-bg-light);
    color: var(--color-primary);
}

/* Conversation Overlay */
.conversation-overlay[b-8g0da3shft] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-bg-white);
    z-index: 10;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-8g0da3shft 0.2s ease-out;
}

@keyframes slideIn-b-8g0da3shft {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.overlay-header[b-8g0da3shft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-4);
    border-bottom: 1px solid var(--color-border-default);
}

.overlay-header h4[b-8g0da3shft] {
    margin: 0;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
}

.overlay-content[b-8g0da3shft] {
    flex: 1;
    overflow-y: auto;
}

/* Panel Body */
.panel-body[b-8g0da3shft] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Embedded Chat Container Override */
.embedded-chat-container[b-8g0da3shft] {
    height: 100%;
}
/* /Components/Chat/SuggestedPrompts.razor.rz.scp.css */
/* Suggested Prompts Styles */

.suggested-prompts[b-wwfjfr0kif] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
}

.prompt-chip[b-wwfjfr0kif] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2);
    padding: var(--spacing-3) var(--spacing-4);
    background: var(--color-bg-light);
    border: 1px solid var(--color-border-default);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--color-text-primary);
}

.prompt-chip:hover[b-wwfjfr0kif] {
    background: var(--color-bg-primary-subtle);
    border-color: var(--color-border-primary);
    transform: translateX(4px);
}

.prompt-chip:active[b-wwfjfr0kif] {
    transform: translateX(2px);
}

.prompt-chip span[b-wwfjfr0kif] {
    flex: 1;
}
/* /Components/Chat/TelliUserChatWidget.razor.rz.scp.css */
.telli-chat-fab[b-15yztkjrwq] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Overlay backdrop */
.telli-chat-overlay[b-15yztkjrwq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1001;
    cursor: pointer;
}

/* Slide-out panel */
.telli-chat-panel[b-15yztkjrwq] {
    position: fixed;
    top: 0;
    right: -400px;
    width: 380px;
    height: 100vh;
    background-color: var(--kendo-color-surface, #ffffff);
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
    z-index: 1002;
    display: flex;
    flex-direction: column;
    transition: right 0.3s ease-in-out;
}

.telli-chat-panel.open[b-15yztkjrwq] {
    right: 0;
}

.telli-chat-header[b-15yztkjrwq] {
    padding: 16px;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
    background-color: var(--kendo-color-surface, #ffffff);
}

.telli-chat-header .header-text[b-15yztkjrwq] {
    flex: 1;
    min-width: 0;
}

.telli-chat-header h4[b-15yztkjrwq] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #424242);
}

.context-info[b-15yztkjrwq] {
    font-size: 0.875rem;
    color: var(--kendo-color-subtle, #666666);
    margin: 4px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.telli-chat-body[b-15yztkjrwq] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Ensure ChatContainer fills available space */
[b-15yztkjrwq] .widget-chat-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    .telli-chat-fab[b-15yztkjrwq] {
        bottom: 16px;
        right: 16px;
    }

    .telli-chat-panel[b-15yztkjrwq] {
        width: 100%;
        right: -100%;
    }

    .telli-chat-header[b-15yztkjrwq] {
        padding: 12px;
    }

    .telli-chat-header h4[b-15yztkjrwq] {
        font-size: 1rem;
    }

    .context-info[b-15yztkjrwq] {
        font-size: 0.8125rem;
    }
}
/* /Components/Dashboard/DashboardAbnormalityDetection.razor.rz.scp.css */
.dashboard-abnormality-detection[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: var(--telli-card-bg, #ffffff);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5rem;
}

.abnormality-placeholder[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    color: var(--telli-text-secondary, #6b7280);
}

.abnormality-placeholder p[b-zgzkywa1ih] {
    margin: 0;
    font-size: 0.875rem;
}

/* Summary Cards - White with colored left borders */
.abnormality-summary-cards[b-zgzkywa1ih] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.summary-card[b-zgzkywa1ih] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1rem;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    border-left-width: 4px;
}

.summary-card-total[b-zgzkywa1ih] {
    border-left-color: #3b82f6;
}

.summary-card-major[b-zgzkywa1ih] {
    border-left-color: #ef4444;
}

.summary-card-minor[b-zgzkywa1ih] {
    border-left-color: #f97316;
}

.summary-card-icon[b-zgzkywa1ih] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.summary-card-total .summary-card-icon[b-zgzkywa1ih] {
    background: #eff6ff;
    color: #3b82f6;
}

.summary-card-major .summary-card-icon[b-zgzkywa1ih] {
    background: #fef2f2;
    color: #ef4444;
}

.summary-card-minor .summary-card-icon[b-zgzkywa1ih] {
    background: #fff7ed;
    color: #f97316;
}

.summary-card-content[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
}

.summary-card-value[b-zgzkywa1ih] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    color: #111827;
}

.summary-card-total .summary-card-value[b-zgzkywa1ih] {
    color: #3b82f6;
}

.summary-card-major .summary-card-value[b-zgzkywa1ih] {
    color: #ef4444;
}

.summary-card-minor .summary-card-value[b-zgzkywa1ih] {
    color: #f97316;
}

.summary-card-label[b-zgzkywa1ih] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.25rem;
}

/* Severity Filter Tabs */
.abnormality-filter-tabs[b-zgzkywa1ih] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.filter-tab[b-zgzkywa1ih] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    background: #f3f4f6;
    color: #9ca3af;
    cursor: pointer;
    transition: all 0.15s ease;
}

.filter-tab:hover[b-zgzkywa1ih] {
    background: #e5e7eb;
    color: #6b7280;
}

.filter-tab-active.filter-tab-major[b-zgzkywa1ih] {
    background: #ef4444;
    color: white;
}

.filter-tab-active.filter-tab-minor[b-zgzkywa1ih] {
    background: #f97316;
    color: white;
}

.filter-tab-active.filter-tab-all[b-zgzkywa1ih] {
    background: #3b82f6;
    color: white;
}

/* Skeleton Loading */
.abnormality-skeleton[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.skeleton-summary-cards[b-zgzkywa1ih] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.skeleton-summary-card[b-zgzkywa1ih] {
    height: 80px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-zgzkywa1ih 1.5s infinite;
    border-radius: 8px;
}

.skeleton-list[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.skeleton-item[b-zgzkywa1ih] {
    height: 60px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-zgzkywa1ih 1.5s infinite;
    border-radius: 8px;
}

@keyframes shimmer-b-zgzkywa1ih {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* Empty State */
.abnormality-empty[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    text-align: center;
    color: #10b981;
}

.abnormality-empty h3[b-zgzkywa1ih] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #374151;
}

.abnormality-empty p[b-zgzkywa1ih] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
}

/* Abnormality List */
.abnormality-list[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.abnormality-item[b-zgzkywa1ih] {
    padding: 1rem;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    border-left-width: 4px;
    transition: box-shadow 0.2s ease;
}

.abnormality-item:hover[b-zgzkywa1ih] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Severity border colors */
.abnormality-item.severity-major[b-zgzkywa1ih] {
    border-left-color: #ef4444;
}

.abnormality-item.severity-minor[b-zgzkywa1ih] {
    border-left-color: #f97316;
}

/* Abnormality Header */
.abnormality-header[b-zgzkywa1ih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

/* Badge - solid colored pill */
.abnormality-badge[b-zgzkywa1ih] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-major[b-zgzkywa1ih] {
    background: #ef4444;
    color: white;
}

.badge-minor[b-zgzkywa1ih] {
    background: #f97316;
    color: white;
}

/* Field tag - gray pill */
.abnormality-field[b-zgzkywa1ih] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #f3f4f6;
    border-radius: 4px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #374151;
}

/* Abnormality Body */
.abnormality-body[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Finding text */
.abnormality-finding[b-zgzkywa1ih] {
    margin: 0;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.5;
}

.abnormality-finding-label[b-zgzkywa1ih] {
    font-weight: 600;
    color: #374151;
}

/* Context box - blue */
.abnormality-context[b-zgzkywa1ih] {
    display: flex;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: #eff6ff;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #1e40af;
}

.abnormality-context-label[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    min-width: 70px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #3b82f6;
    text-align: center;
    line-height: 1.2;
}

.abnormality-context-content[b-zgzkywa1ih] {
    flex: 1;
    line-height: 1.5;
}

/* Explanation box - yellow/cream */
.abnormality-explanation[b-zgzkywa1ih] {
    display: flex;
    gap: 0.5rem;
    padding: 0.875rem 1rem;
    background: #fef3c7;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #92400e;
    line-height: 1.5;
}

.abnormality-explanation-icon[b-zgzkywa1ih] {
    color: #f59e0b;
    flex-shrink: 0;
}

/* Content Container */
.abnormality-content[b-zgzkywa1ih] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Header Section */
.abnormality-header-section[b-zgzkywa1ih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.abnormality-header-section h2[b-zgzkywa1ih] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    flex: 1;
}

.header-actions[b-zgzkywa1ih] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
}

/* Section Title */
.abnormality-section-title[b-zgzkywa1ih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.75rem;
}

.abnormality-count[b-zgzkywa1ih] {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Cache/Fresh Badges */
.cache-badge[b-zgzkywa1ih],
.fresh-badge[b-zgzkywa1ih] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-zgzkywa1ih] {
    background: #fef3c7;
    color: #92400e;
}

.fresh-badge[b-zgzkywa1ih] {
    background: #dbeafe;
    color: #1e40af;
}

/* Footer Section */
.abnormality-footer[b-zgzkywa1ih] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    margin-top: 0.5rem;
}

/* Abnormality Actions */
.abnormality-actions[b-zgzkywa1ih] {
    margin-left: auto;
    display: flex;
    gap: 0.25rem;
}
/* /Components/Dashboard/DashboardAnalysisSummary.razor.rz.scp.css */
/* Dashboard Analysis Summary Component Styles */
.dashboard-analysis-summary[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Summary Content */
.summary-content[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Header */
.summary-header[b-3f99jf64xa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.summary-header .header-left[b-3f99jf64xa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.summary-header .header-actions[b-3f99jf64xa] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.summary-header h2[b-3f99jf64xa] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.cache-badge[b-3f99jf64xa], .fresh-badge[b-3f99jf64xa] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-3f99jf64xa] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #92400e);
}

.fresh-badge[b-3f99jf64xa] {
    background: var(--success-bg, #d1fae5);
    color: var(--success-text, #065f46);
}

/* Executive Summary Panel */
.executive-summary-panel[b-3f99jf64xa] {
    background: var(--kendo-color-surface-alt, #f9fafb);
    border-radius: 8px;
    padding: 1.5rem;
}

.score-badges[b-3f99jf64xa] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.score-badge[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2rem;
    border-radius: 8px;
    min-width: 120px;
}

.score-badge.health[b-3f99jf64xa] {
    background: #e8f5e9;
}

.score-badge.health.health-excellent[b-3f99jf64xa] {
    background: #c8e6c9;
}

.score-badge.health.health-good[b-3f99jf64xa] {
    background: #e8f5e9;
}

.score-badge.health.health-fair[b-3f99jf64xa] {
    background: #fff9c4;
}

.score-badge.health.health-poor[b-3f99jf64xa] {
    background: #ffccbc;
}

.score-badge.risk[b-3f99jf64xa] {
    background: #ffebee;
}

.score-badge.risk.risk-minimal[b-3f99jf64xa] {
    background: #e8f5e9;
}

.score-badge.risk.risk-low[b-3f99jf64xa] {
    background: #fff9c4;
}

.score-badge.risk.risk-moderate[b-3f99jf64xa] {
    background: #ffe0b2;
}

.score-badge.risk.risk-high[b-3f99jf64xa] {
    background: #ffccbc;
}

.score-badge.risk.risk-critical[b-3f99jf64xa] {
    background: #ffcdd2;
}

.score-label[b-3f99jf64xa] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--kendo-color-subtle, #6b7280);
    margin-bottom: 0.5rem;
}

.score-value[b-3f99jf64xa] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--kendo-color-on-app-surface, #1f2937);
}

.confidence-badge[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2rem;
    border-radius: 8px;
    min-width: 120px;
}

.confidence-badge.confidence-high[b-3f99jf64xa] {
    background: #e8f5e9;
}

.confidence-badge.confidence-medium[b-3f99jf64xa] {
    background: #fff9c4;
}

.confidence-badge.confidence-low[b-3f99jf64xa] {
    background: #ffccbc;
}

.confidence-label[b-3f99jf64xa] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--kendo-color-subtle, #6b7280);
    margin-bottom: 0.5rem;
}

.confidence-value[b-3f99jf64xa] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--kendo-color-on-app-surface, #1f2937);
}

.executive-summary-text[b-3f99jf64xa] {
    padding: 1.25rem;
    background: var(--kendo-color-surface, #ffffff);
    border-radius: 8px;
    border-left: 4px solid var(--kendo-color-primary, #80c936);
}

.executive-summary-text p[b-3f99jf64xa] {
    margin: 0;
    line-height: 1.6;
    font-size: 0.9375rem;
    color: var(--kendo-color-on-app-surface, #1f2937);
}

.executive-summary-text strong[b-3f99jf64xa] {
    font-weight: 600;
    color: var(--kendo-color-primary, #80c936);
}

/* Footer */
.summary-footer[b-3f99jf64xa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
}

/* Placeholder State */
.summary-placeholder[b-3f99jf64xa], .summary-empty[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: var(--kendo-color-surface-alt, #f9fafb);
    border-radius: 8px;
}

.summary-placeholder p[b-3f99jf64xa], .summary-empty p[b-3f99jf64xa] {
    margin: 1rem 0 1.5rem 0;
    color: var(--kendo-color-subtle, #6b7280);
    font-size: 1rem;
}

/* Skeleton States */
.summary-skeleton[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

.skeleton-row.executive[b-3f99jf64xa] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.skeleton-badge[b-3f99jf64xa] {
    width: 120px;
    height: 80px;
    border-radius: 8px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-3f99jf64xa 1.5s infinite;
}

.skeleton-text-block[b-3f99jf64xa] {
    height: 80px;
    border-radius: 8px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-3f99jf64xa 1.5s infinite;
}

.skeleton-columns[b-3f99jf64xa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.skeleton-column[b-3f99jf64xa] {
    height: 200px;
    border-radius: 8px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-3f99jf64xa 1.5s infinite;
}

@keyframes shimmer-b-3f99jf64xa {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Three-Column Grid */
.three-column-grid[b-3f99jf64xa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.column[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
}

.strengths-column[b-3f99jf64xa] {
    background: #e8f5e9;
}

.improvements-column[b-3f99jf64xa] {
    background: #fff3e0;
}

.actions-column[b-3f99jf64xa] {
    background: #ffebee;
}

.column-header[b-3f99jf64xa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem;
    background: rgba(0, 0, 0, 0.03);
}

.column-header .header-icon[b-3f99jf64xa] {
    font-size: 1.5rem;
}

.strengths-column .header-icon[b-3f99jf64xa] {
    color: #388e3c;
}

.improvements-column .header-icon[b-3f99jf64xa] {
    color: #f57c00;
}

.actions-column .header-icon[b-3f99jf64xa] {
    color: #d32f2f;
}

.column-header h4[b-3f99jf64xa] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #1f2937);
    flex: 1;
}

/* Chat Icon Button in Column Header */
.column-header .chat-icon-btn[b-3f99jf64xa] {
    margin-left: auto;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.column-header .chat-icon-btn:hover[b-3f99jf64xa] {
    opacity: 1;
}

.column-content[b-3f99jf64xa] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Insight Cards */
.insight-card[b-3f99jf64xa] {
    background: var(--kendo-color-surface, #ffffff);
    border-radius: 8px;
    padding: 1.25rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.insight-card:hover[b-3f99jf64xa] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.card-header[b-3f99jf64xa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
    gap: 1rem;
}

.insight-title[b-3f99jf64xa] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #1f2937);
    line-height: 1.4;
}

.card-header .insight-title[b-3f99jf64xa] {
    margin-bottom: 0;
    flex: 1;
}

.insight-description[b-3f99jf64xa] {
    margin: 0 0 1rem 0;
    line-height: 1.6;
    font-size: 0.9375rem;
    color: var(--kendo-color-on-app-surface, #1f2937);
}

.insight-description strong[b-3f99jf64xa] {
    font-weight: 600;
    color: var(--kendo-color-primary, #80c936);
}

/* Priority Badges */
.priority-badge[b-3f99jf64xa] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.priority-badge.priority-critical[b-3f99jf64xa] {
    background: #d32f2f;
    color: white;
}

.priority-badge.priority-high[b-3f99jf64xa] {
    background: #f57c00;
    color: white;
}

.priority-badge.priority-medium[b-3f99jf64xa] {
    background: #fbc02d;
    color: #333;
}

.priority-badge.priority-low[b-3f99jf64xa] {
    background: #66bb6a;
    color: white;
}

/* Impact Badges */
.action-badges[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.impact-badge[b-3f99jf64xa] {
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.impact-badge.impact-high[b-3f99jf64xa] {
    background: #d32f2f;
    color: white;
}

.impact-badge.impact-medium[b-3f99jf64xa] {
    background: #fbc02d;
    color: #333;
}

.impact-badge.impact-low[b-3f99jf64xa] {
    background: #66bb6a;
    color: white;
}

/* Source Badges */
.source-badge[b-3f99jf64xa] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.source-badge:hover[b-3f99jf64xa] {
    opacity: 0.8;
}

.source-badge.source-quicksummary[b-3f99jf64xa] {
    background: #e3f2fd;
    color: #1976d2;
}

.source-badge.source-keyinsights[b-3f99jf64xa] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.source-badge.source-riskanalysis[b-3f99jf64xa] {
    background: #ffebee;
    color: #d32f2f;
}

.source-badge.source-healthanalysis[b-3f99jf64xa] {
    background: #e8f5e9;
    color: #388e3c;
}

.source-badge.source-riskandhealthanalysis[b-3f99jf64xa] {
    background: #fff3e0;
    color: #f57c00;
}

.source-badge.source-abnormalitydetection[b-3f99jf64xa] {
    background: #fce4ec;
    color: #c2185b;
}

/* Empty Column */
.empty-column[b-3f99jf64xa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: var(--kendo-color-subtle, #6b7280);
}

.empty-column p[b-3f99jf64xa] {
    margin: 0.5rem 0 0 0;
}

/* Mobile Responsiveness */
@media (max-width: 1024px) {
    .skeleton-columns[b-3f99jf64xa] {
        grid-template-columns: 1fr;
    }

    .three-column-grid[b-3f99jf64xa] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .score-badges[b-3f99jf64xa] {
        flex-direction: column;
    }

    .score-badge[b-3f99jf64xa],
    .confidence-badge[b-3f99jf64xa] {
        width: 100%;
    }

    .summary-footer[b-3f99jf64xa] {
        flex-direction: column;
        gap: 1rem;
    }

    .card-header[b-3f99jf64xa] {
        flex-direction: column;
        align-items: flex-start;
    }

    .action-badges[b-3f99jf64xa] {
        flex-direction: row;
    }
}
/* /Components/Dashboard/DashboardCharts.razor.rz.scp.css */
/* Dashboard Charts Component Styles */
.dashboard-charts[b-p4s1hvmwmj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

/* Charts Content */
.charts-content[b-p4s1hvmwmj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Header */
.charts-header[b-p4s1hvmwmj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.header-left[b-p4s1hvmwmj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.charts-header h3[b-p4s1hvmwmj] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #1f2937);
}

.cache-badge[b-p4s1hvmwmj], .fresh-badge[b-p4s1hvmwmj] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-p4s1hvmwmj] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #92400e);
}

.fresh-badge[b-p4s1hvmwmj] {
    background: var(--success-bg, #d1fae5);
    color: var(--success-text, #065f46);
}

/* Charts Grid - Two per row */
.charts-grid[b-p4s1hvmwmj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.chart-column[b-p4s1hvmwmj] {
    flex: 0 0 calc(50% - 0.75rem);
    max-width: calc(50% - 0.75rem);
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Chart column header (selection row above card) */
.chart-column > .chart-header[b-p4s1hvmwmj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.chart-column > .chart-header .chart-title[b-p4s1hvmwmj] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary, #6b7280);
}

/* Footer */
.charts-footer[b-p4s1hvmwmj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
}

.footer-actions[b-p4s1hvmwmj] {
    margin-left: auto;
}

/* Placeholder State */
.charts-placeholder[b-p4s1hvmwmj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: var(--kendo-color-surface-alt, #f9fafb);
    border-radius: 8px;
}

.charts-placeholder p[b-p4s1hvmwmj] {
    margin: 1rem 0 1.5rem 0;
    color: var(--kendo-color-subtle, #6b7280);
    font-size: 1rem;
}

/* Mobile Responsiveness */
@media (max-width: 1024px) {
    .chart-column[b-p4s1hvmwmj] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .dashboard-charts[b-p4s1hvmwmj] {
        padding: 1rem;
    }

    .charts-footer[b-p4s1hvmwmj] {
        flex-direction: column;
        gap: 1rem;
    }

    .footer-actions[b-p4s1hvmwmj] {
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}
/* /Components/Dashboard/DashboardHealthAnalysis.razor.rz.scp.css */
.dashboard-health-analysis[b-5k4so4g8ae] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--surface);
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.health-header[b-5k4so4g8ae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.header-left[b-5k4so4g8ae] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.health-header h2[b-5k4so4g8ae] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.cache-badge[b-5k4so4g8ae], .fresh-badge[b-5k4so4g8ae] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-5k4so4g8ae] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #92400e);
}

.fresh-badge[b-5k4so4g8ae] {
    background: var(--success-bg, #d1fae5);
    color: var(--success-text, #065f46);
}

.health-content[b-5k4so4g8ae] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.health-grade-section[b-5k4so4g8ae] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem;
    background: var(--surface-alt, #f9fafb);
    border-radius: 0.5rem;
}

.grade-circle[b-5k4so4g8ae] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.grade-letter[b-5k4so4g8ae] {
    font-size: 2.5rem;
    font-weight: bold;
    color: white;
}

.grade-a[b-5k4so4g8ae] {
    background-color: #22c55e;
}

.grade-b[b-5k4so4g8ae] {
    background-color: #84cc16;
}

.grade-c[b-5k4so4g8ae] {
    background-color: #eab308;
}

.grade-d[b-5k4so4g8ae] {
    background-color: #f97316;
}

.grade-f[b-5k4so4g8ae] {
    background-color: #ef4444;
}

.grade-info[b-5k4so4g8ae] {
    flex: 1;
}

.overall-assessment[b-5k4so4g8ae] {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--text-secondary);
}

.health-factors[b-5k4so4g8ae] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.health-factors h4[b-5k4so4g8ae] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.factors-grid[b-5k4so4g8ae] {
    display: grid;
    gap: 1rem;
}

.factor-item[b-5k4so4g8ae] {
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: var(--surface-alt, #f9fafb);
    border: 1px solid var(--border, #e5e7eb);
}

.factor-header[b-5k4so4g8ae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.factor-name[b-5k4so4g8ae] {
    font-weight: 600;
    color: var(--text-primary);
}

.factor-stats[b-5k4so4g8ae] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.factor-status[b-5k4so4g8ae] {
    padding: 0.125rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-good[b-5k4so4g8ae] {
    background: #d1fae5;
    color: #065f46;
}

.status-fair[b-5k4so4g8ae] {
    background: #fef3c7;
    color: #92400e;
}

.status-poor[b-5k4so4g8ae] {
    background: #fecaca;
    color: #dc2626;
}

.factor-score[b-5k4so4g8ae] {
    font-weight: 600;
    color: var(--text-secondary);
}

.health-score[b-5k4so4g8ae] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    margin-bottom: 0.5rem;
}

.score-value[b-5k4so4g8ae] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
}

.score-label[b-5k4so4g8ae] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.progress-bar[b-5k4so4g8ae] {
    height: 8px;
    background: #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.progress-fill[b-5k4so4g8ae] {
    height: 100%;
    transition: width 0.3s ease;
}

.score-excellent[b-5k4so4g8ae] {
    background-color: #22c55e;
}

.score-good[b-5k4so4g8ae] {
    background-color: #84cc16;
}

.score-fair[b-5k4so4g8ae] {
    background-color: #eab308;
}

.score-poor[b-5k4so4g8ae] {
    background-color: #f97316;
}

.score-critical[b-5k4so4g8ae] {
    background-color: #ef4444;
}

.factor-description[b-5k4so4g8ae] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
    line-height: 1.4;
}

.health-footer[b-5k4so4g8ae] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
}

.footer-actions[b-5k4so4g8ae] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.health-placeholder[b-5k4so4g8ae] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    color: var(--text-secondary);
}

.health-placeholder p[b-5k4so4g8ae] {
    margin: 1rem 0;
    font-size: 0.875rem;
}

/* Skeleton States */
.health-skeleton[b-5k4so4g8ae] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

.skeleton-grade-circle[b-5k4so4g8ae] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-5k4so4g8ae 1.5s infinite;
}

.skeleton-factors[b-5k4so4g8ae] {
    display: grid;
    gap: 1rem;
}

.skeleton-factor[b-5k4so4g8ae] {
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: var(--surface-alt, #f9fafb);
}

.skeleton-line[b-5k4so4g8ae] {
    height: 1rem;
    border-radius: 0.25rem;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-5k4so4g8ae 1.5s infinite;
    margin-bottom: 0.5rem;
}

.skeleton-line.short[b-5k4so4g8ae] {
    width: 40%;
}

.skeleton-line.medium[b-5k4so4g8ae] {
    width: 80%;
}

.skeleton-bar[b-5k4so4g8ae] {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-5k4so4g8ae 1.5s infinite;
    margin-bottom: 0.5rem;
}

@keyframes shimmer-b-5k4so4g8ae {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}
/* /Components/Dashboard/DashboardHealthAndRisk.razor.rz.scp.css */
/* ===================================
   Health and Risk Analysis Component
   Combined risk scoring and health grading
   =================================== */

.dashboard-health-and-risk[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

/* Header */
.combined-header[b-wg28k6f5s8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.header-left[b-wg28k6f5s8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.combined-header h2[b-wg28k6f5s8] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cache-badge[b-wg28k6f5s8], .fresh-badge[b-wg28k6f5s8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-wg28k6f5s8] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #92400e);
}

.fresh-badge[b-wg28k6f5s8] {
    background: var(--success-bg, #d1fae5);
    color: var(--success-text, #065f46);
}

.combined-content[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Two-column header grid */
.har-header-grid[b-wg28k6f5s8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

/* Gauge Panels */
.gauge-panel[b-wg28k6f5s8] {
    background: var(--surface, #ffffff);
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 0.75rem;
    padding: 1rem 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.panel-title[b-wg28k6f5s8] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--border, #e5e7eb);
}

.risk-panel .panel-title[b-wg28k6f5s8] {
    border-bottom-color: #d32f2f;
}

.health-panel .panel-title[b-wg28k6f5s8] {
    border-bottom-color: #388e3c;
}

.gauge-content[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
}

/* Header Badge (status in title) */
.header-badge[b-wg28k6f5s8] {
    margin-left: auto;
    padding: 0.25rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: white;
}

.header-badge.risk-critical[b-wg28k6f5s8],
.header-badge.risk-high[b-wg28k6f5s8] {
    background: #d32f2f;
}

.header-badge.risk-moderate[b-wg28k6f5s8] {
    background: #f57c00;
}

.header-badge.risk-low[b-wg28k6f5s8] {
    background: #fbc02d;
    color: #333;
}

.header-badge.risk-minimal[b-wg28k6f5s8] {
    background: #388e3c;
}

.header-badge.grade-a[b-wg28k6f5s8],
.header-badge.grade-b[b-wg28k6f5s8] {
    background: #388e3c;
}

.header-badge.grade-c[b-wg28k6f5s8] {
    background: #f57c00;
}

.header-badge.grade-d[b-wg28k6f5s8],
.header-badge.grade-f[b-wg28k6f5s8] {
    background: #d32f2f;
}

.header-badge.grade-unknown[b-wg28k6f5s8] {
    background: #757575;
}

/* Chat Icon Button */
.chat-icon-btn[b-wg28k6f5s8] {
    margin-left: 0.5rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.chat-icon-btn:hover[b-wg28k6f5s8] {
    opacity: 1;
}

/* Health Grade Center Label */
.health-grade-center[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.grade-letter-circular[b-wg28k6f5s8] {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}

.grade-description-circular[b-wg28k6f5s8] {
    font-size: 0.875rem;
    color: var(--text-secondary, #6b7280);
    margin-top: 0.5rem;
    font-weight: 500;
}

/* Combined Summary */
.combined-summary[b-wg28k6f5s8] {
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(99, 102, 241, 0.08));
    border-radius: 0.75rem;
    border-left: 4px solid #3b82f6;
}

.summary-title[b-wg28k6f5s8] {
    margin: 0 0 0.75rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.summary-content[b-wg28k6f5s8] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--text-primary);
}

/* Risk Factors Section */
.risk-factors-section[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-header[b-wg28k6f5s8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-wg28k6f5s8] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.risk-factors-grid[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.risk-factor-card[b-wg28k6f5s8] {
    background: var(--surface, #ffffff);
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 0.75rem;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.risk-factor-card:hover[b-wg28k6f5s8] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.risk-factor-card.severity-high[b-wg28k6f5s8] {
    border-left: 4px solid #d32f2f;
}

.risk-factor-card.severity-medium[b-wg28k6f5s8] {
    border-left: 4px solid #f57c00;
}

.risk-factor-card.severity-low[b-wg28k6f5s8] {
    border-left: 4px solid #388e3c;
}

.factor-header[b-wg28k6f5s8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    user-select: none;
}

.factor-header:hover[b-wg28k6f5s8] {
    background: var(--surface-alt, #f9fafb);
}

.factor-title-section[b-wg28k6f5s8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.factor-icon[b-wg28k6f5s8] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--surface-alt, #f3f4f6);
}

.factor-title-content[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.factor-title[b-wg28k6f5s8] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.factor-severity-badge[b-wg28k6f5s8] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

/* Right-side score section for risk factors */
.factor-score-section[b-wg28k6f5s8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.factor-score[b-wg28k6f5s8] {
    font-size: 0.95rem;
    font-weight: 700;
    min-width: 28px;
    text-align: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    background: rgba(0, 0, 0, 0.05);
}

/* Risk score color classes */
.factor-score.score-critical[b-wg28k6f5s8] {
    color: #c62828;
}

.factor-score.score-high[b-wg28k6f5s8] {
    color: #d32f2f;
}

.factor-score.score-moderate[b-wg28k6f5s8] {
    color: #f57c00;
}

.factor-score.score-low[b-wg28k6f5s8] {
    color: #fbc02d;
}

.factor-score.score-minimal[b-wg28k6f5s8] {
    color: #388e3c;
}

.expand-icon[b-wg28k6f5s8] {
    color: var(--text-secondary, #6b7280);
    transition: transform 0.2s;
}

.factor-body[b-wg28k6f5s8] {
    padding: 0 1rem 1rem 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
    background: var(--surface-alt, #f9fafb);
}

.factor-section[b-wg28k6f5s8] {
    margin-top: 0.75rem;
    font-size: 0.9rem;
    line-height: 1.7;
}

.factor-section h6[b-wg28k6f5s8] {
    margin: 0 0 0.5rem 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Health Indicators Section */
.health-indicators-section[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.health-indicators-grid[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.health-indicator-card[b-wg28k6f5s8] {
    background: var(--surface, #ffffff);
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 0.75rem;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.health-indicator-card:hover[b-wg28k6f5s8] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.health-indicator-card.status-excellent[b-wg28k6f5s8] {
    border-left: 4px solid #2e7d32;
}

.health-indicator-card.status-good[b-wg28k6f5s8] {
    border-left: 4px solid #388e3c;
}

.health-indicator-card.status-fair[b-wg28k6f5s8] {
    border-left: 4px solid #f57c00;
}

.health-indicator-card.status-poor[b-wg28k6f5s8] {
    border-left: 4px solid #e64a19;
}

.health-indicator-card.status-critical[b-wg28k6f5s8] {
    border-left: 4px solid #c62828;
}

.indicator-header[b-wg28k6f5s8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    user-select: none;
}

.indicator-header:hover[b-wg28k6f5s8] {
    background: var(--surface-alt, #f9fafb);
}

.indicator-title-section[b-wg28k6f5s8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.indicator-icon[b-wg28k6f5s8] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--surface-alt, #f3f4f6);
}

.indicator-title-content[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.indicator-title[b-wg28k6f5s8] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-primary);
}

.indicator-status-badge[b-wg28k6f5s8] {
    font-size: 0.75rem;
    color: var(--text-secondary, #6b7280);
}

/* Right-side score section for health indicators */
.indicator-score-section[b-wg28k6f5s8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.indicator-score[b-wg28k6f5s8] {
    font-size: 1.25rem;
    font-weight: 700;
    min-width: 36px;
    text-align: center;
}

.indicator-grade[b-wg28k6f5s8] {
    font-size: 0.95rem;
    font-weight: 700;
    min-width: 28px;
    text-align: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* Health score color classes */
.indicator-score.health-score-excellent[b-wg28k6f5s8] {
    color: #2e7d32;
}

.indicator-score.health-score-good[b-wg28k6f5s8] {
    color: #388e3c;
}

.indicator-score.health-score-fair[b-wg28k6f5s8] {
    color: #f57c00;
}

.indicator-score.health-score-poor[b-wg28k6f5s8] {
    color: #e64a19;
}

.indicator-score.health-score-critical[b-wg28k6f5s8] {
    color: #c62828;
}

/* Health grade color classes */
.indicator-grade.grade-a[b-wg28k6f5s8] {
    color: #2e7d32;
    background: rgba(46, 125, 50, 0.1);
}

.indicator-grade.grade-b[b-wg28k6f5s8] {
    color: #388e3c;
    background: rgba(56, 142, 60, 0.1);
}

.indicator-grade.grade-c[b-wg28k6f5s8] {
    color: #f57c00;
    background: rgba(245, 124, 0, 0.1);
}

.indicator-grade.grade-d[b-wg28k6f5s8] {
    color: #e64a19;
    background: rgba(230, 74, 25, 0.1);
}

.indicator-grade.grade-f[b-wg28k6f5s8] {
    color: #c62828;
    background: rgba(198, 40, 40, 0.1);
}

.indicator-grade.grade-unknown[b-wg28k6f5s8] {
    color: #757575;
    background: rgba(117, 117, 117, 0.1);
}

.indicator-body[b-wg28k6f5s8] {
    padding: 0 1rem 1rem 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
    background: var(--surface-alt, #f9fafb);
}

.indicator-section[b-wg28k6f5s8] {
    margin-top: 0.75rem;
}

.indicator-section h6[b-wg28k6f5s8] {
    margin: 0 0 0.5rem 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.section-content[b-wg28k6f5s8] {
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--text-primary);
}

/* Footer */
.combined-footer[b-wg28k6f5s8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
    flex-wrap: wrap;
    gap: 0.75rem;
}

.footer-actions[b-wg28k6f5s8] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Placeholder */
.combined-placeholder[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    color: var(--text-secondary);
}

.combined-placeholder p[b-wg28k6f5s8] {
    margin: 1rem 0;
    font-size: 0.875rem;
}

/* Skeleton States */
.health-risk-skeleton[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

.dual-gauges-skeleton[b-wg28k6f5s8] {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
}

.skeleton-gauge-circle[b-wg28k6f5s8] {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-wg28k6f5s8 1.5s infinite;
}

.skeleton-sections[b-wg28k6f5s8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.skeleton-section[b-wg28k6f5s8] {
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: var(--surface-alt, #f9fafb);
}

.skeleton-line[b-wg28k6f5s8] {
    height: 1rem;
    border-radius: 0.25rem;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-wg28k6f5s8 1.5s infinite;
    margin-bottom: 0.5rem;
}

.skeleton-line.short[b-wg28k6f5s8] {
    width: 40%;
}

.skeleton-line.medium[b-wg28k6f5s8] {
    width: 80%;
}

@keyframes shimmer-b-wg28k6f5s8 {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Responsive breakpoints */
@media (max-width: 768px) {
    .har-header-grid[b-wg28k6f5s8] {
        grid-template-columns: 1fr;
    }

    .combined-header[b-wg28k6f5s8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .footer-actions[b-wg28k6f5s8] {
        width: 100%;
        justify-content: center;
    }

    .grade-letter-circular[b-wg28k6f5s8] {
        font-size: 3.5rem;
    }

    .grade-description-circular[b-wg28k6f5s8] {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .dashboard-health-and-risk[b-wg28k6f5s8] {
        padding: 1rem;
    }

    .combined-header h2[b-wg28k6f5s8] {
        font-size: 1.1rem;
    }

    .panel-title[b-wg28k6f5s8] {
        font-size: 1rem;
    }

    .grade-letter-circular[b-wg28k6f5s8] {
        font-size: 2.5rem;
    }

    .grade-description-circular[b-wg28k6f5s8] {
        font-size: 0.625rem;
    }

    .factor-title-section[b-wg28k6f5s8],
    .indicator-title-section[b-wg28k6f5s8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .factor-icon[b-wg28k6f5s8],
    .indicator-icon[b-wg28k6f5s8] {
        display: none;
    }
}
/* /Components/Dashboard/DashboardKeyInsights.razor.rz.scp.css */
.dashboard-key-insights[b-a07elt6q3p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 0.75rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

/* Header */
.insights-header[b-a07elt6q3p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--kendo-color-border, #e5e7eb);
}

.header-left[b-a07elt6q3p] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left h2[b-a07elt6q3p] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #1f2937);
}

.header-right[b-a07elt6q3p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.insights-count[b-a07elt6q3p] {
    color: #6b7280;
    font-size: 0.875rem;
}

.cache-badge[b-a07elt6q3p], .fresh-badge[b-a07elt6q3p] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-a07elt6q3p] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #92400e);
}

.fresh-badge[b-a07elt6q3p] {
    background: var(--success-bg, #d1fae5);
    color: var(--success-text, #065f46);
}

.insights-content[b-a07elt6q3p] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Insights List */
.insights-list[b-a07elt6q3p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.insight-item[b-a07elt6q3p] {
    border: 1px solid #e5e7eb;
    border-left: 4px solid #80C936;
    border-radius: 6px;
    padding: 1rem;
    background: #ffffff;
    transition: box-shadow 0.2s ease;
}

.insight-item:hover[b-a07elt6q3p] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.insight-item.expanded[b-a07elt6q3p] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Insight Header (clickable) */
.insight-header[b-a07elt6q3p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    gap: 1rem;
}

.insight-header-left[b-a07elt6q3p] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    min-width: 0;
}

.insight-header-right[b-a07elt6q3p] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Priority Badges */
.priority-badge[b-a07elt6q3p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

.priority-high[b-a07elt6q3p] {
    background: #fecaca;
    color: #dc2626;
}

.priority-medium[b-a07elt6q3p] {
    background: #fef08a;
    color: #ca8a04;
}

.priority-low[b-a07elt6q3p] {
    background: #bbf7d0;
    color: #16a34a;
}

/* Insight Title */
.insight-title[b-a07elt6q3p] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #1f2937);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Issue Description - always visible below header */
.insight-description[b-a07elt6q3p] {
    margin-top: 0.75rem;
    color: var(--kendo-color-on-app-surface, #374151);
    font-size: 0.9375rem;
    line-height: 1.6;
}

.insight-action-section[b-a07elt6q3p] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--kendo-color-surface-alt, #f9fafb);
    border-radius: 4px;
    border-left: 3px solid var(--kendo-color-primary, #80C936);
}

.action-label[b-a07elt6q3p] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--kendo-color-primary, #80C936);
    margin-bottom: 0.5rem;
    letter-spacing: 0.05em;
}

.insight-action-section p[b-a07elt6q3p] {
    margin: 0;
    color: var(--kendo-color-on-app-surface, #1f2937);
    line-height: 1.5;
}

/* Footer */
.insights-footer[b-a07elt6q3p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
}

/* Empty and Placeholder States */
.insights-empty[b-a07elt6q3p], .insights-placeholder[b-a07elt6q3p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    color: var(--text-secondary, #6b7280);
}

.insights-empty p[b-a07elt6q3p], .insights-placeholder p[b-a07elt6q3p] {
    margin: 1rem 0;
    font-size: 0.875rem;
}

/* Skeleton States */
.insights-skeleton[b-a07elt6q3p] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}

.skeleton-insight-row[b-a07elt6q3p] {
    display: flex;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background: var(--surface-alt, #f9fafb);
}

.skeleton-priority-badge[b-a07elt6q3p] {
    width: 60px;
    height: 24px;
    border-radius: 9999px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-a07elt6q3p 1.5s infinite;
}

.skeleton-insight-content[b-a07elt6q3p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.skeleton-line[b-a07elt6q3p] {
    height: 1rem;
    border-radius: 0.25rem;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-a07elt6q3p 1.5s infinite;
}

.skeleton-line.short[b-a07elt6q3p] {
    width: 40%;
}

.skeleton-line.medium[b-a07elt6q3p] {
    width: 80%;
}

@keyframes shimmer-b-a07elt6q3p {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Ask Question Button */
.ask-question-btn[b-a07elt6q3p] {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.ask-question-btn:hover[b-a07elt6q3p] {
    opacity: 1;
}
/* /Components/Dashboard/DashboardKpi.razor.rz.scp.css */
.dashboard-kpi-container[b-9pq43fmr58] {
    background: #ffffff;
    border-radius: 8px;
    padding: 1.5rem;
    min-height: 200px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

/* Header */
.kpi-header[b-9pq43fmr58] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
    margin-bottom: 1.5rem;
}

.header-left[b-9pq43fmr58] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left h2[b-9pq43fmr58] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.cache-badge[b-9pq43fmr58],
.fresh-badge[b-9pq43fmr58] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-9pq43fmr58] {
    background: var(--kendo-color-info-subtle);
    color: var(--kendo-color-info);
}

.fresh-badge[b-9pq43fmr58] {
    background: var(--kendo-color-success-subtle);
    color: var(--kendo-color-success);
}

/* KPI Grid */
.kpi-grid[b-9pq43fmr58] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

/* KPI Card */
.kpi-card[b-9pq43fmr58] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
}

.kpi-card:hover[b-9pq43fmr58] {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);
    background: #fafafa;
    border-color: #d1d5db;
}

/* Card status border accents */
.kpi-card.status-met[b-9pq43fmr58] {
    border-left: 3px solid #388e3c;
}

.kpi-card.status-exceeded[b-9pq43fmr58] {
    border-left: 3px solid #1976d2;
}

.kpi-card.status-missed[b-9pq43fmr58] {
    border-left: 3px solid #d32f2f;
}

/* KPI Header Row */
.kpi-header-row[b-9pq43fmr58] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.kpi-icon[b-9pq43fmr58] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: var(--kendo-color-surface-alt);
    color: var(--kendo-color-primary);
    flex-shrink: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kpi-card:hover .kpi-icon[b-9pq43fmr58] {
    transform: scale(1.1);
}

/* KPI color tokens — single source of truth for trend/sentiment colors */
.kpi-icon.icon-up[b-9pq43fmr58],
.kpi-icon.icon-positive[b-9pq43fmr58] {
    background: #e8f5e9;
    color: #388e3c;
}

.kpi-icon.icon-down[b-9pq43fmr58],
.kpi-icon.icon-negative[b-9pq43fmr58] {
    background: #ffebee;
    color: #d32f2f;
}

.kpi-icon.icon-flat[b-9pq43fmr58],
.kpi-icon.icon-neutral[b-9pq43fmr58] {
    background: #e3f2fd;
    color: #1976d2;
}

.kpi-name[b-9pq43fmr58] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--kendo-color-subtle);
    line-height: 1.3;
}

/* KPI Metrics */
.kpi-metrics[b-9pq43fmr58] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.kpi-value-row[b-9pq43fmr58] {
    display: flex;
    align-items: baseline;
}

.kpi-value[b-9pq43fmr58] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--kendo-color-on-app-surface);
    line-height: 1;
}

/* Comparison Row */
.kpi-comparison-row[b-9pq43fmr58] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.kpi-trend[b-9pq43fmr58] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.kpi-trend.trend-up[b-9pq43fmr58],
.kpi-trend.trend-positive[b-9pq43fmr58] {
    color: #388e3c;
}

.kpi-trend.trend-down[b-9pq43fmr58],
.kpi-trend.trend-negative[b-9pq43fmr58] {
    color: #d32f2f;
}

.kpi-trend.trend-flat[b-9pq43fmr58],
.kpi-trend.trend-neutral[b-9pq43fmr58] {
    color: #757575;
}

.kpi-comparison[b-9pq43fmr58] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle);
}

/* Target Row */
.kpi-target-row[b-9pq43fmr58] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--kendo-color-border);
    margin-top: 0.5rem;
}

.kpi-target-label[b-9pq43fmr58] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle);
}

.kpi-target-badge[b-9pq43fmr58] {
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.kpi-target-badge.status-met[b-9pq43fmr58] {
    background: #e8f5e9;
    color: #388e3c;
}

.kpi-target-badge.status-exceeded[b-9pq43fmr58] {
    background: #e3f2fd;
    color: #1976d2;
}

.kpi-target-badge.status-missed[b-9pq43fmr58] {
    background: #ffebee;
    color: #d32f2f;
}

/* Footer */
.kpi-footer[b-9pq43fmr58] {
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

/* Placeholder State */
.kpi-placeholder[b-9pq43fmr58] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    gap: 1rem;
    color: var(--kendo-color-subtle);
    text-align: center;
}

.kpi-placeholder p[b-9pq43fmr58] {
    margin: 0;
    font-size: 1rem;
}

/* Skeleton Loading */
.kpi-card.skeleton[b-9pq43fmr58] {
    background: var(--kendo-color-surface);
    pointer-events: none;
}

.kpi-skeleton-icon[b-9pq43fmr58] {
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: linear-gradient(90deg, var(--kendo-color-surface-alt) 25%, var(--kendo-color-border) 50%, var(--kendo-color-surface-alt) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-9pq43fmr58 1.5s infinite;
}

.kpi-skeleton-content[b-9pq43fmr58] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
}

.kpi-skeleton-line[b-9pq43fmr58] {
    height: 1rem;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--kendo-color-surface-alt) 25%, var(--kendo-color-border) 50%, var(--kendo-color-surface-alt) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-9pq43fmr58 1.5s infinite;
}

.kpi-skeleton-line.short[b-9pq43fmr58] {
    width: 60%;
}

.kpi-skeleton-line.medium[b-9pq43fmr58] {
    width: 80%;
}

.kpi-skeleton-line.long[b-9pq43fmr58] {
    width: 100%;
}

@keyframes shimmer-b-9pq43fmr58 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .dashboard-kpi-container[b-9pq43fmr58] {
        padding: 1rem;
    }

    .kpi-grid[b-9pq43fmr58] {
        grid-template-columns: 1fr;
    }

    .kpi-header h2[b-9pq43fmr58] {
        font-size: 1.25rem;
    }

    .kpi-value[b-9pq43fmr58] {
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .kpi-grid[b-9pq43fmr58] {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* /Components/Dashboard/DashboardMetrics.razor.rz.scp.css */
/* ===================================
   Dashboard Metrics Component
   Performance metrics display with expandable details
   =================================== */

.dashboard-metrics[b-c4rfl0ezj4] {
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Header */
.metrics-header[b-c4rfl0ezj4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border, #e5e7eb);
}

.header-left[b-c4rfl0ezj4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.metrics-header h2[b-c4rfl0ezj4] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cache-badge[b-c4rfl0ezj4], .fresh-badge[b-c4rfl0ezj4] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-c4rfl0ezj4] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #92400e);
}

.fresh-badge[b-c4rfl0ezj4] {
    background: var(--success-bg, #d1fae5);
    color: var(--success-text, #065f46);
}

/* Category Sections */
.metrics-category[b-c4rfl0ezj4] {
    margin-bottom: 1.5rem;
}

.metrics-grid[b-c4rfl0ezj4] {
    display: flex;
    flex-direction: column;
}

.category-header[b-c4rfl0ezj4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.category-title[b-c4rfl0ezj4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

/* Metric Cards */
.metric-card[b-c4rfl0ezj4] {
    margin-bottom: 0.75rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #6b7280;
    border-radius: 8px;
    transition: all 0.2s;
}

.metric-card:hover[b-c4rfl0ezj4] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.metric-card.status-good[b-c4rfl0ezj4] {
    border-left-color: #22c55e;
}

.metric-card.status-fair[b-c4rfl0ezj4] {
    border-left-color: #f59e0b;
}

.metric-card.status-poor[b-c4rfl0ezj4] {
    border-left-color: #ef4444;
}

/* Metric Header - 3 Column Grid Layout */
.metric-header[b-c4rfl0ezj4] {
    display: grid;
    grid-template-columns: 90px 1fr auto;
    align-items: start;
    gap: 1rem;
    padding: 1rem;
    cursor: pointer;
}

/* Column 1: Indicator (Circle + Status Badge) */
.metric-indicator[b-c4rfl0ezj4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.metric-value-circle[b-c4rfl0ezj4] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border: 3px solid #6b7280;
}

.metric-value-text[b-c4rfl0ezj4] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #1e293b;
    text-align: center;
    line-height: 1.1;
    padding: 0.25rem;
}

.metric-status-badge[b-c4rfl0ezj4] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
}

.metric-status-badge.status-good[b-c4rfl0ezj4] {
    background: #dcfce7;
    color: #166534;
}

.metric-status-badge.status-fair[b-c4rfl0ezj4] {
    background: #fef3c7;
    color: #92400e;
}

.metric-status-badge.status-poor[b-c4rfl0ezj4] {
    background: #fecaca;
    color: #dc2626;
}

/* Column 2: Content (Title row + Details row) */
.metric-content[b-c4rfl0ezj4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.metric-title-row[b-c4rfl0ezj4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.metric-name[b-c4rfl0ezj4] {
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.formula-icon[b-c4rfl0ezj4] {
    color: #94a3b8;
    cursor: help;
    flex-shrink: 0;
}

.formula-icon:hover[b-c4rfl0ezj4] {
    color: #3b82f6;
}

/* Details row: Description | Comparisons */
.metric-details-row[b-c4rfl0ezj4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.benchmark-description[b-c4rfl0ezj4] {
    flex: 1;
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.4;
    min-width: 0;
}

.metric-comparisons[b-c4rfl0ezj4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.8rem;
    text-align: right;
    flex-shrink: 0;
}

.comparison-item[b-c4rfl0ezj4] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    justify-content: flex-end;
}

.comparison-label[b-c4rfl0ezj4] {
    color: #94a3b8;
    font-size: 0.75rem;
    white-space: nowrap;
}

.comparison-value[b-c4rfl0ezj4] {
    color: #475569;
    font-weight: 500;
}

/* Column 3: Actions (Chevron + Ask button stacked) */
.metric-actions-column[b-c4rfl0ezj4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.25rem;
}

.expand-icon[b-c4rfl0ezj4] {
    color: #94a3b8;
    cursor: pointer;
}

/* Expanded Body */
.metric-body[b-c4rfl0ezj4] {
    grid-column: 1 / -1;
    padding: 1rem;
    margin-top: 0.5rem;
    background: #f8fafc;
    border-radius: 8px;
    border-top: 1px solid #e2e8f0;
}

.metric-section[b-c4rfl0ezj4] {
    margin-bottom: 1rem;
}

.metric-section:last-child[b-c4rfl0ezj4] {
    margin-bottom: 0;
}

.metric-section h6[b-c4rfl0ezj4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #475569;
    margin: 0 0 0.5rem 0;
}

.section-content[b-c4rfl0ezj4] {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.5;
}

/* Info Icon (tooltip trigger) */
.info-icon[b-c4rfl0ezj4] {
    color: #94a3b8;
    cursor: help;
    transition: color 0.2s;
}

.info-icon:hover[b-c4rfl0ezj4] {
    color: #3b82f6;
}

/* Expand Icon */
.expand-icon[b-c4rfl0ezj4] {
    color: var(--text-secondary, #6b7280);
    transition: transform 0.2s;
}

/* Footer */
.metrics-footer[b-c4rfl0ezj4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.footer-actions[b-c4rfl0ezj4] {
    display: flex;
    gap: 0.5rem;
}

/* Skeleton Loading States */
.metrics-skeleton[b-c4rfl0ezj4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
}

.skeleton-category[b-c4rfl0ezj4] {
    margin-bottom: 1.5rem;
}

.skeleton-category-header[b-c4rfl0ezj4] {
    height: 48px;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: shimmer-b-c4rfl0ezj4 1.5s infinite;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.skeleton-metric[b-c4rfl0ezj4] {
    height: 80px;
    background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: shimmer-b-c4rfl0ezj4 1.5s infinite;
    border-radius: 8px;
    margin-bottom: 0.75rem;
}

@keyframes shimmer-b-c4rfl0ezj4 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Placeholder State */
.metrics-placeholder[b-c4rfl0ezj4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: #64748b;
}

.metrics-placeholder p[b-c4rfl0ezj4] {
    margin: 1rem 0;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .metric-header[b-c4rfl0ezj4] {
        grid-template-columns: 80px 1fr auto;
    }

    .metric-details-row[b-c4rfl0ezj4] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .metric-comparisons[b-c4rfl0ezj4] {
        text-align: left;
    }

    .comparison-item[b-c4rfl0ezj4] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .dashboard-metrics[b-c4rfl0ezj4] {
        padding: 1rem;
    }

    .metrics-header[b-c4rfl0ezj4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .category-header[b-c4rfl0ezj4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .metric-header[b-c4rfl0ezj4] {
        grid-template-columns: 70px 1fr auto;
        gap: 0.75rem;
    }

    .metric-value-circle[b-c4rfl0ezj4] {
        width: 56px;
        height: 56px;
    }

    .footer-actions[b-c4rfl0ezj4] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .metrics-header h2[b-c4rfl0ezj4] {
        font-size: 1.1rem;
    }

    .category-title[b-c4rfl0ezj4] {
        font-size: 1rem;
    }

    .metric-header[b-c4rfl0ezj4] {
        grid-template-columns: 60px 1fr auto;
        padding: 0.75rem;
        gap: 0.5rem;
    }

    .metric-value-circle[b-c4rfl0ezj4] {
        width: 50px;
        height: 50px;
    }

    .metric-value-text[b-c4rfl0ezj4] {
        font-size: 0.7rem;
    }

    .metric-name[b-c4rfl0ezj4] {
        font-size: 0.9rem;
    }

    .metric-status-badge[b-c4rfl0ezj4] {
        font-size: 0.6rem;
        padding: 0.15rem 0.4rem;
    }

    .metric-comparisons[b-c4rfl0ezj4] {
        font-size: 0.7rem;
    }
}
/* /Components/Dashboard/DashboardQuickSummary.razor.rz.scp.css */
.quick-summary-container[b-3c9vauvnxh] {
    background: #ffffff;
    border-radius: 8px;
    padding: 1.5rem;
    min-height: 200px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

/* Empty State */
.quick-summary-empty[b-3c9vauvnxh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    gap: 1rem;
    color: var(--kendo-color-subtle);
    text-align: center;
}

.quick-summary-empty p[b-3c9vauvnxh] {
    margin: 0;
    font-size: 1rem;
}

/* Content */
.quick-summary-content[b-3c9vauvnxh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Header */
.quick-summary-header[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--kendo-color-border);
}

.header-left[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left h2[b-3c9vauvnxh] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.cache-badge[b-3c9vauvnxh],
.fresh-badge[b-3c9vauvnxh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-3c9vauvnxh] {
    background: var(--kendo-color-info-subtle);
    color: var(--kendo-color-info);
}

.fresh-badge[b-3c9vauvnxh] {
    background: var(--kendo-color-success-subtle);
    color: var(--kendo-color-success);
}

.header-actions[b-3c9vauvnxh] {
    display: flex;
    gap: 0.5rem;
}

/* Findings List */
.findings-list[b-3c9vauvnxh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.finding-item[b-3c9vauvnxh] {
    border: 1px solid #e5e7eb;
    border-left: 4px solid #80C936;
    border-radius: 6px;
    padding: 1rem;
    background: #ffffff;
}

.finding-header[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0.75rem;
}

.finding-header-left[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.finding-title-group[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.finding-title-group h4[b-3c9vauvnxh] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.finding-description[b-3c9vauvnxh] {
    margin: 0.5rem 0;
    color: var(--kendo-color-on-app-surface);
    line-height: 1.5;
}

.finding-action[b-3c9vauvnxh] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    border-radius: 4px;
    border-left: 3px solid var(--kendo-color-primary);
}

.finding-action strong[b-3c9vauvnxh] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--kendo-color-primary);
}

.finding-action p[b-3c9vauvnxh] {
    margin: 0;
    color: var(--kendo-color-on-app-surface);
}

/* Score Badges */
.score-badge[b-3c9vauvnxh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.875rem;
}

.score-badge.score-critical[b-3c9vauvnxh] {
    background: #ffebee;
    color: #d32f2f;
}

.score-badge.score-high[b-3c9vauvnxh] {
    background: #fff3e0;
    color: #f57c00;
}

.score-badge.score-medium[b-3c9vauvnxh] {
    background: #fff9e0;
    color: #f57c00;
}

.score-badge.score-low[b-3c9vauvnxh] {
    background: #e8f5e9;
    color: #388e3c;
}

/* Impact Badges */
.impact-badge[b-3c9vauvnxh] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.impact-badge.impact-high[b-3c9vauvnxh] {
    background: #ffebee;
    color: #d32f2f;
}

.impact-badge.impact-medium[b-3c9vauvnxh] {
    background: #fff3e0;
    color: #f57c00;
}

.impact-badge.impact-low[b-3c9vauvnxh] {
    background: #e8f5e9;
    color: #388e3c;
}

/* Trends List */
.trends-list[b-3c9vauvnxh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trend-item[b-3c9vauvnxh] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
    background: #ffffff;
}

.trend-header[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0.5rem;
}

.trend-header-left[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.trend-indicator[b-3c9vauvnxh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.trend-indicator.trend-up[b-3c9vauvnxh] {
    background: #e8f5e9;
    color: #388e3c;
}

.trend-indicator.trend-down[b-3c9vauvnxh] {
    background: #ffebee;
    color: #d32f2f;
}

.trend-indicator.trend-stable[b-3c9vauvnxh] {
    background: #e3f2fd;
    color: #1976d2;
}

.trend-title-group[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.trend-title-group h4[b-3c9vauvnxh] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.trend-details[b-3c9vauvnxh] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--kendo-color-border);
}

.trend-analysis[b-3c9vauvnxh],
.trend-response[b-3c9vauvnxh] {
    margin-bottom: 1rem;
}

.trend-analysis strong[b-3c9vauvnxh],
.trend-response strong[b-3c9vauvnxh] {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--kendo-color-primary);
}

.trend-analysis p[b-3c9vauvnxh],
.trend-response p[b-3c9vauvnxh] {
    margin: 0;
    color: var(--kendo-color-on-app-surface);
    line-height: 1.5;
}

/* Recommendations List */
.recommendations-list[b-3c9vauvnxh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.recommendation-item[b-3c9vauvnxh] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
    background: #ffffff;
}

.recommendation-header[b-3c9vauvnxh] {
    display: flex;
    gap: 1rem;
}

.recommendation-icon[b-3c9vauvnxh] {
    color: var(--kendo-color-primary);
    flex-shrink: 0;
}

.recommendation-content[b-3c9vauvnxh] {
    flex: 1;
}

.recommendation-title-row[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.recommendation-title-row h4[b-3c9vauvnxh] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.recommendation-action[b-3c9vauvnxh] {
    margin: 0.5rem 0;
    color: var(--kendo-color-on-app-surface);
    line-height: 1.5;
}

.recommendation-category[b-3c9vauvnxh] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background: var(--kendo-color-surface-alt);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--kendo-color-subtle);
}

/* Priority Badges */
.priority-badge[b-3c9vauvnxh] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.priority-badge.priority-high[b-3c9vauvnxh] {
    background: #ffebee;
    color: #d32f2f;
}

.priority-badge.priority-medium[b-3c9vauvnxh] {
    background: #fff3e0;
    color: #f57c00;
}

.priority-badge.priority-low[b-3c9vauvnxh] {
    background: #e8f5e9;
    color: #388e3c;
}

/* Footer */
.quick-summary-footer[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.5rem;
    border-top: 1px solid var(--kendo-color-border);
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-left[b-3c9vauvnxh] {
    flex: 1;
}

.footer-right[b-3c9vauvnxh] {
    display: flex;
    gap: 0.5rem;
}

.talk-more-error[b-3c9vauvnxh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: var(--kendo-color-error-subtle);
    color: var(--kendo-color-error);
    border-radius: 4px;
    font-size: 0.875rem;
}
/* /Components/Dashboard/DashboardRiskAnalysis.razor.rz.scp.css */
.dashboard-risk-analysis[b-tdhsmn5twj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--surface);
    border-radius: 0.75rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.risk-header[b-tdhsmn5twj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.header-left[b-tdhsmn5twj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.risk-header h2[b-tdhsmn5twj] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.cache-badge[b-tdhsmn5twj], .fresh-badge[b-tdhsmn5twj] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.cache-badge[b-tdhsmn5twj] {
    background: var(--warning-bg, #fef3c7);
    color: var(--warning-text, #92400e);
}

.fresh-badge[b-tdhsmn5twj] {
    background: var(--success-bg, #d1fae5);
    color: var(--success-text, #065f46);
}

.risk-content[b-tdhsmn5twj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.risk-gauge-section[b-tdhsmn5twj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--surface-alt, #f9fafb);
    border-radius: 0.5rem;
}

.gauge-container[b-tdhsmn5twj] {
    position: relative;
}

.gauge-center-text[b-tdhsmn5twj] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
}

.score-value[b-tdhsmn5twj] {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: var(--text-primary);
    line-height: 1;
}

.score-label[b-tdhsmn5twj] {
    display: block;
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

.risk-level[b-tdhsmn5twj] {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: bold;
    text-align: center;
}

.level-critical[b-tdhsmn5twj] {
    background: #fecaca;
    color: #dc2626;
}

.level-high[b-tdhsmn5twj] {
    background: #fed7aa;
    color: #ea580c;
}

.level-moderate[b-tdhsmn5twj] {
    background: #fef08a;
    color: #ca8a04;
}

.level-low[b-tdhsmn5twj] {
    background: #d9f99d;
    color: #65a30d;
}

.level-minimal[b-tdhsmn5twj] {
    background: #bbf7d0;
    color: #16a34a;
}

.risk-factors[b-tdhsmn5twj] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.factors-header[b-tdhsmn5twj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.risk-factors h4[b-tdhsmn5twj] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
}

.showing-count[b-tdhsmn5twj] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    font-style: italic;
}

.factor-card[b-tdhsmn5twj] {
    border: 1px solid var(--border, #e5e7eb);
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    background: var(--surface);
    transition: box-shadow 0.2s ease;
}

.factor-card.expanded[b-tdhsmn5twj] {
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.factor-header[b-tdhsmn5twj] {
    padding: 0.75rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.factor-header:hover[b-tdhsmn5twj] {
    background: var(--surface-alt, #f9fafb);
}

.factor-header-content[b-tdhsmn5twj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.factor-name[b-tdhsmn5twj] {
    color: var(--text-primary);
    flex: 1;
}

.severity-badge[b-tdhsmn5twj] {
    display: inline-flex;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.severity-high[b-tdhsmn5twj] {
    background: #fecaca;
    color: #dc2626;
}

.severity-medium[b-tdhsmn5twj] {
    background: #fef08a;
    color: #ca8a04;
}

.severity-low[b-tdhsmn5twj] {
    background: #d9f99d;
    color: #65a30d;
}

.factor-details[b-tdhsmn5twj] {
    padding: 0.75rem;
    border-top: 1px solid var(--border, #e5e7eb);
    background: var(--surface-alt, #f9fafb);
}

.detail-section[b-tdhsmn5twj] {
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.detail-section:last-child[b-tdhsmn5twj] {
    margin-bottom: 0;
}

.detail-section strong[b-tdhsmn5twj] {
    color: var(--text-primary);
    margin-right: 0.5rem;
}

.show-all-container[b-tdhsmn5twj] {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem;
}

.show-all-button[b-tdhsmn5twj] {
    width: 100%;
    max-width: 300px;
}

.risk-footer[b-tdhsmn5twj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid var(--border, #e5e7eb);
}

.footer-actions[b-tdhsmn5twj] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.risk-placeholder[b-tdhsmn5twj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    color: var(--text-secondary);
}

.risk-placeholder p[b-tdhsmn5twj] {
    margin: 1rem 0;
    font-size: 0.875rem;
}

/* Skeleton States */
.risk-skeleton[b-tdhsmn5twj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem;
    align-items: center;
}

.skeleton-gauge-circle[b-tdhsmn5twj] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-tdhsmn5twj 1.5s infinite;
}

.skeleton-factors[b-tdhsmn5twj] {
    width: 100%;
    display: grid;
    gap: 1rem;
}

.skeleton-factor[b-tdhsmn5twj] {
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: var(--surface-alt, #f9fafb);
    border: 1px solid var(--border, #e5e7eb);
}

.skeleton-line[b-tdhsmn5twj] {
    height: 1rem;
    border-radius: 0.25rem;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-b-tdhsmn5twj 1.5s infinite;
    margin-bottom: 0.5rem;
}

.skeleton-line.short[b-tdhsmn5twj] {
    width: 40%;
}

.skeleton-line.medium[b-tdhsmn5twj] {
    width: 80%;
}

@keyframes shimmer-b-tdhsmn5twj {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}
/* /Components/Dashboard/QuickSummarySection.razor.rz.scp.css */
.quick-summary-section[b-qcr0z8r5xf] {
    border: 2px solid #80C936;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
}

.section-header[b-qcr0z8r5xf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: var(--kendo-color-surface-alt);
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
}

.section-header:hover[b-qcr0z8r5xf] {
    background: var(--kendo-color-base-hover);
}

.section-header-left[b-qcr0z8r5xf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-header h3[b-qcr0z8r5xf] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.section-header-right[b-qcr0z8r5xf] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.section-navigate-btn[b-qcr0z8r5xf] {
    opacity: 0.5;
    transition: opacity 0.2s, color 0.2s;
}

.section-navigate-btn:hover[b-qcr0z8r5xf] {
    opacity: 1;
    color: var(--color-primary, #80C936);
}

.section-body[b-qcr0z8r5xf] {
    padding: 1rem;
    background: #ffffff;
}
/* /Components/Info/ReportSelectionViewer.razor.rz.scp.css */
.report-selection-viewer[b-7r93h1ifeo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
    overflow-y: auto;
}

.selection-header[b-7r93h1ifeo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #0d6efd;
}

.selection-header h3[b-7r93h1ifeo] {
    margin: 0;
    font-size: 1rem;
    color: #212529;
    font-weight: 600;
}

.edit-link[b-7r93h1ifeo] {
    font-size: 0.875rem;
    color: #0d6efd;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    transition: color 0.2s ease;
}

.edit-link:hover[b-7r93h1ifeo] {
    color: #0a58ca;
    text-decoration: underline;
}

.edit-link:active[b-7r93h1ifeo] {
    color: #084298;
}

.analysis-type-section[b-7r93h1ifeo] {
    padding: 0.5rem 0;
}

.selection-items[b-7r93h1ifeo] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.selection-card[b-7r93h1ifeo] {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    flex: 0 0 auto;
    min-width: 150px;
    max-width: 200px;
}

.card-content[b-7r93h1ifeo] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.report-name[b-7r93h1ifeo] {
    font-size: 0.8125rem;
    color: #0d6efd;
    font-weight: 600;
    line-height: 1.2;
}

.org-name[b-7r93h1ifeo] {
    font-size: 0.75rem;
    color: #495057;
    line-height: 1.2;
}

.period-info[b-7r93h1ifeo] {
    font-size: 0.75rem;
    color: #6c757d;
    font-style: italic;
    line-height: 1.2;
    margin-top: 0.125rem;
}

/* Responsive adjustments for narrow left panels */
@media (max-width: 768px) {
    .report-selection-viewer[b-7r93h1ifeo] {
        padding: 0.5rem;
    }

    .selection-header h3[b-7r93h1ifeo] {
        font-size: 0.9rem;
    }

    .edit-link[b-7r93h1ifeo] {
        font-size: 0.75rem;
    }

    .selection-card[b-7r93h1ifeo] {
        min-width: 120px;
        max-width: 160px;
    }

    .report-name[b-7r93h1ifeo] {
        font-size: 0.75rem;
    }

    .org-name[b-7r93h1ifeo],
    .period-info[b-7r93h1ifeo] {
        font-size: 0.6875rem;
    }
}
/* /Components/Navigation/DashboardNavigation.razor.rz.scp.css */
/* Timeline Navigation */
.timeline[b-84f0t6nnik] {
  position: relative;
}

.timeline-item[b-84f0t6nnik] {
  position: relative;
  padding-left: 0;
  padding-bottom: 1rem;
  cursor: pointer;
  transition: all 300ms ease-in-out;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.timeline-item:hover[b-84f0t6nnik] {
  transform: translateX(4px);
}

.timeline-marker[b-84f0t6nnik] {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: #ffffff;
  border: 3px solid #e0e0e0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #999;
  transition: all 300ms ease-in-out;
}

.timeline-item.active .timeline-marker[b-84f0t6nnik] {
  background: linear-gradient(135deg, #80c936 0%, #6fb028 100%);
  border-color: #80c936;
  color: #ffffff;
}

.timeline-item.completed .timeline-marker[b-84f0t6nnik] {
  background: #80c936;
  border-color: #80c936;
  color: #ffffff;
}

.timeline-content h4[b-84f0t6nnik] {
  font-size: 0.9rem;
  margin-bottom: 0.1rem;
  color: #2f2f2f;
}

.timeline-content p[b-84f0t6nnik] {
  font-size: 0.7rem;
  color: #888;
  margin: 0;
  line-height: 1.2;
}

.timeline-item.active .timeline-content h4[b-84f0t6nnik] {
  color: #80c936;
  font-weight: 600;
}
/* /Components/Reports/ReportsGrid.razor.rz.scp.css */
.loading-container[b-clre4a5np4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: var(--text-secondary, #6c757d);
}

.empty-state[b-clre4a5np4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background-color: var(--surface-light, #f8f9fa);
    border-radius: 8px;
    border: 1px dashed var(--border-color, #dee2e6);
}

.empty-state h3[b-clre4a5np4] {
    margin: 1rem 0 0.5rem 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #212529);
}

.empty-state p[b-clre4a5np4] {
    margin: 0;
    color: var(--text-secondary, #6c757d);
}

.reports-grid[b-clre4a5np4] {
    border-radius: 8px;
    overflow: hidden;
}

.last-sync-cell[b-clre4a5np4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sync-status[b-clre4a5np4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.sync-status.syncing[b-clre4a5np4] {
    color: var(--info-color, #0d6efd);
}

.sync-status.success[b-clre4a5np4] {
    color: var(--success-color, #198754);
}

.sync-status.failed[b-clre4a5np4] {
    color: var(--danger-color, #dc3545);
}

.sync-status.idle[b-clre4a5np4] {
    color: var(--text-muted, #adb5bd);
}

.sync-badge[b-clre4a5np4] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.75rem;
}

.badge-new[b-clre4a5np4] {
    color: var(--success-color, #198754);
    font-weight: 500;
}

.badge-updated[b-clre4a5np4] {
    color: var(--info-color, #0d6efd);
    font-weight: 500;
}
/* /Components/Reports/SyncHistoryPanel.razor.rz.scp.css */
.sync-history-panel[b-amwgn3dva8] {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #dee2e6);
}

.panel-header[b-amwgn3dva8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
    background-color: transparent;
    color: inherit;
    padding: 0;
    border-bottom: none;
}

.panel-header h2[b-amwgn3dva8] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary, #212529);
}

.filter-container[b-amwgn3dva8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.report-filter-dropdown[b-amwgn3dva8] {
    min-width: 200px;
}

.loading-container[b-amwgn3dva8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    color: var(--text-secondary, #6c757d);
}

.empty-state[b-amwgn3dva8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: var(--text-secondary, #6c757d);
    background-color: var(--surface-light, #f8f9fa);
    border-radius: 8px;
    border: 1px dashed var(--border-color, #dee2e6);
}

.empty-state p[b-amwgn3dva8] {
    margin: 0.5rem 0 0 0;
}

.history-grid[b-amwgn3dva8] {
    border-radius: 8px;
    overflow: hidden;
}

.status-cell[b-amwgn3dva8] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.status-badge[b-amwgn3dva8] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.status-badge.success[b-amwgn3dva8] {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.failed[b-amwgn3dva8] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-badge.skipped[b-amwgn3dva8] {
    background-color: #e9ecef;
    color: #495057;
}

.expand-error-btn[b-amwgn3dva8] {
    margin-left: 0.25rem;
    padding: 0.125rem !important;
    min-width: auto !important;
}

.error-details[b-amwgn3dva8] {
    padding: 0.75rem;
    background-color: #fff3cd;
    border-radius: 0.25rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    word-break: break-word;
}

.pagination-container[b-amwgn3dva8] {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}
/* /Components/Selectors/FolderSelector.razor.rz.scp.css */
.folder-selector[b-bzt7qoej4t] {
    display: block;
}
/* /Components/Selectors/OrganizationSelector.razor.rz.scp.css */
.organization-selector[b-ozba37x6tk] {
    display: block;
}
/* /Components/Selectors/ReportDefinitionSelector.razor.rz.scp.css */
.report-item[b-zweoper8vu] {
    padding: 4px 0;
}

.report-name[b-zweoper8vu] {
    font-weight: 500;
    color: #1a1a1a;
    font-size: 14px;
}

.report-description[b-zweoper8vu] {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Selectors/ReportResultSelector.razor.rz.scp.css */
.result-item[b-ik7qj34vfi] {
    padding: 6px 0;
}

.result-header[b-ik7qj34vfi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.result-name[b-ik7qj34vfi] {
    font-weight: 500;
    color: #1a1a1a;
    font-size: 14px;
}

.result-date[b-ik7qj34vfi] {
    font-weight: 600;
    color: #0078D4;
    font-size: 13px;
    margin-left: 12px;
}

.result-meta[b-ik7qj34vfi] {
    display: flex;
    gap: 12px;
    font-size: 12px;
    color: #666;
}

.result-time[b-ik7qj34vfi] {
    color: #999;
}

.result-orgs[b-ik7qj34vfi] {
    color: #666;
}
/* /Components/Selectors/ReportSelectionCardList.razor.rz.scp.css */
.selection-card-list[b-9pgrcdlaw9] {
    width: 100%;
}

.cards-container[b-9pgrcdlaw9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-4, 1rem);
    padding: var(--kendo-spacing-2, 0.5rem) 0;
}

/* Ensure SelectionCard components display properly in flex layout */
.cards-container > div[role="listitem"][b-9pgrcdlaw9] {
    flex: 0 0 auto;
}

.cards-container[b-9pgrcdlaw9]  .selection-card {
    min-width: 250px;
    max-width: 350px;
    height: 100%;
}
/* /Components/Selectors/TopicSelector.razor.rz.scp.css */
/* TopicSelector - Scoped Styles */

.topic-selector[b-b5mcli01pt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Loading State */
.topic-selector-loading[b-b5mcli01pt] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    color: #6c757d;
    font-size: 0.875rem;
}

/* Dropdown */
.topic-dropdown[b-b5mcli01pt] {
    width: 100%;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    color: #212529;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.topic-dropdown:hover:not(:disabled)[b-b5mcli01pt] {
    border-color: #86b7fe;
}

.topic-dropdown:focus[b-b5mcli01pt] {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.topic-dropdown:disabled[b-b5mcli01pt] {
    background-color: #e9ecef;
    opacity: 0.6;
    cursor: not-allowed;
}

.topic-dropdown option[b-b5mcli01pt] {
    padding: 0.5rem;
}

/* "No Topic" option - subtle styling */
.topic-dropdown option[value=""][b-b5mcli01pt] {
    font-style: italic;
    color: #6c757d;
}

/* Description */
.topic-description[b-b5mcli01pt] {
    padding: 0 0.25rem;
    font-size: 0.75rem;
    line-height: 1.4;
    min-height: 2.5rem;
}

.topic-description small[b-b5mcli01pt] {
    display: block;
    color: #6c757d;
}

/* Responsive Design */
@media (max-width: 768px) {
    .topic-dropdown[b-b5mcli01pt] {
        font-size: 0.8rem;
        padding: 0.4rem 0.6rem;
    }

    .topic-description[b-b5mcli01pt] {
        font-size: 0.7rem;
        min-height: 2rem;
    }
}

@media (max-width: 480px) {
    .topic-description[b-b5mcli01pt] {
        display: none; /* Hide description on very small screens */
    }
}

/* Animation */
.topic-selector[b-b5mcli01pt] {
    animation: fadeIn-b-b5mcli01pt 0.3s ease-in;
}

@keyframes fadeIn-b-b5mcli01pt {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/SessionChat/SessionConversationList.razor.rz.scp.css */
/* SessionConversationList - Scoped Styles */

.session-conversation-list[b-dlbprskf8u] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #f8f9fa;
    overflow: hidden;
}

/* New Conversation Button */
.new-conversation-btn[b-dlbprskf8u] {
    margin-bottom: 1rem;
    width: 100%;
    justify-content: center;
    gap: 0.5rem;
}

/* Loading State */
.loading-state[b-dlbprskf8u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: center;
    color: #6c757d;
    gap: 1rem;
}

.loading-state p[b-dlbprskf8u] {
    margin: 0;
    font-size: 0.875rem;
}

/* Empty State */
.empty-state[b-dlbprskf8u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1.5rem;
    text-align: center;
    color: #6c757d;
}

.empty-state p[b-dlbprskf8u] {
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

/* Conversation Items */
.conversation-items[b-dlbprskf8u] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Individual Conversation Item */
.conversation-item[b-dlbprskf8u] {
    position: relative;
    padding: 0.75rem;
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    transition: all 0.15s ease;
    overflow: visible;
}

.conversation-item:hover[b-dlbprskf8u] {
    background: #f8f9fa;
    border-color: #dee2e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.conversation-item.active[b-dlbprskf8u] {
    background: #e3f2fd;
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.conversation-item.active:hover[b-dlbprskf8u] {
    background: #d1e7fd;
}

/* Conversation Button (main clickable area) */
.conversation-button[b-dlbprskf8u] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    gap: 0.5rem;
    overflow: visible;
}

.conversation-button:hover .conversation-title[b-dlbprskf8u] {
    color: #007bff;
}

.conversation-title[b-dlbprskf8u] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #212529;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    transition: color 0.15s ease;
}

.conversation-meta[b-dlbprskf8u] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    width: 100%;
    overflow: visible;
}

.timestamp[b-dlbprskf8u] {
    color: #6c757d;
}

/* Message count badge - ensure it's visible and in flow */
.conversation-meta[b-dlbprskf8u]  .k-badge {
    flex-shrink: 0;
    position: static !important;
    display: inline-flex !important;
    transform: none !important;
}

/* Action Buttons (Edit/Delete) */
.conversation-actions[b-dlbprskf8u] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: none;
    gap: 0.25rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    padding: 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.conversation-item:hover .conversation-actions[b-dlbprskf8u] {
    display: flex;
}

/* Edit Mode */
.edit-mode[b-dlbprskf8u] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.25rem 0;
}

.edit-input[b-dlbprskf8u] {
    width: 100%;
}

.edit-actions[b-dlbprskf8u] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* Scrollbar Styling */
.conversation-items[b-dlbprskf8u]::-webkit-scrollbar {
    width: 6px;
}

.conversation-items[b-dlbprskf8u]::-webkit-scrollbar-track {
    background: transparent;
}

.conversation-items[b-dlbprskf8u]::-webkit-scrollbar-thumb {
    background: #ced4da;
    border-radius: 3px;
}

.conversation-items[b-dlbprskf8u]::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

/* Responsive Design */
@media (max-width: 768px) {
    .conversation-item[b-dlbprskf8u] {
        padding: 0.5rem;
    }

    .conversation-actions[b-dlbprskf8u] {
        display: flex; /* Always show on mobile (no hover) */
    }
}

@media (max-width: 480px) {
    .conversation-title[b-dlbprskf8u] {
        font-size: 0.8rem;
    }

    .conversation-meta[b-dlbprskf8u] {
        font-size: 0.7rem;
    }
}

/* Animation for items */
.conversation-item[b-dlbprskf8u] {
    animation: fadeIn-b-dlbprskf8u 0.2s ease-out;
}

@keyframes fadeIn-b-dlbprskf8u {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Sessions/ArchiveConfirmDialog.razor.rz.scp.css */
.archive-content[b-h73kcs0hff] {
    text-align: center;
    padding: 1rem 0;
}

.warning-icon[b-h73kcs0hff] {
    color: var(--color-warning, #ffc107);
    margin-bottom: 1rem;
}

.archive-content h4[b-h73kcs0hff] {
    margin: 0 0 1rem 0;
    font-size: 1.25rem;
    color: var(--color-text-primary, #2f2f2f);
}

.archive-message[b-h73kcs0hff] {
    text-align: left;
    color: var(--color-text-primary, #2f2f2f);
}

.archive-message p[b-h73kcs0hff] {
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
}

.archive-message ul[b-h73kcs0hff] {
    margin: 0.5rem 0 1rem 1.5rem;
    padding: 0;
}

.archive-message li[b-h73kcs0hff] {
    margin-bottom: 0.375rem;
    color: var(--color-text-secondary, #666666);
}

.archive-note[b-h73kcs0hff] {
    font-size: 0.875rem;
    color: var(--color-text-tertiary, #999999);
    font-style: italic;
    margin-top: 0.5rem;
}
/* /Components/Sessions/NewSessionDialog.razor.rz.scp.css */
.step-content[b-5rpayimryh] {
    padding: 1rem 0;
}

.step-content h4[b-5rpayimryh] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary, #2f2f2f);
}

.form-group[b-5rpayimryh] {
    margin-bottom: 1rem;
}

.form-group label[b-5rpayimryh] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--color-text-primary, #2f2f2f);
}

.helper-text[b-5rpayimryh] {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #666666);
    margin-bottom: 0.5rem;
}

.report-selection-placeholder[b-5rpayimryh] {
    border: 2px dashed var(--color-border-default, #e0e0e0);
    padding: 1rem;
    border-radius: 6px;
    background: var(--color-bg-subtle, #f5f5f5);
    color: var(--color-text-secondary, #666666);
    text-align: center;
}

.selected-reports[b-5rpayimryh] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0 0;
}

.selected-reports li[b-5rpayimryh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 0.75rem;
    background: var(--color-bg-subtle, #f5f5f5);
    border: 1px solid var(--color-border-light, #dee2e6);
    border-radius: 6px;
    margin-bottom: 0.375rem;
}

.char-count[b-5rpayimryh] {
    font-size: 0.75rem;
    color: var(--color-text-tertiary, #999999);
}

.session-preview[b-5rpayimryh] {
    background: var(--color-bg-primary-subtle, #f0f8e8);
    border: 1px solid var(--color-border-primary, #d4ecc4);
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

.session-preview h5[b-5rpayimryh] {
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-primary-dark, #6fb028);
}

.session-preview dl[b-5rpayimryh] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.375rem 0.75rem;
    margin: 0;
    font-size: 0.875rem;
}

.session-preview dt[b-5rpayimryh] {
    font-weight: 500;
    color: var(--color-text-secondary, #666666);
}

.session-preview dd[b-5rpayimryh] {
    margin: 0;
    color: var(--color-text-primary, #2f2f2f);
}

.validation-error[b-5rpayimryh],
.error-message[b-5rpayimryh] {
    background: #fef2f2;
    color: var(--color-error, #dc3545);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    border-left: 3px solid var(--color-error, #dc3545);
    font-size: 0.875rem;
}
/* /Components/Sessions/Pagination.razor.rz.scp.css */
.session-pagination[b-xltj3xz0fq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem 0;
}

.page-info[b-xltj3xz0fq] {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #666666);
}
/* /Components/Sessions/PinnedSessionsSection.razor.rz.scp.css */
.pinned-sessions-section[b-l8e1tmjpgg] {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border-light, #dee2e6);
    padding-bottom: 1rem;
}

.pinned-header[b-l8e1tmjpgg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    padding: 0.5rem 0;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary, #2f2f2f);
    width: 100%;
    text-align: left;
}

.pinned-header:hover[b-l8e1tmjpgg] {
    color: var(--color-primary, #80c936);
}

.pinned-star[b-l8e1tmjpgg] {
    color: var(--color-warning, #ffc107);
}

.pinned-title[b-l8e1tmjpgg] {
    flex: 1;
}

.collapse-icon[b-l8e1tmjpgg] {
    color: var(--color-text-tertiary, #999999);
}

.pin-limit-warning[b-l8e1tmjpgg] {
    background-color: #fff3cd;
    color: var(--color-text-primary, #2f2f2f);
    padding: 0.5rem 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    border-left: 3px solid var(--color-warning, #ffc107);
}

.pinned-content[b-l8e1tmjpgg] {
    margin-top: 1rem;
}
/* /Components/Sessions/SessionCard.razor.rz.scp.css */
/* Session card container - TelerikCard handles base styles */
.session-card[b-4c7hucqcbl] {
    height: 100%;
    min-height: 280px;
}

.session-card:hover[b-4c7hucqcbl] {
    border-color: var(--color-border-primary, #d4ecc4);
}

.session-card--busy[b-4c7hucqcbl] {
    opacity: 0.7;
}

/* Header row layout for pin/title/share */
.session-header-row[b-4c7hucqcbl] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
}

/* Pin button */
.pin-button[b-4c7hucqcbl] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--color-text-tertiary, #999999);
    flex-shrink: 0;
}

.pin-button:hover[b-4c7hucqcbl] {
    color: var(--color-warning, #ffc107);
}

.pin-star--active[b-4c7hucqcbl] {
    color: var(--color-warning, #ffc107);
    fill: var(--color-warning, #ffc107);
}

.pin-star--active svg[b-4c7hucqcbl] {
    fill: currentColor;
}

/* Share button */
.share-button[b-4c7hucqcbl] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--color-text-tertiary, #999999);
    flex-shrink: 0;
    margin-left: auto;
}

.share-button:hover[b-4c7hucqcbl] {
    color: var(--color-primary, #80c936);
}

/* Session ID */
.session-id[b-4c7hucqcbl] {
    font-size: 0.75rem;
    color: var(--color-text-tertiary, #999999);
    font-family: monospace;
}

/* Session type display */
.session-type[b-4c7hucqcbl] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-primary, #80c936);
    font-size: 0.875rem;
    font-weight: 500;
}

/* Report count */
.session-reports[b-4c7hucqcbl] {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #666666);
}

/* Date display */
.session-dates[b-4c7hucqcbl] {
    font-size: 0.75rem;
    color: var(--color-text-tertiary, #999999);
}

/* Tags section */
.session-tags[b-4c7hucqcbl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.tag-pill[b-4c7hucqcbl] {
    background: var(--color-bg-primary-subtle, #f0f8e8);
    color: var(--color-primary-dark, #6fb028);
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
}

.tag-overflow[b-4c7hucqcbl] {
    color: var(--color-primary, #80c936);
    font-size: 0.75rem;
    cursor: pointer;
}

/* Sharing indicator wrapper */
.session-sharing[b-4c7hucqcbl] {
    margin-top: 0.25rem;
}
/* /Components/Sessions/SessionCardList.razor.rz.scp.css */
/* Styles moved to global app.css */
/* /Components/Sessions/SessionDetailsDialog.razor.rz.scp.css */
/* Styles moved to global app.css */
/* /Components/Sessions/SessionFilters.razor.rz.scp.css */
.session-filters[b-sbpfxo68xq] {
    background: var(--color-bg-white, #ffffff);
    border: 1px solid var(--color-border-default, #e0e0e0);
    border-radius: var(--radius-md, 8px);
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.filter-row[b-sbpfxo68xq] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.filter-item[b-sbpfxo68xq] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-item label[b-sbpfxo68xq] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text-secondary, #666666);
}

.filter-actions[b-sbpfxo68xq] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--color-border-light, #dee2e6);
}

.filter-count[b-sbpfxo68xq] {
    font-size: 0.875rem;
    color: var(--color-primary, #80c936);
}
/* /Components/Sessions/SessionGrid.razor.rz.scp.css */
.session-grid[b-4zdu2lgfi2] {
    width: 100%;
    background: var(--color-bg-white, #ffffff);
    border: 1px solid var(--color-border-default, #e0e0e0);
    border-radius: var(--radius-md, 8px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.grid-name[b-4zdu2lgfi2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.grid-name-text[b-4zdu2lgfi2] {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
}

.grid-actions[b-4zdu2lgfi2] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.mono[b-4zdu2lgfi2] {
    font-family: monospace;
    font-size: 0.875rem;
    color: var(--color-text-secondary, #666666);
}

.pin-button[b-4zdu2lgfi2] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--color-text-tertiary, #999999);
}

.pin-button:hover[b-4zdu2lgfi2] {
    color: var(--color-warning, #ffc107);
}

.pin-star[b-4zdu2lgfi2] {
    color: var(--color-text-tertiary, #999999);
}

.pin-star--active[b-4zdu2lgfi2] {
    color: var(--color-warning, #ffc107);
}

.pin-star--active svg[b-4zdu2lgfi2],
:deep(.pin-star--active) svg[b-4zdu2lgfi2] {
    fill: var(--color-warning, #ffc107);
}
/* /Components/Sessions/SessionLayoutToggle.razor.rz.scp.css */
.layout-toggle[b-szhiylfg9s] {
    display: inline-flex;
    gap: 0.25rem;
}
/* /Components/Sessions/SessionOwnershipToggle.razor.rz.scp.css */
.ownership-toggle[b-k4fnvv0e9f] {
    display: inline-flex;
    gap: 0.25rem;
}
/* /Components/Sessions/ShareSessionDialog.razor.rz.scp.css */
.share-content[b-2x81rs1r64] {
    padding: 0.5rem 0;
}

.share-description[b-2x81rs1r64] {
    margin: 0 0 1rem 0;
    color: var(--color-text-secondary, #666666);
    font-size: 0.9375rem;
}

.share-options[b-2x81rs1r64] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.share-option[b-2x81rs1r64] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    border: 2px solid var(--color-border-default, #e0e0e0);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.share-option:hover[b-2x81rs1r64] {
    border-color: var(--color-border-primary, #d4ecc4);
    background-color: var(--color-bg-subtle, #f5f5f5);
}

.share-option.selected[b-2x81rs1r64] {
    border-color: var(--color-primary, #80c936);
    background-color: var(--color-bg-primary-subtle, #f0f8e8);
}

.share-option input[type="radio"][b-2x81rs1r64] {
    margin-top: 0.25rem;
    accent-color: var(--color-primary, #80c936);
}

.option-text[b-2x81rs1r64] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.option-title[b-2x81rs1r64] {
    font-weight: 600;
    color: var(--color-text-primary, #2f2f2f);
}

.option-description[b-2x81rs1r64] {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #666666);
}

.warning-message[b-2x81rs1r64] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #fff3cd;
    color: var(--color-text-primary, #2f2f2f);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    border-left: 3px solid var(--color-warning, #ffc107);
    font-size: 0.875rem;
}

.error-message[b-2x81rs1r64] {
    background: #fef2f2;
    color: var(--color-error, #dc3545);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    border-left: 3px solid var(--color-error, #dc3545);
    font-size: 0.875rem;
}
/* /Components/Sessions/SharingStatusIndicator.razor.rz.scp.css */
.sharing-indicator[b-vlp4uf80j4] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--color-text-secondary, #666666);
    font-size: 0.875rem;
}

.sharing-label[b-vlp4uf80j4] {
    white-space: nowrap;
}
/* /Components/Shared/AnalysisErrorState.razor.rz.scp.css */
.analysis-error[b-hkhq0nrpve] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 2rem;
}

.error-content[b-hkhq0nrpve] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
    max-width: 500px;
}

.error-icon[b-hkhq0nrpve] {
    color: var(--kendo-color-error);
}

.error-title[b-hkhq0nrpve] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--kendo-color-error);
    margin: 0;
}

.error-message[b-hkhq0nrpve] {
    font-size: 0.95rem;
    color: var(--kendo-color-on-app-surface);
    margin: 0;
    line-height: 1.5;
}

.error-details[b-hkhq0nrpve] {
    width: 100%;
    text-align: left;
}

.error-details summary[b-hkhq0nrpve] {
    cursor: pointer;
    font-size: 0.85rem;
    color: var(--kendo-color-subtle);
}

.error-stack[b-hkhq0nrpve] {
    font-size: 0.75rem;
    background: var(--kendo-color-surface-alt);
    padding: 0.75rem;
    border-radius: 4px;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

.error-actions[b-hkhq0nrpve] {
    display: flex;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
/* /Components/Shared/AnalysisLoadingState.razor.rz.scp.css */
.analysis-loading[b-wf70lob5tr] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 2rem;
}

.loading-content[b-wf70lob5tr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
}

.loading-title[b-wf70lob5tr] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
    margin: 0;
}

.loading-message[b-wf70lob5tr] {
    font-size: 0.9rem;
    color: var(--kendo-color-subtle);
    margin: 0;
}

.loading-elapsed[b-wf70lob5tr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--kendo-color-subtle);
}
/* /Components/Shared/EmptyStateViewer.razor.rz.scp.css */
.empty-state-viewer[b-8gafaw2020] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    min-height: 300px;
}

.empty-state-icons[b-8gafaw2020] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    color: var(--kendo-color-subtle);
}

.empty-state-title[b-8gafaw2020] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
    margin: 0 0 0.5rem 0;
}

.empty-state-message[b-8gafaw2020] {
    font-size: 1rem;
    color: var(--kendo-color-subtle);
    margin: 0 0 1.5rem 0;
    max-width: 400px;
}
/* /Components/Shared/RequireAnalysisSession.razor.rz.scp.css */
.mt-4[b-qutnj2wxyk] {
    margin-top: 1rem;
}
/* /Components/Shared/TokenUsageDisplay.razor.rz.scp.css */
.token-usage-display[b-e3k2yf8zu3] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 0.75rem;
    background: var(--kendo-color-surface-alt);
    border-radius: 4px;
    font-size: 0.875rem;
}

.token-usage-display.compact[b-e3k2yf8zu3] {
    gap: 1rem;
    padding: 0.5rem;
    font-size: 0.8rem;
}

.usage-item[b-e3k2yf8zu3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.usage-label[b-e3k2yf8zu3] {
    color: var(--kendo-color-subtle);
    font-weight: 500;
}

.usage-value[b-e3k2yf8zu3] {
    color: var(--kendo-color-on-app-surface);
    font-weight: 400;
}

.usage-value.cost[b-e3k2yf8zu3] {
    color: var(--kendo-color-primary);
    font-weight: 600;
}
/* /Components/Shared/ViewReportDataDialog.razor.rz.scp.css */
.loading-container[b-dtfvb8arvr],
.error-container[b-dtfvb8arvr],
.empty-container[b-dtfvb8arvr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 16px;
    color: var(--color-text-secondary);
}

.error-container[b-dtfvb8arvr] {
    color: var(--color-error, #dc3545);
}
/* /Layout/AdminLayout.razor.rz.scp.css */
.page[b-nycujvmr0q] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nycujvmr0q] {
    flex: 1;
}

.sidebar[b-nycujvmr0q] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-nycujvmr0q] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-nycujvmr0q]  a, .top-row[b-nycujvmr0q]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-nycujvmr0q]  a:hover, .top-row[b-nycujvmr0q]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-nycujvmr0q]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-nycujvmr0q] {
        justify-content: space-between;
    }

    .top-row[b-nycujvmr0q]  a, .top-row[b-nycujvmr0q]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-nycujvmr0q] {
        flex-direction: row;
    }

    .sidebar[b-nycujvmr0q] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-nycujvmr0q] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-nycujvmr0q]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nycujvmr0q], article[b-nycujvmr0q] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/AnalysisLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   ANALYSIS LAYOUT - TELERIK DRAWER WITH COLLAPSIBLE HEADER
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   HEADER LEFT (HAMBURGER + LOGO GROUP)
   ═══════════════════════════════════════════════════════════════ */

.header-left[b-qdtoj67w9c] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ═══════════════════════════════════════════════════════════════
   DRAWER SIDEBAR CONTENT
   ═══════════════════════════════════════════════════════════════ */

.drawer-sidebar-content[b-qdtoj67w9c] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--spacing-4, 16px);
}

/* ═══════════════════════════════════════════════════════════════
   MAIN CONTENT AREA
   ═══════════════════════════════════════════════════════════════ */

.layout-main[b-qdtoj67w9c] {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 60px);
}
/* /Layout/EndUserLayout.razor.rz.scp.css */
.page[b-ioyhhforv1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ioyhhforv1] {
    flex: 1;
}

.sidebar[b-ioyhhforv1] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ioyhhforv1] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ioyhhforv1]  a, .top-row[b-ioyhhforv1]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-ioyhhforv1]  a:hover, .top-row[b-ioyhhforv1]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-ioyhhforv1]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-ioyhhforv1] {
        justify-content: space-between;
    }

        .top-row[b-ioyhhforv1]  a, .top-row[b-ioyhhforv1]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-ioyhhforv1] {
        flex-direction: row;
    }

    .sidebar[b-ioyhhforv1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ioyhhforv1] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-ioyhhforv1]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-ioyhhforv1], article[b-ioyhhforv1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-6idiubu4z0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-6idiubu4z0] {
    flex: 1;
}

.sidebar[b-6idiubu4z0] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-6idiubu4z0] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-6idiubu4z0]  a, .top-row[b-6idiubu4z0]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-6idiubu4z0]  a:hover, .top-row[b-6idiubu4z0]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-6idiubu4z0]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-6idiubu4z0] {
        justify-content: space-between;
    }

    .top-row[b-6idiubu4z0]  a, .top-row[b-6idiubu4z0]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-6idiubu4z0] {
        flex-direction: row;
    }

    .sidebar[b-6idiubu4z0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-6idiubu4z0] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-6idiubu4z0]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-6idiubu4z0], article[b-6idiubu4z0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-i6gvw09o3w] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-i6gvw09o3w] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-i6gvw09o3w] {
    font-size: 1.1rem;
}

.bi[b-i6gvw09o3w] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-i6gvw09o3w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-i6gvw09o3w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-i6gvw09o3w] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-i6gvw09o3w] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-i6gvw09o3w] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-i6gvw09o3w] {
        padding-bottom: 1rem;
    }

    .nav-item[b-i6gvw09o3w]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-i6gvw09o3w]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-i6gvw09o3w]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-i6gvw09o3w] {
        display: none;
    }

    .collapse[b-i6gvw09o3w] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-i6gvw09o3w] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Admin/SchemaManagement/PipelineHealth.razor.rz.scp.css */
.pipeline-health-panel[b-jik1qac5hh] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 24px;
    margin: 0 16px 24px 16px;
}

.panel-header[b-jik1qac5hh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 12px;
}

.panel-header h2[b-jik1qac5hh] {
    margin: 0;
    font-size: 20px;
    color: #212529;
}

.health-stats-row[b-jik1qac5hh] {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.health-stat-card[b-jik1qac5hh] {
    flex: 1;
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.health-stat-value[b-jik1qac5hh] {
    font-size: 24px;
    font-weight: 700;
    color: #212529;
}

.health-stat-label[b-jik1qac5hh] {
    font-size: 11px;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.health-section[b-jik1qac5hh] {
    margin-top: 24px;
}

.health-section h3[b-jik1qac5hh] {
    margin: 0 0 12px 0;
    font-size: 16px;
    color: #495057;
}

.pct-bar-container[b-jik1qac5hh] {
    background: #e9ecef;
    border-radius: 4px;
    height: 8px;
    width: 100%;
}

.pct-bar[b-jik1qac5hh] {
    background: #0d6efd;
    height: 8px;
    border-radius: 4px;
    min-width: 2px;
}

.drift-warning[b-jik1qac5hh] {
    color: #dc3545;
}

.badge[b-jik1qac5hh] {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 4px;
}

.badge-success[b-jik1qac5hh] {
    background: #d4edda;
    color: #155724;
}

.badge-secondary[b-jik1qac5hh] {
    background: #e2e3e5;
    color: #6c757d;
}
/* /Pages/Admin/SyncManagement.razor.rz.scp.css */
.sync-management[b-f7mlltb0s6] {
    padding: 20px;
}

.page-header[b-f7mlltb0s6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.page-header h1[b-f7mlltb0s6] {
    margin: 0;
    font-size: 24px;
    color: #212529;
}

.header-actions[b-f7mlltb0s6] {
    display: flex;
    gap: 12px;
}

.loading-container[b-f7mlltb0s6],
.error-container[b-f7mlltb0s6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 40px;
    background: white;
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

.error-text[b-f7mlltb0s6] {
    color: #dc3545;
}

/* Status Section */
.status-section[b-f7mlltb0s6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
}

.status-card[b-f7mlltb0s6],
.stats-card[b-f7mlltb0s6] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
}

.status-header[b-f7mlltb0s6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.status-header h2[b-f7mlltb0s6],
.stats-card h2[b-f7mlltb0s6] {
    margin: 0;
    font-size: 18px;
    color: #212529;
}

.status-badge[b-f7mlltb0s6] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.status-badge.enabled[b-f7mlltb0s6] {
    background-color: #d4edda;
    color: #155724;
}

.status-badge.disabled[b-f7mlltb0s6] {
    background-color: #f8d7da;
    color: #721c24;
}

.status-content[b-f7mlltb0s6] {
    margin-bottom: 16px;
}

.status-row[b-f7mlltb0s6],
.detail-row[b-f7mlltb0s6] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

.status-row:last-child[b-f7mlltb0s6],
.detail-row:last-child[b-f7mlltb0s6] {
    border-bottom: none;
}

.status-row .label[b-f7mlltb0s6],
.detail-row .label[b-f7mlltb0s6] {
    color: #6c757d;
}

.status-row .value[b-f7mlltb0s6],
.detail-row .value[b-f7mlltb0s6] {
    font-weight: 500;
}

.relative-time[b-f7mlltb0s6] {
    color: #6c757d;
    font-weight: normal;
    margin-left: 8px;
}

.status-actions[b-f7mlltb0s6] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}

/* Stats Card */
.stats-card h2[b-f7mlltb0s6] {
    margin-bottom: 16px;
}

.stats-grid[b-f7mlltb0s6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.stat-item[b-f7mlltb0s6] {
    text-align: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
}

.stat-item.success .stat-value[b-f7mlltb0s6] {
    color: #28a745;
}

.stat-item.failed .stat-value[b-f7mlltb0s6] {
    color: #dc3545;
}

.stat-item.skipped .stat-value[b-f7mlltb0s6] {
    color: #ffc107;
}

.stat-value[b-f7mlltb0s6] {
    font-size: 28px;
    font-weight: bold;
    color: #212529;
    display: block;
}

.stat-label[b-f7mlltb0s6] {
    font-size: 12px;
    color: #6c757d;
    text-transform: uppercase;
}

.stats-detail[b-f7mlltb0s6] {
    border-top: 1px solid #e9ecef;
    padding-top: 12px;
}

/* History and Notifications Sections */
.history-section[b-f7mlltb0s6],
.notifications-section[b-f7mlltb0s6] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.history-section h2[b-f7mlltb0s6],
.notifications-section h2[b-f7mlltb0s6] {
    margin: 0 0 16px 0;
    font-size: 18px;
    color: #212529;
}

/* Status badges in grid */
.sync-status[b-f7mlltb0s6] {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.sync-status.success[b-f7mlltb0s6] {
    background-color: #d4edda;
    color: #155724;
}

.sync-status.failed[b-f7mlltb0s6] {
    background-color: #f8d7da;
    color: #721c24;
}

.sync-status.skipped[b-f7mlltb0s6] {
    background-color: #fff3cd;
    color: #856404;
}

/* Notification type badges */
.notification-type[b-f7mlltb0s6] {
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.notification-type.error[b-f7mlltb0s6] {
    background-color: #f8d7da;
    color: #721c24;
}

.notification-type.summary[b-f7mlltb0s6] {
    background-color: #cce5ff;
    color: #004085;
}

/* Icons */
[b-f7mlltb0s6] .success-icon {
    color: #28a745;
}

[b-f7mlltb0s6] .error-icon {
    color: #dc3545;
}

/* Confirmation Dialog */
.confirmation-content[b-f7mlltb0s6] {
    margin-bottom: 20px;
}

.confirmation-content p[b-f7mlltb0s6] {
    margin: 0 0 8px 0;
}

.confirmation-actions[b-f7mlltb0s6] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* Toast Notification */
.sync-result-toast[b-f7mlltb0s6] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 12px 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    animation: slideIn-b-f7mlltb0s6 0.3s ease-out;
}

.sync-result-toast.success[b-f7mlltb0s6] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.sync-result-toast.error[b-f7mlltb0s6] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

@keyframes slideIn-b-f7mlltb0s6 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.text-muted[b-f7mlltb0s6] {
    color: #6c757d;
}

code[b-f7mlltb0s6] {
    font-family: monospace;
    font-size: 12px;
    background: #f8f9fa;
    padding: 2px 4px;
    border-radius: 3px;
}

/* History Detail Dialog */
.detail-loading[b-f7mlltb0s6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px;
}

.detail-content[b-f7mlltb0s6] {
    padding: 8px 0;
}

.detail-content .detail-row[b-f7mlltb0s6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid #e9ecef;
}

.detail-content .detail-row:last-child[b-f7mlltb0s6] {
    border-bottom: none;
}

.detail-content .label[b-f7mlltb0s6] {
    color: #6c757d;
    font-weight: 500;
    min-width: 160px;
    flex-shrink: 0;
}

.detail-content .value[b-f7mlltb0s6] {
    text-align: right;
    word-break: break-word;
}

.detail-error-section[b-f7mlltb0s6] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}

.detail-error-section .label[b-f7mlltb0s6] {
    display: block;
    color: #6c757d;
    font-weight: 500;
    margin-bottom: 8px;
}

.error-message-box[b-f7mlltb0s6] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 12px;
    color: #721c24;
    font-family: monospace;
    font-size: 13px;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
}

.detail-error[b-f7mlltb0s6] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

/* Responsive */
@media (max-width: 992px) {
    .status-section[b-f7mlltb0s6] {
        grid-template-columns: 1fr;
    }

    .stats-grid[b-f7mlltb0s6] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/Frontend/ChartDashboard.razor.rz.scp.css */
/* SingleReportDashboard.razor.css - Scoped styles for the Single Report Dashboard page */

/* Main dashboard container */
.analysis-dashboard[b-6jveos6xx6] {
    padding: 1.5rem;
    max-width: 1600px;
    margin: 0 auto;
    background-color: #f5f5f5;
}

/* Loading indicator */
.loading-indicator[b-6jveos6xx6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
}

.loading-indicator p[b-6jveos6xx6] {
    margin-top: 1rem;
    color: var(--kendo-color-on-surface);
}

/* Query string warning banner */
.query-string-warning-banner[b-6jveos6xx6] {
    margin-bottom: 1.5rem;
    border: 1px solid var(--kendo-color-warning);
    background: var(--kendo-color-warning-subtle);
}

.warning-header[b-6jveos6xx6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.warning-icon[b-6jveos6xx6] {
    color: var(--kendo-color-warning);
}

.warning-title[b-6jveos6xx6] {
    font-weight: 600;
    color: var(--kendo-color-on-surface);
}

.warning-list[b-6jveos6xx6] {
    margin: 0;
    padding-left: 1.25rem;
}

.warning-list li[b-6jveos6xx6] {
    color: var(--kendo-color-on-surface);
    margin-bottom: 0.25rem;
}

/* Alert styles */
.alert[b-6jveos6xx6] {
    padding: 1rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.alert-danger[b-6jveos6xx6] {
    background: var(--kendo-color-error-subtle);
    border: 1px solid var(--kendo-color-error);
    color: var(--kendo-color-error);
}

/* Page header */
.page-header[b-6jveos6xx6] {
    margin-bottom: 1.5rem;
}

.page-header h1[b-6jveos6xx6] {
    margin: 0 0 0.5rem 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--kendo-color-on-surface);
}

.page-description[b-6jveos6xx6] {
    margin: 0;
    color: var(--kendo-color-subtle);
    font-size: 0.95rem;
}

/* Selection display card */
.selection-display[b-6jveos6xx6] {
    margin-bottom: 1.5rem;
}

.selection-display h3[b-6jveos6xx6] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--kendo-color-on-surface);
}

.selection-display p[b-6jveos6xx6] {
    margin: 0.5rem 0 0;
    color: var(--kendo-color-on-surface);
}

/* Agent selection sections */
.agent-selection-section[b-6jveos6xx6],
.kpi-agent-selection-section[b-6jveos6xx6],
.analysis-agent-selection-section[b-6jveos6xx6] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--kendo-color-surface);
    border-radius: 0.5rem;
    border: 1px solid var(--kendo-color-border);
}

.agent-selection-section h4[b-6jveos6xx6],
.kpi-agent-selection-section h4[b-6jveos6xx6],
.analysis-agent-selection-section h4[b-6jveos6xx6] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--kendo-color-on-surface);
}

/* Analysis section */
.analysis-section[b-6jveos6xx6] {
    margin-top: 1.5rem;
}

/* Dashboard component sections - spacing between components */
[id^="section-"][b-6jveos6xx6] {
    margin-bottom: 1.5rem;
}

/* Analysis components grid - responsive 2-column layout */
.analysis-components-grid[b-6jveos6xx6] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}

/* Tablet breakpoint - still 2 columns */
@media (max-width: 1199px) {
    .analysis-components-grid[b-6jveos6xx6] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
}

/* Mobile breakpoint - single column */
@media (max-width: 767px) {
    .analysis-components-grid[b-6jveos6xx6] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .analysis-dashboard[b-6jveos6xx6] {
        padding: 1rem;
    }

    .page-header h1[b-6jveos6xx6] {
        font-size: 1.5rem;
    }
}

/* Waiting for agent selection state */
.analysis-waiting[b-6jveos6xx6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    margin-top: 1.5rem;
    background: var(--kendo-color-surface);
    border-radius: 0.5rem;
    border: 1px dashed var(--kendo-color-border);
}

.analysis-waiting p[b-6jveos6xx6] {
    margin: 1rem 0 0;
    color: var(--kendo-color-subtle);
}

/* Re-analyze action */
.reanalyze-action[b-6jveos6xx6] {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
}

/* No selection state */
.no-selection[b-6jveos6xx6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.no-selection p[b-6jveos6xx6] {
    margin: 1rem 0;
    color: var(--kendo-color-subtle);
    font-size: 1rem;
}

/* Navigation actions */
.navigation-actions[b-6jveos6xx6] {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
}
/* /Pages/Frontend/ChatPage.razor.rz.scp.css */
/* Chat Page Layout */
.chat-page[b-bo3vsbhheu] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 120px); /* Account for top navigation + content padding */
    overflow: hidden;
    background-color: var(--bs-body-bg, #ffffff);
}

/* Header with Agent/Topic Selectors */
.chat-header[b-bo3vsbhheu] {
    flex-shrink: 0;
    padding: 16px 24px;
    background-color: var(--bs-light, #f8f9fa);
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.chat-header-controls[b-bo3vsbhheu] {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.control-group[b-bo3vsbhheu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 200px;
    flex: 1 1 auto;
    max-width: 300px;
}

.control-label[b-bo3vsbhheu] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bs-secondary, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Main Content Area: Sidebar + Chat Container */
.chat-main[b-bo3vsbhheu] {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
}

/* Sidebar Toggle Button */
.sidebar-toggle-btn[b-bo3vsbhheu] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 15px 0 8px 8px;
    padding: 0;
    border: 1px solid var(--color-border-light, #DEE2E6);
    border-radius: var(--radius-md, 8px);
    background-color: var(--color-bg-white, #FFFFFF);
    color: var(--color-text-secondary, #666);
    cursor: pointer;
    transition: all 200ms ease;
    align-self: flex-start;
}

.sidebar-toggle-btn:hover[b-bo3vsbhheu] {
    background-color: var(--color-bg-primary-subtle, #F0F8E8);
    border-color: var(--color-primary, #80C936);
    color: var(--color-primary, #80C936);
}

/* Sidebar: Conversation List */
.chat-sidebar[b-bo3vsbhheu] {
    flex-shrink: 0;
    width: 300px;
    border-right: 1px solid var(--bs-border-color, #dee2e6);
    overflow-y: auto;
    background-color: var(--bs-body-bg, #ffffff);
    transition: width 0.25s ease, opacity 0.2s ease, padding 0.25s ease;
}

.chat-sidebar.sidebar-collapsed[b-bo3vsbhheu] {
    width: 0;
    overflow: hidden;
    opacity: 0;
    border-right: none;
    padding: 0;
}

/* Main Area: Chat Container */
.chat-content[b-bo3vsbhheu] {
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.chat-content-actions[b-bo3vsbhheu] {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 4px;
}

.chat-content-actions .icon-button[b-bo3vsbhheu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--color-border-light, #DEE2E6);
    border-radius: var(--radius-md, 8px);
    background-color: var(--color-bg-white, #FFFFFF);
    color: var(--color-text-secondary, #666);
    cursor: pointer;
    transition: all 200ms ease;
}

.chat-content-actions .icon-button:hover[b-bo3vsbhheu] {
    background-color: var(--color-bg-primary-subtle, #F0F8E8);
    border-color: var(--color-primary, #80C936);
    color: var(--color-primary, #80C936);
}

.chat-content-actions .icon-button:disabled[b-bo3vsbhheu] {
    opacity: 0.35;
    cursor: not-allowed;
}

.chat-content-actions .icon-button:disabled:hover[b-bo3vsbhheu] {
    background-color: var(--color-bg-white, #FFFFFF);
    border-color: var(--color-border-light, #DEE2E6);
    color: var(--color-text-secondary, #666);
}

/* Loading State */
.chat-loading[b-bo3vsbhheu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
}

.loading-text[b-bo3vsbhheu] {
    color: var(--bs-secondary, #6c757d);
    font-size: 0.875rem;
}

/* Error State */
.chat-error[b-bo3vsbhheu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    padding: 32px;
    text-align: center;
}

.chat-error h2[b-bo3vsbhheu] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--bs-danger, #dc3545);
    margin: 0;
}

.chat-error p[b-bo3vsbhheu] {
    color: var(--bs-secondary, #6c757d);
    margin: 0;
}

/* Responsive Design */

/* Tablet: Stack header controls vertically */
@media (max-width: 992px) {
    .chat-header-controls[b-bo3vsbhheu] {
        flex-direction: column;
        gap: 16px;
    }

    .control-group[b-bo3vsbhheu] {
        max-width: 100%;
    }
}

/* Mobile: Hide sidebar by default, show as overlay when toggled */
@media (max-width: 768px) {
    .chat-page[b-bo3vsbhheu] {
        height: calc(100vh - 56px); /* Adjust for mobile nav */
    }

    .chat-header[b-bo3vsbhheu] {
        padding: 12px 16px;
    }

    .chat-main[b-bo3vsbhheu] {
        position: relative;
    }

    .chat-sidebar[b-bo3vsbhheu] {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 280px;
        z-index: 1000;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
    }

    /* Show sidebar when toggled (add .sidebar-open class via JS) */
    .chat-page.sidebar-open .chat-sidebar[b-bo3vsbhheu] {
        transform: translateX(0);
    }

    .chat-sidebar.sidebar-collapsed[b-bo3vsbhheu] {
        transform: translateX(-100%);
        width: 280px;
        opacity: 0;
    }

    .chat-content[b-bo3vsbhheu] {
        width: 100%;
    }
}

/* Small mobile: Further reduce padding */
@media (max-width: 480px) {
    .chat-header[b-bo3vsbhheu] {
        padding: 8px 12px;
    }

    .chat-sidebar[b-bo3vsbhheu] {
        width: 260px;
    }

    .control-group[b-bo3vsbhheu] {
        min-width: 150px;
    }
}

/* Dark mode support (if implemented) */
@media (prefers-color-scheme: dark) {
    .chat-page[b-bo3vsbhheu] {
        background-color: #1a1a1a;
    }

    .chat-header[b-bo3vsbhheu] {
        background-color: #2d2d2d;
        border-bottom-color: #404040;
    }

    .chat-sidebar[b-bo3vsbhheu] {
        background-color: #1a1a1a;
        border-right-color: #404040;
    }

    .chat-error h2[b-bo3vsbhheu] {
        color: #ff6b6b;
    }
}

/* Compact Agent/Topic Selectors in Header */
.agent-selector-compact[b-bo3vsbhheu],
.topic-selector-compact[b-bo3vsbhheu] {
    font-size: 0.875rem;
}

.agent-selector-compact select[b-bo3vsbhheu],
.topic-selector-compact select[b-bo3vsbhheu] {
    padding: 6px 32px 6px 12px;
    font-size: 0.875rem;
    border-radius: 6px;
    border: 1px solid var(--bs-border-color, #ced4da);
    background-color: var(--bs-body-bg, #ffffff);
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.agent-selector-compact select:hover[b-bo3vsbhheu],
.topic-selector-compact select:hover[b-bo3vsbhheu] {
    border-color: var(--bs-primary, #0d6efd);
}

.agent-selector-compact select:focus[b-bo3vsbhheu],
.topic-selector-compact select:focus[b-bo3vsbhheu] {
    border-color: var(--bs-primary, #0d6efd);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Action Buttons (Export + Popout) in Header */
.action-buttons-group[b-bo3vsbhheu] {
    min-width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    justify-content: flex-end;
    align-self: flex-end;
    display: flex;
    align-items: center;
    gap: 8px;
}

.chat-page-export-menu[b-bo3vsbhheu] {
    flex-shrink: 0;
}

.popout-button[b-bo3vsbhheu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--bs-border-color, #ced4da);
    border-radius: 6px;
    background-color: var(--bs-body-bg, #ffffff);
    color: var(--bs-secondary, #6c757d);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 200ms ease;
}

.popout-button:hover[b-bo3vsbhheu] {
    background-color: var(--color-bg-primary-subtle, #e8f5d9);
    border-color: var(--color-primary, #80c936);
    color: var(--color-primary-dark, #5a9826);
}

.popout-button:focus[b-bo3vsbhheu] {
    outline: none;
    box-shadow: 0 0 0 2px var(--color-primary, #80c936);
}

.popout-label[b-bo3vsbhheu] {
    display: inline;
}

@media (max-width: 768px) {
    .popout-label[b-bo3vsbhheu] {
        display: none;
    }

    .popout-button[b-bo3vsbhheu] {
        padding: 8px;
    }
}

/* Dark mode support for popout button */
@media (prefers-color-scheme: dark) {
    .popout-button[b-bo3vsbhheu] {
        background-color: #2d2d2d;
        border-color: #6c757d;
        color: #adb5bd;
    }

    .popout-button:hover[b-bo3vsbhheu] {
        background-color: rgba(128, 201, 54, 0.2);
        border-color: #80c936;
        color: #9ad856;
    }
}
/* /Pages/Frontend/Dashboard.razor.rz.scp.css */
.dashboard-page[b-1dmgyguzq6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem;
    gap: 1.5rem;
    background: var(--kendo-color-app-surface);
}

/* Loading State */
.dashboard-loading[b-1dmgyguzq6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
}

.dashboard-loading .loading-text[b-1dmgyguzq6] {
    color: var(--kendo-color-subtle);
    font-size: 1rem;
}

/* Error State */
.dashboard-error[b-1dmgyguzq6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 1rem;
    text-align: center;
    color: var(--kendo-color-error);
}

.dashboard-error h2[b-1dmgyguzq6] {
    margin: 0;
    color: var(--kendo-color-on-app-surface);
}

.dashboard-error p[b-1dmgyguzq6] {
    margin: 0;
    color: var(--kendo-color-subtle);
}

/* Header */
.dashboard-header[b-1dmgyguzq6] {
    background: var(--kendo-color-surface);
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dashboard-header h1[b-1dmgyguzq6] {
    margin: 0 0 1.5rem 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.dashboard-controls[b-1dmgyguzq6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: flex-end;
}

.control-group[b-1dmgyguzq6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.control-label[b-1dmgyguzq6] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--kendo-color-subtle);
}

/* Main Content */
.dashboard-content[b-1dmgyguzq6] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* Prompt State (no selection) */
.dashboard-prompt[b-1dmgyguzq6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    gap: 1rem;
    text-align: center;
    color: var(--kendo-color-subtle);
    background: var(--kendo-color-surface);
    border-radius: 8px;
    padding: 2rem;
}

.dashboard-prompt h2[b-1dmgyguzq6] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface);
}

.dashboard-prompt p[b-1dmgyguzq6] {
    margin: 0;
    font-size: 1rem;
    max-width: 400px;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .dashboard-controls[b-1dmgyguzq6] {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .dashboard-page[b-1dmgyguzq6] {
        padding: 1rem;
    }

    .dashboard-header[b-1dmgyguzq6] {
        padding: 1rem;
    }

    .dashboard-header h1[b-1dmgyguzq6] {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .dashboard-controls[b-1dmgyguzq6] {
        flex-direction: column;
        align-items: stretch;
    }

    .control-group[b-1dmgyguzq6] {
        width: 100%;
    }

    [b-1dmgyguzq6] .report-dropdown,
    [b-1dmgyguzq6] .org-dropdown,
    [b-1dmgyguzq6] .result-dropdown,
    [b-1dmgyguzq6] .agent-dropdown {
        width: 100% !important;
    }
}
/* /Pages/Frontend/LandingPage.razor.rz.scp.css */
.landing-page[b-gfgqibk6bu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-gfgqibk6bu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.page-header h3[b-gfgqibk6bu] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--color-text-primary, #2f2f2f);
}

.page-description[b-gfgqibk6bu] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--color-text-secondary, #666666);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.page-toolbar[b-gfgqibk6bu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem;
    background: var(--color-bg-light, #f8f9fa);
    border: 1px solid var(--color-border-light, #dee2e6);
    border-radius: var(--radius-md, 8px);
}

.toolbar-left[b-gfgqibk6bu],
.toolbar-right[b-gfgqibk6bu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.search-box[b-gfgqibk6bu] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-clear[b-gfgqibk6bu] {
    position: absolute;
    right: 4px;
}

.filter-badge[b-gfgqibk6bu] {
    background: var(--color-primary, #80c936);
    color: var(--color-text-inverse, #ffffff);
    font-size: 0.75rem;
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    margin-left: 0.25rem;
}

.page-content[b-gfgqibk6bu] {
    min-height: 400px;
}

.retry-action[b-gfgqibk6bu] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.recent-sessions[b-gfgqibk6bu] {
    margin-top: 1rem;
    background: var(--color-bg-white, #ffffff);
    border: 1px solid var(--color-border-default, #e0e0e0);
    border-radius: var(--radius-md, 8px);
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.recent-sessions:hover[b-gfgqibk6bu] {
    box-shadow: var(--shadow-card-hover, 0 4px 12px rgba(128, 201, 54, 0.15));
    border-color: var(--color-border-primary, #d4ecc4);
}

.section-title[b-gfgqibk6bu] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    color: var(--color-text-primary, #2f2f2f);
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.session-count[b-gfgqibk6bu] {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-text-secondary, #666666);
}

.refreshing-indicator[b-gfgqibk6bu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--color-text-secondary, #666666);
    font-size: 0.875rem;
}

@media (max-width: 767px) {
    .landing-page[b-gfgqibk6bu] {
        padding: 1rem;
    }

    .page-header[b-gfgqibk6bu] {
        flex-direction: column;
        align-items: stretch;
    }

    .page-toolbar[b-gfgqibk6bu] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar-left[b-gfgqibk6bu],
    .toolbar-right[b-gfgqibk6bu] {
        justify-content: center;
    }

    .search-box[b-gfgqibk6bu] {
        width: 100%;
    }
}
/* /Pages/Frontend/Reports.razor.rz.scp.css */
.reports-page[b-bgmpxqry1r] {
    padding: 1.5rem;
}

.reports-header[b-bgmpxqry1r] {
    margin-bottom: 1.5rem;
}

.reports-header h1[b-bgmpxqry1r] {
    margin: 0 0 0.5rem 0;
    font-size: 1.75rem;
    font-weight: 600;
}

.page-description[b-bgmpxqry1r] {
    margin: 0;
    color: var(--text-secondary, #6c757d);
}

.error-message[b-bgmpxqry1r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: var(--danger-bg, #f8d7da);
    color: var(--danger-color, #dc3545);
    border: 1px solid var(--danger-border, #f5c6cb);
    border-radius: 4px;
}

.error-boundary[b-bgmpxqry1r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--text-secondary, #6c757d);
}

.error-boundary h3[b-bgmpxqry1r] {
    margin: 1rem 0 0.5rem 0;
    color: var(--danger, #dc3545);
}

.error-boundary p[b-bgmpxqry1r] {
    margin: 0 0 1.5rem 0;
}