@import '_content/BlazorDatasheet/BlazorDatasheet.mymudobx2n.bundle.scp.css';

/* /Components/Accounts/AccountLocationsCard.razor.rz.scp.css */
/* Location type chips: ensure text and icons are always visible on filled Primary/Secondary chips */
[b-ihlfob9aq4] .location-type-chip.mud-chip-filled .mud-chip-content,
[b-ihlfob9aq4] .location-type-chip.mud-chip-filled .mud-chip-icon {
    color: var(--mud-palette-white) !important;
}

[b-ihlfob9aq4] .location-type-chip.mud-chip-filled.mud-chip-color-primary,
[b-ihlfob9aq4] .location-type-chip.mud-chip-filled.mud-chip-color-secondary {
    color: var(--mud-palette-white) !important;
}
/* /Components/Conversations/MessageNotificationToast.razor.rz.scp.css */
.message-notification-toast[b-y5qvjiy4l4] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    min-width: 300px;
    cursor: pointer;
    transform: translateY(calc(100% + 20px));
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    pointer-events: none;
}

.message-notification-toast.visible[b-y5qvjiy4l4] {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.notification-paper[b-y5qvjiy4l4] {
    border-radius: 8px;
    background-color: var(--mud-palette-background-paper);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s ease;
}

.message-notification-toast:hover .notification-paper[b-y5qvjiy4l4] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Dark mode support */
.mud-theme-dark .notification-paper[b-y5qvjiy4l4] {
    background-color: var(--mud-palette-background-paper);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.mud-theme-dark .message-notification-toast:hover .notification-paper[b-y5qvjiy4l4] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

/* Mobile responsiveness */
@media (max-width: 600px) {
    .message-notification-toast[b-y5qvjiy4l4] {
        right: 10px;
        bottom: 10px;
        max-width: calc(100vw - 20px);
        min-width: auto;
    }
}
/* /Components/Documents/SimplifiedDocumentBrowser.razor.rz.scp.css */
/* Ensure documents area scrolls vertically only; no horizontal scroll */
.simplified-document-browser[b-lgkwjenmv0] {
    min-width: 0;
}

.document-browser-content[b-lgkwjenmv0] {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
    overflow-y: auto;
}
/* /Components/GRC/ProcessActivitiesSidebar.razor.rz.scp.css */
/* Process Spine – left column step cards (target design: distinct cards, rounded corners, shadow) */

.process-activities-sidebar.process-spine[b-kxkmxi3mce] {
    background: transparent;
    border: none;
    padding: 0;
}

.process-spine-header[b-kxkmxi3mce] {
    margin-bottom: 1rem;
}

.process-spine-header .mud-typography:first-child[b-kxkmxi3mce] {
    display: block;
    margin-bottom: 0.25rem;
}

.process-spine-list[b-kxkmxi3mce] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Step cards: rounded corners, subtle shadow, white/surface background */
.process-spine-card[b-kxkmxi3mce] {
    position: relative;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.06);
}

.process-spine-card:hover[b-kxkmxi3mce] {
    border-color: var(--mud-palette-primary-light);
}

.process-spine-card-selected[b-kxkmxi3mce] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border-color: var(--mud-palette-primary-light);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.06), 0 0 0 1px var(--mud-palette-primary-light);
}

.process-spine-card-inner[b-kxkmxi3mce] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.process-spine-icon[b-kxkmxi3mce] {
    flex-shrink: 0;
}

.process-spine-icon-shape[b-kxkmxi3mce] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
}

.process-spine-icon-hollow[b-kxkmxi3mce] {
    border: 2px solid var(--mud-palette-lines-default);
    background: transparent;
}

.process-spine-card-selected .process-spine-icon-hollow[b-kxkmxi3mce] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.process-spine-icon-action[b-kxkmxi3mce] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast);
    border: none;
}

.process-spine-icon-decision[b-kxkmxi3mce] {
    flex-shrink: 0;
}

.process-spine-content[b-kxkmxi3mce] {
    flex: 1;
    min-width: 0;
}

.process-spine-title[b-kxkmxi3mce] {
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.process-spine-tags[b-kxkmxi3mce] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.process-spine-tag[b-kxkmxi3mce] {
    font-size: 0.75rem;
}

/* Ensure chip text is visible (filled chips use contrast color) */
[b-kxkmxi3mce] .process-spine-tag.mud-chip-filled.mud-chip-color-primary .mud-chip-content,
[b-kxkmxi3mce] .process-spine-tag.mud-chip-filled.mud-chip-color-primary .mud-chip-icon {
    color: var(--mud-palette-primary-contrast) !important;
}
[b-kxkmxi3mce] .process-spine-tag.mud-chip-filled.mud-chip-color-secondary .mud-chip-content,
[b-kxkmxi3mce] .process-spine-tag.mud-chip-filled.mud-chip-color-secondary .mud-chip-icon {
    color: var(--mud-palette-secondary-contrast) !important;
}
[b-kxkmxi3mce] .process-spine-tag.mud-chip-filled.mud-chip-color-warning .mud-chip-content,
[b-kxkmxi3mce] .process-spine-tag.mud-chip-filled.mud-chip-color-warning .mud-chip-icon {
    color: var(--mud-palette-warning-contrast) !important;
}

.process-spine-chevron[b-kxkmxi3mce] {
    flex-shrink: 0;
    margin-left: auto;
}
/* /Components/GRC/ProcessStepDetailPanel.razor.rz.scp.css */
/* Step detail panel – card layout identical to reference (Process Spine + detail cards) */

.process-step-detail-panel[b-ci9hxpp78g] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Cards: rounded corners, subtle shadow (match ModuleSectionCard / reference) */
.process-step-detail-card[b-ci9hxpp78g] {
    background: var(--mud-palette-surface);
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.06);
}

/* Hollow circle for step number in title card (goal design) */
.process-step-detail-panel .process-step-title-card .process-step-number-badge.process-step-title-icon[b-ci9hxpp78g] {
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
    border: 2px solid var(--mud-palette-lines-default);
    background: transparent;
    color: var(--mud-palette-text-primary);
}

.process-step-overview-content[b-ci9hxpp78g] {
    display: flex;
    flex-direction: column;
}

.process-step-coverage-bar[b-ci9hxpp78g] {
    min-width: 0;
}

.process-step-coverage-warning[b-ci9hxpp78g] {
    margin-top: 0.5rem;
}

/* Ensure chip text is visible in step detail panel (filled and outlined) */
[b-ci9hxpp78g] .process-step-detail-panel .mud-chip-filled.mud-chip-color-primary .mud-chip-content,
[b-ci9hxpp78g] .process-step-detail-panel .mud-chip-filled.mud-chip-color-primary .mud-chip-icon {
    color: var(--mud-palette-primary-contrast) !important;
}
[b-ci9hxpp78g] .process-step-detail-panel .mud-chip-filled.mud-chip-color-secondary .mud-chip-content,
[b-ci9hxpp78g] .process-step-detail-panel .mud-chip-filled.mud-chip-color-secondary .mud-chip-icon {
    color: var(--mud-palette-secondary-contrast) !important;
}
[b-ci9hxpp78g] .process-step-detail-panel .mud-chip-outlined.mud-chip-color-success .mud-chip-content {
    color: var(--mud-palette-success) !important;
}

/* Governance links grid (same as reference / View.razor layout) */
.process-governance-grid[b-ci9hxpp78g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1rem;
}

@media (max-width: 960px) {
    .process-governance-grid[b-ci9hxpp78g] {
        grid-template-columns: 1fr;
    }
}

.process-governance-card[b-ci9hxpp78g] {
    min-height: 120px;
}

.process-gov-item[b-ci9hxpp78g] {
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}

.process-gov-item:last-child[b-ci9hxpp78g] {
    margin-bottom: 0;
}
/* /Components/GRC/SectionBlockEditor.razor.rz.scp.css */
/* Left-align all block content */
.section-block-editor[b-z93brvl3ol] {
    text-align: left;
}

/* List block editor: left-align rows and add slight indent for list feel */
.section-block-editor .list-block-editor[b-z93brvl3ol] {
    text-align: left;
}

.section-block-editor .list-block-editor .mud-stack[b-z93brvl3ol] {
    align-items: flex-start;
}

.section-block-editor .section-block-card[b-z93brvl3ol] {
    text-align: left;
}
/* /Components/GRC/SectionBlockRenderer.razor.rz.scp.css */
/* Left-align block content; bullets and numbering with proper indentation */
.section-block-renderer[b-r2nh5qbyz1] {
    text-align: left;
}

.section-block-renderer ul[b-r2nh5qbyz1],
.section-block-renderer ol[b-r2nh5qbyz1] {
    margin-left: 1.5em;
    padding-left: 0.5em;
    text-align: left;
    list-style-position: outside;
}

.section-block-renderer ul[b-r2nh5qbyz1] {
    list-style-type: disc;
}

.section-block-renderer ol[b-r2nh5qbyz1] {
    list-style-type: decimal;
}

.section-block-renderer p[b-r2nh5qbyz1],
.section-block-renderer pre[b-r2nh5qbyz1] {
    text-align: left;
}
/* /Components/GRC/SopActivitiesSidebar.razor.rz.scp.css */
/* Runbook Steps – visually matches Process Spine (same card layout, spacing, typography) */

.process-activities-sidebar.process-spine[b-9m1b9nauz3] {
    background: transparent;
    border: none;
    padding: 0;
}

.process-spine-header[b-9m1b9nauz3] {
    margin-bottom: 1rem;
}

.process-spine-header .mud-typography:first-child[b-9m1b9nauz3] {
    display: block;
    margin-bottom: 0.25rem;
}

.process-spine-list[b-9m1b9nauz3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Step cards: rounded corners, subtle shadow, white/surface background */
.process-spine-card[b-9m1b9nauz3] {
    position: relative;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.06);
}

.process-spine-card:hover[b-9m1b9nauz3] {
    border-color: var(--mud-palette-primary-light);
}

.process-spine-card-selected[b-9m1b9nauz3] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border-color: var(--mud-palette-primary-light);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.06), 0 0 0 1px var(--mud-palette-primary-light);
}

.process-spine-card-inner[b-9m1b9nauz3] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.process-spine-icon[b-9m1b9nauz3] {
    flex-shrink: 0;
}

.process-spine-icon-shape[b-9m1b9nauz3] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
}

.process-spine-icon-hollow[b-9m1b9nauz3] {
    border: 2px solid var(--mud-palette-lines-default);
    background: transparent;
}

.process-spine-card-selected .process-spine-icon-hollow[b-9m1b9nauz3] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.process-spine-icon-action[b-9m1b9nauz3] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast);
    border: none;
}

.process-spine-icon-decision[b-9m1b9nauz3] {
    flex-shrink: 0;
}

.process-spine-content[b-9m1b9nauz3] {
    flex: 1;
    min-width: 0;
}

.process-spine-title[b-9m1b9nauz3] {
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.process-spine-tags[b-9m1b9nauz3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.process-spine-tag[b-9m1b9nauz3] {
    font-size: 0.75rem;
}

/* Ensure chip text is visible (filled chips use contrast color) */
[b-9m1b9nauz3] .process-spine-tag.mud-chip-filled.mud-chip-color-primary .mud-chip-content,
[b-9m1b9nauz3] .process-spine-tag.mud-chip-filled.mud-chip-color-primary .mud-chip-icon {
    color: var(--mud-palette-primary-contrast) !important;
}
[b-9m1b9nauz3] .process-spine-tag.mud-chip-filled.mud-chip-color-secondary .mud-chip-content,
[b-9m1b9nauz3] .process-spine-tag.mud-chip-filled.mud-chip-color-secondary .mud-chip-icon {
    color: var(--mud-palette-secondary-contrast) !important;
}
[b-9m1b9nauz3] .process-spine-tag.mud-chip-filled.mud-chip-color-warning .mud-chip-content,
[b-9m1b9nauz3] .process-spine-tag.mud-chip-filled.mud-chip-color-warning .mud-chip-icon {
    color: var(--mud-palette-warning-contrast) !important;
}

.process-spine-chevron[b-9m1b9nauz3] {
    flex-shrink: 0;
    margin-left: auto;
}

/* Open-in-new link (Runbook step detail URL) */
.process-spine-link-wrap[b-9m1b9nauz3] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.process-activity-link[b-9m1b9nauz3] {
    color: var(--mud-palette-primary);
}
/* /Components/GRC/SopStepDetailPanel.razor.rz.scp.css */
/* SOP Step detail panel – aligned with Process step detail (card layout, governance grid) */

.process-step-detail-panel[b-9v8l2qpypf] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.process-step-detail-card[b-9v8l2qpypf] {
    background: var(--mud-palette-surface);
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.06);
}

/* Filled circle (ball) matching header buttons: primary background, white text */
.process-step-detail-panel .process-step-title-card .process-step-number-badge.process-step-title-icon[b-9v8l2qpypf] {
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
    font-weight: 700;
    border: none;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast);
    display: flex;
    align-items: center;
    justify-content: center;
}

.process-step-overview-content[b-9v8l2qpypf] {
    display: flex;
    flex-direction: column;
}

.process-step-coverage-bar[b-9v8l2qpypf] {
    min-width: 0;
}

.process-step-coverage-warning[b-9v8l2qpypf] {
    margin-top: 0.5rem;
}

.process-governance-grid[b-9v8l2qpypf] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1rem;
}

@media (max-width: 960px) {
    .process-governance-grid[b-9v8l2qpypf] {
        grid-template-columns: 1fr;
    }
}

.process-governance-card[b-9v8l2qpypf] {
    min-height: 120px;
}

.process-gov-item[b-9v8l2qpypf] {
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}

.process-gov-item:last-child[b-9v8l2qpypf] {
    margin-bottom: 0;
}
/* /Components/Intelligence/ChatHistorySidebar.razor.rz.scp.css */
/* Chat History Sidebar - Shared component matching IntelligenceHoverPanel design */
/* Used in UnifiedIntelligenceChat (global and entity-scoped Ask AI drawer) */

.chat-history-sidebar[b-kq74hx6kdi] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--mud-palette-surface);
    overflow: hidden;
}

.chat-history-content[b-kq74hx6kdi] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.chat-history-header[b-kq74hx6kdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    min-height: 56px;
    box-sizing: border-box;
}

.new-chat-btn[b-kq74hx6kdi] {
    font-weight: 500;
    text-transform: none;
    height: auto;
    min-height: 32px;
    font-size: var(--font-base);
    padding: 6px 12px;
}

.chat-history-search[b-kq74hx6kdi] {
    padding: var(--space-lg);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.chat-history-body[b-kq74hx6kdi] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-lg);
}

.session-group[b-kq74hx6kdi] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: var(--space-xl);
}

.session-group:last-child[b-kq74hx6kdi] {
    margin-bottom: 0;
}

.session-group-label[b-kq74hx6kdi] {
    font-size: var(--font-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--space-md) var(--space-md) var(--space-sm) var(--space-md);
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
}

.session-item[b-kq74hx6kdi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md) var(--space-lg);
    margin: 1px 0;
    border-radius: var(--radius-12);
    cursor: pointer;
    transition: all 0.15s ease;
    background-color: transparent;
    gap: var(--space-lg);
    min-height: 40px;
    box-sizing: border-box;
}

.session-item:hover[b-kq74hx6kdi] {
    background-color: var(--mud-palette-action-default-hover);
}

.session-item.active[b-kq74hx6kdi] {
    background-color: var(--mud-palette-action-selected);
    font-weight: 500;
}

.session-title[b-kq74hx6kdi] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--font-base);
    line-height: var(--lh-normal);
    color: var(--mud-palette-text-primary);
    min-width: 0;
}

.session-item.active .session-title[b-kq74hx6kdi] {
    font-weight: 500;
}

.session-menu-btn[b-kq74hx6kdi] {
    opacity: 0;
    transition: opacity 0.15s ease;
    width: 28px;
    height: 28px;
    padding: 4px;
    flex-shrink: 0;
    border-radius: var(--radius-12);
}

.session-item:hover .session-menu-btn[b-kq74hx6kdi] {
    opacity: 1;
}

.session-menu-btn:hover[b-kq74hx6kdi] {
    background-color: var(--mud-palette-action-default-hover);
}

.delete-menu-item[b-kq74hx6kdi] {
    color: var(--mud-palette-error);
}

.menu-item-content[b-kq74hx6kdi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.no-sessions-text[b-kq74hx6kdi] {
    padding: var(--space-xl) var(--space-lg);
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
    text-align: center;
}

/* Scrollbar */
.chat-history-body[b-kq74hx6kdi]::-webkit-scrollbar {
    width: 6px;
}

.chat-history-body[b-kq74hx6kdi]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-history-body[b-kq74hx6kdi]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-divider);
    border-radius: 3px;
}

.chat-history-body[b-kq74hx6kdi]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-text-secondary);
}

/* Dark Mode */
.mud-theme-dark .chat-history-sidebar[b-kq74hx6kdi] {
    background: var(--mud-palette-surface);
}

.mud-theme-dark .session-item:hover[b-kq74hx6kdi] {
    background-color: rgba(255, 255, 255, 0.06);
}

.mud-theme-dark .session-item.active[b-kq74hx6kdi] {
    background-color: rgba(255, 255, 255, 0.10);
}
/* /Components/Intelligence/DocumentPreviewPanel.razor.rz.scp.css */
.document-preview-panel[b-63sspoxryl] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    background: transparent; /* MudCard provides background */
    overflow: hidden;
    /* CRITICAL: Prevent panel from overflowing, allow content to scroll */
    width: 100%;
    /* CRITICAL: Ensure full width */
}

.document-preview-header[b-63sspoxryl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent; /* MudCard provides background */
    flex-shrink: 0;
}

.document-preview-title[b-63sspoxryl] {
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.document-preview-actions[b-63sspoxryl] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.document-preview-content[b-63sspoxryl] {
    flex: 1 1 0%;
    /* CRITICAL: Use 0% flex-basis to allow proper shrinking */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 16px;
    display: flex;
    justify-content: center;
    background: var(--mud-palette-background-grey, #f5f5f5);
    min-height: 0;
    /* CRITICAL: Enable vertical scrolling */
    scroll-behavior: smooth;
    /* CRITICAL: Ensure scrolling works */
    -webkit-overflow-scrolling: touch;
    width: 100%;
    /* CRITICAL: Ensure full width */
    max-height: 100%;
    /* CRITICAL: Constrain height to enable scrolling */
}

.document-a4-container[b-63sspoxryl] {
    width: 210mm;
    min-width: 210mm;
    max-width: 210mm;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 24px;
    margin: 0 auto;
}

.document-preview-footer[b-63sspoxryl] {
    padding: 12px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    background: transparent; /* MudCard provides background */
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

@media (prefers-color-scheme: dark) {
    .document-preview-content[b-63sspoxryl] {
        background: var(--mud-palette-background, #121212);
    }
    
    .document-preview-header[b-63sspoxryl] {
        border-bottom-color: rgba(255, 255, 255, 0.12);
    }
    
    .document-a4-container[b-63sspoxryl] {
        background: var(--mud-palette-surface, #1e1e1e);
    }
    
    .document-preview-footer[b-63sspoxryl] {
        border-top-color: rgba(255, 255, 255, 0.12);
    }
}

/* Responsive: Adjust A4 container on smaller screens */
@media (max-width: 1200px) {
    .document-a4-container[b-63sspoxryl] {
        width: 100%;
        min-width: auto;
        max-width: 100%;
        padding: 16px;
    }
}
/* /Components/Intelligence/IntelligenceChatBubble.razor.rz.scp.css */
/* Intelligence Chat Bubble - Speech bubble modal for UnifiedIntelligenceChat */
/* Positioned within body, respects Action Panel, opaque overlay to hide background content */

/* ========================================
   OVERLAY (Opaque backdrop)
   Positioned over module-content-region, below header, respects Action Panel
   Only covers module-content-region area - nowhere else
   Top overlay removed - only sides and bottom have overlay
   ======================================== */
.intelligence-chat-bubble-overlay[b-p8dpr575pc] {
    position: fixed;
    /* Fixed positioning to cover module-content-region area from sides and bottom only */
    /* Start exactly where module-content-region begins: same top as actions column + header section height */
    top: calc(var(--appbar-height, 64px) + var(--page-header-panel-height, 64px) + var(--module-header-section-height, 4rem));
    left: var(--mud-drawer-width-left, 0px);
    /* Start exactly where module-content-region begins (respects chat sidebar nav on left) */
    right: 0;
    /* End at right edge of viewport - full width, no action panel space reserved */
    bottom: 0;
    /* Extend to bottom of viewport to cover entire module-content-region */
    background: transparent !important; /* No background on overlay itself - sides/bottom handled by pseudo-element */
    z-index: 100; /* Above body content and tabs, below action panel (115) and header title */
    display: flex;
    /* Default flex-direction is row */
    align-items: stretch;
    /* Stretch bubble to full height of content area */
    padding: 24px 24px 24px 24px; /* Top padding to create space between buttons and bubble - no top overlay */
    box-sizing: border-box;
    /* Ensure padding is included in width/height calculation */
    opacity: 1;
    pointer-events: all; /* Enable clicks on overlay to close bubble */
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* Smoothly respond to left panel (nav/sidebar) open/close state */
    cursor: pointer; /* Indicate clickable area when open */
}

/* Pseudo-element to create overlay on sides and bottom only (not top) */
.intelligence-chat-bubble-overlay[b-p8dpr575pc]::before {
    content: '';
    position: absolute;
    top: 24px; /* Start below top padding - no overlay coverage above bubble */
    left: -24px;  /* Extend left to cover left side */
    right: -24px; /* Extend right to cover right side */
    bottom: -24px; /* Extend bottom to cover bottom area */
    background: var(--mud-palette-background) !important; /* Solid opaque background for sides and bottom */
    z-index: -1; /* Behind overlay content but above page content */
    /* Top edge starts at top padding - no overlay coverage above bubble */
    /* Sides and bottom extend beyond padding to create overlay effect */
}

/* Ensure header title/buttons row stays above bubble (tabs can be covered) */
.module-header-section .module-header-row[b-p8dpr575pc] {
    position: relative;
    z-index: 101 !important; /* Above bubble overlay */
}

/* Tabs should be clickable when bubble is closed (overlay not rendered) */
.module-header-section .module-tabs[b-p8dpr575pc] {
    position: relative;
    z-index: 99 !important; /* Normal stacking - tabs are clickable when overlay is not rendered */
}

/* Calculate approximate header heights - adjust based on actual measurements */
.module-workspace-page[b-p8dpr575pc] {
    --module-header-title-height: calc(4rem + 1rem);
    /* Approximate: title row (4rem) + padding (1rem) - covers title and action buttons */
    --module-header-section-height: calc(1rem + 4.5rem + 0.5rem + 2.625rem);
    /* Full header section: padding-top (1rem/pt-4) + title row (~4.5rem) + gap (0.5rem/gap-2) + tabs (2.625rem/42px min-height + border) */
    /* Note: Fallback in overlay top calc uses 4.625rem (measured actual height without tabs or with different rendering) */
}

/* ========================================
   SPEECH BUBBLE CONTAINER
   ======================================== */
.intelligence-chat-bubble[b-p8dpr575pc] {
    position: relative;
    width: 100% !important;
    /* Fill overlay content area (overlay minus padding) - use !important to override any conflicting styles */
    height: 100% !important;
    /* Fill overlay content area (overlay minus padding) */
    max-width: 100% !important;
    /* Ensure bubble doesn't exceed content area */
    max-height: 100% !important;
    /* Ensure bubble doesn't exceed content area */
    min-width: 0;
    /* Allow flex item to shrink below content size */
    margin: 0 !important;
    /* No margin - bubble fills overlay content area with equal padding around it */
    padding: 24px;
    /* Internal padding inside bubble card for consistent spacing of all content from border */
    box-sizing: border-box !important;
    /* Ensure border is included in width/height calculation */
    background: var(--mud-palette-surface);
    border-radius: 16px;
    border: 1px solid var(--mud-palette-divider);
    box-shadow: none;
    /* Shadow removed per user request */
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: translateX(100%);
    /* Start off-screen to the right */
    opacity: 0;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
                width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* Slide animation from right (slowed down), width transition responds to sidebar opening/closing */
    cursor: default; /* Reset cursor inside bubble */
    pointer-events: auto; /* Ensure bubble content is clickable */
}

.intelligence-chat-bubble.open[b-p8dpr575pc] {
    transform: translateX(0);
    /* Slide into view from right */
    opacity: 1;
}

/* Speech bubble tail (pointing to top-right, where Intelligence button is) */
.intelligence-chat-bubble[b-p8dpr575pc]::before {
    content: '';
    position: absolute;
    top: -12px;
    right: 24px; /* Position near top-right, pointing toward Intelligence button */
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid var(--mud-palette-surface);
    filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.08));
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
    /* Fade in tail shortly after bubble starts sliding in (slowed down) */
}

.intelligence-chat-bubble.open[b-p8dpr575pc]::before {
    opacity: 1;
}

/* Speech bubble tail border (matching container border) */
.intelligence-chat-bubble[b-p8dpr575pc]::after {
    content: '';
    position: absolute;
    top: -13px;
    right: 24px;
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid var(--mud-palette-divider);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
    /* Fade in tail border shortly after bubble starts sliding in (slowed down) */
}

.intelligence-chat-bubble.open[b-p8dpr575pc]::after {
    opacity: 1;
}

/* ========================================
   BUBBLE HEADER (Unified header area)
   ======================================== */
.bubble-header[b-p8dpr575pc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    min-height: 64px;
    position: relative;
}

.bubble-header-content[b-p8dpr575pc] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0; /* Allow content to shrink */
    padding-right: 48px; /* Reserve space for close button */
}

/* ========================================
   BUBBLE CLOSE BUTTON (In header, top-right)
   ======================================== */
.bubble-close-button-wrapper[b-p8dpr575pc] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bubble-close-btn[b-p8dpr575pc] {
    background: rgba(var(--mud-palette-surface-rgb), 0.9) !important;
    backdrop-filter: blur(8px);
    border: 1px solid var(--mud-palette-divider);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.bubble-close-btn:hover[b-p8dpr575pc] {
    background: var(--mud-palette-surface) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* ========================================
   BUBBLE CONTENT (Component body, no headers)
   ======================================== */
.bubble-content[b-p8dpr575pc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    width: 100%;
    height: 100%;
    padding: 0; /* Explicitly no padding - overlay provides spacing */
    margin: 0; /* Explicitly no margin */
}

/* Ensure EmbeddedInboxPanel fills the bubble and does not overflow (entity Inbox action) */
.bubble-content :deep(.embedded-inbox-panel)[b-p8dpr575pc] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Ensure UnifiedIntelligenceChat fills the bubble */
.bubble-content :deep(.unified-chat-wrapper)[b-p8dpr575pc] {
    flex: 1;
    min-height: 0;
    height: 100%;
    width: 100%;
    padding: 0 !important; /* No padding - bubble provides spacing via overlay */
    margin: 0 !important; /* No margin */
    box-sizing: border-box;
}

.bubble-content :deep(.unified-chat-container)[b-p8dpr575pc] {
    height: 100%;
    max-height: 100%;
    width: 100%;
    padding: 0 !important; /* No padding - bubble provides spacing via overlay */
    margin: 0 !important; /* No margin */
    box-sizing: border-box;
}

/* Ensure no left padding/margin on any child elements that could cause asymmetry */
.bubble-content :deep(*)[b-p8dpr575pc] {
    box-sizing: border-box;
}

/* Override any left padding that might be inherited from UnifiedIntelligenceChat styles */
.bubble-content :deep(.unified-header)[b-p8dpr575pc] {
    padding-left: 24px !important;
    /* Keep header's internal padding but ensure it's consistent */
    padding-right: 24px !important;
}

/* ========================================
   DARK MODE SUPPORT
   ======================================== */
@media (prefers-color-scheme: dark) {
    .intelligence-chat-bubble-overlay[b-p8dpr575pc] {
        background: transparent !important; /* No background on overlay itself in dark mode */
    }
    
    .intelligence-chat-bubble-overlay[b-p8dpr575pc]::before {
        background: var(--mud-palette-background) !important; /* Solid opaque background for sides and bottom in dark mode */
    }
    
    .intelligence-chat-bubble[b-p8dpr575pc] {
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    }
    
    .bubble-close-btn[b-p8dpr575pc] {
        background: rgba(var(--mud-palette-surface-rgb), 0.95) !important;
    }
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 1200px) {
    .intelligence-chat-bubble-overlay[b-p8dpr575pc] {
        padding: 20px 16px 16px 16px; /* Top padding for spacing - no top overlay */
    }
    
    .intelligence-chat-bubble-overlay[b-p8dpr575pc]::before {
        top: 20px; /* Start below top padding */
        left: -16px;  /* Match left padding */
        right: -16px; /* Match right padding */
        bottom: -16px; /* Match bottom padding */
    }
}

@media (max-width: 768px) {
    .intelligence-chat-bubble-overlay[b-p8dpr575pc] {
        right: 0; /* Full width on mobile - no action panel space reserved */
        padding: 16px 12px 12px 12px; /* Top padding for spacing - no top overlay */
    }
    
    .intelligence-chat-bubble-overlay[b-p8dpr575pc]::before {
        top: 16px; /* Start below top padding */
        left: -12px;  /* Match left padding */
        right: -12px; /* Match right padding */
        bottom: -12px; /* Match bottom padding */
    }
    
    .intelligence-chat-bubble[b-p8dpr575pc] {
        border-radius: 12px;
    }
    
    /* Keep tail on mobile but adjust position */
    .intelligence-chat-bubble[b-p8dpr575pc]::before,
    .intelligence-chat-bubble[b-p8dpr575pc]::after {
        right: 16px;
    }
}

/* ========================================
   ANIMATION ENHANCEMENTS
   ======================================== */
/* Slide-in animation from right */
@keyframes slideInFromRight-b-p8dpr575pc {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.intelligence-chat-bubble.open[b-p8dpr575pc] {
    animation: slideInFromRight-b-p8dpr575pc 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    /* Slide in from right when bubble opens (slowed down) */
}

/* Slide-out animation to right */
@keyframes slideOutToRight-b-p8dpr575pc {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

.intelligence-chat-bubble:not(.open)[b-p8dpr575pc] {
    animation: slideOutToRight-b-p8dpr575pc 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    /* Slide out to right when bubble closes (slowed down) */
}
/* /Components/Intelligence/IntelligenceHoverPanel.razor.rz.scp.css */
/* Intelligence Panel - Click-only, Integrated with Navigation Menu */
.intelligence-hover-panel[b-8wf2oj84fn] {
    position: fixed;
    left: 280px; /* Menu width */
    top: 64px; /* Start at AppBar bottom, same as nav menu */
    width: 340px;
    height: calc(100vh - 64px);
    background: var(--mud-palette-surface);
    border-left: 1px solid var(--mud-palette-divider);
    border-right: 1px solid var(--mud-palette-divider);
    box-shadow: none;
    z-index: 1099;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-8wf2oj84fn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideInRight-b-8wf2oj84fn {
    from {
        transform: translateX(-10px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.hover-panel-content[b-8wf2oj84fn] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.hover-panel-header[b-8wf2oj84fn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    min-height: 56px;
    box-sizing: border-box;
}

.hover-panel-title[b-8wf2oj84fn] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    font-size: var(--font-lg);
}

.new-chat-btn[b-8wf2oj84fn] {
    font-weight: 500;
    text-transform: none;
    height: auto;
    min-height: 32px;
    font-size: var(--font-base);
    padding: 6px 12px;
}

.hover-panel-search[b-8wf2oj84fn] {
    padding: var(--space-lg);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.hover-panel-body[b-8wf2oj84fn] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-lg);
}

.session-group[b-8wf2oj84fn] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: var(--space-xl);
}

.session-group:last-child[b-8wf2oj84fn] {
    margin-bottom: 0;
}

.session-group-label[b-8wf2oj84fn] {
    font-size: var(--font-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: var(--space-md) var(--space-md) var(--space-sm) var(--space-md);
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
}

.session-item[b-8wf2oj84fn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md) var(--space-lg);
    margin: 1px 0;
    border-radius: var(--radius-12);
    cursor: pointer;
    transition: all 0.15s ease;
    background-color: transparent;
    gap: var(--space-lg);
    min-height: 40px;
    box-sizing: border-box;
}

.session-item:hover[b-8wf2oj84fn] {
    background-color: var(--mud-palette-action-default-hover);
}

.session-item.active[b-8wf2oj84fn] {
    background-color: var(--mud-palette-action-selected);
    font-weight: 500;
}

.session-title[b-8wf2oj84fn] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--font-base);
    line-height: var(--lh-normal);
    color: var(--mud-palette-text-primary);
    min-width: 0;
}

.session-item.active .session-title[b-8wf2oj84fn] {
    font-weight: 500;
}

.session-menu-btn[b-8wf2oj84fn] {
    opacity: 0;
    transition: opacity 0.15s ease;
    width: 28px;
    height: 28px;
    padding: 4px;
    flex-shrink: 0;
    border-radius: var(--radius-12);
}

.session-item:hover .session-menu-btn[b-8wf2oj84fn] {
    opacity: 1;
}

.session-menu-btn:hover[b-8wf2oj84fn] {
    background-color: var(--mud-palette-action-default-hover);
}

.delete-menu-item[b-8wf2oj84fn] {
    color: var(--mud-palette-error);
}

.menu-item-content[b-8wf2oj84fn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.no-sessions-text[b-8wf2oj84fn] {
    padding: var(--space-xl) var(--space-lg);
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
    text-align: center;
}

/* Scrollbar */
.hover-panel-body[b-8wf2oj84fn]::-webkit-scrollbar {
    width: 6px;
}

.hover-panel-body[b-8wf2oj84fn]::-webkit-scrollbar-track {
    background: transparent;
}

.hover-panel-body[b-8wf2oj84fn]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-divider);
    border-radius: 3px;
}

.hover-panel-body[b-8wf2oj84fn]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-text-secondary);
}

/* Dark Mode */
.mud-theme-dark .intelligence-hover-panel[b-8wf2oj84fn] {
    background: var(--mud-palette-surface);
}

.mud-theme-dark .session-item:hover[b-8wf2oj84fn] {
    background-color: rgba(255, 255, 255, 0.06);
}

.mud-theme-dark .session-item.active[b-8wf2oj84fn] {
    background-color: rgba(255, 255, 255, 0.10);
}
/* /Components/Intelligence/IntelligenceWelcomePanel.razor.rz.scp.css */
/* IntelligenceWelcomePanel.razor.css
   Flat design with white backgrounds, borders, no shadows
   Follows Module Detail View Architecture (Section 36)
*/

/* ========================================
   CONTAINER
   ======================================== */
.intelligence-welcome-container[b-aknfx3ux2z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 48px 32px;
    min-height: 0;
    /* CRITICAL: Don't force min-height - let parent control sizing */
    height: auto;
    /* Use auto height to allow natural growth */
    overflow-y: visible;
    /* Let parent handle scrolling */
    gap: 32px;
    width: 100%;
    box-sizing: border-box;
}

/* When inside a constrained container (like drawer), allow scrolling */
.chat-messages-body .intelligence-welcome-container[b-aknfx3ux2z],
.drawer-content-wrapper .chat-messages-body .intelligence-welcome-container[b-aknfx3ux2z],
.actions-drawer-body .chat-messages-body .intelligence-welcome-container[b-aknfx3ux2z] {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
    padding: 2rem 1.5rem !important;
    /* Reduce padding in drawer to save space */
}

/* ========================================
   HERO SECTION
   ======================================== */
.welcome-hero[b-aknfx3ux2z] {
    text-align: center;
    max-width: 700px;
    width: 100%;
}

.welcome-icon[b-aknfx3ux2z] {
    font-size: 72px !important;
    color: var(--mud-palette-primary);
    margin-bottom: 16px;
    opacity: 0.9;
}

/* ========================================
   MODULE SELECTOR
   ======================================== */
.module-selector-section[b-aknfx3ux2z] {
    max-width: 900px;
    width: 100%;
    text-align: center;
}

.module-chips[b-aknfx3ux2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

/* ========================================
   LOADING STATE
   ======================================== */
.loading-section[b-aknfx3ux2z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 0;
}

/* ========================================
   SNIPPET CATEGORY SECTIONS
   ======================================== */
.snippet-category-section[b-aknfx3ux2z] {
    max-width: 1200px;
    width: 100%;
    margin-bottom: 32px;
}

.category-header[b-aknfx3ux2z] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #E2E8F0;
}

@media (prefers-color-scheme: dark) {
    .category-header[b-aknfx3ux2z] {
        border-bottom-color: rgba(255, 255, 255, 0.12);
    }
}

.category-icon[b-aknfx3ux2z] {
    color: var(--mud-palette-primary);
}

.category-label[b-aknfx3ux2z] {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    letter-spacing: 0.5px;
}

@media (prefers-color-scheme: dark) {
    .category-label[b-aknfx3ux2z] {
        color: var(--mud-palette-text-disabled);
    }
}

/* ========================================
   SNIPPET CARDS GRID
   ======================================== */
.snippet-tiles[b-aknfx3ux2z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

@media (max-width: 960px) {
    .snippet-tiles[b-aknfx3ux2z] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 12px;
    }
}

@media (max-width: 600px) {
    .snippet-tiles[b-aknfx3ux2z] {
        grid-template-columns: 1fr;
    }
}

/* ========================================
   SNIPPET CARD (Flat Design)
   ======================================== */
.snippet-card[b-aknfx3ux2z] {
    background: var(--mud-palette-surface) !important;
    border: 1px solid var(--mud-palette-divider) !important;
    border-radius: var(--radius-12) !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06) !important;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 100%;
}

.snippet-card:hover[b-aknfx3ux2z] {
    border-color: var(--mud-palette-primary) !important;
    background: #F8FAFC !important;
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10) !important;
}

@media (prefers-color-scheme: dark) {
    .snippet-card[b-aknfx3ux2z] {
        background: var(--mud-palette-surface, #2a2a2a) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

    .snippet-card:hover[b-aknfx3ux2z] {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: var(--mud-palette-primary) !important;
    }
}

.snippet-card-content[b-aknfx3ux2z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 20px !important;
    height: 100%;
}

/* ========================================
   SNIPPET CARD ELEMENTS
   ======================================== */
.snippet-icon[b-aknfx3ux2z] {
    margin-bottom: 8px;
}

.snippet-title[b-aknfx3ux2z] {
    font-weight: 600 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}

.snippet-preview[b-aknfx3ux2z] {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.snippet-badges[b-aknfx3ux2z] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: auto;
}

/* ========================================
   SUGGESTED QUESTIONS
   ======================================== */
.suggested-questions-section[b-aknfx3ux2z] {
    max-width: 800px;
    width: 100%;
}

.suggested-questions-list[b-aknfx3ux2z] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.suggested-question-btn[b-aknfx3ux2z] {
    text-transform: none !important;
    justify-content: flex-start !important;
    text-align: left !important;
    white-space: normal !important;
    height: auto !important;
    padding: 14px 18px !important;
    border: 1px solid var(--mud-palette-divider) !important;
    border-radius: 8px !important;
    background: var(--mud-palette-surface) !important;
    transition: all 0.2s ease;
}

.suggested-question-btn:hover[b-aknfx3ux2z] {
    border-color: var(--mud-palette-primary) !important;
    background: #F8FAFC !important;
    transform: translateX(4px);
}

@media (prefers-color-scheme: dark) {
    .suggested-question-btn[b-aknfx3ux2z] {
        background: var(--mud-palette-surface, #2a2a2a) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

    .suggested-question-btn:hover[b-aknfx3ux2z] {
        background: rgba(255, 255, 255, 0.08) !important;
        border-color: var(--mud-palette-primary) !important;
    }
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 600px) {
    .intelligence-welcome-container[b-aknfx3ux2z] {
        padding: 32px 16px;
        gap: 24px;
    }

    .welcome-icon[b-aknfx3ux2z] {
        font-size: 56px !important;
    }

    .snippet-card-content[b-aknfx3ux2z] {
        padding: 16px !important;
    }

    .suggested-question-btn[b-aknfx3ux2z] {
        padding: 12px 16px !important;
    }
}
/* /Components/Intelligence/SettingsQuickLinksDrawer.razor.rz.scp.css */
/* Settings Quick Links Drawer - flex layout item that slides in/out */

.settings-quicklinks-drawer[b-18hpvnnt4a] {
    width: 260px;
    height: 100%;
    background: var(--mud-palette-surface);
    border-right: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;
    /* Don't shrink in flex layout */
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-md);
    animation: slideIn-b-18hpvnnt4a 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1050;
    /* Above backdrop (1049) */
}

.settings-quicklinks-drawer.closing[b-18hpvnnt4a] {
    animation: slideOut-b-18hpvnnt4a 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideIn-b-18hpvnnt4a {
    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 260px;
        opacity: 1;
    }
}

@keyframes slideOut-b-18hpvnnt4a {
    from {
        width: 260px;
        opacity: 1;
    }

    to {
        width: 0;
        opacity: 0;
    }
}

/* Drawer Content - Reuse same styles as WorkspaceQuickLinksDrawer */
.settings-quicklinks-drawer .quicklinks-content[b-18hpvnnt4a] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Header */
.settings-quicklinks-drawer .quicklinks-header[b-18hpvnnt4a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 10;
    min-height: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
    box-sizing: border-box;
}

.settings-quicklinks-drawer .header-title[b-18hpvnnt4a] {
    display: flex;
    align-items: center;
}

.settings-quicklinks-drawer .header-title-text[b-18hpvnnt4a] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

/* Body - Scrollable */
.settings-quicklinks-drawer .quicklinks-body[b-18hpvnnt4a] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

/* Module Sections */
.settings-quicklinks-drawer .module-section[b-18hpvnnt4a] {
    margin-bottom: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.settings-quicklinks-drawer .module-section:last-child[b-18hpvnnt4a] {
    border-bottom: none;
}

.settings-quicklinks-drawer .section-header[b-18hpvnnt4a] {
    padding: 12px 12px 0 12px;
    margin-bottom: 0;
}

.settings-quicklinks-drawer .section-label[b-18hpvnnt4a] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.6;
    padding: 0 8px 8px 8px;
    margin: 0;
}

/* Tiles Grid - Match nav/sidebar buttons */
.settings-quicklinks-drawer .section-tiles[b-18hpvnnt4a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px 12px 12px;
}

.settings-quicklinks-drawer .module-tile-btn[b-18hpvnnt4a] {
    font-weight: 500;
    text-transform: none;
    height: 40px;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .settings-quicklinks-drawer[b-18hpvnnt4a] {
        box-shadow: var(--shadow-lg);
    }
}

/* Scrollbar Styling */
.settings-quicklinks-drawer .quicklinks-body[b-18hpvnnt4a]::-webkit-scrollbar {
    width: 6px;
}

.settings-quicklinks-drawer .quicklinks-body[b-18hpvnnt4a]::-webkit-scrollbar-track {
    background: transparent;
}

.settings-quicklinks-drawer .quicklinks-body[b-18hpvnnt4a]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-grey-lighten-2);
    border-radius: 3px;
}

.settings-quicklinks-drawer .quicklinks-body[b-18hpvnnt4a]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-grey);
}
/* /Components/Intelligence/UnifiedIntelligenceChat.razor.rz.scp.css */
/* UnifiedIntelligenceChat.razor.css
   Flat design; uses MudBlazor palette vars for theme compatibility.
   Scoped under .unified-chat-wrapper where possible to avoid !important.
   Drawer layout: works inside .actions-drawer-body / .drawer-content-wrapper / .entity-action-drawer.
*/

/* ========================================
   WRAPPER (Positioning Context for Drawer)
   ======================================== */
.unified-chat-wrapper[b-qsugie7iti] {
    position: relative;
    display: flex;
    flex: 1;
    width: 100%;
    overflow: hidden;
    min-height: 0;
    max-height: 100%;
    border-radius: inherit;
    background: transparent;
}

/* ========================================
   CONTAINER LAYOUT (3-Column)
   ======================================== */
.unified-chat-container[b-qsugie7iti] {
    display: flex;
    height: 100%;
    max-height: 100%;
    background: transparent;
    overflow: hidden;
    width: 100%;
    transition: width 0.3s ease-in-out;
    min-height: 0;
    border-radius: inherit;
}

/* Canvas split-screen: narrow chat to 50% when canvas opens (legacy document drawer) */
.unified-chat-wrapper .unified-chat-container.viewing-document[b-qsugie7iti] {
    width: 50%;
}

/* Embedded viewer active: full width, panels handle layout */
.unified-chat-wrapper .unified-chat-container:has(.embedded-content-viewer)[b-qsugie7iti] {
    width: 100%;
}

@media (max-width: 960px) {
    .unified-chat-wrapper .unified-chat-container.viewing-document[b-qsugie7iti],
    .unified-chat-wrapper .unified-chat-container:has(.embedded-content-viewer)[b-qsugie7iti] {
        width: 100%;
    }
}

/* Hide sidebar when used in global Intelligence page (WorkspaceLayout provides sidebar) */
.unified-chat-wrapper .unified-chat-container.hide-sidebar .unified-chat-sidebar[b-qsugie7iti] {
    display: none;
}

/* ========================================
   DOCUMENT VIEWER DRAWER (Canvas-style split)
   Uses MudBlazor palette for theme consistency.
   ======================================== */
.unified-chat-wrapper .document-viewer-drawer[b-qsugie7iti] {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    min-width: 400px;
    max-width: 800px;
    background: var(--mud-palette-surface);
    border-left: 1px solid var(--mud-palette-divider);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 100;
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.unified-chat-wrapper .document-viewer-drawer.open[b-qsugie7iti] {
    transform: translateX(0);
}

.unified-chat-wrapper .document-viewer-drawer .drawer-header[b-qsugie7iti] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 64px;
    background: var(--mud-palette-surface);
}

.unified-chat-wrapper .document-viewer-drawer .drawer-content[b-qsugie7iti] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    background: var(--mud-palette-background);
}

@media (max-width: 960px) {
    .unified-chat-wrapper .document-viewer-drawer[b-qsugie7iti] {
        width: 100%;
        max-width: none;
        min-width: auto;
        z-index: 1100;
    }
    .unified-chat-wrapper .document-viewer-drawer.open[b-qsugie7iti] {
        transform: translateX(0);
    }
}

/* ========================================
   SIDEBAR (Sessions/Threads)
   ======================================== */
.unified-chat-wrapper .unified-chat-sidebar[b-qsugie7iti] {
    width: 300px;
    min-width: 300px;
    background: var(--mud-palette-surface);
    border-right: 1px solid var(--mud-palette-divider);
    display: flex;
    flex-direction: column;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    position: relative;
}

.unified-chat-wrapper .unified-chat-sidebar.collapsed[b-qsugie7iti] {
    width: 64px;
    min-width: 64px;
}

/* Sidebar content container */
.unified-chat-wrapper .sidebar-content[b-qsugie7iti] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Collapsed content - Minimized panel (Notion-style) */
.sidebar-content.collapsed-content[b-qsugie7iti] {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.unified-chat-wrapper .sidebar-header[b-qsugie7iti] {
    padding: 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 68px;
    flex-shrink: 0;
}

.collapse-btn[b-qsugie7iti] {
    color: var(--mud-palette-text-primary);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.collapse-btn:hover[b-qsugie7iti] {
    transform: scale(1.1);
}

.unified-chat-wrapper .sidebar-actions[b-qsugie7iti] {
    display: flex;
    gap: 8px;
}

.sidebar-sessions-list[b-qsugie7iti] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 8px;
    padding-right: 4px;
}

/* Scrollbar styling (matches IntelligenceHoverPanel) */
.sidebar-sessions-list[b-qsugie7iti]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-sessions-list[b-qsugie7iti]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-sessions-list[b-qsugie7iti]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-divider);
    border-radius: 3px;
}

.sidebar-sessions-list[b-qsugie7iti]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-text-secondary);
}

/* Session Group - Time-based grouping (matches IntelligenceHoverPanel) */
.session-group[b-qsugie7iti] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.session-group-label[b-qsugie7iti] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0.3px;
    padding: 12px 8px 8px 8px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.6;
}

/* Session Item - Flat Design (matches IntelligenceHoverPanel) */
.session-item[b-qsugie7iti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px;
    border-radius: var(--radius-12);
    cursor: pointer;
    transition: background-color 0.15s ease;
    background-color: transparent;
    gap: 8px;
}

.session-item:hover[b-qsugie7iti] {
    background-color: var(--mud-palette-action-default-hover);
}

.session-item.active[b-qsugie7iti] {
    background-color: var(--mud-palette-action-selected);
}

/* Session item states use --mud-palette-action-* so theme handles dark mode */

.session-avatar[b-qsugie7iti] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: var(--mud-palette-primary-lighten, #64b5f6);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.session-content[b-qsugie7iti] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

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

.session-title[b-qsugie7iti] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.8125rem;
    line-height: 1.2rem;
    color: var(--mud-palette-text-primary);
    min-width: 0;
    position: relative;

    /* Gradient fade-out effect for long text (matches IntelligenceHoverPanel) */
    mask-image: linear-gradient(to right, black 75%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 75%, transparent 100%);
}

.session-item.active .session-title[b-qsugie7iti] {
    font-weight: 500;
}

.session-preview[b-qsugie7iti] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.session-meta[b-qsugie7iti] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.6875rem;
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
}

.session-menu-btn[b-qsugie7iti] {
    opacity: 0;
    transition: opacity 0.15s ease;
    width: 24px;
    height: 24px;
    padding: 2px;
    flex-shrink: 0;
}

.session-item:hover .session-menu-btn[b-qsugie7iti] {
    opacity: 1;
}

.unified-chat-wrapper .session-item:hover .session-menu-btn[b-qsugie7iti],
.unified-chat-wrapper .session-menu-btn:hover[b-qsugie7iti] {
    opacity: 1;
}
.unified-chat-wrapper .session-menu-btn:hover[b-qsugie7iti] {
    background-color: var(--mud-palette-action-default-hover);
}

.delete-menu-item[b-qsugie7iti] {
    color: var(--mud-palette-error);
}

.menu-item-content[b-qsugie7iti] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.no-sessions-text[b-qsugie7iti] {
    padding: 32px 16px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
}


/* ========================================
   MAIN CHAT PANEL
   ======================================== */
.unified-chat-main[b-qsugie7iti] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: transparent; /* Let MudCard provide background */
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    /* CRITICAL: Constrain height to prevent page scrolling */
    height: 100%;
    /* CRITICAL: Take full height of parent */
    width: 100%; /* Ensure it fills available width */
    /* CRITICAL: Allow flex children to shrink below content size */
    overflow: hidden;
    /* CRITICAL: Prevent overflow beyond parent */
    border-radius: inherit; /* CRITICAL: Respect parent's rounded corners */
}

/* ========================================
   UNIFIED HEADER (Spans both panels)
   Hidden when HideHeader=true
   ======================================== */
.unified-chat-wrapper .unified-header[b-qsugie7iti] {
    padding: 16px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    min-height: 72px;
}

.unified-chat-wrapper .unified-header .border-l[b-qsugie7iti] {
    border-left-color: var(--mud-palette-divider);
}

/* ========================================
   UNIFIED PANELS CONTAINER (Chat + Viewer + Tiles side by side)
   ======================================== */
.unified-panels-container[b-qsugie7iti] {
    flex: 1;
    display: flex;
    min-height: 0;
    overflow: hidden;
    position: relative;
    width: 100%; /* Ensure container fills available width */
    border-radius: inherit; /* CRITICAL: Respect parent's rounded corners */
}

.unified-chat-wrapper .chat-panel[b-qsugie7iti] {
    flex: 1 1 500px;
    display: flex;
    flex-direction: column;
    min-width: calc(210mm + 4rem);
    max-width: none;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-right: 1px solid var(--mud-palette-divider);
    transition: flex-basis 0.3s ease-in-out;
    position: relative;
    background: transparent;
    border-radius: inherit;
}

.unified-chat-wrapper .chat-panel-header[b-qsugie7iti] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: transparent;
    flex-shrink: 0;
    min-height: 64px;
}

.unified-chat-wrapper .chat-panel-title[b-qsugie7iti] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    margin: 0;
}

.chat-panel-actions[b-qsugie7iti] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* chat-panel-header / chat-panel-title use --mud-palette so theme handles dark */

/* When header is hidden (HideHeader=true), adjust width constraints for A4 container */
.unified-chat-container.hide-header .chat-panel[b-qsugie7iti] {
    min-width: auto; /* Remove A4 width constraint when in A4 container */
    max-width: 100%; /* Respect parent A4 container width */
}

/* Intelligence page split layout: allow chat to shrink when document preview or viewer is open */
.intelligence-split-layout .unified-chat-wrapper .unified-chat-container.hide-header .chat-panel[b-qsugie7iti],
.intelligence-split-layout .unified-chat-wrapper .unified-panels-container .chat-panel[b-qsugie7iti] {
    min-width: 300px;
    max-width: 100%;
    flex: 1 1 auto;
}

.unified-chat-wrapper .unified-chat-container.hide-header:has(.embedded-content-viewer) .chat-panel[b-qsugie7iti] {
    min-width: 400px;
    max-width: 100%;
}

.unified-chat-wrapper .unified-chat-container.hide-header:has(.embedded-content-viewer) .chat-input-container[b-qsugie7iti],
.unified-chat-wrapper .unified-chat-container.hide-header:has(.embedded-content-viewer) .chat-input-container.mud-paper[b-qsugie7iti] {
    max-width: 100%;
    width: 100%;
}

.unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer) .chat-panel[b-qsugie7iti] {
    flex: 1 1 auto;
    min-width: calc(210mm + 4rem);
    max-width: none;
}

.intelligence-split-layout .unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer) .chat-panel[b-qsugie7iti] {
    min-width: 300px;
}

.unified-chat-wrapper .unified-panels-container:not(:has(.embedded-content-viewer)) .chat-panel[b-qsugie7iti] {
    border-right: none;
}

/* ========================================
   EMPTY STATE (No Active Session)
   ======================================== */
.chat-empty-state[b-qsugie7iti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 32px;
    text-align: center;
    height: 100%;
    overflow-y: auto;
}

/* Module Selector */
.module-selector[b-qsugie7iti] {
    margin-top: 32px;
    max-width: 800px;
}

.module-chips[b-qsugie7iti] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

/* Snippet Picker */
.snippet-picker[b-qsugie7iti] {
    margin-top: 32px;
    max-width: 900px;
    width: 100%;
}

.snippet-category-label[b-qsugie7iti] {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 12px;
    margin-top: 24px;
}

.snippet-category-label:first-of-type[b-qsugie7iti] {
    margin-top: 0;
}

.snippet-tiles[b-qsugie7iti] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.snippet-label[b-qsugie7iti] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    /* Use CSS variable for automatic dark mode support */
}

/* Suggested Questions */
.suggested-questions[b-qsugie7iti] {
    margin-top: 32px;
    max-width: 700px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Override MudButton defaults so suggested questions look like text blocks */
.unified-chat-wrapper .suggested-question-btn[b-qsugie7iti] {
    text-transform: none;
    justify-content: flex-start;
    text-align: left;
    white-space: normal;
    height: auto;
    padding: 12px 16px;
}

/* ========================================
   ACTIVE SESSION VIEW
   ======================================== */
.chat-messages-container[b-qsugie7iti] {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    background: #ffffff;
    position: relative;
    height: 100%;
    width: 100%;
    /* CRITICAL: Container must constrain height for children to scroll */
}

@media (prefers-color-scheme: dark) {
    .chat-messages-container[b-qsugie7iti] {
        background: var(--mud-palette-surface, #1e1e1e);
    }
}

.unified-chat-wrapper .chat-messages-header[b-qsugie7iti] {
    padding: 1.25rem 4rem;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 68px;
    flex-shrink: 0;
    /* CRITICAL: Header should not shrink */
}

.chat-header-info[b-qsugie7iti] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chat-header-avatar[b-qsugie7iti] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: var(--mud-palette-primary-lighten, #64b5f6);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.chat-header-details[b-qsugie7iti] {
    display: flex;
    flex-direction: column;
}

.chat-header-actions[b-qsugie7iti] {
    display: flex;
    gap: 8px;
}

.chat-messages-body[b-qsugie7iti] {
    flex: 1 1 0%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    padding-bottom: 250px;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    flex-shrink: 1;
    width: 100%;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    align-items: center;
    /* CRITICAL: Center all messages horizontally */
    /* CRITICAL: Messages body scrolls, input wrapper stays fixed */
}

.chat-empty-messages[b-qsugie7iti] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

/* Message rendering: centered, transparent (override global app.css via specificity) */
.unified-chat-wrapper .unified-chat-container .chat-messages-body .chat-message[b-qsugie7iti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 1.5rem 0;
    position: relative;
    gap: 0;
    box-sizing: border-box;
}

.unified-chat-wrapper .unified-chat-container .chat-messages-body .chat-message.assistant[b-qsugie7iti],
.unified-chat-wrapper .unified-chat-container .chat-messages-body .chat-message.user[b-qsugie7iti] {
    background: transparent;
}

.unified-chat-wrapper .unified-chat-container .chat-messages-body .chat-message.user[b-qsugie7iti] {
    flex-direction: column;
}

/* Message header with timestamp and role chip */
.unified-chat-container .chat-messages-body .message-header[b-qsugie7iti] {
    max-width: 800px;
    /* Match ChatGPT message content width (800px) */
    width: 100%;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    /* CRITICAL: Center the header within the message */
}

/* Left-align header for assistant messages (default) */
.unified-chat-container .chat-messages-body .chat-message.assistant .message-header[b-qsugie7iti] {
    justify-content: flex-start;
}

/* Right-align header for user messages */
.unified-chat-container .chat-messages-body .chat-message.user .message-header[b-qsugie7iti] {
    justify-content: flex-end;
}

.unified-chat-container .chat-messages-body .message-content[b-qsugie7iti] {
    max-width: 800px;
    /* Match ChatGPT message content width (800px) */
    width: 100%;
    padding: 0 2rem;
    line-height: 1.5;
    /* Match app standard line-height for better information density */
    box-sizing: border-box;
    display: block;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    /* CRITICAL: Center the content within the message */
}

/* When document preview is open, reduce message width but keep centered */
.intelligence-split-layout:has(.intelligence-document-preview-panel) .message-content[b-qsugie7iti],
.intelligence-split-layout:has(.intelligence-document-preview-panel) .message-header[b-qsugie7iti] {
    max-width: 600px;
    padding: 0 1.5rem;
    margin-left: auto;
    margin-right: auto;
    /* CRITICAL: Keep centered when document is open */
}

/* On smaller screens with document open */
@media (max-width: 1400px) {
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .message-content[b-qsugie7iti],
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .message-header[b-qsugie7iti] {
        max-width: 500px;
        padding: 0 1rem;
    }
}

@media (max-width: 1200px) {
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .message-content[b-qsugie7iti],
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .message-header[b-qsugie7iti] {
        max-width: 400px;
        padding: 0 1rem;
    }
}

/* Left-align text content for assistant messages (default) */
.unified-chat-container .chat-messages-body .chat-message.assistant .message-content[b-qsugie7iti] {
    text-align: left;
}

/* Right-align text content for user messages */
.unified-chat-container .chat-messages-body .chat-message.user .message-content[b-qsugie7iti] {
    text-align: right;
}

.unified-chat-wrapper .message-text[b-qsugie7iti] {
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.5;
    font-size: var(--font-md, 0.875rem);
    color: var(--mud-palette-text-primary);
    font-family: inherit;
}

/* Assistant messages (MarkdownRenderer .gp-doc-theme): match MudBlazor typography */
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme[b-qsugie7iti] {
    font-size: var(--font-md, 0.875rem);
    line-height: 1.5;
    margin: 0;
    padding: 0;
    max-width: none;
    font-family: inherit;
    color: var(--mud-palette-text-primary);
}

.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme p[b-qsugie7iti] {
    margin: 0;
    font-size: inherit;
    line-height: 1.5;
    font-family: inherit;
    color: inherit;
}

.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme *[b-qsugie7iti] {
    font-family: inherit;
}

.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h1[b-qsugie7iti],
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h2[b-qsugie7iti],
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h3[b-qsugie7iti],
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h4[b-qsugie7iti],
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h5[b-qsugie7iti],
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h6[b-qsugie7iti] {
    font-family: inherit;
    color: var(--mud-palette-text-primary);
}

.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h1[b-qsugie7iti] { font-size: 1.75rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h2[b-qsugie7iti] { font-size: 1.5rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h3[b-qsugie7iti] { font-size: 1.25rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h4[b-qsugie7iti] { font-size: 1.125rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h5[b-qsugie7iti] { font-size: 1rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h6[b-qsugie7iti] { font-size: 0.875rem; font-weight: 600; }

/* Links in assistant messages: typical link appearance (blue, underline, pointer) */
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme a[b-qsugie7iti] {
    color: var(--mud-palette-primary, #594ae2);
    text-decoration: underline;
    cursor: pointer;
}
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme a:hover[b-qsugie7iti] {
    color: var(--mud-palette-primary-darken, #4739c4);
    text-decoration: underline;
}
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme a:visited[b-qsugie7iti] {
    color: var(--mud-palette-primary, #594ae2);
}

/* Document created links (link-in-chat UX): below assistant message when create_content_document was used */
.unified-chat-wrapper .document-created-links[b-qsugie7iti] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    max-width: 800px;
}
.unified-chat-wrapper .document-created-links .document-created-link[b-qsugie7iti] {
    text-decoration: underline;
}

/* ========================================
   MESSAGE INPUT AREA
   ======================================== */
.unified-chat-wrapper .chat-input-wrapper[b-qsugie7iti] {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 0;
    flex-shrink: 0;
    flex-grow: 0;
    box-sizing: border-box;
    max-width: none;
    text-align: center;
    overflow: visible;
    position: relative;
    z-index: 10;
    background: var(--mud-palette-background);
    border-top: 1px solid var(--mud-palette-divider);
    max-height: 300px;
}

.unified-chat-wrapper .chat-input-panel[b-qsugie7iti] {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 16px 24px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-divider);
    border-radius: var(--radius-12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.chat-input-main-field[b-qsugie7iti] {
    width: 100%;
    margin-bottom: 12px;
}

.chat-input-main-field .mud-input-control[b-qsugie7iti] {
    border-radius: 8px;
}

.chat-input-actions-row[b-qsugie7iti] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.chat-input-actions-left[b-qsugie7iti] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.chat-input-actions-right[b-qsugie7iti] {
    display: flex;
    gap: 12px;
    align-items: center;
}


/* Responsive: Adjust when document is open - keep centered */
.intelligence-split-layout:has(.intelligence-document-preview-panel) .chat-input-panel[b-qsugie7iti] {
    max-width: 600px;
    /* Match message content width when document is open */
    padding: 12px 16px;
    margin-left: auto;
    margin-right: auto;
    /* CRITICAL: Keep centered when document is open */
}

/* On smaller screens with document open */
@media (max-width: 1400px) {
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .chat-input-panel[b-qsugie7iti] {
        max-width: 500px;
    }
}

@media (max-width: 1200px) {
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .chat-input-panel[b-qsugie7iti] {
        max-width: 400px;
    }
}

@media (max-width: 1200px) {
    .chat-input-panel[b-qsugie7iti] {
        max-width: 100%;
        padding: 12px 16px;
    }
    
    .chat-input-actions-left[b-qsugie7iti] {
        gap: 12px;
    }
    
    .chat-input-actions-left .mud-button[b-qsugie7iti] {
        font-size: 0.875rem;
        padding: 4px 8px;
    }
}

.unified-chat-wrapper .chat-input-container[b-qsugie7iti] {
    max-width: 800px;
    width: 800px;
    min-width: 0;
    padding: 0 2rem;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
}

.unified-chat-wrapper .chat-input-wrapper .chat-input-container.chat-input-landing-width[b-qsugie7iti] {
    max-width: 800px;
    width: 800px;
    padding: 0 24px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Ensure ModernCard (renders as MudPaper) respects the width constraint */
.chat-input-container.mud-paper[b-qsugie7iti],
.chat-input-wrapper .chat-input-container.mud-paper[b-qsugie7iti],
.unified-chat-wrapper .chat-messages-container .chat-input-wrapper .chat-input-container.mud-paper[b-qsugie7iti] {
    max-width: 800px;
    width: 800px;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
    display: block;
}

/* When landing widget is visible, override MudPaper width to match landing widget - consolidated with above */

/* MudPaper chat input: 800px centered (scoped so we don't need !important) */
.unified-chat-wrapper .chat-input-wrapper .mud-paper.chat-input-container:not(.chat-input-landing-width)[b-qsugie7iti] {
    max-width: 800px;
    width: 800px;
    min-width: 0;
    box-sizing: border-box;
    flex-shrink: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}

/* When landing widget is visible, override all MudPaper selectors to match ChatGPT width */
.unified-chat-wrapper .chat-messages-container:has(.intelligence-landing-widget) .chat-input-wrapper .mud-paper.chat-input-container[b-qsugie7iti] {
    max-width: 800px;
    width: 800px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Override any ModernCard default styles that might interfere */
/* Only apply when NOT in landing mode */
.unified-chat-wrapper .chat-input-wrapper .mud-paper.chat-input-container.p-4:not(.chat-input-landing-width)[b-qsugie7iti] {
    max-width: 800px;
    width: 800px;
    min-width: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* When landing widget is visible, override all MudPaper selectors to match ChatGPT width */
/* Class-based approach (primary) - must be more specific than default rules */
.unified-chat-wrapper .chat-input-wrapper .mud-paper.chat-input-container.chat-input-landing-width[b-qsugie7iti] {
    max-width: 800px;
    width: 800px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.unified-chat-wrapper .chat-messages-container > .mud-card[b-qsugie7iti],
.unified-chat-wrapper .chat-messages-container > .modern-card[b-qsugie7iti] {
    flex-shrink: 0;
    flex-grow: 0;
    min-height: auto;
    position: relative;
    z-index: 10;
}

/* Consolidated chat-messages-body rules - removed duplicate, see base rule above */

.unified-chat-wrapper .chat-messages-body .intelligence-welcome-container[b-qsugie7iti],
.unified-chat-wrapper .chat-messages-body .intelligence-landing-widget[b-qsugie7iti] {
    height: auto;
    min-height: 0;
    max-height: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow: visible;
}

.actions-drawer-body .chat-messages-body .intelligence-welcome-container[b-qsugie7iti],
.drawer-content-wrapper .chat-messages-body .intelligence-welcome-container[b-qsugie7iti] {
    padding: 2rem 1.5rem;
}

/* Chat input area uses MudBlazor palette - theme handles dark mode */
.unified-chat-wrapper .chat-input-wrapper[b-qsugie7iti] {
    background: var(--mud-palette-background);
    border-top: 1px solid var(--mud-palette-divider);
}

/* When header is hidden (e.g. Home V2, Intelligence page), use surface so area around input is white */
.unified-chat-wrapper .unified-chat-container.hide-header .chat-input-wrapper[b-qsugie7iti] {
    background: var(--mud-palette-surface);
}

.unified-chat-wrapper .chat-input-container[b-qsugie7iti],
.unified-chat-wrapper .chat-input-panel[b-qsugie7iti] {
    background: var(--mud-palette-surface);
    border-color: var(--mud-palette-divider);
}

/* Attachment preview (file chip above text input) */
.attachment-preview[b-qsugie7iti] {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 800px;
    /* Match ChatGPT message content width (800px) */
    width: 100%;
    padding: 0 2rem;
    /* Match message content padding */
}

/* Message input row (paperclip + text field + send button) */
.message-input-row[b-qsugie7iti] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    width: 100%;
    /* No max-width or padding here - parent .chat-input-container handles that */
}

/* File attachment button (paperclip on left of text input) */
.attach-file-button[b-qsugie7iti] {
    color: var(--mud-palette-text-secondary, #64748B);
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.attach-file-button:hover[b-qsugie7iti] {
    color: var(--mud-palette-primary, #1976d2);
    background-color: rgba(25, 118, 210, 0.08);
}

.attach-file-button:disabled[b-qsugie7iti] {
    opacity: 0.5;
    cursor: not-allowed;
}

.chat-input-field[b-qsugie7iti] {
    flex: 1;
}

.unified-chat-wrapper .chat-input-field .mud-input-control[b-qsugie7iti] {
    border-radius: 24px;
}

.unified-chat-wrapper .send-button[b-qsugie7iti] {
    height: 48px;
    border-radius: 24px;
    padding: 0 24px;
}

/* ========================================
   DRAWER CONTAINER CONSTRAINTS
   When chat is inside MudBlazor drawer (.actions-drawer-body, .drawer-content-wrapper,
   .entity-action-drawer .drawer-content). !important is used so our flex/overflow
   chain wins over MudBlazor drawer content styles.
   ======================================== */
.actions-drawer-body[b-qsugie7iti] {
    /* Ensure drawer body itself is properly constrained */
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    position: relative !important;
}

/* EntityActionDrawer (Ask AI): fill full drawer height so input at bottom; messages scroll */
.entity-action-drawer .drawer-content .unified-chat-wrapper[b-qsugie7iti] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.entity-action-drawer .drawer-content .unified-chat-container[b-qsugie7iti] {
    flex: 1 1 0 !important;
    min-height: 0 !important; /* flex chain so messages area gets height */
    overflow: hidden !important;
    display: flex !important;
}

.entity-action-drawer .drawer-content .unified-chat-main[b-qsugie7iti] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.entity-action-drawer .drawer-content .unified-panels-container[b-qsugie7iti] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
}

.entity-action-drawer .drawer-content .chat-panel[b-qsugie7iti] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.entity-action-drawer .drawer-content .chat-messages-container[b-qsugie7iti] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Messages scroll here; input stays visible below */
.entity-action-drawer .drawer-content .chat-messages-body[b-qsugie7iti] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-bottom: 1rem !important;
    overscroll-behavior: contain !important;
}

.entity-action-drawer .drawer-content .chat-input-wrapper[b-qsugie7iti] {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    margin-top: 0 !important;
}

/* In drawer: landing widget must not force 50vh so messages area can scroll */
.entity-action-drawer .drawer-content .chat-messages-body .intelligence-landing-widget[b-qsugie7iti],
.entity-action-drawer .drawer-content .chat-messages-body .landing-hero[b-qsugie7iti] {
    min-height: 0 !important;
}

.actions-drawer-body .unified-chat-wrapper[b-qsugie7iti],
.drawer-content-wrapper .unified-chat-wrapper[b-qsugie7iti] {
    flex: 1 !important;
    /* CRITICAL: Use flex instead of height for proper flex layout */
    max-height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.actions-drawer-body .unified-chat-container[b-qsugie7iti],
.drawer-content-wrapper .unified-chat-container[b-qsugie7iti] {
    flex: 1 !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.actions-drawer-body .unified-chat-main[b-qsugie7iti],
.drawer-content-wrapper .unified-chat-main[b-qsugie7iti] {
    flex: 1 !important;
    /* CRITICAL: Use flex instead of height for proper flex layout */
    max-height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.actions-drawer-body .unified-header[b-qsugie7iti],
.drawer-content-wrapper .unified-header[b-qsugie7iti] {
    flex-shrink: 0 !important;
    /* Header should not shrink */
    /* Don't constrain height - let it be natural but prevent it from growing too much */
}

.actions-drawer-body .unified-panels-container[b-qsugie7iti],
.drawer-content-wrapper .unified-panels-container[b-qsugie7iti] {
    flex: 1 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
}

.actions-drawer-body .chat-panel[b-qsugie7iti],
.drawer-content-wrapper .chat-panel[b-qsugie7iti] {
    flex: 1 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.actions-drawer-body .chat-messages-container[b-qsugie7iti],
.drawer-content-wrapper .chat-messages-container[b-qsugie7iti] {
    flex: 1 1 0% !important;
    /* CRITICAL: Use 0% flex-basis to allow proper shrinking */
    max-height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    /* CRITICAL: Ensure flex layout is applied */
}

.actions-drawer-body .chat-messages-body[b-qsugie7iti],
.drawer-content-wrapper .chat-messages-body[b-qsugie7iti] {
    flex: 1 1 0% !important;
    /* Use 0% as flex-basis to allow proper shrinking */
    min-height: 0 !important;
    max-height: none !important;
    /* CRITICAL: Don't constrain max-height - let flex handle it */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    /* CRITICAL: Ensure messages scroll, leaving space for input */
    padding-bottom: 1rem !important;
    /* Add some padding at bottom for visual spacing */
    position: relative !important;
    /* CRITICAL: Force scrolling when content exceeds available space */
    overscroll-behavior: contain !important;
    /* CRITICAL: Prevent scroll chaining */
}

.actions-drawer-body .chat-input-wrapper[b-qsugie7iti],
.drawer-content-wrapper .chat-input-wrapper[b-qsugie7iti] {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    /* CRITICAL: Input should never shrink or grow */
    margin-top: 0 !important;
    /* Don't use margin-top: auto, rely on flex order */
    position: absolute !important;
    /* CRITICAL: Use absolute positioning to anchor to bottom */
    bottom: 0 !important;
    /* CRITICAL: Anchor to bottom of container */
    left: 0 !important;
    right: 0 !important;
    /* CRITICAL: Span full width */
    z-index: 100 !important;
    /* CRITICAL: Ensure input stays above scrolling content */
    background: var(--mud-palette-background, #fafafa) !important;
    /* CRITICAL: Ensure background covers scrolling content */
    border-top: 1px solid var(--mud-palette-divider, rgba(0, 0, 0, 0.12)) !important;
    /* CRITICAL: Visual separation from messages */
    width: 100% !important;
    order: 999 !important;
    /* Ensure it's always last */
}

.actions-drawer-body .chat-messages-container > .chat-input-wrapper[b-qsugie7iti],
.drawer-content-wrapper .chat-messages-container > .chat-input-wrapper[b-qsugie7iti] {
    /* Target the input wrapper specifically */
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
    margin-top: auto !important;
    /* Push to bottom */
    position: absolute !important;
    /* CRITICAL: Use absolute positioning to anchor to bottom */
    bottom: 0 !important;
    /* CRITICAL: Anchor to bottom of container */
    left: 0 !important;
    right: 0 !important;
    /* CRITICAL: Span full width */
    z-index: 100 !important;
    /* CRITICAL: Ensure input stays above scrolling content */
    background: var(--mud-palette-background, #fafafa) !important;
    /* CRITICAL: Ensure background covers scrolling content */
    border-top: 1px solid var(--mud-palette-divider, rgba(0, 0, 0, 0.12)) !important;
    /* CRITICAL: Visual separation from messages */
}

.actions-drawer-body .chat-messages-container > .modern-card:last-child[b-qsugie7iti],
.drawer-content-wrapper .chat-messages-container > .modern-card:last-child[b-qsugie7iti] {
    /* Target the input ModernCard specifically */
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}

/* Module workspace: ensure chat works correctly in entity view action drawer (uniform for all modules) */
.module-workspace-page .actions-drawer-body .unified-chat-wrapper[b-qsugie7iti] {
    flex: 1 !important;
    max-height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.module-workspace-page .actions-drawer-body .unified-chat-container[b-qsugie7iti] {
    flex: 1 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

.module-workspace-page .actions-drawer-body .unified-chat-main[b-qsugie7iti] {
    flex: 1 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.module-workspace-page .actions-drawer-body .unified-header[b-qsugie7iti] {
    flex-shrink: 0 !important;
}

.module-workspace-page .actions-drawer-body .unified-panels-container[b-qsugie7iti] {
    flex: 1 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
}

.module-workspace-page .actions-drawer-body .chat-panel[b-qsugie7iti] {
    flex: 1 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.module-workspace-page .actions-drawer-body .chat-messages-container[b-qsugie7iti] {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.module-workspace-page .actions-drawer-body .chat-messages-body[b-qsugie7iti] {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* ========================================
   RESPONSIVE BREAKPOINTS
   ======================================== */
@media (max-width: 1200px) {
    .unified-chat-wrapper .message-content[b-qsugie7iti] {
        max-width: 800px;
    }
    .unified-chat-wrapper .chat-input-container[b-qsugie7iti],
    .unified-chat-wrapper .chat-input-container.mud-paper[b-qsugie7iti] {
        width: 90%;
        max-width: 800px;
    }
}

@media (max-width: 960px) {
    .unified-chat-sidebar[b-qsugie7iti] {
        width: 240px;
        min-width: 240px;
    }

    .snippet-tiles[b-qsugie7iti] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .message-content[b-qsugie7iti] {
        max-width: 100%;
        padding: 0 1rem;
    }

    .chat-message.user[b-qsugie7iti] {
        padding-right: 1rem;
    }

    .message-input-row[b-qsugie7iti],
    .attachment-preview[b-qsugie7iti] {
        padding: 0 1rem;
    }

    .chat-messages-header[b-qsugie7iti] {
        padding: 1rem;
    }
}

@media (max-width: 600px) {
    .unified-chat-container[b-qsugie7iti] {
        flex-direction: column;
    }

    .unified-chat-sidebar[b-qsugie7iti] {
        width: 100%;
        min-width: 100%;
        max-height: 40vh;
        border-right: none;
        border-bottom: 1px solid #e2e8f0;
    }

    .unified-chat-sidebar.collapsed[b-qsugie7iti] {
        max-height: 60px;
    }

    .snippet-tiles[b-qsugie7iti] {
        grid-template-columns: 1fr;
    }

    .chat-message[b-qsugie7iti] {
        max-width: 100%;
    }

    .chat-input-wrapper[b-qsugie7iti] {
        padding: 1rem 0;
    }
    
    .unified-chat-wrapper .chat-input-container[b-qsugie7iti],
    .unified-chat-wrapper .chat-input-container.mud-paper[b-qsugie7iti] {
        width: 100%;
        max-width: 100%;
        padding: 0 1rem;
        margin-left: 0;
        margin-right: 0;
    }

    .unified-chat-wrapper .send-button[b-qsugie7iti] {
        width: 100%;
    }
}

/* ========================================================================
   DARK MODE - Class-Based Overrides (body.theme-dark)
   Complete intelligence chat UI dark mode
   ======================================================================== */

body.theme-dark .unified-intelligence-container[b-qsugie7iti] {
    background: #0F1419;
}

body.theme-dark .intelligence-sidebar[b-qsugie7iti] {
    background: #1A1F2E;
    border-color: rgba(255, 255, 255, 0.12);
}

body.theme-dark .session-card[b-qsugie7iti] {
    background: #1A1F2E;
    border-color: rgba(255, 255, 255, 0.12);
}

body.theme-dark .session-card:hover[b-qsugie7iti] {
    background: #232D38;
}

body.theme-dark .session-card.selected[b-qsugie7iti] {
    background: #232D38;
    border-color: var(--mud-palette-primary);
}

body.theme-dark .chat-container[b-qsugie7iti] {
    background: #0F1419;
}

body.theme-dark .chat-header[b-qsugie7iti] {
    background: #1A1F2E;
    border-color: rgba(255, 255, 255, 0.12);
}

body.theme-dark .message-list[b-qsugie7iti] {
    background: #0F1419;
}

body.theme-dark .message-bubble[b-qsugie7iti] {
    background: #1A1F2E;
}

body.theme-dark .message-bubble.user[b-qsugie7iti] {
    background: rgba(var(--mud-palette-primary-rgb), 0.15);
}

body.theme-dark .input-section[b-qsugie7iti] {
    background: #1A1F2E;
    border-color: rgba(255, 255, 255, 0.12);
}

/* ========================================
   THINKING INDICATOR (Animated Dots)
   ======================================== */
.thinking-indicator[b-qsugie7iti] {
    display: inline-flex;
    align-items: center;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.thinking-dots[b-qsugie7iti]::after {
    content: '';
    animation: thinking-dots-b-qsugie7iti 1.5s steps(4, end) infinite;
}

@keyframes thinking-dots-b-qsugie7iti {
    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75% {
        content: '...';
    }

    100% {
        content: '';
    }
}

@media (prefers-color-scheme: dark) {
    .thinking-indicator[b-qsugie7iti] {
        color: var(--mud-palette-text-secondary);
    }
}

/* ========================================
   SESSION CREATING OVERLAY
   ======================================== */
/* Removed duplicate .chat-input-wrapper definition - see main definition at line 796 */

.session-creating-hint[b-qsugie7iti] {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--mud-palette-info);
    color: white;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.875rem;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 10;
    animation: fadeInBounce-b-qsugie7iti 0.3s ease-out;
}

@keyframes fadeInBounce-b-qsugie7iti {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@media (prefers-color-scheme: dark) {
    .session-creating-hint[b-qsugie7iti] {
        background: var(--mud-palette-info-darken);
    }
}

/* ========================================
   EMBEDDED CONTENT VIEWER (A4 Document - Fixed Width)
   ======================================== */
.unified-chat-wrapper .embedded-content-viewer[b-qsugie7iti] {
    flex: 0 0 210mm;
    width: 210mm;
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-background);
    min-height: 0;
    overflow: hidden;
    border-right: 1px solid var(--mud-palette-divider);
    animation: slideInFromRight-b-qsugie7iti 0.3s ease-out;
    order: 2;
}

@keyframes slideInFromRight-b-qsugie7iti {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.embedded-viewer-loading[b-qsugie7iti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-height: 200px;
    padding: 24px;
}

.unified-chat-wrapper .embedded-viewer-content[b-qsugie7iti] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--mud-palette-background);
    min-height: 0;
    display: flex;
    justify-content: center;
    padding: 16px;
}

/* Responsive: On smaller screens, maintain A4 but allow chat to shrink more */
@media (max-width: 1600px) {
    /* Canvas maintains A4 width (210mm) - no change */
    .embedded-content-viewer[b-qsugie7iti] {
        flex: 0 0 210mm; /* Still fixed A4 */
        width: 210mm;
    }
    
    /* Allow chat panel to shrink more on smaller screens when canvas is open */
    .unified-panels-container:has(.embedded-content-viewer) .chat-panel[b-qsugie7iti] {
        min-width: calc(210mm + 4rem); /* Still need space for 210mm input + padding */
    }
    
    /* When header is hidden, allow even more shrinking */
    .unified-chat-container.hide-header:has(.embedded-content-viewer) .chat-panel[b-qsugie7iti] {
        min-width: 350px; /* Further reduced for better fit */
    }
}

@media (max-width: 1400px) {
    /* When container is max 1400px, ensure chat + viewer fit */
    .unified-chat-container.hide-header:has(.embedded-content-viewer) .chat-panel[b-qsugie7iti] {
        min-width: 300px; /* Minimum for readability */
    }
}

@media (max-width: 1200px) {
    /* Canvas maintains A4 width (210mm) - no change */
    .embedded-content-viewer[b-qsugie7iti] {
        flex: 0 0 210mm; /* Still fixed A4 */
        width: 210mm;
    }
    
    /* On very small screens, allow input to shrink proportionally */
    .unified-panels-container:has(.embedded-content-viewer) .chat-panel[b-qsugie7iti] {
        min-width: 300px; /* Minimum for readability, input will scale down */
    }
    
    .unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer) .chat-input-container[b-qsugie7iti],
    .unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer) .chat-input-container.mud-paper[b-qsugie7iti] {
        max-width: 100%;
    }
}

/* embedded-content-viewer uses --mud-palette-background */

.text-ellipsis-2[b-qsugie7iti] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 960px) {
    .unified-chat-wrapper .embedded-content-viewer[b-qsugie7iti] {
        display: none;
    }
    .unified-chat-wrapper .chat-panel[b-qsugie7iti] {
        min-width: 100%;
        flex: 1;
    }
}
/* /Components/Intelligence/WorkspaceQuickLinksDrawer.razor.rz.scp.css */
/* Workspace Quick Links Drawer - flex layout item that slides in/out */

.workspace-quicklinks-drawer[b-uoawaobgon] {
    width: 260px;
    height: 100%;
    background: var(--mud-palette-surface);
    border-right: 1px solid var(--mud-palette-lines-default);
    flex-shrink: 0;
    /* Don't shrink in flex layout */
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: var(--shadow-md);
    animation: slideIn-b-uoawaobgon 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1050;
    /* Above backdrop (1049) */
}

.workspace-quicklinks-drawer.closing[b-uoawaobgon] {
    animation: slideOut-b-uoawaobgon 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideIn-b-uoawaobgon {
    from {
        width: 0;
        opacity: 0;
    }

    to {
        width: 260px;
        opacity: 1;
    }
}

@keyframes slideOut-b-uoawaobgon {
    from {
        width: 260px;
        opacity: 1;
    }

    to {
        width: 0;
        opacity: 0;
    }
}

/* Drawer Content */
.quicklinks-content[b-uoawaobgon] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Header */
.quicklinks-header[b-uoawaobgon] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    position: sticky;
    top: 0;
    z-index: 10;
    min-height: 48px !important;
    max-height: 48px !important;
    height: 48px !important;
    box-sizing: border-box;
}

.header-title[b-uoawaobgon] {
    display: flex;
    align-items: center;
}

.header-title-text[b-uoawaobgon] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
}

/* Body - Scrollable */
.quicklinks-body[b-uoawaobgon] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

/* Module Sections */
.module-section[b-uoawaobgon] {
    margin-bottom: 0;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.module-section:last-child[b-uoawaobgon] {
    border-bottom: none;
}

.section-header[b-uoawaobgon] {
    padding: 12px 12px 0 12px;
    margin-bottom: 0;
}

.section-label[b-uoawaobgon] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.6;
    padding: 0 8px 8px 8px;
    margin: 0;
}

/* Tiles Grid - Match nav/sidebar buttons */
.section-tiles[b-uoawaobgon] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px 12px 12px;
}

.module-tile-btn[b-uoawaobgon] {
    font-weight: 500;
    text-transform: none;
    height: 40px;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .workspace-quicklinks-drawer[b-uoawaobgon] {
        box-shadow: var(--shadow-lg);
    }
}

/* Scrollbar Styling */
.quicklinks-body[b-uoawaobgon]::-webkit-scrollbar {
    width: 6px;
}

.quicklinks-body[b-uoawaobgon]::-webkit-scrollbar-track {
    background: transparent;
}

.quicklinks-body[b-uoawaobgon]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-grey-lighten-2);
    border-radius: 3px;
}

.quicklinks-body[b-uoawaobgon]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-grey);
}
/* /Components/Notes/EmbeddedNotesPanel.razor.rz.scp.css */
.note-postit[b-cr2z1faifo] {
    background-color: var(--mud-palette-warning-lighten, #fff8e1);
    transform: rotate(-0.4deg);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.note-body[b-cr2z1faifo] {
    white-space: pre-wrap;
    word-break: break-word;
}

.note-postit .note-body[b-cr2z1faifo] {
    max-height: 14rem;
    overflow: hidden;
}

.flex-wrap[b-cr2z1faifo] {
    flex-wrap: wrap;
}
/* /Components/Picklists/FieldPicklistSelectWithFilter.razor.rz.scp.css */
/* Match MudSelect (e.g. Task Phase): one popover surface, filter + list, no extra card */

/* Remove extra border/outline from MudMenu root so it matches other form fields (e.g. Status, Industry) */
.field-picklist-select-with-filter-menu[b-0ygyz389ta] {
    outline: none;
    border: none;
    box-shadow: none;
}

.field-picklist-select-with-filter-menu:focus[b-0ygyz389ta],
.field-picklist-select-with-filter-menu:focus-visible[b-0ygyz389ta] {
    outline: none;
}

.field-picklist-select-with-filter-trigger[b-0ygyz389ta] {
    cursor: pointer;
}

/* Single surface: no extra background/shadow so MudMenu popover is the only card (like MudSelect) */
.field-picklist-select-with-filter-dropdown[b-0ygyz389ta] {
    overflow: hidden;
    max-height: 280px;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    padding: 0;
}

.field-picklist-select-with-filter-search[b-0ygyz389ta] {
    flex-shrink: 0;
    padding: 8px 12px 4px;
}

.field-picklist-select-with-filter-search-input[b-0ygyz389ta] {
    /* Minimal filter line; MudTextField Text variant – no extra box */
}

/* List scrolls inside same popover (like MudSelect list) */
.field-picklist-select-with-filter-list[b-0ygyz389ta] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    max-height: 220px;
}
/* /Components/Relationships/EntityBrowserDialog.razor.rz.scp.css */
/* Entity Browser Dialog Styles */

.entity-browser-dialog[b-57e25yh9n5] {
    /* Dialog sizing handled by MudBlazor MaxWidth parameter */
}

/* Filter Panel Styling */
.filter-panel[b-57e25yh9n5] {
    background: #F8FAFC !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: var(--radius-12) !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06) !important;
}

.dark .filter-panel[b-57e25yh9n5] {
    background: var(--mud-palette-surface) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Disabled Row Styling */
.entity-browser-dialog .mud-table-row.disabled-row[b-57e25yh9n5] {
    opacity: 0.5;
    background: #F1F5F9 !important;
    cursor: not-allowed;
}

.dark .entity-browser-dialog .mud-table-row.disabled-row[b-57e25yh9n5] {
    background: rgba(255, 255, 255, 0.05) !important;
}

.entity-browser-dialog .disabled-row .mud-checkbox[b-57e25yh9n5] {
    cursor: not-allowed;
}

/* Data Grid Row Hover */
.entity-browser-dialog .mud-table-row:hover:not(.disabled-row)[b-57e25yh9n5] {
    background: #F8FAFC !important;
}

.dark .entity-browser-dialog .mud-table-row:hover:not(.disabled-row)[b-57e25yh9n5] {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Selected Count Badge */
.entity-browser-dialog .mud-chip[b-57e25yh9n5] {
    font-weight: 500;
}

/* Responsive Breakpoints */
@media (max-width: 960px) {
    .entity-browser-dialog .filter-panel .mud-grid-item[b-57e25yh9n5] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .entity-browser-dialog[b-57e25yh9n5] {
        max-width: 100vw !important;
        max-height: 100vh !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .entity-browser-dialog .mud-dialog-content[b-57e25yh9n5] {
        padding: 12px !important;
    }
}

/* Loading State */
.entity-browser-dialog .mud-progress-linear[b-57e25yh9n5] {
    margin: 16px 0;
}

/* No Records Message */
.entity-browser-dialog .py-6[b-57e25yh9n5] {
    padding-top: 24px;
    padding-bottom: 24px;
    color: var(--mud-palette-text-secondary);
}

.dark .entity-browser-dialog .py-6[b-57e25yh9n5] {
    color: var(--mud-palette-text-disabled);
}

/* Checkbox Column */
.entity-browser-dialog .mud-table-cell:first-child[b-57e25yh9n5] {
    width: 60px;
    max-width: 60px;
    padding-left: 12px !important;
}

/* Action Buttons */
.entity-browser-dialog .mud-dialog-actions[b-57e25yh9n5] {
    padding: 16px 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.dark .entity-browser-dialog .mud-dialog-actions[b-57e25yh9n5] {
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* Clear Filters Button */
.filter-panel .mud-button-root[b-57e25yh9n5] {
    height: 56px;
    /* Match input height */
}

/* Search Field Icon */
.entity-browser-dialog .mud-input-adornment-start[b-57e25yh9n5] {
    color: var(--mud-palette-text-secondary);
}

.dark .entity-browser-dialog .mud-input-adornment-start[b-57e25yh9n5] {
    color: var(--mud-palette-text-disabled);
}
/* /Components/ServiceDesk/EntityTicketsWidget.razor.rz.scp.css */
/* Entity Tickets Widget - same pattern as LinkedItemsWidget */
.entity-tickets-widget-card .entity-tickets-widget-list[b-gnse9j4i9k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    margin-top: var(--space-xs);
}

.entity-tickets-widget-card .entity-tickets-widget-row[b-gnse9j4i9k] {
    min-height: 1.5rem;
    display: flex;
    align-items: center;
}

.entity-tickets-widget-card .entity-tickets-widget-link[b-gnse9j4i9k] {
    font-size: var(--font-md);
    font-weight: 400;
    color: var(--mud-palette-text-secondary, #666);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.entity-tickets-widget-card .entity-tickets-widget-link:hover[b-gnse9j4i9k] {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

.entity-tickets-widget-card .entity-tickets-widget-footer[b-gnse9j4i9k] {
    margin-top: var(--space-lg);
    display: flex;
    justify-content: flex-end;
}

.entity-tickets-widget-card .entity-tickets-widget-view-more[b-gnse9j4i9k] {
    font-size: var(--font-md);
    color: var(--mud-palette-primary);
    cursor: pointer;
}

.entity-tickets-widget-card .entity-tickets-widget-view-more:hover[b-gnse9j4i9k] {
    text-decoration: underline;
}
/* /Components/Settings/SettingsTabContent.razor.rz.scp.css */
/* Settings Tab Content - Optimized for GlobalCanvas drawer */

.settings-tab-content[b-920bvd1urm] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    overflow-y: auto;
}

.settings-header[b-920bvd1urm] {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--mud-palette-divider);
}

.settings-body[b-920bvd1urm] {
    flex: 1;
    overflow-y: auto;
}

/* Settings Sections */
.settings-section[b-920bvd1urm] {
    margin-bottom: 32px;
}

.settings-section:last-child[b-920bvd1urm] {
    margin-bottom: 0;
}

.section-header[b-920bvd1urm] {
    margin-bottom: 16px;
}

/* Settings Grid - Responsive tile layout */
.settings-grid[b-920bvd1urm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

/* Setting Tile */
.setting-tile[b-920bvd1urm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 100px;
}

.setting-tile:hover[b-920bvd1urm] {
    background: var(--mud-palette-action-default-hover);
    border-color: var(--mud-palette-primary);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.setting-tile:active[b-920bvd1urm] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tile-icon-wrapper[b-920bvd1urm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: var(--mud-palette-primary-lighten);
}

.tile-content[b-920bvd1urm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.tile-title[b-920bvd1urm] {
    font-weight: 600;
    line-height: 1.2;
}

.tile-description[b-920bvd1urm] {
    font-size: 0.75rem;
    line-height: 1.3;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .tile-icon-wrapper[b-920bvd1urm] {
        background: rgba(var(--mud-palette-primary-rgb), 0.15);
    }

    .setting-tile[b-920bvd1urm] {
        box-shadow: none;
    }

    .setting-tile:hover[b-920bvd1urm] {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .settings-grid[b-920bvd1urm] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
}

@media (max-width: 960px) {
    .settings-grid[b-920bvd1urm] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 12px;
    }

    .settings-tab-content[b-920bvd1urm] {
        padding: 16px;
    }

    .setting-tile[b-920bvd1urm] {
        padding: 12px;
        min-height: 90px;
    }
}

@media (max-width: 600px) {
    .settings-grid[b-920bvd1urm] {
        grid-template-columns: 1fr;
    }
}

/* Scrollbar Styling */
.settings-body[b-920bvd1urm]::-webkit-scrollbar {
    width: 8px;
}

.settings-body[b-920bvd1urm]::-webkit-scrollbar-track {
    background: transparent;
}

.settings-body[b-920bvd1urm]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-grey-lighten-2);
    border-radius: 4px;
}

.settings-body[b-920bvd1urm]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-grey);
}
/* /Components/Shared/DataDisplay/DataField.razor.rz.scp.css */
/* ========================================================================
   Shared DataField Component - Unified Design System
   Typography matches UnifiedRelationshipsPanel for consistency
   ======================================================================== */

.data-field[b-j04so300bc] { 
    display: flex; 
    flex-direction: column; 
    gap: 4px;  /* Increased from 3px to match relationship spacing */
    min-width: 0;
    width: 100%;  /* Fill available container width to match input fields in edit mode */
}

/* Label styling - matches relationship metric-group h4 */
.data-label[b-j04so300bc] {
    font-size: var(--font-sm);      /* or var(--font-xs) if you want smaller */
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.025em;
    line-height: var(--lh-tight);
    color: var(--mud-palette-text-secondary);
}

/* Value styling - matches relationship metric-row .value */
.data-value[b-j04so300bc] { 
    font-size: 13px !important;  /* Match relationship values - force override */
    line-height: 1.5 !important;
    color: var(--mud-palette-text-primary) !important; 
    font-weight: 400 !important;
}

/* Metric values get stronger weight - matches relationship pattern */
.metric-value .data-value[b-j04so300bc] { 
    font-size: 13px;  /* Match relationship metric values */
    font-weight: 600;  /* Match relationship metric emphasis */
}

/* Dark mode inherits palette vars automatically */
/* /Components/Shared/DataDisplay/ExpandableSection.razor.rz.scp.css */
/* ExpandableSection shared styles */
.expandable-section[b-tl2lkxpcxu] { border:1px solid var(--mud-palette-divider); border-radius: var(--radius-12); background: var(--mud-palette-surface); margin-bottom: var(--space-md); }
.expandable-header[b-tl2lkxpcxu] { all:unset; display:flex; align-items:center; gap: var(--space-sm); padding: var(--space-md); cursor:pointer; width:100%; border-left:3px solid var(--mud-palette-divider); transition:background .15s,border-color .15s; }
.expandable-section.expanded .expandable-header[b-tl2lkxpcxu] { background: rgba(var(--mud-palette-primary-rgb), .05); border-left-color: var(--mud-palette-primary); }
.expandable-header:focus-visible[b-tl2lkxpcxu] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.section-title[b-tl2lkxpcxu] { font-size: var(--font-md); font-weight:600; letter-spacing:.03em; }
.expandable-body[b-tl2lkxpcxu] { padding: 0 var(--space-md) var(--space-md); display:flex; flex-direction:column; gap: var(--space-md); }
.chevron[b-tl2lkxpcxu] { font-family: 'Material Icons'; }
/* /Components/Shared/DataDisplay/PanelBlock.razor.rz.scp.css */
/* Shared PanelBlock styles - uniform card appearance for overview panels */
.panel-block[b-nwk8lggyd7] { padding: var(--space-lg); border:1px solid var(--mud-palette-divider); border-radius: var(--radius-12); background: var(--mud-palette-surface); box-shadow:none; }
.panel-header[b-nwk8lggyd7] { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom: var(--space-md); gap: var(--space-md); }
.panel-title[b-nwk8lggyd7] { font-size: var(--font-lg); font-weight:600; line-height: var(--lh-tight); margin:0; color: var(--mud-palette-text-primary); }
.panel-actions[b-nwk8lggyd7] { display:flex; gap: var(--space-sm); }
.panel-body[b-nwk8lggyd7] { display:flex; flex-direction:column; gap: var(--space-md); }

/* Flat design in dark mode relies on palette tokens */
/* /Components/Shared/DealStatus/DealStatusCard.razor.rz.scp.css */
/* Status list item – default and active states (no inline Style) */
.deal-status-item[b-kandu67244] {
    padding: 8px;
    border-radius: 8px;
    background-color: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-divider);
}

.deal-status-item.deal-status-active[b-kandu67244] {
    background-color: var(--mud-palette-primary-lighten);
    border: 1px solid var(--mud-palette-primary);
}

.deal-status-actual-date[b-kandu67244] {
    color: var(--mud-palette-success);
}
/* /Components/Shared/Drawers/RelatedItemsDrawer.razor.rz.scp.css */
/* RelatedItemsDrawer - Modern Light Design */
.related-items-drawer[b-p64l0d0doq] {
    width: var(--mud-drawer-width, 90vw) !important;
    max-width: 1500px;
    position: fixed;
    top: var(--appbar-height, 64px) !important;
    height: calc(100vh - var(--appbar-height, 64px)) !important;
    right: 0;
    overflow: hidden;
    z-index: 1200;
    border-left: 1px solid rgba(17, 24, 39, 0.08) !important;
    box-shadow: -6px 0 16px rgba(0, 0, 0, 0.10) !important;
}

.dark .related-items-drawer[b-p64l0d0doq] {
    border-left-color: rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 960px) {
    .related-items-drawer[b-p64l0d0doq] { width: 100vw !important; left:0; }
}

.related-items-drawer .mud-drawer-content[b-p64l0d0doq] {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.related-items-drawer .drawer-scroll-region[b-p64l0d0doq] {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 32px 0;
}

.related-items-drawer .drawer-header-text .drawer-subtitle[b-p64l0d0doq] {
    opacity: .8;
}

.related-items-drawer.dense .drawer-scroll-region[b-p64l0d0doq] { padding-top: 8px; }
/* /Components/Shared/EntityView/EntityViewLayout.razor.rz.scp.css */
/* EntityViewLayout - styles for entity detail pages. See docs/EntityViewLayout-Spec.md */

/* Fixed-width header action buttons, text only */
.entity-view-header-action-btn[b-qop3ay054h] {
    min-width: 4.5rem;
}

/* Hide header actions on mobile; they appear in EntityViewMobileActionBar */
@media (max-width: 599px) {
    .entity-view-header-actions-desktop[b-qop3ay054h] {
        display: none !important;
    }
}

.entity-view-layout[b-qop3ay054h] {
    background: var(--mud-palette-background) !important;
}

.entity-view-layout .module-header-section[b-qop3ay054h] {
    background: transparent !important;
    z-index: 100;
    position: relative;
}

.entity-view-layout .module-header-content[b-qop3ay054h] {
    margin-top: 0;
    padding-top: 0.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
}

/* Tabs - match ModuleWorkspaceLayout tab styling */
.entity-view-layout .module-header-section .module-tabs[b-qop3ay054h] {
    z-index: 110;
    position: relative;
}

.entity-view-layout .module-header-section .module-tabs .mud-tabs-toolbar[b-qop3ay054h] {
    padding: 0;
    min-height: 42px;
    border-bottom: none !important;
}

.entity-view-layout .module-header-section .module-tabs[b-qop3ay054h]  .mud-tab {
    border-radius: var(--radius-12) 12px 0 0;
    padding: 0.5rem 0.75rem;
    transition: all 0.2s ease;
}

.entity-view-layout .module-header-section .module-tabs[b-qop3ay054h]  .mud-tab.mud-tab-active {
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    border-bottom: 2px solid var(--mud-palette-primary) !important;
    padding-bottom: 0 !important;
    margin-bottom: -1px !important;
    position: relative !important;
}

.entity-view-layout .module-header-section .module-tabs[b-qop3ay054h]  .mud-tab-slider {
    display: none !important;
}

.entity-view-layout .workspace-main-body[b-qop3ay054h] {
    padding: 1rem 1.25rem 1.5rem 1.25rem;
}

@media (max-width: 599px) {
    .entity-view-layout.entity-view-with-mobile-bar .workspace-main-body[b-qop3ay054h] {
        padding-bottom: calc(56px + env(safe-area-inset-bottom, 0));
    }
}

.entity-view-layout .workspace-main-body[aria-busy="true"][b-qop3ay054h] {
    opacity: 0.6;
    pointer-events: none;
}

body.theme-dark .entity-view-layout[b-qop3ay054h] {
    background: var(--mud-palette-background) !important;
}
/* /Components/Shared/EntityView/EntityViewMobileActionBar.razor.rz.scp.css */
/* Fixed at bottom on mobile; same height as bottom nav so content can use padding-bottom: 56px */
.entity-view-mobile-action-bar[b-kqcbaopqsw] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default, rgba(0, 0, 0, 0.12));
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.entity-view-mobile-action-bar-inner[b-kqcbaopqsw] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-height: 56px;
    padding: 0 8px;
    gap: 4px;
}

/* P2.5: 44px min touch target */
.entity-view-mobile-action-bar .entity-view-mobile-action-btn[b-kqcbaopqsw] {
    min-width: 44px !important;
    min-height: 44px !important;
}
/* /Components/Shared/EntityView/EntityViewTabContent.razor.rz.scp.css */
/* Entity View Tab Content - consistent styling for tab panel content (list/table sections) */
.entity-view-tab-content[b-e1jj9e3hze] {
    width: 100%;
}
/* /Components/Shared/EntityView/EntityViewTabGrid.razor.rz.scp.css */
/* Entity View Tab Grid - consistent styling for grids in entity detail tabs */
.entity-view-tab-grid[b-12q7cu4pmb] {
    width: 100%;
}

.entity-view-tab-grid-paper[b-12q7cu4pmb] {
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    overflow: hidden;
}

.entity-view-tab-grid-actions[b-12q7cu4pmb] {
    flex-wrap: wrap;
}
/* /Components/Shared/ImpactAnalysisPanel.razor.rz.scp.css */
/* Impact Analysis Panel - scoped styles */

.impact-analysis-panel[b-1a6eld2zil] {
    min-width: 0;
}

.impact-purpose[b-1a6eld2zil] {
    max-width: 60em;
}

.impact-summary-strip[b-1a6eld2zil] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.impact-summary-chip[b-1a6eld2zil] {
    flex-shrink: 0;
}

.impact-section[b-1a6eld2zil] {
    margin-bottom: 0.5rem;
}

.impact-section-heading[b-1a6eld2zil] {
    font-weight: 600;
}

.impact-empty[b-1a6eld2zil] {
    padding: 0.5rem 0;
}

.impact-group[b-1a6eld2zil] {
    margin-bottom: 1rem;
}

.impact-group-heading[b-1a6eld2zil] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--mud-palette-text-primary, inherit);
}

.impact-list[b-1a6eld2zil] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.impact-item[b-1a6eld2zil] {
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    background: var(--mud-palette-background-gray, rgba(0, 0, 0, 0.02));
    border: 1px solid transparent;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.impact-item:hover[b-1a6eld2zil] {
    background: var(--mud-palette-background-gray-hover, rgba(0, 0, 0, 0.04));
}

.impact-item-primary[b-1a6eld2zil] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.impact-item-link[b-1a6eld2zil] {
    font-weight: 500;
    text-decoration: none;
    color: var(--mud-palette-primary, #594ae2);
}

.impact-item-link:hover[b-1a6eld2zil] {
    text-decoration: underline;
}

.impact-item-text[b-1a6eld2zil] {
    font-weight: 500;
}

.impact-item-meta[b-1a6eld2zil] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
    min-height: 0;
}

.impact-item-subtitle[b-1a6eld2zil] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary, rgba(0, 0, 0, 0.6));
}

.impact-link-type-chip[b-1a6eld2zil] {
    flex-shrink: 0;
}
/* /Components/Shared/InlineEdit/InlineEditableSection.razor.rz.scp.css */
.inline-editable-section[b-3wchcune4j] {
    margin-bottom: 1.5rem;
}

.section-header[b-3wchcune4j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.section-title[b-3wchcune4j] {
    flex: 1;
}

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

.section-content[b-3wchcune4j] {
    transition: background-color 0.2s ease;
}

.section-content.edit-mode[b-3wchcune4j] {
    background-color: var(--mud-palette-action-hover);
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-primary);
}

.section-content.display-mode[b-3wchcune4j] {
    padding: 0.5rem 0;
}

.section-loading[b-3wchcune4j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

@media (max-width: 600px) {
    .section-header[b-3wchcune4j] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .section-actions[b-3wchcune4j] {
        width: 100%;
    }
    
    .section-actions .mud-button-group[b-3wchcune4j] {
        width: 100%;
    }
}
/* /Components/Shared/Layout/BottomNav.razor.rz.scp.css */
/* Bottom nav - fixed at bottom, only visible below 600px (Sm). Style matches View.razor entity-view-mobile-action-bar (icons only). */
.bottom-nav[b-0edbauok8n] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default, var(--mud-palette-divider));
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.bottom-nav-inner[b-0edbauok8n] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-height: 56px;
    padding: 0 8px;
    gap: 4px;
}

.bottom-nav-item[b-0edbauok8n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 4px 8px;
    color: var(--mud-palette-text-secondary);
    text-decoration: none;
    border: none;
    background: none;
    cursor: pointer;
    gap: 0;
}

/* Icons-only mode: match entity view action bar */
.bottom-nav-icons-only .bottom-nav-icon-btn[b-0edbauok8n] {
    min-width: 44px !important;
    min-height: 44px !important;
}

.bottom-nav-icons-only .bottom-nav-item .mud-icon[b-0edbauok8n] {
    font-size: 1.5rem;
}

.bottom-nav-item:hover[b-0edbauok8n],
.bottom-nav-item.mud-primary-text[b-0edbauok8n] {
    color: var(--mud-palette-primary);
}

/* Hide labels in icons-only mode */
.bottom-nav-icons-only .bottom-nav-label[b-0edbauok8n],
.bottom-nav-icons-only .mud-nav-link .mud-nav-link-text[b-0edbauok8n] {
    display: none !important;
}

/* Ensure nav links / buttons look like icon buttons for touch */
.bottom-nav-button[b-0edbauok8n] {
    -webkit-tap-highlight-color: transparent;
}
/* /Components/Shared/Layout/BreadcrumbsRegion.razor.rz.scp.css */
/* Breadcrumb Region Styling */
.app-breadcrumbs[b-u63r3obwyi] {
    display: flex;
    align-items: center;
    min-height: 24px;
}

.breadcrumbs-trail[b-u63r3obwyi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.breadcrumbs-trail .mud-breadcrumb-item[b-u63r3obwyi] {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem; /* 14px - matches body2 */
    line-height: 1.5;
    color: var(--mud-palette-text-primary);
}

.breadcrumb-item-wrapper[b-u63r3obwyi] {
    display: inline-flex;
    align-items: center;
}

/* Breadcrumb link and disabled wrapper */
.breadcrumb-link[b-u63r3obwyi],
.breadcrumb-disabled[b-u63r3obwyi] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.breadcrumb-text[b-u63r3obwyi] {
    display: inline-block;
    line-height: 1.5;
}

/* Separator between breadcrumb items */
.mud-breadcrumb-separator[b-u63r3obwyi] {
    color: var(--mud-palette-text-secondary);
    font-weight: 400;
    opacity: 0.6;
    margin: 0 0.5rem;
    user-select: none;
    display: inline-block;
}

/* Home icon styling */
.breadcrumb-home-icon[b-u63r3obwyi] {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
}

/* Link styling */
.breadcrumbs-trail .mud-breadcrumb-item a[b-u63r3obwyi],
.breadcrumb-link[b-u63r3obwyi] {
    color: var(--mud-palette-primary);
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.breadcrumbs-trail .mud-breadcrumb-item a:hover[b-u63r3obwyi],
.breadcrumb-link:hover[b-u63r3obwyi] {
    color: var(--mud-palette-primary-darken);
    text-decoration: underline;
}

/* Current/disabled item (last item) */
.breadcrumbs-trail .mud-breadcrumb-disabled[b-u63r3obwyi] {
    color: var(--mud-palette-text-primary);
    font-weight: 500;
    cursor: default;
}

/* Dark mode adjustments */
body.theme-dark .breadcrumbs-trail .mud-breadcrumb-item[b-u63r3obwyi] {
    color: var(--mud-palette-text-primary);
}

body.theme-dark .breadcrumbs-trail .mud-breadcrumb-item:not(:first-child)[b-u63r3obwyi]::before {
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
}

body.theme-dark .breadcrumbs-trail .mud-breadcrumb-item a[b-u63r3obwyi] {
    color: var(--mud-palette-primary-lighten);
}

body.theme-dark .breadcrumbs-trail .mud-breadcrumb-item a:hover[b-u63r3obwyi] {
    color: var(--mud-palette-primary);
}

body.theme-dark .breadcrumbs-trail .mud-breadcrumb-disabled[b-u63r3obwyi] {
    color: var(--mud-palette-text-primary);
}

/* Empty state */
.app-breadcrumbs[data-placeholder="breadcrumb-empty"][b-u63r3obwyi] {
    min-height: 24px;
    display: block;
}
/* /Components/Shared/Layout/CollapsibleToolsAside.razor.rz.scp.css */
/* Collapsible tools panel shared styles extracted from Properties/View.razor.css */
.module-tools-group.collapsible[b-sr7jaie0ju] { position:relative; transition:width .25s ease, padding .25s ease; min-height:100%; display:flex; flex-direction:column; }
.module-tools-group.collapsible .tools-header[b-sr7jaie0ju] { margin-bottom:.5rem; }
.module-tools-group.collapsible .tools-collapse-btn[b-sr7jaie0ju] { margin-left:.25rem; }
.module-tools-group.collapsible.expanded[b-sr7jaie0ju] { width:100%; }
.module-tools-group.collapsible.collapsed[b-sr7jaie0ju] { width:52px; padding:0.5rem 0.35rem; }
.module-tools-group.collapsible.collapsed .tools-heading[b-sr7jaie0ju] { display:none; }
.module-tools-group.collapsible.collapsed .module-rail[b-sr7jaie0ju] { display:flex; flex-direction:column; gap:.4rem; }
.module-tools-group.collapsible.collapsed .module-rail-card[b-sr7jaie0ju] { padding:0.6rem 0.25rem; justify-content:center; flex-direction:column; gap:0; min-height:48px; aspect-ratio:1/1; position:relative; }
.module-tools-group.collapsible.collapsed .module-rail-card .rail-title[b-sr7jaie0ju], 
.module-tools-group.collapsible.collapsed .module-rail-card .rail-interactive .rail-label[b-sr7jaie0ju] { display:none !important; }
.module-tools-group.collapsible.collapsed .module-rail-card .mud-chip[b-sr7jaie0ju] { position:absolute; top:2px; right:2px; transform:scale(.65); padding:0 2px; }
.module-tools-group.collapsible.collapsed .module-rail-card .rail-icon[b-sr7jaie0ju] { font-size:1.4rem; }
.module-tools-group.collapsible .module-rail[b-sr7jaie0ju] { transition:opacity .2s ease; }
.module-tools-group.collapsible.collapsed .module-rail[b-sr7jaie0ju] { opacity:1; pointer-events:auto; }
/* Provide narrow affordance icon remains visible */
.module-tools-group.collapsible.collapsed .tools-collapse-btn[b-sr7jaie0ju] { transform:rotate(180deg); }

@media (max-width: 900px) {
  /* On narrow screens collapse behavior reverts to standard stacking */
  .module-tools-group.collapsible.collapsed[b-sr7jaie0ju] { width:100%; }
  .module-tools-group.collapsible.collapsed .module-rail[b-sr7jaie0ju] { opacity:1; pointer-events:auto; }
  .module-tools-group.collapsible.collapsed .tools-heading[b-sr7jaie0ju] { display:block; }
}.module-tools-group.collapsible[b-sr7jaie0ju] { position:relative; transition:width .28s cubic-bezier(.4,0,.2,1), padding .28s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; min-height:100%; }
.module-tools-group.collapsible .tools-header[b-sr7jaie0ju] { margin-bottom:.5rem; }
.module-tools-group.collapsible.expanded[b-sr7jaie0ju] { width:100%; }
.module-tools-group.collapsible.collapsed[b-sr7jaie0ju] { width:44px; padding:0.35rem 0.15rem; }
.module-tools-group.collapsible .right-rail-card[b-sr7jaie0ju] { transition:background .18s, box-shadow .18s, border-color .18s; }
.module-tools-group.collapsible .right-rail-card .rail-label[b-sr7jaie0ju] { transition:opacity .2s ease, transform .25s ease; }
.module-tools-group.collapsible.collapsed .right-rail-card .rail-label[b-sr7jaie0ju] { opacity:0; transform:translateX(-4px); pointer-events:none; }
.module-tools-group.collapsible.expanded .right-rail-card .rail-label[b-sr7jaie0ju] { opacity:1; transform:translateX(0); }
.module-tools-group.collapsible.collapsed .right-rail-card[b-sr7jaie0ju] { padding:0.35rem 0.15rem; justify-content:center; align-items:center; flex-direction:column; gap:0; width:44px; min-width:44px; max-width:44px; height:44px; min-height:44px; max-height:44px; position:relative; }
.module-tools-group.collapsible.collapsed .right-rail-card .rail-icon[b-sr7jaie0ju] { font-size:1.25rem; }
.module-tools-group.collapsible .tools-collapse-btn[b-sr7jaie0ju] { margin-left:.25rem; }
.module-tools-group.collapsible.collapsed .tools-collapse-btn[b-sr7jaie0ju] { transform:rotate(180deg); }
.module-tools-group.collapsible .module-rail[b-sr7jaie0ju] { display:flex; flex-direction:column; gap:.5rem; }
.module-tools-group.collapsible .rail-label.ellipsize[b-sr7jaie0ju], .module-tools-group.collapsible .rail-label.ellipsize[b-sr7jaie0ju] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; display:inline-block; }
@media (max-width:900px){
  .module-tools-group.collapsible.collapsed[b-sr7jaie0ju] { width:100%; }
  .module-tools-group.collapsible.collapsed .right-rail-card[b-sr7jaie0ju] { aspect-ratio:auto; min-height:auto; }
}
/* /Components/Shared/Layout/DataStateBoundary.razor.rz.scp.css */
/* ============================================
   DataStateBoundary.razor.css
   Modern alert and state styling
   
   Light, airy design matching Documents module
   Updated: 2025-10-16
   ============================================ */

.data-state-boundary-root .mud-alert[b-eu2z4vzo39] {
    border-radius: var(--radius-12);
    border: 1px solid rgba(17, 24, 39, 0.08);
    background: var(--mud-palette-surface);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.data-state-boundary-root .mud-alert.mud-alert-outlined-info[b-eu2z4vzo39] {
    border-color: rgba(33, 150, 243, 0.3);
    background: rgba(33, 150, 243, 0.04);
}

.data-state-boundary-root .mud-alert.mud-alert-outlined-warning[b-eu2z4vzo39] {
    border-color: rgba(255, 152, 0, 0.3);
    background: rgba(255, 152, 0, 0.04);
}

.data-state-boundary-root .mud-alert.mud-alert-outlined-error[b-eu2z4vzo39] {
    border-color: rgba(244, 67, 54, 0.3);
    background: rgba(244, 67, 54, 0.04);
}

.data-state-boundary-root .mud-alert.mud-alert-outlined-success[b-eu2z4vzo39] {
    border-color: rgba(76, 175, 80, 0.3);
    background: rgba(76, 175, 80, 0.04);
}

.data-boundary-loading[b-eu2z4vzo39] {
    padding: 1rem;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .data-state-boundary-root .mud-alert[b-eu2z4vzo39] {
        border-color: rgba(255, 255, 255, 0.12);
    }

    .data-state-boundary-root .mud-alert.mud-alert-outlined-info[b-eu2z4vzo39] {
        background: rgba(33, 150, 243, 0.08);
    }

    .data-state-boundary-root .mud-alert.mud-alert-outlined-warning[b-eu2z4vzo39] {
        background: rgba(255, 152, 0, 0.08);
    }

    .data-state-boundary-root .mud-alert.mud-alert-outlined-error[b-eu2z4vzo39] {
        background: rgba(244, 67, 54, 0.08);
    }

    .data-state-boundary-root .mud-alert.mud-alert-outlined-success[b-eu2z4vzo39] {
        background: rgba(76, 175, 80, 0.08);
    }
}
/* /Components/Shared/Layout/GlobalSearchBox.razor.rz.scp.css */
/* Widen search box; dropdown width set inline on MudPopover so it applies when portaled */
.global-search-wrapper[b-min6rkd3s0] {
    width: 560px;
    min-width: 320px;
}
/* /Components/Shared/Layout/HeaderMenu.razor.rz.scp.css */
/* Center global search in the middle of the viewport (app bar is full width) */
.header-search-center[b-50razqptvl] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.header-search-center-inner[b-50razqptvl] {
    pointer-events: auto;
}
/* /Components/Shared/Layout/ModuleHeaderPanel.razor.rz.scp.css */
/* Revised structure uses .module-header-block (bare block, not elevated) */
.module-header-block[b-z9n9zeroq5] { margin-bottom:0; }
.module-header-block .mhp-icon[b-z9n9zeroq5] { font-size:2.25rem; color:var(--mud-palette-primary); }
.module-header-block .mhp-title[b-z9n9zeroq5] { line-height:1.15; }
.module-header-block .mhp-actions .mud-button[b-z9n9zeroq5] { min-width:84px; }
.mhp-tabs .mud-tabs[b-z9n9zeroq5] { --mud-tabs-toolbar-min-height:38px; }
/* /Components/Shared/Layout/ModuleIndexPageLayout.razor.rz.scp.css */
/* Index page header: title row + optional subtitle */
.module-index-heading[b-s2qfi963yf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.module-index-title-row[b-s2qfi963yf] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.5rem;
    min-width: 0;
}

.module-index-header-leading[b-s2qfi963yf] {
    flex-shrink: 0;
}

.module-index-title-text[b-s2qfi963yf] {
    min-width: 0;
    flex: 1 1 0%;
    overflow: hidden;
    /* ensure title text is visible (e.g. "Assets", "Accounts") */
    display: block;
}

.module-index-title-inner[b-s2qfi963yf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block !important;
    min-width: 0;
}

.module-index-header-trailing[b-s2qfi963yf] {
    flex-shrink: 0;
}

/* Default Back button: hidden on desktop, shown on mobile */
.module-index-back-mobile[b-s2qfi963yf] {
    display: none !important;
}

/* Mobile: smaller title, single line ellipsis; hide subtitle; show Back */
@media (max-width: 600px) {
    .module-index-back-mobile[b-s2qfi963yf] {
        display: inline-flex !important;
    }

    .module-index-title-inner[b-s2qfi963yf],
    .module-index-title-row .home-greeting[b-s2qfi963yf] {
        font-size: 1.125rem !important;
        line-height: 1.4 !important;
    }

    .module-index-subtitle[b-s2qfi963yf] {
        display: none !important;
    }
}
/* /Components/Shared/Layout/NavigationMenuItem.razor.rz.scp.css */
/* Navigation Menu Item - Additional styles if needed */
/* Most styles are in NotionNavigationMenu.razor.css */
/* /Components/Shared/Layout/NavigationSection.razor.rz.scp.css */
/* Navigation Section - Additional styles if needed */
/* Most styles are in NotionNavigationMenu.razor.css */

.notion-nav-section-header[b-3yswh5ry5r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-md) var(--space-lg);
    cursor: pointer;
    border-radius: var(--radius-12);
    transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.notion-nav-section-header:hover[b-3yswh5ry5r] {
    background-color: rgba(0, 0, 0, 0.04);
}

.mud-theme-dark .notion-nav-section-header:hover[b-3yswh5ry5r] {
    background-color: rgba(255, 255, 255, 0.06);
}

.section-label[b-3yswh5ry5r] {
    flex: 1;
    margin: 0;
}

.section-expand-icon[b-3yswh5ry5r] {
    margin-left: auto;
    flex-shrink: 0;
    opacity: 0.6;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s ease;
}

.notion-nav-section[data-expanded="true"] .section-expand-icon[b-3yswh5ry5r] {
    transform: rotate(0deg);
}

.notion-nav-section[data-expanded="false"] .section-expand-icon[b-3yswh5ry5r] {
    transform: rotate(-90deg);
}

.notion-nav-section-header:hover .section-expand-icon[b-3yswh5ry5r] {
    opacity: 1;
}
/* /Components/Shared/Layout/NavPills.razor.rz.scp.css */
/* ============================================
   NavPills.razor.css
   Modern pill navigation styling
   
   Light, airy design matching Documents module
   Updated: 2025-10-16
   ============================================ */

.nav-pills[b-dbnedc8kfv] {
    display: flex;
    gap: 8px;
}

.nav-pills.vertical[b-dbnedc8kfv] {
    flex-direction: column;
}

.nav-pills .nav-pill-dark[b-dbnedc8kfv] {
    background: var(--mud-palette-surface);
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: var(--radius-12);
    padding: 10px 14px;
    color: var(--mud-palette-text-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}

.nav-pills .nav-pill-dark:hover:not(.active)[b-dbnedc8kfv] {
    background: rgba(17, 24, 39, 0.03);
    border-color: rgba(17, 24, 39, 0.12);
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.nav-pills .nav-pill-dark.active[b-dbnedc8kfv] {
    background: rgba(var(--mud-palette-primary-rgb), 0.08);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    box-shadow: 0 2px 6px rgba(var(--mud-palette-primary-rgb), 0.15);
    font-weight: 500;
}

.np-icon[b-dbnedc8kfv] {
    margin-right: 4px;
    display: flex;
    align-items: center;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .nav-pills .nav-pill-dark[b-dbnedc8kfv] {
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    .nav-pills .nav-pill-dark:hover:not(.active)[b-dbnedc8kfv] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.18);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }

    .nav-pills .nav-pill-dark.active[b-dbnedc8kfv] {
        background: rgba(var(--mud-palette-primary-rgb), 0.20);
        box-shadow: 0 2px 6px rgba(var(--mud-palette-primary-rgb), 0.25);
    }
}
/* /Components/Shared/Layout/NotionNavigationMenu.razor.rz.scp.css */
/* Notion-Style Navigation Menu - Reference: clean vertical nav with group labels
   - All items and group labels (CRM, OPERATIONS, ASSETS) share same left edge.
   - Parent items: 14px text, font-weight 500, 20px icon, clear gap to text.
   - Nested items: 14px text, no icons, consistent indent (32px).
   - Expand chevron: 16px. Active state: subtle background.
*/
.notion-nav-menu[b-n02g10gxpx] {
    --notion-nav-left: 16px;        /* Same left edge for group labels and menu items */
    --notion-nav-icon-gap: 16px;    /* Space between icon and text label */
    --notion-nav-item-height: 36px; /* Slightly reduced row height for tighter vertical spacing */
    --notion-nav-nested-indent: 32px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--mud-palette-drawer-background);
    /* Light gray (#f8f9fa) from theme - matches Palmira IQ reference */
    border-right: 1px solid var(--mud-palette-divider);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    position: relative;
    z-index: 1100;
}

/* Width aligned with app standard: professional-drawer persistent = 280px */
.notion-nav-menu.expanded[b-n02g10gxpx] {
    width: 280px;
}

.notion-nav-menu.collapsed[b-n02g10gxpx] {
    width: 64px;
}

/* Ensure proper spacing and alignment */
.notion-nav-menu *[b-n02g10gxpx] {
    box-sizing: border-box;
}

/* Content Container */
.notion-nav-content[b-n02g10gxpx] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.notion-nav-content.collapsed-content[b-n02g10gxpx] {
    padding: var(--space-lg) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-md);
}

/* Header */
.notion-nav-header[b-n02g10gxpx] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-drawer-background);
    /* Light gray (#f8f9fa) from theme */
    min-height: 56px;
    flex-shrink: 0;
    gap: 8px;
}

.header-actions[b-n02g10gxpx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
}

.nav-search-box[b-n02g10gxpx] {
    flex: 1;
    margin: 0;
    min-width: 0;
}

.nav-search-box .mud-input-root[b-n02g10gxpx] {
    min-height: 32px;
}

.nav-search-box .mud-input[b-n02g10gxpx] {
    font-size: var(--font-md);
}

.collapse-btn[b-n02g10gxpx] {
    color: var(--mud-palette-text-secondary);
    transition: transform 0.2s ease, color 0.2s ease;
    flex-shrink: 0;
}

.collapse-btn:hover[b-n02g10gxpx] {
    transform: scale(1.1);
    color: var(--mud-palette-text-primary);
}

/* Header/collapse icons: modest size to match nav, not full 24px */
.notion-nav-menu .collapse-btn .mud-icon-root[b-n02g10gxpx] {
    font-size: 1.25rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

/* Scrollable Content Area */
.notion-nav-scrollable[b-n02g10gxpx] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding-top: 1rem;
}

/* MudNavMenu - Notion Style (working WITH MudBlazor) */
.notion-nav-menu .mud-nav-menu[b-n02g10gxpx] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure MudNavMenu content area has no additional padding/margin */
.notion-nav-menu .mud-nav-menu > *[b-n02g10gxpx] {
    margin-left: 0 !important;
}

.notion-nav-primary[b-n02g10gxpx],
.notion-nav-footer[b-n02g10gxpx] {
    border-bottom: 1px solid var(--mud-palette-divider) !important;
    flex-shrink: 0;
}

.notion-nav-footer[b-n02g10gxpx] {
    margin-top: auto !important;
    border-top: 1px solid var(--mud-palette-divider) !important;
    border-bottom: none !important;
}

/* Group labels (CRM, OPERATIONS, ASSETS): same left edge as menu items, clear spacing below */
.notion-nav-menu .notion-section-label-wrap[b-n02g10gxpx] {
    padding-left: var(--notion-nav-left);
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2px; /* Slight separation before first item in group */
}

/* MudNavLink - Same left edge as group labels; flex so icon and text align (reference style) */
.notion-nav-menu .mud-nav-link[b-n02g10gxpx] {
    display: flex !important;
    align-items: center !important;
    padding-left: var(--notion-nav-left) !important;
    padding-right: var(--notion-nav-left) !important;
    border-radius: 8px;
    transition: background-color 0.15s ease;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    font-weight: 500;
    min-height: var(--notion-nav-item-height);
    color: var(--mud-palette-text-secondary);
}
/* Inner wrapper MudBlazor may add - keep icon and text vertically centered */
.notion-nav-menu .mud-nav-link > div[b-n02g10gxpx] {
    display: flex !important;
    align-items: center !important;
    flex: 1;
    min-width: 0;
}

/* Panel trigger links (Intelligence, Settings) - prevent navigation */
.notion-nav-link-panel[b-n02g10gxpx] {
    cursor: pointer !important;
}

/* Intelligence nav item - clock icon inside the button on the right */
.intelligence-nav-item[b-n02g10gxpx] {
    position: relative;
    width: 100%;
}

.intelligence-main-link[b-n02g10gxpx] {
    position: relative !important;
    width: 100%;
}

.intelligence-link-text[b-n02g10gxpx] {
    display: inline-block;
}

.intelligence-history-icon[b-n02g10gxpx] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.intelligence-nav-item:hover .intelligence-history-icon[b-n02g10gxpx] {
    opacity: 1;
    visibility: visible;
}

.intelligence-history-icon:hover[b-n02g10gxpx] {
    background-color: rgba(0, 0, 0, 0.04);
}

.mud-theme-dark .intelligence-history-icon:hover[b-n02g10gxpx] {
    background-color: rgba(255, 255, 255, 0.06);
}

/* AI/History secondary icon: 16px (1rem) per spec */
.intelligence-history-icon .mud-icon-root[b-n02g10gxpx] {
    font-size: 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    color: var(--mud-palette-text-disabled);
    transition: color 0.2s ease;
}

/* Hover state - subtle background */
.notion-nav-menu .mud-nav-link:hover[b-n02g10gxpx] {
    background-color: rgba(0, 0, 0, 0.04);
}

.mud-theme-dark .notion-nav-menu .mud-nav-link:hover[b-n02g10gxpx] {
    background-color: rgba(255, 255, 255, 0.06);
}

/* Active state - dark charcoal background matching header, white text/icon */
.notion-nav-menu .mud-nav-link.active[b-n02g10gxpx] {
    background-color: var(--mud-palette-appbar-background) !important;
    font-weight: 500; /* font-medium when active per spec */
    color: var(--mud-palette-appbar-text) !important;
    box-shadow: none;
    border-radius: 8px;
}

.notion-nav-menu .mud-nav-link.active[b-n02g10gxpx]::before {
    display: none; /* Remove left border accent */
}

.mud-theme-dark .notion-nav-menu .mud-nav-link.active[b-n02g10gxpx] {
    background-color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching header */
    color: var(--mud-palette-appbar-text) !important;
    /* White text */
    border-radius: 8px;
}

.mud-theme-dark .notion-nav-menu .mud-nav-link.active .mud-icon-root[b-n02g10gxpx],
.mud-theme-dark .notion-nav-menu .mud-nav-link.active .mud-nav-link-text[b-n02g10gxpx] {
    color: var(--mud-palette-appbar-text) !important;
    /* White icon and text */
}

/* Nav link icon: 20px, gap to text (--notion-nav-icon-gap), vertically centered */
.notion-nav-menu .notion-nav-link-icon[b-n02g10gxpx],
.notion-nav-menu .mud-nav-link .notion-nav-link-icon[b-n02g10gxpx],
.notion-nav-menu .mud-nav-link .notion-nav-link-icon.mud-icon-root[b-n02g10gxpx] {
    margin-right: var(--notion-nav-icon-gap) !important;
    flex-shrink: 0 !important;
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Any icon inside nav link (MudNavGroup header, etc.) - force 20px and same gap */
html body .notion-nav-menu .mud-nav-link .mud-icon-root[b-n02g10gxpx],
html body .notion-nav-menu .mud-nav-link > .mud-icon-root[b-n02g10gxpx],
html body .notion-nav-menu .mud-nav-link > svg.mud-icon-root[b-n02g10gxpx] {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    flex-shrink: 0 !important;
    margin-right: var(--notion-nav-icon-gap) !important;
    color: var(--mud-palette-text-disabled) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Active state - icons white to match header (overrides inactive color) */
html body .notion-nav-menu .mud-nav-link.active .mud-icon-root[b-n02g10gxpx],
html body .notion-nav-menu .mud-nav-link.mud-nav-link-active .mud-icon-root[b-n02g10gxpx] {
    color: var(--mud-palette-appbar-text) !important;
}

/* Nav link text - 14px, font-medium (500); align with icon */
.notion-nav-menu .mud-nav-link .mud-nav-link-text[b-n02g10gxpx] {
    font-size: 14px; /* 0.875rem / text-sm */
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    line-height: 1.4;
}

.notion-nav-menu .mud-nav-link.active .mud-nav-link-text[b-n02g10gxpx] {
    font-weight: 500;
    color: var(--mud-palette-appbar-text) !important;
}

/* Group label text (CRM, OPERATIONS, ASSETS): uppercase, small, left-aligned with items */
.notion-nav-menu .mud-nav-menu span.mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-n02g10gxpx],
.notion-nav-menu .mud-nav-menu .mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-n02g10gxpx],
.notion-nav-scrollable .mud-nav-menu span.mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-n02g10gxpx],
.notion-nav-scrollable .mud-nav-menu .mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-n02g10gxpx],
.notion-nav-menu .mud-nav-menu .notion-section-label[b-n02g10gxpx],
.notion-nav-menu .mud-nav-menu .mud-typography.notion-section-label[b-n02g10gxpx],
.notion-nav-menu .mud-nav-menu .mud-typography-caption.notion-section-label[b-n02g10gxpx],
.notion-nav-menu .mud-nav-menu span.mud-typography.notion-section-label[b-n02g10gxpx],
.notion-nav-menu .mud-nav-menu span.mud-typography-caption.notion-section-label[b-n02g10gxpx],
.notion-nav-scrollable .mud-nav-menu .notion-section-label[b-n02g10gxpx],
.notion-nav-scrollable .mud-nav-menu .mud-typography.notion-section-label[b-n02g10gxpx],
.notion-nav-scrollable .mud-nav-menu .mud-typography-caption.notion-section-label[b-n02g10gxpx],
.notion-nav-scrollable .mud-nav-menu span.mud-typography.notion-section-label[b-n02g10gxpx],
.notion-nav-scrollable .mud-nav-menu span.mud-typography-caption.notion-section-label[b-n02g10gxpx] {
    font-size: var(--font-xs) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding-left: 0 !important;
    padding-right: 16px !important;
    padding-top: 20px !important;  /* Space above group so it reads as heading */
    padding-bottom: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

.nav-item-badge[b-n02g10gxpx] {
    margin-left: auto;
}

/* MudNavGroup header (e.g. Asset Register): same left padding as other nav links for alignment */
.notion-nav-menu .mud-nav-group > .mud-nav-link[b-n02g10gxpx] {
    padding-left: var(--notion-nav-left) !important;
    padding-right: var(--notion-nav-left) !important;
}

/* Expandable section chevron: 16px (1rem) - smaller than main nav icons per spec */
.nav-item-expand-icon[b-n02g10gxpx],
.notion-nav-menu .mud-nav-group .mud-expand-panel-icon[b-n02g10gxpx],
.notion-nav-menu .mud-nav-group .mud-nav-link-expand-icon[b-n02g10gxpx],
.notion-nav-menu .mud-nav-group .mud-expand-panel-icon .mud-icon-root[b-n02g10gxpx],
.notion-nav-menu .mud-nav-group .mud-nav-link-expand-icon .mud-icon-root[b-n02g10gxpx] {
    margin-left: auto;
    font-size: 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    max-width: 1rem !important;
    opacity: 0.6;
}

/* Nested items (e.g. Asset Register > All): no icons, indent to match reference */
.notion-nav-menu .mud-nav-group .mud-collapse .mud-nav-link[b-n02g10gxpx],
.notion-nav-menu .mud-nav-group .mud-nav-link.mud-nav-link-nested[b-n02g10gxpx] {
    font-size: 14px !important;
    font-weight: 400;
    padding-left: var(--notion-nav-nested-indent) !important;
    min-height: var(--notion-nav-item-height);
}
.notion-nav-menu .mud-nav-group .mud-collapse .mud-nav-link .mud-nav-link-text[b-n02g10gxpx],
.notion-nav-menu .mud-nav-group .mud-collapse .mud-nav-link.mud-nav-link-nested .mud-nav-link-text[b-n02g10gxpx] {
    font-size: 14px !important;
    font-weight: 400;
}
.notion-nav-menu .mud-nav-group .mud-collapse .mud-nav-link.active .mud-nav-link-text[b-n02g10gxpx],
.notion-nav-menu .mud-nav-group .mud-collapse .mud-nav-link.active.mud-nav-link-nested .mud-nav-link-text[b-n02g10gxpx] {
    font-weight: 500;
}
.workspace-subsection[b-n02g10gxpx] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding-left: 0;
}

/* Footer - Anchored to bottom */
.notion-nav-footer[b-n02g10gxpx] {
    margin-top: 0 !important;
    padding: 8px 0 !important;
    flex-shrink: 0;
    background: var(--mud-palette-drawer-background);
    /* Light gray (#f8f9fa) from theme */
}

/* Brand Logo Section - Below Settings */
.notion-nav-logo-section[b-n02g10gxpx] {
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-drawer-background);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0; /* Prevent flex item from growing beyond container */
    overflow: hidden; /* Clip any overflow */
    width: 100%; /* Constrain to parent width */
    box-sizing: border-box; /* Include padding in width calculation */
}

.logo-container[b-n02g10gxpx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-width: 0; /* Allow flex item to shrink below content size */
    overflow: hidden; /* Clip any overflow */
    box-sizing: border-box;
}

.brand-logo-image[b-n02g10gxpx] {
    max-width: 100%;
    max-height: 60px;
    width: auto; /* Maintain aspect ratio */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Scale down to fit while maintaining aspect ratio */
    display: block;
    flex-shrink: 1; /* Allow image to shrink if needed */
}

.brand-logo-text[b-n02g10gxpx] {
    font-size: 16px;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    text-align: center;
    word-break: break-word;
}

.mud-theme-dark .notion-nav-logo-section[b-n02g10gxpx] {
    background: var(--mud-palette-surface);
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* Dark Mode Adjustments */
.mud-theme-dark .notion-nav-menu[b-n02g10gxpx] {
    background: var(--mud-palette-surface);
    border-right-color: rgba(255, 255, 255, 0.12);
}

.mud-theme-dark .notion-nav-header[b-n02g10gxpx] {
    background: var(--mud-palette-surface);
}

.mud-theme-dark .notion-nav-footer[b-n02g10gxpx] {
    background: var(--mud-palette-surface);
}

/* Dark mode - MudBlazor handles colors automatically via Color.Secondary prop */
.mud-theme-dark .notion-nav-section-header:hover[b-n02g10gxpx] {
    background-color: rgba(255, 255, 255, 0.06);
}

/* Scrollbar */
.notion-nav-content[b-n02g10gxpx]::-webkit-scrollbar {
    width: 6px;
}

.notion-nav-content[b-n02g10gxpx]::-webkit-scrollbar-track {
    background: transparent;
}

.notion-nav-content[b-n02g10gxpx]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-divider);
    border-radius: 3px;
}

.notion-nav-content[b-n02g10gxpx]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-text-secondary);
}

/* Backdrop for closing panels - Only covers content area, not the menu */
.nav-panel-backdrop[b-n02g10gxpx] {
    position: fixed;
    top: 64px; /* Header height */
    left: 620px; /* Menu width (280px) + Panel width (340px) - starts after panels */
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.02);
    z-index: 1098;
    cursor: default;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}
/* /Components/Shared/Layout/NotionNavShell.razor.rz.scp.css */
/* NotionNavShell: inline at ≥960px (Md), overlay at <960px. Zero UX change at ≥960px. */

.notion-nav-shell[b-s1hwxscxra] {
    display: flex;
    flex-shrink: 0;
    height: 100%;
}

/* Close row: only visible in overlay mode (<960px) */
.notion-nav-overlay-close-row[b-s1hwxscxra] {
    display: none;
}

/* Inline slot: at ≥960px contains NotionNav in flow (280px expanded / 64px collapsed) */
.notion-nav-shell-inline[b-s1hwxscxra] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 100%;
}

/* Backdrop: hidden at desktop */
.notion-nav-overlay-backdrop[b-s1hwxscxra] {
    display: none;
}

@media (max-width: 959px) {
    .notion-nav-shell[b-s1hwxscxra] {
        width: 0 !important;
        min-width: 0 !important;
        flex: 0 0 0 !important;
        overflow: visible;
    }

    .notion-nav-overlay-backdrop[b-s1hwxscxra] {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 1199;
        background: rgba(0, 0, 0, 0.5);
        transition: opacity 0.3s ease;
    }

    .notion-nav-shell.overlay-open .notion-nav-overlay-backdrop[b-s1hwxscxra] {
        display: block;
    }

    /* Same nav slot becomes fixed overlay at <960px */
    .notion-nav-shell-inline[b-s1hwxscxra] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 280px;
        max-width: 85vw;
        z-index: 1200;
        background: var(--mud-palette-drawer-background);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
    }

    .notion-nav-shell.overlay-open .notion-nav-shell-inline[b-s1hwxscxra] {
        transform: translateX(0);
    }

    .notion-nav-overlay-close-row[b-s1hwxscxra] {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        padding: 12px 16px;
        border-bottom: 1px solid var(--mud-palette-divider);
        min-height: 56px;
    }

    .notion-nav-overlay-close[b-s1hwxscxra] {
        margin-left: auto;
    }

    .notion-nav-shell-inline .notion-nav-menu[b-s1hwxscxra] {
        flex: 1;
        min-height: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        border-right: none;
        box-shadow: none;
    }
}
/* /Components/Shared/Layout/PageHeader.razor.rz.scp.css */
.page-header-panel[b-pyso7hnpkn] {
    background: var(--mud-palette-drawer-background) !important;
    /* Match NotionNavPanel background using MudBlazor theme variable */
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 12px 16px;
    margin-bottom: 0;
    min-height: 56px;
    display: flex;
    align-items: center;
    /* CRITICAL: The actual height will be measured by JavaScript and set as --page-header-panel-height */
    /* This ensures Actions Panel and Drawer align correctly even if padding/min-height changes */
    /* Aligned with notion-nav-header min-height (56px) so bottom borders line up */
}

.page-header-content[b-pyso7hnpkn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.page-breadcrumbs[b-pyso7hnpkn] {
    margin: 0;
    padding: 0;
    font-size: 0.813rem;
    opacity: 0.85;
    flex: 1;
    display: flex;
    align-items: center;
}

.page-breadcrumbs[b-pyso7hnpkn]  .app-breadcrumbs,
.page-breadcrumbs[b-pyso7hnpkn]  .mud-breadcrumbs {
    margin: 0;
    padding: 0;
}

.page-header-actions[b-pyso7hnpkn] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

/* Compact button styling within header */
.page-header-actions[b-pyso7hnpkn]  .mud-button-root {
    padding: 8px 16px;
    min-height: 36px;
    height: 36px;
}

.page-header-actions[b-pyso7hnpkn]  .mud-button-root .mud-button-label {
    font-size: 0.875rem;
}

/* Dark mode adjustments */
.mud-theme-dark .page-header-panel[b-pyso7hnpkn] {
    background: var(--mud-palette-drawer-background) !important;
    /* Match NotionNavPanel background using MudBlazor theme variable */
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .page-header-panel[b-pyso7hnpkn] {
        padding: 8px 12px;
    }

    .page-header-content[b-pyso7hnpkn] {
        gap: 8px;
    }

    .page-header-actions[b-pyso7hnpkn] {
        gap: 6px;
    }
}

/* Mobile: hide entire breadcrumb panel to recover vertical space; index/view pages use their own Back + Title bar */
@media (max-width: 600px) {
    .page-header-panel[b-pyso7hnpkn] {
        display: none !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .page-header-content[b-pyso7hnpkn] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .page-breadcrumbs[b-pyso7hnpkn] {
        display: none !important;
    }

    .page-header-actions[b-pyso7hnpkn] {
        width: 100%;
        flex-wrap: wrap;
    }

    .page-header-title[b-pyso7hnpkn] {
        font-size: 1.25rem;
    }
}
/* /Components/Shared/Layout/PageTitlePanel.razor.rz.scp.css */
/* Standardized Page Title Panel - Based on Intelligence page design */

/* Page Header - Title and Actions Row */
.standard-page-header[b-5sxnohe702] {
    flex-shrink: 0;
    padding: 16px 20px;
    background: white;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* Dark mode adjustments */
.mud-theme-dark .standard-page-header[b-5sxnohe702] {
    background: var(--mud-palette-surface);
}

.standard-header-row[b-5sxnohe702] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 1rem;
}

.standard-heading[b-5sxnohe702] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

/* Title text styling now handled by module-title-text class from ModuleWorkspaceLayout */
.standard-title-text[b-5sxnohe702] {
    /* Legacy - kept for backward compatibility, but module-title-text classes take precedence */
}

.standard-subtitle-text[b-5sxnohe702] {
    margin-top: 4px;
    line-height: 1.4;
}

.standard-header-actions[b-5sxnohe702] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .standard-page-header[b-5sxnohe702] {
        padding: 12px 16px;
    }
    
    .standard-header-row[b-5sxnohe702] {
        gap: 12px;
    }
    
    .standard-title-text[b-5sxnohe702] {
        font-size: 1.25rem;
    }
    
    .standard-header-actions[b-5sxnohe702] {
        flex-wrap: wrap;
        gap: 4px;
    }
}
/* /Components/Shared/Layout/SettingsHoverPanel.razor.rz.scp.css */
/* Settings Panel - Click-only, Integrated with Navigation Menu */
.settings-hover-panel[b-lm1imebbf0] {
    position: fixed;
    left: 280px; /* Menu width */
    top: 64px; /* Start at AppBar bottom, same as nav menu */
    width: 340px;
    height: calc(100vh - 64px);
    background: var(--mud-palette-surface);
    border-left: 1px solid var(--mud-palette-divider);
    border-right: 1px solid var(--mud-palette-divider);
    box-shadow: none;
    z-index: 1099;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-lm1imebbf0 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideInRight-b-lm1imebbf0 {
    from {
        transform: translateX(-10px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.hover-panel-content[b-lm1imebbf0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.hover-panel-header[b-lm1imebbf0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background);
    min-height: 56px;
    box-sizing: border-box;
}

.hover-panel-title[b-lm1imebbf0] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    font-size: var(--font-lg);
}

.hover-panel-body[b-lm1imebbf0] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--space-lg);
}

.settings-section[b-lm1imebbf0] {
    margin-bottom: var(--space-xl);
}

.settings-section:last-child[b-lm1imebbf0] {
    margin-bottom: 0;
}

.section-label[b-lm1imebbf0] {
    font-size: var(--font-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
    padding: 0 var(--space-md) var(--space-sm) var(--space-md);
    margin: 0;
}

.settings-items[b-lm1imebbf0] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.settings-item[b-lm1imebbf0] {
    display: flex;
    align-items: center;
    padding: var(--space-md) var(--space-lg);
    margin: 1px 0;
    border-radius: var(--radius-12);
    cursor: pointer;
    transition: all 0.15s ease;
    background-color: transparent;
    min-height: 40px;
    box-sizing: border-box;
}

.settings-item:hover[b-lm1imebbf0] {
    background-color: var(--mud-palette-action-default-hover);
}

.settings-item mud-text[b-lm1imebbf0] {
    color: var(--mud-palette-text-primary);
    font-size: var(--font-base);
    line-height: var(--lh-normal);
    font-weight: 400;
}

.settings-item:hover mud-text[b-lm1imebbf0] {
    font-weight: 500;
}

/* Scrollbar */
.hover-panel-body[b-lm1imebbf0]::-webkit-scrollbar {
    width: 6px;
}

.hover-panel-body[b-lm1imebbf0]::-webkit-scrollbar-track {
    background: transparent;
}

.hover-panel-body[b-lm1imebbf0]::-webkit-scrollbar-thumb {
    background: var(--mud-palette-divider);
    border-radius: 3px;
}

.hover-panel-body[b-lm1imebbf0]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-text-secondary);
}

/* Dark Mode */
.mud-theme-dark .settings-hover-panel[b-lm1imebbf0] {
    background: var(--mud-palette-surface);
}

.mud-theme-dark .settings-item:hover[b-lm1imebbf0] {
    background-color: rgba(255, 255, 255, 0.06);
}
/* /Components/Shared/Lists/ActiveFilterChips.razor.rz.scp.css */
.active-filter-chips-bar[b-dfsquw0cmi] {
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    border-radius: 8px;
}

.filter-chip[b-dfsquw0cmi] {
    font-size: 0.75rem;
    height: 28px;
    padding: 0 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.filter-chip:hover[b-dfsquw0cmi] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-chip-text[b-dfsquw0cmi] {
    font-weight: 500;
    white-space: nowrap;
}

.clear-all-filters-btn[b-dfsquw0cmi] {
    font-size: 0.75rem;
    text-transform: none;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .active-filter-chips-bar[b-dfsquw0cmi] {
        border-color: rgba(255, 255, 255, 0.12);
    }
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .active-filter-chips-bar[b-dfsquw0cmi] {
        margin-bottom: 0.75rem;
    }

    .filter-chip[b-dfsquw0cmi] {
        font-size: 0.7rem;
        height: 26px;
        padding: 0 6px;
    }
}

@media (max-width: 600px) {
    .active-filter-chips-bar .mud-stack[b-dfsquw0cmi] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .clear-all-filters-btn[b-dfsquw0cmi] {
        width: 100%;
        margin-top: 0.5rem;
    }
}

/* /Components/Shared/Lists/ColumnConfigurationDialog.razor.rz.scp.css */
.column-config-list-container[b-uno7tr6ffl] {
    background: var(--mud-palette-surface);
}

.column-config-item[b-uno7tr6ffl] {
    transition: all 0.2s ease;
    border-radius: 0;
    margin-bottom: 2px;
    cursor: pointer;
}

.column-config-item:hover[b-uno7tr6ffl] {
    background-color: var(--mud-palette-action-hover) !important;
    transform: translateX(2px);
}

.column-config-item.column-visible[b-uno7tr6ffl] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.05);
}

.column-config-item:last-child[b-uno7tr6ffl] {
    margin-bottom: 0;
}

.drag-handle[b-uno7tr6ffl] {
    cursor: grab !important;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.drag-handle:hover[b-uno7tr6ffl] {
    opacity: 1;
}

.column-move-btn[b-uno7tr6ffl] {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.column-move-btn:hover:not(.mud-disabled)[b-uno7tr6ffl] {
    opacity: 1;
    background-color: var(--mud-palette-action-hover);
}

.column-config-action-btn[b-uno7tr6ffl] {
    text-transform: none;
    font-weight: 500;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .column-config-list-container[b-uno7tr6ffl] {
        border-color: rgba(255, 255, 255, 0.12);
    }

    .column-config-item.column-visible[b-uno7tr6ffl] {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.1);
    }
}

/* /Components/Shared/Lists/FilterMenu.razor.rz.scp.css */
.filter-menu-content[b-o1e3wiiigk] {
    background: var(--mud-palette-background);
    border-radius: var(--mud-default-borderradius);
    min-width: 500px;
    max-width: 600px;
    width: 100%;
}

.filter-menu-header[b-o1e3wiiigk] {
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.filter-menu-body[b-o1e3wiiigk] {
    /* Scrollable filter list */
    max-height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-divider) transparent;
}

.filter-menu-body[b-o1e3wiiigk]::-webkit-scrollbar {
    width: 8px;
}

.filter-menu-body[b-o1e3wiiigk]::-webkit-scrollbar-track {
    background: transparent;
}

.filter-menu-body[b-o1e3wiiigk]::-webkit-scrollbar-thumb {
    background-color: var(--mud-palette-divider);
    border-radius: 4px;
}

.filter-menu-body[b-o1e3wiiigk]::-webkit-scrollbar-thumb:hover {
    background-color: var(--mud-palette-text-secondary);
}

.filter-menu-footer[b-o1e3wiiigk] {
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-divider);
}

.filter-menu-button[b-o1e3wiiigk] {
    position: relative;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .filter-menu-content[b-o1e3wiiigk] {
        min-width: 400px;
        max-width: 90vw;
    }
    
    .filter-menu-body[b-o1e3wiiigk] {
        max-height: 500px;
    }
}

@media (max-width: 600px) {
    .filter-menu-content[b-o1e3wiiigk] {
        min-width: 320px;
        max-width: 95vw;
    }
    
    .filter-menu-body[b-o1e3wiiigk] {
        max-height: 400px;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .filter-menu-content[b-o1e3wiiigk] {
        background: var(--mud-palette-surface);
    }
    
    .filter-menu-header[b-o1e3wiiigk],
    .filter-menu-footer[b-o1e3wiiigk] {
        border-color: rgba(255, 255, 255, 0.12);
    }
}

/* /Components/Shared/Lists/LinkedItemsWidget.razor.rz.scp.css */
/* Linked Items widget – one card, dividers between categories, smaller headings, pill badges, indented list */

.linked-items-widget-card .linked-items-add-row[b-xsyb7fzmit] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.linked-items-widget-card .linked-items-sections[b-xsyb7fzmit] {
    display: flex;
    flex-direction: column;
}

.linked-items-widget-card .linked-items-section[b-xsyb7fzmit] {
    padding: 0.5rem 0;
}

.linked-items-widget-card .linked-items-header[b-xsyb7fzmit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0.25rem;
}

.linked-items-widget-card .linked-items-header-left[b-xsyb7fzmit],
.linked-items-widget-card .linked-items-header-right[b-xsyb7fzmit] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Category heading: smaller than card title (target design) */
.linked-items-widget-card .linked-items-header-text[b-xsyb7fzmit] {
    font-size: 0.875rem;
    font-weight: 500;
    color: inherit;
}

.linked-items-header-blue[b-xsyb7fzmit] { color: #1976d2; }
.linked-items-header-purple[b-xsyb7fzmit] { color: #7b1fa2; }
.linked-items-header-orange[b-xsyb7fzmit] { color: #f57c00; }
.linked-items-header-red[b-xsyb7fzmit] { color: #d32f2f; }
.linked-items-header-teal[b-xsyb7fzmit] { color: #00796b; }
.linked-items-header-amber[b-xsyb7fzmit] { color: #ff8f00; }
.linked-items-header-indigo[b-xsyb7fzmit] { color: #3949ab; }
.linked-items-header-default[b-xsyb7fzmit] { color: var(--mud-palette-text-primary); }

/* Small category icon, no background */
.linked-items-widget-card .linked-items-icon[b-xsyb7fzmit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}

.linked-items-widget-card .linked-items-icon-inner[b-xsyb7fzmit] {
    font-size: 0.875rem !important;
    color: inherit;
}

.linked-items-icon-blue[b-xsyb7fzmit] { color: #1976d2; }
.linked-items-icon-purple[b-xsyb7fzmit] { color: #7b1fa2; }
.linked-items-icon-orange[b-xsyb7fzmit] { color: #f57c00; }
.linked-items-icon-red[b-xsyb7fzmit] { color: #d32f2f; }
.linked-items-icon-teal[b-xsyb7fzmit] { color: #00796b; }
.linked-items-icon-amber[b-xsyb7fzmit] { color: #ff8f00; }
.linked-items-icon-indigo[b-xsyb7fzmit] { color: #3949ab; }
.linked-items-icon-default[b-xsyb7fzmit] { color: var(--mud-palette-text-secondary); }

/* Pill count badge */
.linked-items-widget-card .linked-items-badge[b-xsyb7fzmit] {
    font-size: 0.6875rem;
    font-weight: 600;
    min-width: 1.25rem;
    padding: 2px 6px;
    border-radius: 10px;
    text-align: center;
    line-height: 1.2;
}

.linked-items-badge-blue[b-xsyb7fzmit] { background: rgba(33, 150, 243, 0.18); color: #1565c0; }
.linked-items-badge-purple[b-xsyb7fzmit] { background: rgba(156, 39, 176, 0.18); color: #6a1b9a; }
.linked-items-badge-orange[b-xsyb7fzmit] { background: rgba(255, 152, 0, 0.2); color: #e65100; }
.linked-items-badge-red[b-xsyb7fzmit] { background: rgba(244, 67, 54, 0.18); color: #c62828; }
.linked-items-badge-teal[b-xsyb7fzmit] { background: rgba(0, 150, 136, 0.18); color: #00695c; }
.linked-items-badge-amber[b-xsyb7fzmit] { background: rgba(255, 193, 7, 0.25); color: #ff8f00; }
.linked-items-badge-indigo[b-xsyb7fzmit] { background: rgba(63, 81, 181, 0.18); color: #303f9f; }
.linked-items-badge-default[b-xsyb7fzmit] { background: var(--mud-palette-action-default-hover); color: var(--mud-palette-text-secondary); }

/* List of items: left-aligned with category header (icon + gap) */
.linked-items-widget-card .linked-items-list[b-xsyb7fzmit] {
    padding-left: calc(22px + 0.5rem);
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 2px;
}

.linked-items-widget-card .linked-items-row[b-xsyb7fzmit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 1.5rem;
}

.linked-items-widget-card .linked-items-link[b-xsyb7fzmit] {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--mud-palette-text-secondary, #666);
    text-decoration: none;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

.linked-items-widget-card .linked-items-link:hover[b-xsyb7fzmit] {
    color: var(--mud-palette-primary);
    text-decoration: underline;
}

/* Divider between categories */
.linked-items-widget-card .linked-items-divider[b-xsyb7fzmit] {
    border-top-width: 1px;
    border-top-color: rgba(0, 0, 0, 0.08);
    margin: 0.25rem 0;
}

.linked-items-widget-card .linked-items-remove[b-xsyb7fzmit] {
    min-width: 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
}

.linked-items-widget-card .linked-items-remove:hover[b-xsyb7fzmit] {
    color: var(--mud-palette-error);
}
/* /Components/Shared/Lists/RaciMatrixPanel.razor.rz.scp.css */
/* RACI widget - inspired by clean card layout: title, sections with dividers, avatars for users */
.raci-widget .raci-widget-title[b-wfqoz5b238] {
    color: var(--mud-palette-text-primary);
    margin-bottom: 0.75rem;
}

.raci-widget-sections[b-wfqoz5b238] {
    display: flex;
    flex-direction: column;
}

.raci-widget-section[b-wfqoz5b238] {
    padding: 0.25rem 0;
}

.raci-widget-label[b-wfqoz5b238] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 0.35rem;
}

.raci-widget-content[b-wfqoz5b238] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
}

.raci-widget-avatars[b-wfqoz5b238] {
    margin-bottom: 0.25rem;
}

.raci-user-row[b-wfqoz5b238] {
    display: flex;
    align-items: center;
    min-height: 28px;
}

.raci-widget-name[b-wfqoz5b238] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-primary);
    flex: 1;
    min-width: 0;
}

.raci-avatar-wrap[b-wfqoz5b238] {
    display: inline-flex;
    align-items: center;
}

.raci-avatar[b-wfqoz5b238] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: 600;
    flex-shrink: 0;
}

.raci-avatar-purple[b-wfqoz5b238] {
    background: rgba(156, 39, 176, 0.15);
    color: #7b1fa2;
}

.raci-avatar-green[b-wfqoz5b238] {
    background: rgba(76, 175, 80, 0.2);
    color: #388e3c;
}

.raci-avatar-teal[b-wfqoz5b238] {
    background: rgba(0, 150, 136, 0.2);
    color: #00796b;
}

.raci-avatar-blue[b-wfqoz5b238] {
    background: rgba(33, 150, 243, 0.2);
    color: #1976d2;
}

.raci-avatar-remove[b-wfqoz5b238] {
    min-width: 24px;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--mud-palette-text-secondary);
}

.raci-avatar-remove:hover[b-wfqoz5b238] {
    color: var(--mud-palette-error);
}

.raci-user-row .raci-remove-right[b-wfqoz5b238] {
    margin-left: auto;
}

.raci-widget-names[b-wfqoz5b238] {
    font-size: 0.8125rem;
    color: var(--mud-palette-text-primary);
    margin-top: 2px;
}

.raci-widget-empty[b-wfqoz5b238] {
    color: var(--mud-palette-text-secondary);
}

.raci-widget-text[b-wfqoz5b238] {
    font-size: 0.875rem;
}

.raci-widget-divider[b-wfqoz5b238] {
    border-top-width: 1px;
    opacity: 0.6;
}

.raci-title-row[b-wfqoz5b238] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    width: 100%;
    flex-wrap: nowrap;
}

.raci-title-row .raci-widget-title[b-wfqoz5b238] {
    margin-bottom: 0;
    flex-shrink: 0;
}

.raci-title-spacer[b-wfqoz5b238] {
    flex: 1;
    min-width: 0.5rem;
}

.raci-title-row .raci-header-add[b-wfqoz5b238] {
    flex-shrink: 0;
}

.raci-header-add[b-wfqoz5b238] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--mud-palette-text-secondary);
    min-width: auto;
    padding: 0.25rem 0.5rem;
}

.raci-header-add:hover[b-wfqoz5b238] {
    color: var(--mud-palette-primary);
}

.raci-widget-add[b-wfqoz5b238] {
    text-transform: none;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}

.raci-widget-add:hover[b-wfqoz5b238] {
    color: var(--mud-palette-primary);
}

/* Compact variant */
.raci-matrix-panel-compact .raci-widget-section[b-wfqoz5b238] {
    padding: 0.15rem 0;
}

.raci-matrix-panel-compact .raci-avatar[b-wfqoz5b238] {
    width: 24px;
    height: 24px;
    font-size: 0.65rem;
}

/* Legacy grid layout (kept for any external references) */
.process-view-raci-grid[b-wfqoz5b238] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

@media (max-width: 600px) {
    .process-view-raci-grid[b-wfqoz5b238] {
        grid-template-columns: 1fr;
    }
}

.process-view-raci-card[b-wfqoz5b238] {
    padding: 0.75rem 1rem;
    border-radius: var(--mud-default-borderradius);
    min-height: auto;
}

.process-view-raci-role[b-wfqoz5b238] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.process-view-raci-role-label[b-wfqoz5b238] {
    font-weight: 700;
    color: var(--mud-palette-text-secondary);
}

.process-view-raci-value[b-wfqoz5b238] {
    font-size: 0.875rem;
    font-weight: 500;
}

.raci-matrix-panel-compact .process-view-raci-grid[b-wfqoz5b238] {
    gap: 0.5rem;
}

.raci-matrix-panel-compact .process-view-raci-card[b-wfqoz5b238] {
    padding: 0.5rem 0.75rem;
}

.raci-matrix-panel-simple .raci-simple-row[b-wfqoz5b238] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-height: 2.5rem;
}

.raci-matrix-panel-simple .raci-simple-row .modern-field-display[b-wfqoz5b238] {
    flex: 1;
    min-width: 0;
}

.raci-matrix-panel-simple .raci-simple-add[b-wfqoz5b238] {
    flex-shrink: 0;
    min-width: auto;
    text-transform: none;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}
/* /Components/Shared/Lists/UnifiedSearchAndFilters.razor.rz.scp.css */
/* Align typography with rest of module index page */
.unified-search-filters-root[b-29gi1963gl],
.unified-search-filters-card[b-29gi1963gl] {
    font-family: var(--mud-typography-body1-font-family, inherit);
}

.unified-search-filters-card[b-29gi1963gl] {
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    border-radius: 8px;
}

.active-filters-row[b-29gi1963gl] {
    padding-top: 0.5rem;
    border-top: 1px solid var(--mud-palette-divider);
}

.filter-chip[b-29gi1963gl] {
    font-size: 0.75rem;
    height: 28px;
    padding: 0 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.filter-chip:hover[b-29gi1963gl] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.filter-chip-text[b-29gi1963gl] {
    font-weight: 500;
    white-space: nowrap;
}

.clear-all-filters-btn[b-29gi1963gl] {
    font-size: 0.75rem;
    text-transform: none;
}

/* Filter/Column Toggle Buttons - Dark charcoal when active (matching header) */
.filter-toggle-button[b-29gi1963gl],
.column-options-button[b-29gi1963gl] {
    position: relative;
}

/* When filter panel is expanded or filters are active, use dark charcoal */
.filter-toggle-button.mud-button-filled.mud-primary[b-29gi1963gl] {
    /* Default: blue (primary) */
}

/* Active state - dark charcoal matching header */
.filter-toggle-button.mud-button-filled.mud-primary.active[b-29gi1963gl],
.column-options-button.mud-button-filled.mud-primary.active[b-29gi1963gl] {
    background-color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching header */
    color: var(--mud-palette-appbar-text) !important;
    /* White text */
    border: none !important;
}

.filter-toggle-button.mud-button-filled.mud-primary.active .mud-icon-root[b-29gi1963gl],
.column-options-button.mud-button-filled.mud-primary.active .mud-icon-root[b-29gi1963gl] {
    color: var(--mud-palette-appbar-text) !important;
    /* White icon */
}

.search-by-name-in-panel .module-search-box[b-29gi1963gl] {
    width: 100%;
}

.filter-expansion-panel[b-29gi1963gl] {
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    box-shadow: none;
    overflow: hidden;
}

.filter-panel-header[b-29gi1963gl] {
    padding: 0.75rem 1rem;
    min-height: 48px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: var(--mud-palette-surface);
    transition: background-color 0.2s;
}

.filter-panel-header:hover[b-29gi1963gl] {
    background: var(--mud-palette-action-default-hover);
}

.filter-panel-content[b-29gi1963gl] {
    padding: 0; /* Remove padding - FilterMenuContent handles its own */
    max-height: none; /* No max height - let it expand fully */
    overflow: visible; /* No scrolling - show everything */
}

/* Override FilterMenuContent styles when embedded in expansion panel */
.filter-panel-content .filter-menu-content[b-29gi1963gl] {
    max-height: none !important;
    overflow: visible !important;
    background: transparent; /* Match expansion panel background */
}

.filter-panel-content .filter-menu-body[b-29gi1963gl] {
    max-height: none !important;
    overflow: visible !important;
    padding-top: 0 !important; /* Name search is above; avoid double gap */
}

.filter-panel-content .filter-menu-header[b-29gi1963gl] {
    display: none; /* Hide header when embedded - expansion panel already has title */
}

.filter-panel-content .mud-divider[b-29gi1963gl] {
    display: none; /* Hide dividers when embedded */
}

.filter-panel-content .filter-menu-actions[b-29gi1963gl] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--mud-palette-divider);
    background: transparent;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .unified-search-filters-card[b-29gi1963gl] {
        padding: 0.75rem !important;
    }

    .active-filters-row[b-29gi1963gl] {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .clear-all-filters-btn[b-29gi1963gl] {
        width: 100%;
        margin-top: 0.5rem;
    }
}

@media (max-width: 600px) {
    .filter-chip[b-29gi1963gl] {
        font-size: 0.7rem;
        height: 26px;
        padding: 0 6px;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .unified-search-filters-card[b-29gi1963gl] {
        border-color: rgba(255, 255, 255, 0.12);
    }
}
/* /Components/Shared/Modern/CompactCard.razor.rz.scp.css */
/* Wrapper for clickable card - full width, block */
.compact-card-wrapper[b-d4p534pky0] {
    display: block;
    width: 100%;
}

.compact-card-wrapper.compact-card-clickable[b-d4p534pky0] {
    cursor: pointer;
}

.compact-card-wrapper:focus[b-d4p534pky0] {
    outline: none;
}

.compact-card-icon[b-d4p534pky0] {
    width: 2rem;
    height: 2rem;
}
/* /Components/Shared/Modern/KeyValueGrid.razor.rz.scp.css */
/* KeyValueGrid - responsive key/value layout; spacing from module primitives */
.key-value-grid[b-4257mh6ar1] {
    display: grid;
    gap: var(--module-grid-row-gap, 10px) var(--module-grid-col-gap, 24px);
    grid-template-columns: repeat(2, 1fr);
}

.key-value-grid-cols-3[b-4257mh6ar1] {
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 960px) {
    .key-value-grid-cols-3[b-4257mh6ar1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .key-value-grid[b-4257mh6ar1],
    .key-value-grid-cols-3[b-4257mh6ar1] {
        grid-template-columns: 1fr;
    }
}

/* Full-width item (e.g. LinkedIn link row) */
.key-value-grid .key-value-grid-full-width[b-4257mh6ar1] {
    grid-column: 1 / -1;
}

/* Zero margin for KeyValueItem/ModernFieldDisplay inside grid so gap controls spacing */
.key-value-grid .key-value-item[b-4257mh6ar1],
.key-value-grid .modern-field-display[b-4257mh6ar1] {
    margin-bottom: 0 !important;
}
/* /Components/Shared/Modern/KeyValueItem.razor.rz.scp.css */
.key-value-item[b-ehekvqkmv6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.key-value-item-label-row[b-ehekvqkmv6] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.key-value-item-label[b-ehekvqkmv6] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    margin: 0 !important;
}

.key-value-item-tooltip-icon[b-ehekvqkmv6] {
    font-size: 0.875rem !important;
    width: 1rem !important;
    height: 1rem !important;
    color: var(--mud-palette-text-secondary) !important;
    opacity: 0.8;
    cursor: help;
}

.key-value-item-value-text[b-ehekvqkmv6] {
    margin: 0 !important;
    font-weight: 400;
    color: var(--mud-palette-text-primary);
}

.key-value-item-value[b-ehekvqkmv6] {
    min-height: 1.25rem;
}
/* /Components/Shared/Modern/MobileCardList.razor.rz.scp.css */
/* P2.2: Mobile card list - full width, same horizontal padding as page (parent has px-6) */
.mobile-card-list[b-g6tr9fobjp] {
    width: 100%;
    max-width: 100%;
}

.mobile-card-list-cards[b-g6tr9fobjp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 0 8px 0;
    width: 100%;
}

/* Card box styling and consistent inner padding */
.mobile-card-list-cards .compact-card-wrapper[b-g6tr9fobjp],
.mobile-card-list-cards .mud-paper[b-g6tr9fobjp] {
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default, #e0e0e0);
    background: var(--mud-palette-background-paper, #fff);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    width: 100%;
    box-sizing: border-box;
}

/* Ensure padding inside the card (text not flush to edges) */
.mobile-card-list-cards .mud-paper[b-g6tr9fobjp] {
    padding: 16px !important;
}

.mobile-card-list-loading[b-g6tr9fobjp],
.mobile-card-list-empty[b-g6tr9fobjp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}

.mobile-card-list-pagination[b-g6tr9fobjp] {
    border-top: 1px solid var(--mud-palette-lines-default, #e0e0e0);
}

/* List style: MudBlazor MudList with MudListItem; strip card styling from inner CompactCard */
.mobile-list-rows.mud-list[b-g6tr9fobjp] {
    padding: 0 !important;
}

.mobile-list-rows .mud-list-item[b-g6tr9fobjp] {
    border-bottom: 1px solid var(--mud-palette-lines-default, rgba(0, 0, 0, 0.12));
    min-height: 48px;
}

.mobile-list-rows .mud-list-item:last-child[b-g6tr9fobjp] {
    border-bottom: none;
}

/* Remove card box from CompactCard when inside list (pierce child component) */
.mobile-list-rows .compact-card-wrapper[b-g6tr9fobjp] {
    width: 100%;
}

.mobile-list-rows .compact-card-wrapper .mud-paper[b-g6tr9fobjp] {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.mobile-list-rows .compact-card-wrapper .mud-paper:hover[b-g6tr9fobjp] {
    background: transparent !important;
}

.mobile-list-rows .compact-card-wrapper .flex.items-start.gap-3[b-g6tr9fobjp] {
    margin-bottom: 0 !important;
}

.mobile-list-rows .compact-card-wrapper .compact-card-icon[b-g6tr9fobjp] {
    font-size: 1.25rem !important;
}

.mobile-list-row-content[b-g6tr9fobjp] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.mobile-list-row-content .compact-card-wrapper[b-g6tr9fobjp] {
    flex: 1 1 auto;
    min-width: 0;
}

.mobile-list-chevron[b-g6tr9fobjp] {
    flex-shrink: 0;
    margin-left: 8px;
    font-size: 1.25rem;
    color: var(--mud-palette-text-secondary, rgba(0, 0, 0, 0.6));
}
/* /Components/Shared/Modern/ModernDataGrid.razor.rz.scp.css */
.modern-grid-empty-state[b-dl2kupgyfw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    min-height: 300px;
}

.modern-grid-empty-state .empty-state-icon[b-dl2kupgyfw] {
    font-size: 4rem;
    color: var(--mud-palette-text-secondary);
    opacity: 0.3;
    margin-bottom: 1rem;
}

.modern-grid-empty-state .empty-state-title[b-dl2kupgyfw] {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    margin-bottom: 0.5rem;
}

.modern-grid-empty-state .empty-state-description[b-dl2kupgyfw] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 1.5rem;
    max-width: 400px;
}

.modern-grid-empty-state .empty-state-action[b-dl2kupgyfw] {
    margin-top: 1rem;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .modern-grid-empty-state .empty-state-icon[b-dl2kupgyfw] {
        opacity: 0.2;
    }
}

/* /Components/Shared/Modern/ModuleSectionCard.razor.rz.scp.css */
/* Enterprise Card Layout - spacing from module.primitives.css tokens */
.module-section-card[b-0yvlf7wher] {
    margin-bottom: var(--module-section-gap, 20px);
}
.module-section-card:last-child[b-0yvlf7wher] {
    margin-bottom: 0;
}

.module-section-card-paper[b-0yvlf7wher] {
    border-radius: 8px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.06);
    overflow: hidden;
}

.module-section-card-header[b-0yvlf7wher] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem 0;
    flex-wrap: wrap;
}

.module-section-card-header-left[b-0yvlf7wher] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.module-section-card-title-row[b-0yvlf7wher] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.module-section-card-icon[b-0yvlf7wher] {
    flex-shrink: 0;
}

.module-section-card-title[b-0yvlf7wher] {
    font-weight: 600 !important;
    margin: 0 !important;
}

.module-section-card-helper[b-0yvlf7wher] {
    margin: 0 !important;
    font-size: 0.8125rem !important;
}

.module-section-card-actions[b-0yvlf7wher] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.module-section-card-body[b-0yvlf7wher] {
    padding: var(--module-card-header-gap, 14px) 1.25rem 1.25rem;
}

/* When there is no header, body gets top padding */
.module-section-card-paper:not(:has(.module-section-card-header)) .module-section-card-body[b-0yvlf7wher] {
    padding-top: 1.25rem;
}
/* /Components/Tasks/EntityTasksSummaryWidget.razor.rz.scp.css */
/* EntityTasksSummaryWidget - Right-hand column tasks summary (Service Desk etc.) */

.entity-tasks-summary-widget[b-56b7i33g53] {
    border-radius: 8px;
}

.entity-tasks-summary-header[b-56b7i33g53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.entity-tasks-summary-title-row[b-56b7i33g53] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.entity-tasks-summary-title[b-56b7i33g53] {
    font-weight: 600;
}

.entity-tasks-summary-view-all[b-56b7i33g53] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.entity-tasks-summary-view-all:hover[b-56b7i33g53] {
    text-decoration: underline;
}

.entity-tasks-summary-metrics[b-56b7i33g53] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 12px;
}

.entity-tasks-summary-metrics .mud-typography-body2:not(.entity-tasks-summary-outstanding)[b-56b7i33g53] {
    color: var(--mud-palette-text-primary);
}

.entity-tasks-summary-outstanding[b-56b7i33g53] {
    color: var(--mud-palette-warning-dark) !important;
    font-weight: 500;
}

.entity-tasks-summary-by-group-label[b-56b7i33g53] {
    display: block;
    margin-bottom: 6px;
}

.entity-tasks-summary-list[b-56b7i33g53] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.entity-tasks-summary-group-row[b-56b7i33g53] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 0;
}

.entity-tasks-summary-group-link[b-56b7i33g53] {
    text-decoration: none;
    flex: 1;
    min-width: 0;
}

.entity-tasks-summary-group-link:hover[b-56b7i33g53] {
    text-decoration: underline;
}

.entity-tasks-summary-pill[b-56b7i33g53] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 9999px;
    background: var(--mud-palette-warning);
    color: var(--mud-palette-warning-contrast);
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}
/* /Components/Tasks/TaskDetailDrawer.razor.rz.scp.css */
/* TASKS_TAB_SPEC §4 Decision task card */
.runbook-decision-section .decision-panel[b-on2o93stqq] {
    background-color: #faf5ff !important;
    border: 2px solid #c084fc !important;
    border-radius: 8px;
    padding: 20px !important;
    margin-bottom: 16px;
    box-shadow: 0 2px 6px rgba(147, 51, 234, 0.1);
}

.runbook-decision-section .decision-panel-readonly[b-on2o93stqq] {
    border-color: #bbf7d0 !important;
    background-color: #f0fdf4 !important;
}

.runbook-decision-section .decision-header[b-on2o93stqq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.runbook-decision-section .decision-options[b-on2o93stqq] {
    margin-bottom: 16px;
}

.runbook-decision-section .decision-radio-group[b-on2o93stqq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.runbook-decision-section .decision-actions[b-on2o93stqq] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

/* Checklist block - SERVICE_DESK_TASKS_CHECKLIST_SPEC */
.task-detail-checklist-header[b-on2o93stqq] {
    margin-bottom: 4px;
}

/* InlineMode: shorter checklist header to avoid repeating task card progress as second header */
.task-detail-checklist-header-inline .task-detail-checklist-header-inline-title[b-on2o93stqq] {
    font-weight: 500;
}

.checklist-step-number[b-on2o93stqq] {
    font-weight: 600;
    min-width: 1.5em;
    color: var(--mud-palette-text-secondary, #666);
}

/* Scrollable that contains checklist items: no gap, dividers between items */
.task-detail-scrollable:has(.task-detail-checklist-item)[b-on2o93stqq] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Checklist item: no card/outline/border; inner padding; divider below only when another item follows */
.task-detail-checklist-item[b-on2o93stqq] {
    padding: 20px 24px !important;
    padding-bottom: 16px !important;
    margin: 0;
    min-height: 0;
    border: none;
    border-radius: 0;
}

.task-detail-checklist-item:not(:last-child)[b-on2o93stqq] {
    border-bottom: 1px solid var(--mud-palette-divider, #e0e0e0);
    margin-bottom: 0;
}

/* Row: checkbox | number | title+body (flex) | Confirm chip (far right) */
.task-detail-checklist-item-title-row[b-on2o93stqq] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: nowrap;
    min-width: 0;
}

.task-detail-checklist-item-title-and-body[b-on2o93stqq] {
    flex: 1;
    min-width: 0;
}

.task-detail-checklist-item-title-line[b-on2o93stqq] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.task-detail-checklist-item-title[b-on2o93stqq] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    white-space: normal;
    word-wrap: break-word;
}

/* Body aligns with title (same column); no extra left indent */
.task-detail-checklist-item-body[b-on2o93stqq] {
    margin-top: 10px;
    padding-left: 0;
    min-width: 0;
}

/* Confirm chip stays on far right and does not shrink */
.task-detail-checklist-confirm-chip[b-on2o93stqq] {
    flex-shrink: 0;
}

.task-detail-checklist-item-body .task-detail-checklist-step-content[b-on2o93stqq],
.task-detail-checklist-item-body .gp-doc-theme[b-on2o93stqq] {
    max-width: 100%;
    white-space: normal;
    overflow: visible;
}

.checklist-title-completed[b-on2o93stqq] {
    text-decoration: line-through;
    opacity: 0.7;
}

.checklist-item-completed[b-on2o93stqq],
.task-detail-checklist-item.checklist-item-completed[b-on2o93stqq] {
    background-color: #f0fdf4 !important; /* green-50 */
}

.task-detail-checklist-item .task-detail-checklist-remove[b-on2o93stqq] {
    opacity: 0.5;
}

.task-detail-checklist-item:hover .task-detail-checklist-remove[b-on2o93stqq] {
    opacity: 1;
}
/* /Components/Tasks/TaskExpansionPanel.razor.rz.scp.css */
/* Checkbox is OUTSIDE MudExpansionPanel (sibling), so it's never collapsed by MudBlazor header layout.
   Root = [ checkbox col (fixed) | panel (flex 1) ]. */

.task-expansion-panel-root[b-aagpcuz0yp] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    gap: 0;
}

.task-expansion-panel-main[b-aagpcuz0yp] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.task-expansion-panel-main[b-aagpcuz0yp]  .mud-expansion-panel {
    flex: 1;
    min-width: 0;
}

[b-aagpcuz0yp] .mud-expansion-panel-header {
    padding: 10px 12px;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    overflow: visible;
}

/* Prevent header content wrapper from shrinking so the checkbox column is never clipped */
[b-aagpcuz0yp] .mud-expansion-panel-header > *:first-child {
    min-width: 200px;
    overflow: visible;
}

[b-aagpcuz0yp] .mud-expansion-panel-content,
[b-aagpcuz0yp] .mud-expansion-panel-content-inner {
    padding: 0;
}

/* Unified task header: column layout — row 1 (primary), row 2 (description), row 3 (actions) */
.task-expansion-panel-header-unified[b-aagpcuz0yp] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 200px; /* Ensure row never shrinks below checkbox + title so checkbox stays visible */
    min-height: 0;
}

/* Row 1 (primary): Checkbox | Title | Has Checklist | (spacer) | Assignee | Progress — chevron from MudExpansionPanel */
.task-expansion-panel-row-primary[b-aagpcuz0yp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 40px;
}

/* Checkbox column: fixed height matching title row, top-aligned so checkbox stays in line with title when expanded */
.task-expansion-panel-checkbox-col[b-aagpcuz0yp] {
    flex-shrink: 0;
    align-self: flex-start;
    height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    width: 48px;
    overflow: visible;
    flex-basis: 48px;
}

/* Same API as checklist / TaskDetailDrawer: MudCheckBox with Checked + CheckedChanged (no custom size overrides). */
.task-expansion-panel-checkbox-col[b-aagpcuz0yp]  .mud-checkbox {
    flex-shrink: 0;
}

.task-expansion-panel-primary-main[b-aagpcuz0yp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.task-expansion-panel-primary-main .task-expansion-panel-title[b-aagpcuz0yp] {
    font-weight: 600;
    min-width: 0;
}

.task-expansion-panel-primary-right[b-aagpcuz0yp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
}

.task-expansion-panel-primary-right .task-meta-icon[b-aagpcuz0yp] {
    margin-right: 4px;
    vertical-align: middle;
    font-size: 1rem;
}

.task-expansion-panel-meta-item[b-aagpcuz0yp] {
    white-space: nowrap;
}

/* Row 2: description under title */
.task-expansion-panel-row-description[b-aagpcuz0yp] {
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 0;
    min-width: 0;
}

.task-expansion-panel-description[b-aagpcuz0yp] {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Row 3: Start, Edit, View Checklist under description */
.task-expansion-panel-row-actions[b-aagpcuz0yp] {
    padding-left: 0;
    padding-top: 6px;
    padding-bottom: 0;
    min-width: 0;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.task-expansion-panel-title[b-aagpcuz0yp] {
    font-weight: 600;
    min-width: 0;
}

.task-has-checklist-badge[b-aagpcuz0yp] {
    flex-shrink: 0;
}

.task-header-action-chip[b-aagpcuz0yp] {
    cursor: pointer;
}
/* /Components/Tasks/TaskGroupCard.razor.rz.scp.css */
.task-group-card[b-bswqczok85] {
    border-radius: 8px;
    margin-bottom: 0;
    min-height: fit-content;
    height: auto;
}

/* Runbook group: subtle blue left border; task group: grey */
.task-group-card.task-group-runbook[b-bswqczok85] {
    border-left: 3px solid var(--mud-palette-primary);
}

.task-group-card.task-group-plain[b-bswqczok85] {
    border-left: 3px solid var(--mud-palette-lines-default);
}

/* Multi-row group header (reference layout) */
.task-group-header-block[b-bswqczok85] {
    padding: 12px 14px;
    background-color: var(--mud-palette-surface);
}

.task-group-header-row1[b-bswqczok85],
.task-group-header-row2[b-bswqczok85],
.task-group-header-row3[b-bswqczok85],
.task-group-header-row4[b-bswqczok85] {
    cursor: pointer;
}

.task-group-header-row1:hover[b-bswqczok85],
.task-group-header-row2:hover[b-bswqczok85],
.task-group-header-row3:hover[b-bswqczok85],
.task-group-header-row4:hover[b-bswqczok85] {
    background-color: var(--mud-palette-background-gray);
}

.task-group-header-row1[b-bswqczok85] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.task-group-header-row1-left[b-bswqczok85] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.task-group-name[b-bswqczok85] {
    font-weight: 600;
    flex-shrink: 0;
}

.task-group-status-chip[b-bswqczok85] {
    flex-shrink: 0;
}

.task-group-header-row1-right[b-bswqczok85] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.task-group-progress-block[b-bswqczok85] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.task-group-progress-pct[b-bswqczok85] {
    font-weight: 700;
    font-size: 1.25rem;
}

.task-group-progress-bar[b-bswqczok85] {
    min-width: 80px;
}

.task-group-header-row2[b-bswqczok85] {
    padding-top: 4px;
}

.task-group-header-row3[b-bswqczok85] {
    padding-top: 8px;
}

.task-group-hide-tasks-btn[b-bswqczok85] {
    text-transform: none;
}

.task-group-header-row4[b-bswqczok85] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 6px;
}

.task-group-section-label[b-bswqczok85] {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--mud-palette-primary);
    font-size: 0.7rem;
}

.task-group-count-badge[b-bswqczok85] {
    min-width: 24px;
}

.task-group-header[b-bswqczok85] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    padding: 6px 10px;
    cursor: pointer;
    background-color: var(--mud-palette-surface);
}

.task-group-header:hover[b-bswqczok85] {
    background-color: var(--mud-palette-background-gray);
}

.task-group-header-left[b-bswqczok85] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.task-group-expand-icon[b-bswqczok85] {
    flex-shrink: 0;
}

.task-group-count[b-bswqczok85] {
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    margin-left: 4px;
}

.task-group-header-actions[b-bswqczok85] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.task-group-body[b-bswqczok85] {
    padding: 0 12px 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    min-height: 0;
    overflow: visible;
}

/* When expanded: hide the divider under the header (no bottom border on header) */
.task-group-card.task-group-expanded .task-group-body[b-bswqczok85] {
    border-top: none;
}

.task-group-tasks-card[b-bswqczok85] {
    border-radius: 8px;
    overflow: hidden;
}

.task-group-list[b-bswqczok85] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 8px;
}

/* Task cards container: our div so scoped styles apply. Gap creates visible space between cards. */
.task-task-expansion-panels[b-bswqczok85] {
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Card styling: cards are MudCard roots, use ::deep so styles apply. */
.task-group-card[b-bswqczok85] (.task-single-task-card) {
    border-radius: 8px;
    overflow: hidden;
}


/* Each task tile has a visible border; when expanded the same border wraps header + content */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel) {
    margin-bottom: 6px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-divider);
    background-color: var(--mud-palette-surface);
    overflow: hidden;
}

/* Clear dividing line between stacked tasks: each task (except the first) has a visible top border */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel:not(:first-child)) {
    border-top: 2px solid var(--mud-palette-divider);
}

/* When expanded: unified card — header and content white background */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel.mud-panel-expanded .mud-expansion-panel-header) {
    background-color: #fff !important;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* Force task row checkbox column visible (MudBlazor nesting can prevent TaskExpansionPanel scoped CSS from applying) */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel-header) {
    overflow: visible !important;
    min-width: 0;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel-header .task-expansion-panel-header-unified),
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel-header .task-expansion-panel-row-primary) {
    min-width: 200px !important;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .task-expansion-panel-checkbox-col) {
    flex-shrink: 0 !important;
    min-width: 48px !important;
    width: 48px !important;
    max-width: 48px !important;
    overflow: visible !important;
    flex-basis: 48px !important;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .task-expansion-panel-checkbox-col .mud-checkbox),
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .task-expansion-panel-checkbox-col .mud-checkbox .mud-button-root) {
    min-width: 40px !important;
    width: 40px !important;
    min-height: 40px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
}

/* When expanded: content area white (checklist and inline task editor) */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel.mud-panel-expanded .mud-expansion-panel-content),
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel.mud-panel-expanded .mud-expansion-panel-content-inner) {
    background-color: #fff !important;
}

/* Active or completed task: green left border (reference design) */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel.task-expansion-panel-active .mud-expansion-panel-header) {
    border-left: 4px solid var(--mud-palette-success);
}

/* Decision tasks: distinct left border (e.g. purple/secondary) */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .mud-expansion-panel.task-expansion-panel-decision .mud-expansion-panel-header) {
    border-left: 4px solid var(--mud-palette-secondary);
}

/* Decision header: compact single-line question, inline radios, minimal padding */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .decision-header-strip .mud-stack) {
    gap: 6px;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .decision-header-question) {
    font-size: 0.875rem;
    line-height: 1.3;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .decision-header-radios) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .decision-header-radio-item) {
    margin: 0;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .decision-header-strip .mud-input-control) {
    margin-top: 0;
    margin-bottom: 0;
}

.task-group-card[b-bswqczok85] (.task-task-expansion-panels .decision-header-strip .mud-text-field) {
    margin: 0;
}

.task-group-list-item[b-bswqczok85] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Inline task detail: allow height to grow so checklist content always renders without scrolling */
.task-group-card[b-bswqczok85] (.task-task-expansion-panels .task-detail-inline-wrapper) {
    margin-top: 0;
    min-height: 0;
    overflow: visible;
    border-bottom: 2px solid var(--mud-palette-divider);
}
/* /Components/Tasks/TaskListCard.razor.rz.scp.css */
/* TASKS_TAB_SPEC §3 Task card */
.task-card[b-w08ogyww45] {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    margin-bottom: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.task-card:hover[b-w08ogyww45] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.task-card-active[b-w08ogyww45] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

[b-w08ogyww45] .mud-card-content {
    padding: 16px !important;
}
/* /Components/Tasks/TaskSummaryContent.razor.rz.scp.css */
/* Same layout as TaskListCard inner content - used in panel header or inside card */
.task-summary-content[b-bgjodbzsg0] {
    padding: 0;
}

.task-content[b-bgjodbzsg0] {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
    width: 100%;
}

/* One row: status icon + title (aligns with expansion chevron) */
.task-title-row[b-bgjodbzsg0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    min-width: 0;
}

.task-status-icon[b-bgjodbzsg0] {
    flex-shrink: 0;
    padding-top: 0;
}

.task-title-text[b-bgjodbzsg0] {
    flex: 1;
    min-width: 0;
}

.task-main[b-bgjodbzsg0] {
    flex: 0 0 auto;
    min-width: 0;
}

.task-header[b-bgjodbzsg0] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 0;
}

.task-header-left[b-bgjodbzsg0] {
    flex: 1;
    min-width: 0;
}

.task-badges[b-bgjodbzsg0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
    margin-left: 0;
}

.task-badges-left[b-bgjodbzsg0],
.task-badges-right[b-bgjodbzsg0] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.task-description[b-bgjodbzsg0] {
    margin-top: 4px;
}

/* Compact mode: row1 = title (left) + assignee & due (right); row2 = description subtitle */
.task-summary-content-compact .task-content[b-bgjodbzsg0] {
    flex-direction: column;
    gap: 2px;
}

.task-title-row-compact[b-bgjodbzsg0] {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.task-title-row-compact .task-title-text[b-bgjodbzsg0] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-compact-meta[b-bgjodbzsg0] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.8125rem;
}

.task-compact-meta-right[b-bgjodbzsg0] {
    margin-left: auto;
}

.task-compact-meta-item[b-bgjodbzsg0] {
    white-space: nowrap;
}

.task-description-compact[b-bgjodbzsg0] {
    margin-top: 2px;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 0.8125rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-width: 0;
}

.task-list-chip-compact[b-bgjodbzsg0] {
    flex-shrink: 0;
}

/* Default chips (outlined or filled): ensure dark text on light background */
[b-bgjodbzsg0] .task-list-chip.mud-chip-filled.mud-chip-color-default .mud-chip-content {
    color: var(--mud-palette-text-primary) !important;
}

[b-bgjodbzsg0] .task-list-chip.mud-chip-color-default {
    background-color: var(--mud-palette-background-gray) !important;
    border-color: var(--mud-palette-lines-default) !important;
}

[b-bgjodbzsg0] .task-list-chip.mud-chip-color-default .mud-chip-content {
    color: var(--mud-palette-text-primary) !important;
}

/* Outlined chips: text must be readable (theme primary text, not white) */
[b-bgjodbzsg0] .task-list-chip.mud-chip-outlined .mud-chip-content {
    color: var(--mud-palette-text-primary) !important;
}

[b-bgjodbzsg0] .task-list-chip.mud-chip-outlined.mud-chip-color-primary .mud-chip-content { color: var(--mud-palette-primary) !important; }
[b-bgjodbzsg0] .task-list-chip.mud-chip-outlined.mud-chip-color-secondary .mud-chip-content { color: var(--mud-palette-secondary) !important; }
[b-bgjodbzsg0] .task-list-chip.mud-chip-outlined.mud-chip-color-success .mud-chip-content { color: var(--mud-palette-success) !important; }
[b-bgjodbzsg0] .task-list-chip.mud-chip-outlined.mud-chip-color-info .mud-chip-content { color: var(--mud-palette-info) !important; }
[b-bgjodbzsg0] .task-list-chip.mud-chip-outlined.mud-chip-color-warning .mud-chip-content { color: var(--mud-palette-warning) !important; }
[b-bgjodbzsg0] .task-list-chip.mud-chip-outlined.mud-chip-color-error .mud-chip-content { color: var(--mud-palette-error) !important; }

/* Filled colored chips (if any): force white text for contrast on colored bg */
[b-bgjodbzsg0] .task-list-chip.mud-chip-filled.mud-chip-color-primary .mud-chip-content,
[b-bgjodbzsg0] .task-list-chip.mud-chip-filled.mud-chip-color-secondary .mud-chip-content,
[b-bgjodbzsg0] .task-list-chip.mud-chip-filled.mud-chip-color-success .mud-chip-content,
[b-bgjodbzsg0] .task-list-chip.mud-chip-filled.mud-chip-color-info .mud-chip-content,
[b-bgjodbzsg0] .task-list-chip.mud-chip-filled.mud-chip-color-warning .mud-chip-content,
[b-bgjodbzsg0] .task-list-chip.mud-chip-filled.mud-chip-color-error .mud-chip-content {
    color: #fff !important;
}
/* /Components/UserGuide/UserGuideContent.razor.rz.scp.css */
/* User Guide Content Styling */
/* Tab styles removed - using single scrollable view */
/* /Components/UserGuide/UserGuideNavigation.razor.rz.scp.css */
/* User Guide Navigation Menu Styling */
.userguide-nav-container[b-bfn3mpz75p] {
    background: var(--mud-palette-background);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.userguide-nav-search[b-bfn3mpz75p] {
    padding: 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.userguide-nav-list[b-bfn3mpz75p] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.userguide-nav-list .mud-list-item[b-bfn3mpz75p] {
    border-radius: 8px;
    margin: 4px 12px;
    padding: 10px 16px;
    min-height: 44px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.userguide-nav-list .mud-list-item:hover[b-bfn3mpz75p] {
    background-color: rgba(0, 0, 0, 0.04);
}

.mud-theme-dark .userguide-nav-list .mud-list-item:hover[b-bfn3mpz75p] {
    background-color: rgba(255, 255, 255, 0.06);
}

.userguide-nav-list .mud-list-item.selected[b-bfn3mpz75p] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.08);
    color: var(--mud-palette-primary);
    font-weight: 500;
}

.mud-theme-dark .userguide-nav-list .mud-list-item.selected[b-bfn3mpz75p] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.12);
}

.userguide-nav-list .mud-list-item .mud-icon-root[b-bfn3mpz75p] {
    font-size: 20px;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    color: var(--mud-palette-text-secondary);
    opacity: 0.7;
}

.userguide-nav-list .mud-list-item.selected .mud-icon-root[b-bfn3mpz75p] {
    color: var(--mud-palette-primary);
    opacity: 1;
}

.userguide-nav-list .mud-text[b-bfn3mpz75p] {
    font-size: 14px;
    line-height: 1.5;
}

.userguide-nav-empty[b-bfn3mpz75p] {
    padding: 32px 16px;
    text-align: center;
    color: var(--mud-palette-text-secondary);
}
/* /Components/Workspace/EntityActionDrawer.razor.rz.scp.css */
/* Entity Action Drawer - Works WITH MudBlazor's position: fixed design */
/*
 * REQUIREMENTS:
 * ✅ Enters from screen right (MudDrawer Anchor.End handles animation)
 * ✅ Only covers the body content area, not the header
 * ✅ Positioned to the right of NavMenu, beneath the ModuleContent Header panel
 * 
 * APPROACH: Work WITH MudDrawer's position: fixed by calculating correct viewport coordinates
 * that position it within the workspace content area boundaries
 */

/* Work WITH MudDrawer's position: fixed - just adjust the coordinates */
/* MudDrawer uses position: fixed by design - we position it correctly within the workspace */
/* Positioned to cover module-content-region area, below header, respects navigation drawer */
/* CRITICAL: Only apply positioning when drawer is OPEN - respect MudBlazor's closed state */
.entity-action-drawer.mud-drawer.mud-drawer--open[b-kprypeg78s],
.entity-action-drawer.mud-drawer-temporary.mud-drawer--open[b-kprypeg78s],
.entity-action-drawer.mud-drawer-anchor-end.mud-drawer--open[b-kprypeg78s],
.entity-action-drawer.mud-drawer-fixed.mud-drawer--open[b-kprypeg78s],
.entity-action-drawer.mud-drawer-pos-right.mud-drawer--open[b-kprypeg78s],
.mud-drawer.entity-action-drawer.mud-drawer--open[b-kprypeg78s],
.mud-drawer.entity-action-drawer.mud-drawer-temporary.mud-drawer--open[b-kprypeg78s],
.mud-drawer.entity-action-drawer.mud-drawer-fixed.mud-drawer--open[b-kprypeg78s],
html body .entity-action-drawer.mud-drawer.mud-drawer--open[b-kprypeg78s],
html body .mud-drawer.entity-action-drawer.mud-drawer--open[b-kprypeg78s] {
    /* MudDrawer uses position: fixed - we work with that */
    /* Position is now set via MudBlazor's Style parameter in GetDrawerStyle() */
    /* Only apply left/right/width/transform here - top/height come from Style parameter */
    
    /* Start from navigation drawer edge - use CSS variable that's dynamically set */
    /* This respects both expanded (280px) and collapsed (64px) states */
    left: var(--mud-drawer-width-left, 0px) !important;
    
    /* CRITICAL: Override MudBlazor's default left positioning */
    
    /* Extend to right edge of viewport */
    right: 0 !important;
    
    /* Full width from NavMenu to right edge - calculate using CSS variable */
    /* CRITICAL: Override MudBlazor's inline style --mud-drawer-width:100% */
    width: calc(100vw - var(--mud-drawer-width-left, 0px)) !important;
    max-width: calc(100vw - var(--mud-drawer-width-left, 0px)) !important;
    min-width: calc(100vw - var(--mud-drawer-width-left, 0px)) !important;
    
    /* CRITICAL: Ensure drawer is visible when open (override MudBlazor's transform) */
    transform: translateX(0) !important;
    
    /* Ensure drawer appears above content but below dialogs */
    z-index: 105 !important;
    
    /* CRITICAL: Prevent drawer shadow from extending upward and covering breadcrumb border */
    /* Override MudBlazor's elevation shadow to only cast downward */
    box-shadow: 0 8px 10px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1) !important;
}

/* Mobile: drawer full viewport width, start below app bar (breadcrumb panel hidden).
   Override MudBlazor's mud-drawer-md (and other size classes) which limit width. */
@media (max-width: 600px) {
    .entity-action-drawer.mud-drawer.mud-drawer--open[b-kprypeg78s],
    .entity-action-drawer.mud-drawer-temporary.mud-drawer--open[b-kprypeg78s],
    .entity-action-drawer.mud-drawer-anchor-end.mud-drawer--open[b-kprypeg78s],
    .entity-action-drawer.mud-drawer-fixed.mud-drawer--open[b-kprypeg78s],
    .entity-action-drawer.mud-drawer-pos-right.mud-drawer--open[b-kprypeg78s],
    .entity-action-drawer.mud-drawer-md.mud-drawer--open[b-kprypeg78s],
    .mud-drawer.entity-action-drawer.mud-drawer--open[b-kprypeg78s],
    html body .entity-action-drawer.mud-drawer.mud-drawer--open[b-kprypeg78s],
    html body .entity-action-drawer.mud-drawer-md.mud-drawer--open[b-kprypeg78s],
    .entity-action-drawer.mud-drawer[style*="--mud-drawer-width"][b-kprypeg78s],
    .entity-action-drawer.mud-drawer--open[b-kprypeg78s] {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        top: var(--appbar-height, 64px) !important;
        bottom: 0 !important;
        height: calc(100vh - var(--appbar-height, 64px)) !important;
        max-height: calc(100vh - var(--appbar-height, 64px)) !important;
        transform: none !important;
    }
    .entity-action-drawer.mud-drawer--open .mud-drawer-paper[b-kprypeg78s],
    .entity-action-drawer.mud-drawer.mud-drawer--open .mud-drawer-paper[b-kprypeg78s],
    .entity-action-drawer.mud-drawer-md.mud-drawer--open .mud-drawer-paper[b-kprypeg78s] {
        width: 100% !important;
        max-width: none !important;
        min-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    .entity-action-drawer.mud-drawer--open .entity-action-drawer-inner[b-kprypeg78s],
    .entity-action-drawer.mud-drawer.mud-drawer--open .entity-action-drawer-inner[b-kprypeg78s],
    .entity-action-drawer.mud-drawer-md.mud-drawer--open .entity-action-drawer-inner[b-kprypeg78s] {
        width: 100% !important;
        max-width: none !important;
    }
}

/* CRITICAL: When drawer is closed, let MudBlazor handle hiding completely */
/* MudBlazor uses transform: translateX(100%) to hide closed temporary drawers */
/* Don't apply any positioning when closed - let MudBlazor's default behavior work */

/* Content area - flex so it gets remaining space; min-height: 1px prevents collapse */
.entity-action-drawer.mud-drawer--open .drawer-content[b-kprypeg78s],
.entity-action-drawer.mud-drawer--open .drawer-content-padded[b-kprypeg78s] {
    flex: 1 !important;
    min-height: 1px !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Ensure MudDrawer's paper element (the actual drawer container) fills properly */
/* CRITICAL: Prevent any content from bleeding over the edges */
/* Background color is set via MudBlazor Style parameter */
.entity-action-drawer .mud-drawer-paper[b-kprypeg78s] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    min-height: 0 !important; /* CRITICAL: Allow flex children to shrink */
    overflow: hidden !important; /* CRITICAL: Prevent content from bleeding over edges */
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Ensure MudDrawer's content wrapper fills properly */
/* CRITICAL: Contain all content within drawer boundaries */
.entity-action-drawer .mud-drawer-content[b-kprypeg78s] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    min-height: 0 !important; /* CRITICAL: Allow flex children to shrink */
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important; /* CRITICAL: Prevent content from bleeding over edges */
    box-sizing: border-box !important;
    position: relative !important; /* Establish containing block for absolutely positioned children */
}

/* Inner wrapper: flex column filling drawer; min-height so content never collapses */
.entity-action-drawer .entity-action-drawer-inner[b-kprypeg78s] {
    flex: 1 1 0 !important;
    min-height: 1px !important; /* prevent collapse to zero */
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Content area: flex child; min-height: 1px prevents collapse to zero */
.entity-action-drawer .drawer-content[b-kprypeg78s],
.entity-action-drawer .drawer-content-padded[b-kprypeg78s] {
    flex: 1 1 0 !important;
    min-height: 1px !important; /* prevent flex collapse to 0 */
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

/* Drawer header styling */
/* Background color is set via MudBlazor Style parameter */
.entity-action-drawer .mud-drawer-header[b-kprypeg78s],
.entity-action-drawer .entity-action-drawer-header[b-kprypeg78s] {
    border-bottom: 1px solid var(--mud-palette-divider);
    flex-shrink: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
}

/* Ask AI: wrapper must fill content area (height 100%) so no empty space below input */
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.unified-chat-wrapper) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
/* Other panels: min-height 1px prevents collapse */
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.entity-tasks-panel),
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.embedded-inbox-panel),
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.entity-activity-timeline) {
    flex: 1 1 0 !important;
    min-height: 1px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* MudStack root (EmbeddedInboxPanel) - same full-height behavior; ::deep for child component */
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.mud-stack.embedded-inbox-panel) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* ========== Tasks drawer: panel and shell fill height; list/kanban area scrolls (::deep into child) ========== */
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.entity-tasks-panel),
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.entity-tasks-panel-fill) {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.entity-tasks-panel .task-board-shell) {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.entity-tasks-panel .board-area) {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow: auto !important;
}

/* ========== Inbox drawer: confine to drawer; list/detail scroll internally (::deep into child) ========== */
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.embedded-inbox-panel .inbox-main-container),
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.embedded-inbox-panel .inbox-split-container),
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.mud-stack.embedded-inbox-panel .inbox-main-container),
.entity-action-drawer .drawer-content-full-height[b-kprypeg78s] > (.mud-stack.embedded-inbox-panel .inbox-split-container) {
    min-height: 0 !important;
}

/* ========== Activity drawer: already confined; timeline scrolls in .flex-1.overflow-y-auto ========== */
/* (No extra rules needed – EntityActivityTimeline has flex-1 min-h-0 on scrollable div) */

/* Ask AI drawer: chat fills full height so input is at bottom; messages scroll above */
.entity-action-drawer .drawer-content[b-kprypeg78s] (.unified-chat-wrapper) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.entity-action-drawer .drawer-content[b-kprypeg78s] (.unified-chat-container) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important; /* allow flex chain so messages area gets height */
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    flex: 1 1 0 !important;
    display: flex !important;
}
.entity-action-drawer .drawer-content[b-kprypeg78s] (.unified-chat-sidebar) {
    flex-shrink: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.entity-action-drawer .drawer-content[b-kprypeg78s] (.unified-chat-sidebar .chat-history-sidebar),
.entity-action-drawer .drawer-content[b-kprypeg78s] (.unified-chat-sidebar .chat-history-content) {
    min-height: 0 !important;
    overflow: auto !important;
}

/* Flex chain: min-height 0 so chat-messages-body gets remaining space and scrolls */
.entity-action-drawer .drawer-content[b-kprypeg78s] (.unified-chat-main) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.entity-action-drawer .drawer-content[b-kprypeg78s] (.unified-panels-container) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.entity-action-drawer .drawer-content[b-kprypeg78s] (.chat-panel) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.entity-action-drawer .drawer-content[b-kprypeg78s] (.chat-messages-container) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
/* Messages area: takes remaining space and scrolls; input stays visible below */
.entity-action-drawer .drawer-content[b-kprypeg78s] (.chat-messages-body) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
}
.entity-action-drawer .drawer-content[b-kprypeg78s] (.chat-input-wrapper) {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    margin: 0 !important;
    padding: 1rem 0 0.75rem !important;
}

/* Override landing widget min-height in drawer so messages area can scroll */
.entity-action-drawer .drawer-content[b-kprypeg78s] (.chat-messages-body .intelligence-landing-widget),
.entity-action-drawer .drawer-content[b-kprypeg78s] (.chat-messages-body .landing-hero) {
    min-height: 0 !important;
}

/* When Ask AI is in drawer: content area fills 100% so chat + input reach bottom */
.entity-action-drawer .drawer-content-padded:has(.unified-chat-wrapper)[b-kprypeg78s] {
    padding: 0 !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important; /* fill all space below header */
}
.entity-action-drawer .drawer-content-full-height:has(.unified-chat-wrapper)[b-kprypeg78s] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: 100% !important;
}

/* CRITICAL: Ensure all child elements respect drawer boundaries (cascade into chat) */
.entity-action-drawer .drawer-content[b-kprypeg78s] (*) {
    max-width: 100% !important; /* CRITICAL: Prevent any element from exceeding drawer width */
    box-sizing: border-box !important; /* CRITICAL: Include padding/border in width */
}

.entity-action-drawer .drawer-content[b-kprypeg78s] ([style*="position: absolute"]),
.entity-action-drawer .drawer-content[b-kprypeg78s] ([style*="position:fixed"]) {
    max-width: 100% !important;
    max-height: 100% !important;
    left: auto !important;
    right: auto !important;
}

.entity-action-drawer .drawer-content[b-kprypeg78s] (img),
.entity-action-drawer .drawer-content[b-kprypeg78s] (video),
.entity-action-drawer .drawer-content[b-kprypeg78s] (iframe),
.entity-action-drawer .drawer-content[b-kprypeg78s] (object),
.entity-action-drawer .drawer-content[b-kprypeg78s] (embed) {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.entity-action-drawer .drawer-content[b-kprypeg78s] (table) {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.entity-action-drawer .drawer-content[b-kprypeg78s] (p),
.entity-action-drawer .drawer-content[b-kprypeg78s] (div),
.entity-action-drawer .drawer-content[b-kprypeg78s] (span),
.entity-action-drawer .drawer-content[b-kprypeg78s] (pre),
.entity-action-drawer .drawer-content[b-kprypeg78s] (code) {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}

/* CRITICAL: Override MudBlazor's inline style variable and default positioning */
/* MudBlazor sets --mud-drawer-width:100% inline, but we need to override the actual width */
.entity-action-drawer.mud-drawer[style*="--mud-drawer-width"][b-kprypeg78s],
.entity-action-drawer.mud-drawer--open[b-kprypeg78s] {
    /* Force our calculated width even when MudBlazor sets inline styles */
    width: calc(100vw - var(--mud-drawer-width-left, 0px)) !important;
    max-width: calc(100vw - var(--mud-drawer-width-left, 0px)) !important;
    min-width: calc(100vw - var(--mud-drawer-width-left, 0px)) !important;
    /* CRITICAL: Ensure drawer itself doesn't overflow */
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Note: No need for collapsed state overrides - CSS variable --mud-drawer-width-left */
/* is dynamically updated by NotionNavigationMenu / layout */
/* The drawer will automatically adjust when the navigation drawer collapses/expands */

/* CRITICAL: Completely hide overlay for entity-action-drawer */
/* DisableOverlay="true" should prevent it, but if MudBlazor still renders it, hide it with CSS */
/* Target overlays that are siblings of the drawer */
.entity-action-drawer ~ .mud-overlay[b-kprypeg78s],
.entity-action-drawer ~ .mud-overlay-scrim[b-kprypeg78s],
.entity-action-drawer.mud-drawer--open ~ .mud-overlay[b-kprypeg78s],
.entity-action-drawer.mud-drawer--open ~ .mud-overlay-scrim[b-kprypeg78s],
html body .entity-action-drawer ~ .mud-overlay[b-kprypeg78s],
html body .entity-action-drawer ~ .mud-overlay-scrim[b-kprypeg78s],
html body .entity-action-drawer.mud-drawer--open ~ .mud-overlay[b-kprypeg78s],
html body .entity-action-drawer.mud-drawer--open ~ .mud-overlay-scrim[b-kprypeg78s],
html body .mud-overlay-scrim.mud-drawer-overlay--open:has(+ .entity-action-drawer)[b-kprypeg78s],
html body .mud-overlay-scrim:has(+ .entity-action-drawer)[b-kprypeg78s],
/* Target overlays that might be rendered at body level when drawer is open */
html body:has(.entity-action-drawer.mud-drawer--open) > .mud-overlay.mud-drawer-overlay[b-kprypeg78s],
html body:has(.entity-action-drawer.mud-drawer--open) > .mud-overlay-scrim.mud-drawer-overlay-scrim[b-kprypeg78s],
html body:has(.entity-action-drawer.mud-drawer--open) .mud-overlay.mud-drawer-overlay[b-kprypeg78s],
html body:has(.entity-action-drawer.mud-drawer--open) .mud-overlay-scrim.mud-drawer-overlay-scrim[b-kprypeg78s],
/* Target any overlay with drawer-related classes when entity-action-drawer is open */
html body:has(.entity-action-drawer.mud-drawer--open) .mud-overlay[class*="drawer"][b-kprypeg78s],
html body:has(.entity-action-drawer.mud-drawer--open) .mud-overlay-scrim[class*="drawer"][b-kprypeg78s] {
    /* CRITICAL: Completely hide the overlay - drawer has DisableOverlay="true" */
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}
/* /Components/Workspace/EntityActionsPanel.razor.rz.scp.css */
/* ============================================
   EntityActionsPanel.razor.css
   Shared action panel styling for all modules
   
   Theme-aware panel with active/inactive button states
   Updated: 2025-01-XX
   ============================================ */

/* Compact Panel - Light themed by default */
.entity-actions-panel.compact-panel[b-gys8g851mh] {
    padding: 0;
    overflow-x: hidden !important; /* Prevent horizontal overflow */
    max-width: 100% !important; /* Ensure panel doesn't exceed container */
    background: #ffffff !important; /* White background for light mode */
    border-left: 1px solid rgba(0, 0, 0, 0.12) !important; /* Subtle left border for light mode */
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important; /* Top border to separate from breadcrumb panel */
}

/* Action Tile Button - Base styling - Perfectly square buttons */
.action-tile-btn[b-gys8g851mh] {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important; /* Prevent overflow */
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 2px !important; /* Minimal rounding for square appearance */
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important; /* Prevent buttons from shrinking */
}

/* Active State - Dark charcoal matching app bar */
.action-tile-active[b-gys8g851mh] {
    background-color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching header */
}

.action-tile-active .mud-icon[b-gys8g851mh] {
    color: white !important;
}

/* Inactive State - No background, just grey icon */
.action-tile-inactive[b-gys8g851mh] {
    background-color: transparent !important; /* No background for inactive buttons */
    border: none !important; /* Remove any borders */
}

.action-tile-inactive .mud-icon[b-gys8g851mh] {
    color: #757575 !important; /* Grey icon color for light mode */
}

/* Ensure MudBlazor Text variant doesn't add unwanted backgrounds */
.action-tile-inactive.mud-button-text[b-gys8g851mh] {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Hover effect for inactive buttons - subtle background appears */
.action-tile-inactive:hover[b-gys8g851mh] {
    background-color: #f5f5f5 !important; /* Light gray background on hover */
    transform: translateY(-1px) !important;
}

/* Hover effect for active buttons - subtle lift */
.action-tile-active:hover[b-gys8g851mh] {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    /* Subtle shadow using black instead of primary color */
}

/* Active state - press feedback */
.action-tile-btn:active[b-gys8g851mh] {
    transform: translateY(0) !important;
}

/* Custom scrollbar styling - Tailwind doesn't support webkit scrollbar */
.entity-actions-panel[b-gys8g851mh]::-webkit-scrollbar {
    width: 6px;
}

.entity-actions-panel[b-gys8g851mh]::-webkit-scrollbar-track {
    background: transparent;
}

.entity-actions-panel[b-gys8g851mh]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.entity-actions-panel[b-gys8g851mh]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

/* Dark Mode Adjustments - Using MudBlazor theme class */
body.theme-dark .entity-actions-panel.compact-panel[b-gys8g851mh] {
    background: #1e1e1e !important; /* Dark gray/black background for dark mode */
    border-left-color: rgba(255, 255, 255, 0.1) !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important; /* Top border for dark mode */
}

body.theme-dark .action-tile-inactive[b-gys8g851mh] {
    background-color: transparent !important; /* No background for inactive buttons in dark mode */
    border: none !important; /* Remove any borders */
}

body.theme-dark .action-tile-inactive .mud-icon[b-gys8g851mh] {
    color: rgba(255, 255, 255, 0.6) !important; /* Light grey icons in dark mode */
}

body.theme-dark .action-tile-inactive.mud-button-text[b-gys8g851mh] {
    background-color: transparent !important;
    box-shadow: none !important;
}

body.theme-dark .action-tile-inactive:hover[b-gys8g851mh] {
    background-color: rgba(255, 255, 255, 0.08) !important; /* Subtle background on hover */
}

body.theme-dark .entity-actions-panel[b-gys8g851mh]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

body.theme-dark .entity-actions-panel[b-gys8g851mh]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}
/* /Components/Workspace/EntityImageGalleryDrawer.razor.rz.scp.css */
/* Thumbnails 3× larger (240px), uniform 20px spacing */
.entity-gallery-drawer .entity-gallery-thumbnail-grid[b-czno3mr4sr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}

.entity-gallery-drawer .thumbnail-container[b-czno3mr4sr] {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1;
}

.entity-gallery-drawer .thumbnail-container img[b-czno3mr4sr] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.entity-gallery-drawer .thumbnail-container .mud-paper[b-czno3mr4sr] {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* /Components/Workspace/ModuleWorkspaceLayout.razor.rz.scp.css */
/* ===================================
   Module Workspace Layout V3
   3-Column Design: Main | Actions Panel | Drawer
   Layout handled by Tailwind utilities in .razor file
   This file contains only CSS that Tailwind cannot handle
   Last Updated: 2025-11-26
   =================================== */

/* CSS Variable Definition - used by Tailwind arbitrary values */
.module-workspace-page[b-6xa8j265bs] {
    --actions-panel-width: 72px; /* 48px button + 8px padding each side + 1px border = 65px, rounded to 72px for safety */
}

/* Ensure layout container has relative positioning for absolute children */
.module-layout-container[b-6xa8j265bs] {
    position: relative;
}

/* Ensure actions column uses fixed positioning to align with drawer */
.module-actions-column[b-6xa8j265bs] {
    position: fixed !important;
    /* CRITICAL: Fixed positioning to align with drawer */
    top: calc(var(--appbar-height, 64px) + var(--page-header-panel-height, 64px)) !important;
    /* CRITICAL: Start flush at bottom of page-header-panel - AppBar + page-header-panel */
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    /* Match module-header-actions so it does not render above Reports overlay (9999) or dialogs (10000) */
    transition: opacity 300ms ease, transform 300ms ease !important;
}

/* Keep actions panel visible when drawer is open - drawer respects it */
.module-workspace-page.drawer-open .module-actions-column[b-6xa8j265bs] {
    opacity: 1 !important;
    pointer-events: auto !important;
    /* CRITICAL: Keep actions panel visible - drawer will position to its left */
}

/* Dark Mode Overrides */
body.theme-dark .module-workspace-page[b-6xa8j265bs] {
    background: var(--mud-palette-background) !important;
}

body.theme-dark .module-actions-column[b-6xa8j265bs] {
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
}

body.theme-dark .actions-drawer-overlay[b-6xa8j265bs] {
    background: rgba(0, 0, 0, 0.08) !important;
    /* CRITICAL: Very slight overlay for dark mode - slightly more visible but still subtle */
}

body.theme-dark .module-header-section .module-tabs .mud-tabs-toolbar[b-6xa8j265bs] {
    border-bottom: none !important;
}

body.theme-dark .actions-panel-header[b-6xa8j265bs] {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* Module workspace: uniform background and header (all module views) */
.module-workspace-page[b-6xa8j265bs] {
    background: var(--mud-palette-background) !important;
}

.module-workspace-page .module-header-section[b-6xa8j265bs] {
    background: var(--mud-palette-surface) !important;
}

/* Module heading breadcrumbs - specific styling not in Tailwind */
.module-heading .module-breadcrumbs[b-6xa8j265bs] {
    font-size: 0.813rem;
    opacity: 0.85;
}

/* MudBlazor Tab Overrides - complex ::deep selectors */
.module-header-section .module-tabs[b-6xa8j265bs] {
    z-index: 110 !important;
    /* CRITICAL: Above drawer (105) so tabs remain visible when drawer is open */
    position: relative !important;
}

.module-header-section .module-tabs .mud-tabs-toolbar[b-6xa8j265bs] {
    padding: 0;
    min-height: 42px;
    border-bottom: none !important;
}

.module-header-section .module-tabs[b-6xa8j265bs]  .mud-tab {
    border-radius: var(--radius-12) 12px 0 0;
    padding: 0.5rem 0.75rem;
    transition: all 0.2s ease;
}

.module-header-section .module-tabs[b-6xa8j265bs]  .mud-tab.mud-tab-active {
    background: rgba(var(--mud-palette-primary-rgb), 0.06);
    border-bottom: 2px solid var(--mud-palette-primary) !important;
    padding-bottom: 0 !important;
    margin-bottom: -1px !important;
    position: relative !important;
}

.module-header-section .module-tabs[b-6xa8j265bs]  .mud-tab-slider {
    display: none !important;
}

/* ============================================================
   Inbox: prevent content falling off bottom; list and conversation scroll in-panel.
   These live here because module-content-region and workspace-main-body are
   rendered by this layout; Index.razor.css scoping does not reach them.
   ============================================================ */
.module-workspace-page.inbox-view-page[b-6xa8j265bs] {
    min-height: 0 !important; /* allow flex children to shrink */
}

.module-workspace-page.inbox-view-page .module-content-region[b-6xa8j265bs] {
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
}

.module-workspace-page.inbox-view-page .workspace-main-body[b-6xa8j265bs] {
    padding: 0.5rem 1.5rem 1.5rem 1.5rem !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.module-workspace-page.inbox-view-page .workspace-main-body .data-state-boundary-root[b-6xa8j265bs] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.module-workspace-page.inbox-view-page .data-state-boundary-root .inbox-main-container[b-6xa8j265bs] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
}

/* Inbox message list: flex column so the grid and mud-table-container can shrink and scroll */
.module-workspace-page.inbox-view-page .inbox-message-list[b-6xa8j265bs] {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.module-workspace-page.inbox-view-page .inbox-message-list .inbox-message-grid[b-6xa8j265bs] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.module-workspace-page.inbox-view-page .inbox-message-list .inbox-message-grid .mud-table-container[b-6xa8j265bs] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* MudDataGrid/table can have implicit min-height from content; override so it shrinks and scrolls */
.module-workspace-page.inbox-view-page .inbox-message-list .inbox-message-grid.mud-table[b-6xa8j265bs],
.module-workspace-page.inbox-view-page .inbox-message-list .inbox-message-grid .mud-table-root[b-6xa8j265bs] {
    min-height: 0 !important;
}

/* MudPaper may wrap content; ensure any direct child of inbox-message-list participates in flex */
.module-workspace-page.inbox-view-page .inbox-message-list > *[b-6xa8j265bs] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Ensure workspace-main-body has padding matching header (pt-4 px-5 = 1rem top, 1.25rem horizontal) */
.workspace-main-body[b-6xa8j265bs] {
    padding: 1rem 1.25rem 1.5rem 1.25rem;
}

/* EntityViewLayout: reserve space above fixed mobile action bar (viewport < 600px) so content doesn't sit under the bar when scrolled */
@media (max-width: 599px) {
    .module-workspace-page.entity-view-with-mobile-bar .workspace-main-body[b-6xa8j265bs] {
        padding-bottom: calc(56px + env(safe-area-inset-bottom, 0));
    }
}

/* NavPills Vertical Styling */
.actions-panel-body .nav-pills-vertical[b-6xa8j265bs] {
    width: 100%;
}

.actions-panel-body .nav-pills-vertical .pill-item[b-6xa8j265bs] {
    width: 100%;
    margin-bottom: 0.25rem;
}

/* Drawer State Transitions */
.drawer-open .actions-drawer-overlay[b-6xa8j265bs] {
    opacity: 1;
    pointer-events: auto;
}

/* Removed - drawer state is now controlled by .drawer-open class on parent */

/* Chat Layout Helpers */
.actions-drawer-body .chat-flex-shell[b-6xa8j265bs] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.actions-drawer-body .chat-scroll-region[b-6xa8j265bs] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.actions-drawer-body .chat-input-region[b-6xa8j265bs] {
    flex: 0 0 auto;
    padding: 0.75rem 0 0.5rem;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.actions-drawer-body .mud-tabs[b-6xa8j265bs] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.actions-drawer-body .mud-tabs-panels[b-6xa8j265bs] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
    .module-workspace-page[b-6xa8j265bs] {
        --actions-panel-width: 72px; /* Keep optimized width on smaller screens */
    }
}

@media (max-width: 960px) {
    .module-actions-column[b-6xa8j265bs] {
        display: none;
    }
}

@media (max-width: 640px) {
    .module-heading .module-title-text[b-6xa8j265bs] {
        font-size: 1.25rem;
    }
}

/* Loading & Busy States */
.workspace-main-body[aria-busy="true"][b-6xa8j265bs] {
    opacity: 0.6;
    pointer-events: none;
}

/* Smooth Transitions */
.module-header-section .module-tabs[b-6xa8j265bs]  .mud-tab,
.actions-panel-body .pill-item[b-6xa8j265bs] {
    transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}

/* Drawer Header - Remove background and border, title and close button on same row */
.actions-drawer-header[b-6xa8j265bs] {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    position: relative !important;
    min-height: auto !important;
    height: auto !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    /* CRITICAL: Header should never shrink or grow - maintain natural height */
}

/* CRITICAL: Ensure drawer container is fixed to viewport, not scrolling with page */
.actions-drawer-container[b-6xa8j265bs] {
    position: fixed !important;
    /* CRITICAL: Use fixed positioning to prevent drawer from moving with page scroll */
    top: calc(var(--appbar-height, 64px) + var(--page-header-panel-height, 64px)) !important;
    /* CRITICAL: Start flush at bottom of page-header-panel - AppBar + page-header-panel */
    bottom: 0 !important;
    right: var(--actions-panel-width) !important;
    /* CRITICAL: Always anchored to the left edge of actions panel - this never changes */
    left: calc(var(--mud-drawer-width-left, 0px) + (100vw - var(--mud-drawer-width-left, 0px) - var(--actions-panel-width)) * 0.25) !important;
    /* CRITICAL: Left edge positioned to make drawer 75% of available space, accounting for nav drawer */
    /* Formula: nav drawer width + 25% of remaining space (so drawer takes 75%) */
    height: calc(100vh - var(--appbar-height, 64px) - var(--page-header-panel-height, 64px)) !important;
    /* CRITICAL: Account for AppBar + page-header-panel */
    max-height: calc(100vh - var(--appbar-height, 64px) - var(--page-header-panel-height, 64px)) !important;
    z-index: 105 !important;
    /* CRITICAL: Above header section (100) so drawer covers header actions, but tabs (110) remain visible */
    transform: translateX(100%) !important;
    /* CRITICAL: Start hidden off-screen to the right */
    opacity: 0 !important;
    /* CRITICAL: Hide completely when closed - no visible background */
    visibility: hidden !important;
    /* CRITICAL: Prevent interaction when closed */
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15), -2px 0 8px rgba(0, 0, 0, 0.1) !important;
    /* CRITICAL: Proper shadow to display drawer as overlay - left shadow for depth */
    transition: transform 500ms cubic-bezier(0.4, 0.0, 0.2, 1), left 300ms ease, right 300ms ease, opacity 300ms ease, visibility 300ms ease !important;
    /* Smooth slide animation + navigation drawer width changes + right position for gap removal */
}

/* When drawer is open, slide it into view and respect actions panel */
.module-workspace-page.drawer-open .actions-drawer-container[b-6xa8j265bs] {
    transform: translateX(0) !important;
    /* CRITICAL: Slide into view when drawer is open */
    right: var(--actions-panel-width) !important;
    /* CRITICAL: Always anchored to the left edge of actions panel - this never changes */
    left: calc(var(--mud-drawer-width-left, 0px) + (100vw - var(--mud-drawer-width-left, 0px) - var(--actions-panel-width)) * 0.25) !important;
    /* CRITICAL: Left edge positioned to make drawer 75% of available space, accounting for nav drawer */
    /* Formula: nav drawer width + 25% of remaining space (so drawer takes 75%) */
    opacity: 1 !important;
    /* CRITICAL: Make visible when open */
    visibility: visible !important;
    /* CRITICAL: Allow interaction when open */
    pointer-events: auto !important;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15), -2px 0 8px rgba(0, 0, 0, 0.1) !important;
    /* CRITICAL: Proper shadow to display drawer as overlay - left shadow for depth */
}

/* When drawer is open, prevent page scrolling */
.module-workspace-page.drawer-open[b-6xa8j265bs] {
    overflow: hidden !important;
    /* CRITICAL: Prevent page scroll when drawer is open */
    position: relative !important;
    height: 100vh !important;
    max-height: 100vh !important;
}

/* CRITICAL: Ensure drawer overlay also accounts for app bar and breadcrumb bar */
.actions-drawer-overlay[b-6xa8j265bs] {
    top: calc(var(--appbar-height, 64px) + var(--page-header-panel-height, 64px)) !important;
    /* CRITICAL: Start flush at bottom of page-header-panel - AppBar + page-header-panel */
    left: var(--mud-drawer-width-left, 0px) !important;
    /* CRITICAL: Account for navigation drawer width when expanded */
    right: 0 !important;
    /* CRITICAL: Overlay extends to right edge when drawer is open */
    z-index: 90 !important;
    /* CRITICAL: Below header section (100), breadcrumb bar (90), and drawer container (95) */
    background: rgba(0, 0, 0, 0.05) !important;
    /* CRITICAL: Very slight overlay covering remaining content */
    transition: left 300ms ease, right 300ms ease, background 300ms ease !important;
    /* Smooth transition when navigation drawer expands/collapses and drawer opens/closes */
}


/* Ensure Edit button with Filled + Primary always has white text */
.module-header-actions .edit-button-filled-primary[b-6xa8j265bs],
.module-header-actions .edit-button-filled-primary .mud-button-label[b-6xa8j265bs],
.module-header-actions .mud-button-filled-primary[b-6xa8j265bs],
.module-header-actions .mud-button-filled-primary .mud-button-label[b-6xa8j265bs] {
    color: white !important;
}

.module-header-actions .edit-button-filled-primary:hover[b-6xa8j265bs],
.module-header-actions .edit-button-filled-primary:hover .mud-button-label[b-6xa8j265bs],
.module-header-actions .mud-button-filled-primary:hover[b-6xa8j265bs],
.module-header-actions .mud-button-filled-primary:hover .mud-button-label[b-6xa8j265bs] {
    color: white !important;
}

.module-header-actions .edit-button-filled-primary .mud-icon-root[b-6xa8j265bs],
.module-header-actions .mud-button-filled-primary .mud-icon-root[b-6xa8j265bs] {
    color: white !important;
}

/* CRITICAL: Header section creates stacking context - tabs will be above drawer, actions below */
/* Header section: transparent so page background shows through (e.g. Properties Detail V2) */
.module-header-section[b-6xa8j265bs] {
    z-index: 100 !important;
    /* CRITICAL: Creates stacking context - tabs (110) above drawer (105), actions (1) below drawer */
    position: relative !important;
    background: transparent;
}

/* Conditional bottom border when body content scrolls (uniform for all module views) */
.module-header-section.has-scrollable-content[b-6xa8j265bs],
.module-workspace-page .module-header-section.has-scrollable-content[b-6xa8j265bs] {
    border-bottom: 1px solid var(--mud-palette-divider) !important;
    box-shadow: 0 1px 0 0 var(--mud-palette-divider) !important;
}

/* CRITICAL: Header actions (refresh, banner, etc) must be behind drawer */
.module-header-actions[b-6xa8j265bs] {
    z-index: 1 !important;
    /* CRITICAL: Low z-index within header section (100) stacking context - drawer (95) is below header section but above these actions */
    position: relative !important;
}

/* CRITICAL: Header row container must also be behind drawer */
.module-header-row[b-6xa8j265bs] {
    z-index: 1 !important;
    /* CRITICAL: Low z-index within header section (100) stacking context - drawer (95) is below header section but above this row */
    position: relative !important;
}

/* CRITICAL: Ensure drawer inner wrapper properly constrains content */
.actions-drawer-body > div:first-child[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Allow scrollable content within drawer components that need it */
.drawer-content-wrapper .simplified-document-browser[b-6xa8j265bs],
.drawer-content-wrapper .entity-tasks-panel[b-6xa8j265bs],
.drawer-content-wrapper .embedded-notes-panel[b-6xa8j265bs],
.drawer-content-wrapper .embedded-reports-panel[b-6xa8j265bs],
.drawer-content-wrapper .entity-content-container[b-6xa8j265bs],
.drawer-content-wrapper .entity-activity-timeline[b-6xa8j265bs],
.drawer-content-wrapper .embedded-inbox-panel[b-6xa8j265bs],
.drawer-content-wrapper .entity-gallery-drawer[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Header Content (value selectors, etc.) - compact styling, left-aligned */
.module-header-content[b-6xa8j265bs] {
    margin-top: 0;
    padding-top: 0.25rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    max-width: fit-content;
}

/* Override for home-header - make parent container full width */
.module-header-content .home-header[b-6xa8j265bs] {
    width: 100% !important;
    max-width: 100% !important;
}

/* When home-header is present, make module-header-content full width and remove all padding to match Index page */
.module-header-content:has(.home-header)[b-6xa8j265bs] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

/* Ensure header dropdown container stays left-aligned and compact */
.module-header-content > div[b-6xa8j265bs] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: auto;
    max-width: fit-content;
}

/* Override for home-header to allow full width and proper button alignment */
.module-header-content > .home-header[b-6xa8j265bs] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.module-header-content .home-header-content[b-6xa8j265bs] {
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Make module-header-content full width when it contains home-header - more specific selector */
.module-header-section .module-header-content .home-header[b-6xa8j265bs] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override module-header-content width constraint when it contains home-header */
.module-header-section .module-header-content[b-6xa8j265bs] {
    width: auto;
    max-width: fit-content;
}

.module-header-section .module-header-content:not(:empty):has(.home-header)[b-6xa8j265bs] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

/* Inline header selects - text variant with no borders, no fill, but chevron visible */
.module-header-content .inline-header-select[b-6xa8j265bs],
.module-header-content .inline-header-select.mud-select-text[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-autocomplete-text[b-6xa8j265bs] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
}

/* Remove all borders and backgrounds from text variant select elements */
.module-header-content .inline-header-select .mud-input-control[b-6xa8j265bs],
.module-header-content .inline-header-select .mud-input-root[b-6xa8j265bs],
.module-header-content .inline-header-select .mud-input-slot[b-6xa8j265bs],
.module-header-content .inline-header-select .mud-input[b-6xa8j265bs],
.module-header-content .inline-header-select .mud-select-input[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-input-control[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-input-root[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-input-slot[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-input[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-autocomplete-input[b-6xa8j265bs] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
}

/* Remove fieldset borders from text variant */
.module-header-content .inline-header-select fieldset[b-6xa8j265bs],
.module-header-content .inline-header-select fieldset.mud-input-outlined-border[b-6xa8j265bs],
.module-header-content .inline-user-picker fieldset[b-6xa8j265bs],
.module-header-content .inline-user-picker fieldset.mud-input-outlined-border[b-6xa8j265bs] {
    display: none !important;
    border: none !important;
    border-width: 0 !important;
}

/* Ensure chevron is visible in inline selects */
.module-header-content .inline-header-select .mud-input-adornment-end[b-6xa8j265bs],
.module-header-content .inline-header-select .mud-input-root .mud-input-adornment-end[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-input-adornment-end[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-input-root .mud-input-adornment-end[b-6xa8j265bs] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding-left: 4px !important;
}

/* Style the select input text to look inline */
.module-header-content .inline-header-select .mud-select-input input[b-6xa8j265bs],
.module-header-content .inline-header-select input[b-6xa8j265bs],
.module-header-content .inline-user-picker .mud-autocomplete-input input[b-6xa8j265bs],
.module-header-content .inline-user-picker input[b-6xa8j265bs] {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: inherit !important;
    color: inherit !important;
    cursor: pointer !important;
}

/* Hover and focus states - keep transparent */
.module-header-content .inline-header-select:hover[b-6xa8j265bs],
.module-header-content .inline-header-select:focus[b-6xa8j265bs],
.module-header-content .inline-header-select:focus-within[b-6xa8j265bs],
.module-header-content .inline-user-picker:hover[b-6xa8j265bs],
.module-header-content .inline-user-picker:focus[b-6xa8j265bs],
.module-header-content .inline-user-picker:focus-within[b-6xa8j265bs] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.module-header-content .mud-input-control[b-6xa8j265bs] {
    margin-bottom: 0 !important;
}

.module-header-content .mud-input-label[b-6xa8j265bs] {
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
}

/* Intelligence Chat - ensure proper flex layout in drawer */
.drawer-content-wrapper .unified-chat-wrapper[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.drawer-content-wrapper .unified-chat-container[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

.drawer-content-wrapper .unified-chat-main[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.drawer-content-wrapper .unified-header[b-6xa8j265bs] {
    flex-shrink: 0 !important;
}

.drawer-content-wrapper .unified-panels-container[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
}

.drawer-content-wrapper .chat-panel[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.drawer-content-wrapper .chat-messages-container[b-6xa8j265bs] {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.drawer-content-wrapper .chat-messages-body[b-6xa8j265bs] {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: relative !important;
    overscroll-behavior: contain !important;
}

.drawer-content-wrapper .chat-input-wrapper[b-6xa8j265bs] {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    background: var(--mud-palette-background, #fafafa) !important;
    width: 100% !important;
}

.drawer-content-wrapper .chat-messages-container > .chat-input-wrapper[b-6xa8j265bs] {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    margin-top: auto !important;
    order: 999 !important;
}

.drawer-content-wrapper .chat-messages-container > .chat-input-wrapper > .modern-card[b-6xa8j265bs] {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}

.actions-drawer-body[b-6xa8j265bs] {
    flex: 1 1 auto !important;
    /* Use auto flex-basis to allow natural sizing but still flex */
    min-height: 0 !important;
    /* CRITICAL: Allow flex children to shrink below content size */
    max-height: 100% !important;
    /* CRITICAL: Never exceed parent height */
    overflow: hidden !important;
    /* CRITICAL: Never allow overflow */
    position: relative !important;
    /* Ensure proper positioning context */
}
/* /Pages/Accounts/Components/AccountDomainDialog.razor.rz.scp.css */
/* Domain dialog: field styling from shared .dialog-form-fields (dialog-form-fields.css). */
/* /Pages/Accounts/Components/AccountFormDialog.razor.rz.scp.css */
/* Account form: field styling from shared .dialog-form-fields (dialog-form-fields.css). */
/* /Pages/Accounts/Components/AccountLocationDialog.razor.rz.scp.css */
/* Location dialog: field styling from shared .dialog-form-fields (dialog-form-fields.css). */
/* /Pages/Accounts/Components/EmbeddedContactDetail.razor.rz.scp.css */
/* Embedded Contact Detail - Flat Design Styling */

.embedded-contact-detail[b-9c9nfjoirs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Overview Section - Flat Design */
.overview-section[b-9c9nfjoirs] {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.contact-header[b-9c9nfjoirs] {
    background: linear-gradient(135deg, #F8FAFC 0%, #FFFFFF 100%) !important;
}

/* Contact Information Grid */
.contact-info-grid[b-9c9nfjoirs] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1.5rem;
}

/* Info Field Pattern */
.info-field[b-9c9nfjoirs] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-label[b-9c9nfjoirs] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748B;
}

.info-value[b-9c9nfjoirs] {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #1E293B;
    word-break: break-word;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .overview-section[b-9c9nfjoirs] {
        background: var(--mud-palette-surface) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

    .contact-header[b-9c9nfjoirs] {
        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, var(--mud-palette-surface) 100%) !important;
    }

    .info-label[b-9c9nfjoirs] {
        color: #94A3B8;
    }

    .info-value[b-9c9nfjoirs] {
        color: #E2E8F0;
    }
}

/* Responsive Design */
@media (max-width: 960px) {
    .contact-info-grid[b-9c9nfjoirs] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 600px) {
    .embedded-contact-detail[b-9c9nfjoirs] {
        padding: 0.5rem !important;
    }

    .contact-info-grid[b-9c9nfjoirs] {
        gap: 0.75rem;
    }
}
/* /Pages/Accounts/Components/EmbeddedContactList.razor.rz.scp.css */
/* Embedded Contact List - Flat Design Styling */

.embedded-contact-list[b-t34sipzk7i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.employee-grid[b-t34sipzk7i] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
}



/* Empty State */
.embedded-empty-state[b-t34sipzk7i] {
    background: #F8FAFC;
    border: 2px dashed #CBD5E1;
    border-radius: 8px;
    margin: 1rem 0;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .employee-grid[b-t34sipzk7i] {
        background: var(--mud-palette-surface);
        border-color: rgba(255, 255, 255, 0.12);
    }

    .contact-card:hover[b-t34sipzk7i] {
        border-color: var(--mud-palette-primary) !important;
    }

    .embedded-empty-state[b-t34sipzk7i] {
        background: rgba(255, 255, 255, 0.02);
        border-color: rgba(255, 255, 255, 0.1);
    }
}

/* Responsive Design */
@media (max-width: 960px) {
    .contacts-grid[b-t34sipzk7i] {
        grid-template-columns: 1fr;
    }

    .contact-card-content[b-t34sipzk7i] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-actions[b-t34sipzk7i] {
        align-self: flex-end;
    }
}
/* /Pages/AssetRegister/View.razor.rz.scp.css */
/* Asset View – fix header wrapper constraint so buttons anchor right, retain standard 20px padding */
.asset-view-full-width[b-6dkr6iu8ey] { width: 100% !important; max-width: 100% !important; }
.asset-view-full-width .module-main-column[b-6dkr6iu8ey],
.asset-view-full-width .module-content-region[b-6dkr6iu8ey],
.asset-view-full-width .workspace-main-body[b-6dkr6iu8ey] { max-width: none !important; width: 100% !important; box-sizing: border-box; }
.asset-view-full-width .module-header-section[b-6dkr6iu8ey] {
    max-width: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.asset-view-full-width .module-header-content[b-6dkr6iu8ey],
.asset-view-full-width .module-header-content > div[b-6dkr6iu8ey],
.asset-view-full-width .asset-view-header-block[b-6dkr6iu8ey] {
    max-width: none !important;
    width: 100% !important;
}

.asset-metadata-inline[b-6dkr6iu8ey] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; font-size: 0.8125rem; color: var(--mud-palette-text-secondary); margin-top: 0.5rem; }
.asset-metadata-inline .asset-meta-inline-item[b-6dkr6iu8ey] { color: var(--mud-palette-text-primary); }
.asset-metadata-inline .asset-meta-inline-sep[b-6dkr6iu8ey] { color: var(--mud-palette-text-disabled); user-select: none; }
.asset-details-card[b-6dkr6iu8ey] { border-radius: 8px; border: 1px solid var(--mud-palette-lines-default); }
/* /Pages/Business/IndexModern.razor.rz.scp.css */
/* GRC module tiles on Business Index */
.grc-module-tile[b-0r4de05sv6] {
    min-height: 140px;
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.grc-module-tile:hover[b-0r4de05sv6] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background-color: var(--mud-palette-action-default-hover, rgba(0, 0, 0, 0.04));
}

.grc-module-tile-link[b-0r4de05sv6] {
    display: block;
    text-decoration: none;
    color: inherit;
}

.grc-module-tile-link:hover[b-0r4de05sv6] {
    color: inherit;
}
/* /Pages/Contacts/Components/EmploymentPanel.razor.rz.scp.css */
/* Employment panel field display – uses design tokens */
[b-7uy6ye359v] .modern-field-display {
    margin-bottom: var(--space-xl);
}

[b-7uy6ye359v] .employment-label {
    font-size: var(--font-sm);
    font-weight: 500;
    color: var(--mud-palette-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-xs);
    display: block;
}

[b-7uy6ye359v] .modern-field-value-wrap {
    display: block;
}

[b-7uy6ye359v] .employment-account-value {
    font-size: var(--font-md);
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
}

[b-7uy6ye359v] .employment-account-value:hover {
    color: var(--mud-palette-primary);
}

[b-7uy6ye359v] .employment-notes-value {
    font-size: var(--font-md);
    font-weight: 400;
    color: var(--mud-palette-text-secondary);
    line-height: var(--lh-relaxed, 1.625);
    display: block;
}

[b-7uy6ye359v] .employment-empty {
    color: var(--mud-palette-text-secondary);
}
/* /Pages/Controls/Components/ControlOverviewTab.razor.rz.scp.css */
/* Layout and typography for Control Overview tab - uses design tokens */
.control-overview-pre[b-8utkds7ljo] {
    white-space: pre-wrap;
}

.control-overview-grid-cols-2[b-8utkds7ljo] {
    --layout-cols: 2;
}

.control-overview-grid-cols-1[b-8utkds7ljo] {
    --layout-cols: 1;
}

.control-overview-grid-cols-2[b-8utkds7ljo] {
    --layout-cols: 2;
}

.control-overview-grid-cols-1[b-8utkds7ljo] {
    --layout-cols: 1;
}
/* /Pages/Controls/View.razor.rz.scp.css */
.control-test-banner-success[b-t0kmysc37w] {
    border-left: 4px solid var(--mud-palette-success);
}

.control-test-banner-neutral[b-t0kmysc37w] {
    border-left: 4px solid var(--mud-palette-lines-default);
}

.control-objective-text[b-t0kmysc37w] {
    white-space: pre-wrap;
}

/* Two-column layout with independent scrolling (left tabs + right sidebar), same as Policies detail. */
.controls-detail-body .mud-grid .mud-grid-item[b-t0kmysc37w] {
    overflow-y: auto;
    max-height: calc(100vh - 260px);
}
/* /Pages/Deals/Deals.razor.rz.scp.css */
/* Pipeline Dashboard: PAGE scrolls. GRID does not scroll – grid grows with rows, page scrolls. */

.pipeline-dashboard-layout[b-v2flbg6tt7] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    min-height: 0;
    overflow: auto;
}

.pipeline-dashboard-grid[b-v2flbg6tt7] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    min-height: 0;
}

.pipeline-grid-card[b-v2flbg6tt7] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}

.pipeline-grid-paper[b-v2flbg6tt7] {
    display: flex;
    flex-direction: column;
}

.pipeline-grid-wrapper[b-v2flbg6tt7] {
    display: block;
    overflow: visible;
}

/* Grid: no internal scroll – table grows with rows; page scrolls to see more */
.pipeline-grid-wrapper .pipeline-data-grid[b-v2flbg6tt7],
.pipeline-grid-wrapper[b-v2flbg6tt7]  .mud-data-grid {
    height: auto !important;
    min-height: auto !important;
    display: block;
    overflow: visible;
}

.pipeline-grid-wrapper[b-v2flbg6tt7]  .mud-table-container {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

.pipeline-grid-wrapper[b-v2flbg6tt7]  .mud-table,
.pipeline-grid-wrapper[b-v2flbg6tt7]  .mud-table-root {
    height: auto !important;
    min-height: auto !important;
}
/* /Pages/Documents/Components/DocumentPreviewDialog.razor.rz.scp.css */
/* PDF Viewer - Clean, Minimal Design */

.documents-preview-dialog .mud-dialog-content[b-ewixjmdkz2] {
    padding: 0 !important;
    overflow: hidden;
}

/* PDF Container - Full width, full height of dialog content */
.pdf-container[b-ewixjmdkz2] {
    position: relative;
    width: 100%;
    height: 80vh;
    min-height: 400px;
    background: #525252;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* PDF Canvas Host - Full width, vertical scroll for multi-page PDFs */
.pdf-canvas-host[b-ewixjmdkz2] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
}

/* Multi-page mode: stack pages vertically, full width of viewer */
.pdf-canvas-host-multipage[b-ewixjmdkz2] {
    align-items: flex-start;
    justify-content: center;
}

.pdf-canvas-host-multipage .pdf-pages-inner[b-ewixjmdkz2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.pdf-canvas-host-multipage .pdf-canvas-page[b-ewixjmdkz2] {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    background: white;
    margin-bottom: 12px;
}

.pdf-canvas-host-multipage .pdf-canvas-page:last-child[b-ewixjmdkz2] {
    margin-bottom: 0;
}

/* Single-canvas fallback (e.g. iframe) - legacy */
.pdf-canvas[b-ewixjmdkz2] {
    max-height: 100%;
    height: auto;
    width: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    background: white;
    display: block;
    flex-shrink: 0;
}

/* PDF Iframe Fallback - Constrain to host; browser's internal viewer may still scroll vertically */
.pdf-iframe-fallback[b-ewixjmdkz2] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    border: none;
    background: white;
    flex-shrink: 0;
}

/* Floating Toolbar - Appears on hover, minimal design */
.pdf-toolbar[b-ewixjmdkz2] {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.pdf-container:hover .pdf-toolbar[b-ewixjmdkz2],
.pdf-toolbar:hover[b-ewixjmdkz2] {
    opacity: 1;
}

/* Toolbar buttons - white icons for contrast */
.pdf-toolbar .mud-icon-button[b-ewixjmdkz2] {
    color: white !important;
}

.pdf-toolbar .mud-icon-button:hover[b-ewixjmdkz2] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.pdf-toolbar .mud-icon-button:disabled[b-ewixjmdkz2] {
    color: rgba(255, 255, 255, 0.3) !important;
}

/* Page counter text */
.pdf-toolbar .mud-typography[b-ewixjmdkz2] {
    color: white;
    margin: 0 4px;
    font-size: 0.875rem;
    min-width: 50px;
    text-align: center;
}

/* Divider in toolbar */
.pdf-toolbar .mud-divider[b-ewixjmdkz2] {
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 4px;
}

/* Loading indicator */
.pdf-canvas-host .mud-progress-circular[b-ewixjmdkz2] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Alert for fallback mode */
.pdf-container .mud-alert[b-ewixjmdkz2] {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 20;
    max-width: 500px;
    margin: 0 auto;
}

/* Image preview styles */
.doc-preview-image[b-ewixjmdkz2] {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Dialog actions - minimal footer */
.documents-preview-dialog .mud-dialog-actions[b-ewixjmdkz2] {
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pdf-container[b-ewixjmdkz2] {
        height: 70vh;
        min-height: 350px;
    }
    
    .pdf-toolbar[b-ewixjmdkz2] {
        opacity: 1; /* Always visible on mobile */
        top: 10px;
        padding: 6px 8px;
        gap: 4px;
    }
    
    .pdf-canvas-host[b-ewixjmdkz2] {
        padding: 12px;
    }
}

/* /Pages/Documents/Components/EmbeddedDocumentsPanel.razor.rz.scp.css */
.embedded-documents-panel[b-vxloaifkcn] { position:relative; display:flex; flex-direction:column; gap:.75rem; }
.embedded-documents-surface[b-vxloaifkcn] { background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); border-radius:14px; }
body.theme-dark .embedded-documents-surface[b-vxloaifkcn] { background:rgba(255,255,255,0.04); border-color:rgba(255,255,255,0.08); }
.embedded-documents-tiles[b-vxloaifkcn] { min-height:240px; }
.documents-drop-zone[b-vxloaifkcn] { transition:background .18s, border-color .18s; }
.documents-drop-zone.drag-over[b-vxloaifkcn] { background:rgba(var(--mud-palette-primary-rgb),0.08); border-color:var(--mud-palette-primary); }
/* /Pages/Documents/DocumentsPage.razor.rz.scp.css */
/* ========================================
   CONTAINER & LAYOUT
   ======================================== */
.file-manager-container[b-5saf1erhdp] {
    position: relative;
    overflow: hidden;
    margin: 0;
    /* Removed negative margins that were breaking page containment */
}

.file-manager-container .file-manager-navigation[b-5saf1erhdp],
.file-manager-container .file-manager-folders[b-5saf1erhdp],
.file-manager-container .selected-file-details[b-5saf1erhdp] {
    background-color: var(--mud-palette-surface, var(--custom-white, #fff));
    height: calc(100vh - 12rem);
    /* Adjusted for page header space */
}

.file-manager-container .files-main-nav[b-5saf1erhdp] {
    max-height: calc(100vh - 21.5rem);
    /* Adjusted for page header */
}

.file-manager-container .file-folders-container[b-5saf1erhdp],
.file-manager-container .filemanager-file-details[b-5saf1erhdp] {
    max-height: calc(100vh - 15.9rem);
    /* Adjusted for page header */
}

/* Responsive Navigation */
@media (min-width: 576px) {
    .file-manager-container .file-manager-navigation[b-5saf1erhdp] {
        width: 30rem;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .file-manager-container .file-manager-navigation[b-5saf1erhdp] {
        width: 100%;
    }

    .file-manager-container .file-manager-folders[b-5saf1erhdp] {
        display: none;
    }
}

.file-manager-container .selected-file-details[b-5saf1erhdp] {
    width: 40rem;
    min-width: 0;
}

.file-manager-container .file-manager-folders[b-5saf1erhdp] {
    width: 100%;
    min-width: 0;
}

@media (max-width: 1200px) {
    .file-manager-container .selected-file-details[b-5saf1erhdp] {
        display: none;
    }

    .file-manager-container .selected-file-details.open[b-5saf1erhdp] {
        width: 19.5rem;
        position: absolute;
        display: block;
        inset-inline-end: 0;
        inset-block-start: 0.5rem;
        box-shadow: 0 0.125rem 0 rgba(10, 10, 10, 0.04);
        border-inline-start: 1px solid var(--mud-palette-lines-default, var(--default-border));
    }
}

@media (max-width: 365px) {
    .file-manager-container .file-folders-container[b-5saf1erhdp] {
        max-height: calc(100vh - 12.9rem);
    }
}

.file-manager-container .file-manager-navigation.close[b-5saf1erhdp] {
    display: none;
}

.file-manager-container .file-manager-folders.open[b-5saf1erhdp] {
    display: block;
}

/* ========================================
   NAVIGATION SIDEBAR
   ======================================== */
.file-manager-container .mud-list.files-main-nav[b-5saf1erhdp] {
    padding: 1rem;
    margin-block-end: 0;
}

.file-manager-container .mud-list.files-main-nav .mud-list-item[b-5saf1erhdp] {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    margin-block-end: 0.15rem;
}

.file-manager-container .mud-list.files-main-nav .mud-list-item:last-child[b-5saf1erhdp] {
    margin-block-end: 0;
}

.file-manager-container .mud-list.files-main-nav .mud-list-item div[b-5saf1erhdp] {
    color: var(--mud-palette-text-secondary, var(--text-muted));
}

.file-manager-container .mud-list.files-main-nav .mud-list-item:hover div[b-5saf1erhdp] {
    color: var(--mud-palette-primary);
}

.file-manager-container .mud-list.files-main-nav .mud-list-item.active[b-5saf1erhdp] {
    background-color: var(--mud-palette-primary-hover, var(--primary01));
}

.file-manager-container .mud-list.files-main-nav .mud-list-item.active div[b-5saf1erhdp] {
    color: var(--mud-palette-primary);
}

.file-manager-container .mud-list.files-main-nav .mud-list-item div.filemanager-upgrade-storage[b-5saf1erhdp] {
    width: 235px;
    background-color: var(--mud-palette-background, rgb(var(--light-rgb, 245, 247, 250)));
    border: 2px dashed var(--mud-palette-lines-default, var(--default-border, #e5e5e5));
    border-radius: 0.5rem;
    text-align: center;
    color: var(--mud-palette-text-primary, var(--default-text-color));
    padding: 1rem;
}

.file-manager-container .filemanager-upgrade-storage .mud-progress-linear[b-5saf1erhdp] {
    height: 6px;
}

/* ========================================
   FILE CARDS (NO BORDERS - FLAT DESIGN)
   ======================================== */
.file-manager-card[b-5saf1erhdp] {
    /* Remove border, add subtle background */
    border: none !important;
    background: var(--mud-palette-surface, #fff);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border-radius: 8px !important;
    overflow: hidden;
}

.file-manager-card:hover[b-5saf1erhdp] {
    background: var(--mud-palette-action-hover, rgba(0, 0, 0, 0.04));
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Selected state - primary color highlight */
.file-manager-card.selected-card[b-5saf1erhdp] {
    background: var(--mud-palette-primary-hover, rgba(var(--mud-palette-primary-rgb, 33, 150, 243), 0.08));
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .file-manager-card[b-5saf1erhdp] {
        background: var(--mud-palette-surface, #1e1e1e);
    }

    .file-manager-card:hover[b-5saf1erhdp] {
        background: rgba(255, 255, 255, 0.05);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    }

    .file-manager-card.selected-card[b-5saf1erhdp] {
        background: rgba(var(--mud-palette-primary-rgb, 33, 150, 243), 0.15);
    }
}

/* Card content layout */
.file-card-content[b-5saf1erhdp] {
    padding: 0.75rem !important;
}

.file-media-wrapper[b-5saf1erhdp] {
    position: relative;
}

.file-media[b-5saf1erhdp] {
    background: var(--mud-palette-background, #f5f5f5) !important;
    border-radius: 6px;
}

.selection-indicator[b-5saf1erhdp] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: var(--mud-palette-primary);
    border-radius: 50%;
    padding: 2px;
    color: white;
}

/* Text truncation - prevent wrapping */
.file-card-title[b-5saf1erhdp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-weight: 500 !important;
}

.file-card-meta[b-5saf1erhdp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--mud-palette-text-secondary, #666);
    font-size: 0.875rem;
}

/* Thumbnail styling */
.doc-thumb[b-5saf1erhdp] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

/* ========================================
   VIEW MODE TOGGLE
   ======================================== */
.view-mode-toggle .mud-icon-button[b-5saf1erhdp] {
    border-radius: 0.4rem;
}

.view-mode-toggle .mud-icon-button.mud-button-outlined.mud-primary-text[b-5saf1erhdp] {
    background: var(--mud-palette-primary-hover, rgba(0, 0, 0, 0.04));
}

/* ========================================
   DROP ZONE
   ======================================== */
.documents-drop-zone[b-5saf1erhdp] {
    background: var(--mud-palette-background);
}

/* ========================================
   GRID & SECTION STYLING
   ======================================== */
.documents-grid[b-5saf1erhdp] {
    padding: 1rem;
}

/* Section headers with colored left border */
.documents-empty-section[b-5saf1erhdp] {
    padding-left: 0.75rem;
    border-left: 3px solid var(--mud-palette-primary);
    background: linear-gradient(to right,
            var(--mud-palette-primary-hover, rgba(33, 150, 243, 0.08)) 0%,
            transparent 100%);
    border-radius: 4px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Dark mode section headers */
@media (prefers-color-scheme: dark) {
    .documents-empty-section[b-5saf1erhdp] {
        border-left-color: var(--mud-palette-primary-lighten);
        background: linear-gradient(to right,
                rgba(33, 150, 243, 0.12) 0%,
                transparent 100%);
    }
}

/* Empty placeholder styling */
.empty-placeholder[b-5saf1erhdp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background, #fafafa);
    border-radius: 8px;
    border: 2px dashed var(--mud-palette-lines-default, #e0e0e0);
}

.empty-placeholder .mud-icon-root[b-5saf1erhdp] {
    color: var(--mud-palette-text-disabled);
}

/* Drag item wrapper */
.drag-item[b-5saf1erhdp] {
    height: 100%;
    cursor: grab;
}

.drag-item:active[b-5saf1erhdp] {
    cursor: grabbing;
}

/* ========================================
   TABLE VIEW (LIST MODE)
   ======================================== */
.documents-table-row[b-5saf1erhdp] {
    transition: background-color 0.2s ease;
}

.documents-table-row:hover[b-5saf1erhdp] {
    background: var(--mud-palette-action-hover, rgba(0, 0, 0, 0.04)) !important;
}

.documents-table-row.selected-card[b-5saf1erhdp] {
    background: var(--mud-palette-primary-hover, rgba(33, 150, 243, 0.08)) !important;
}

.folder-link[b-5saf1erhdp] {
    cursor: pointer;
    color: var(--mud-palette-primary);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.folder-link:hover[b-5saf1erhdp] {
    text-decoration: underline;
}

/* ========================================
   RESPONSIVE BREAKPOINTS
   ======================================== */
/* Mobile: 2 columns (xs=6) */
@media (max-width: 599.98px) {
    .documents-grid .mud-grid-item[b-5saf1erhdp] {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

    .file-card-title[b-5saf1erhdp] {
        font-size: 0.875rem;
    }

    .file-media[b-5saf1erhdp] {
        height: 100px !important;
    }
}

/* Tablet Small: 3 columns (sm=4) */
@media (min-width: 600px) and (max-width: 959.98px) {
    .documents-grid .mud-grid-item[b-5saf1erhdp] {
        flex-basis: 33.333% !important;
        max-width: 33.333% !important;
    }
}

/* Tablet Large: 4 columns (md=3) */
@media (min-width: 960px) and (max-width: 1279.98px) {
    .documents-grid .mud-grid-item[b-5saf1erhdp] {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
}

/* Desktop: 6 columns (lg=2) */
@media (min-width: 1280px) {
    .documents-grid .mud-grid-item[b-5saf1erhdp] {
        flex-basis: 16.666% !important;
        max-width: 16.666% !important;
    }
}
/* /Pages/Home/HomeV2.razor.rz.scp.css */
/* Home V2 - Intelligence-first layout with collapsible right sidebar */

.home-v2-root[b-ooo1ntpppb] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Slightly tighter header to give more room to chat */
.home-v2-header[b-ooo1ntpppb] {
    margin-bottom: 8px;
    flex-shrink: 0;
}

.home-v2-header .home-greeting[b-ooo1ntpppb] {
    margin-bottom: 2px;
}

.home-v2-header .home-subtitle[b-ooo1ntpppb] {
    margin-top: 0;
}

.home-v2-header .home-v2-header-actions[b-ooo1ntpppb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-v2-main-layout[b-ooo1ntpppb] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    gap: 16px;
    margin-top: 16px;
}

.home-v2-content-area[b-ooo1ntpppb] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.home-v2-split-layout[b-ooo1ntpppb] {
    height: 100% !important;
}

.home-v2-chat-panel[b-ooo1ntpppb] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-v2-chat-card[b-ooo1ntpppb] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.home-v2-chat-card .mud-card-content[b-ooo1ntpppb] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.home-v2-no-intelligence[b-ooo1ntpppb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    text-align: center;
}

.home-v2-sidebar[b-ooo1ntpppb] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ========================================
   Chat space optimization (Home V2 only)
   The UnifiedIntelligenceChat uses 800px centered content by default, leaving
   wasted space on wide layouts. On Home V2 we use available width and left-align
   so the chat column meets the right panel naturally.
   ======================================== */
.home-v2-content-area .unified-chat-wrapper .chat-messages-body[b-ooo1ntpppb] {
    align-items: flex-start;
}

.home-v2-content-area .unified-chat-wrapper .chat-messages-body .message-header[b-ooo1ntpppb],
.home-v2-content-area .unified-chat-wrapper .chat-messages-body .message-content[b-ooo1ntpppb] {
    max-width: min(900px, calc(100% - 2rem));
    margin-left: 0;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.home-v2-content-area .unified-chat-wrapper .chat-input-wrapper .chat-input-container[b-ooo1ntpppb],
.home-v2-content-area .unified-chat-wrapper .chat-input-wrapper .mud-paper.chat-input-container[b-ooo1ntpppb],
.home-v2-content-area .unified-chat-wrapper .chat-input-panel[b-ooo1ntpppb] {
    max-width: min(900px, calc(100% - 2rem));
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.home-v2-content-area .unified-chat-wrapper .chat-messages-body .intelligence-landing-widget[b-ooo1ntpppb],
.home-v2-content-area .unified-chat-wrapper .chat-messages-body .intelligence-welcome-container[b-ooo1ntpppb] {
    max-width: min(900px, calc(100% - 2rem));
    margin-left: 0;
    margin-right: auto;
}

/* White background around chat input panel (matches messages area) */
.home-v2-content-area .unified-chat-wrapper .chat-input-wrapper[b-ooo1ntpppb] {
    background: var(--mud-palette-surface) !important;
}

/* No top padding so first card aligns with top of chat card */
.home-v2-sidebar-scroll[b-ooo1ntpppb] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 12px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Each sidebar widget in its own card - consistent styling */
.home-v2-sidebar-card[b-ooo1ntpppb] {
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
}

.home-v2-sidebar-card .home-v2-sidebar-card-content[b-ooo1ntpppb] {
    padding: 12px;
}

.home-v2-sidebar-section-header[b-ooo1ntpppb] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.home-v2-sidebar-card .home-v2-sidebar-section-header[b-ooo1ntpppb] {
    margin-bottom: 8px;
}

.home-v2-sidebar-title-icon[b-ooo1ntpppb] {
    color: var(--mud-palette-text-secondary);
    flex-shrink: 0;
}

/* Unified typography for all three cards */
.home-v2-sidebar-title[b-ooo1ntpppb] {
    font-weight: 600;
    flex: 1;
    min-width: 0;
    font-size: 0.8125rem;
    line-height: 1.25;
}

.home-v2-sidebar-empty[b-ooo1ntpppb] {
    padding: 8px 0;
}

.home-v2-sidebar-empty .mud-typography[b-ooo1ntpppb] {
    font-size: 0.8125rem;
}

.home-v2-view-all[b-ooo1ntpppb] {
    color: var(--mud-palette-primary) !important;
    text-transform: none !important;
    font-weight: 500 !important;
    font-size: 0.75rem !important;
}

.home-v2-badge[b-ooo1ntpppb] {
    font-size: 0.75rem !important;
}

.home-v2-sidebar-list[b-ooo1ntpppb] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-v2-sidebar-item[b-ooo1ntpppb] {
    padding: 6px 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease;
    border: none;
    background: transparent;
    text-align: left;
    width: 100%;
    display: block;
    margin-bottom: 2px;
}

.home-v2-sidebar-item:last-child[b-ooo1ntpppb] {
    margin-bottom: 0;
}

.home-v2-sidebar-item:hover[b-ooo1ntpppb] {
    background: var(--mud-palette-action-hover);
}

/* Allow up to 2 lines for title to use vertical space better */
.home-v2-sidebar-item-primary[b-ooo1ntpppb] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.3;
}

.home-v2-sidebar-item-meta[b-ooo1ntpppb] {
    display: block;
    font-size: 0.6875rem;
    line-height: 1.3;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-v2-sidebar-item-unread[b-ooo1ntpppb] {
    background: var(--mud-palette-action-default);
}

.home-v2-document-panel[b-ooo1ntpppb] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.home-v2-document-card[b-ooo1ntpppb] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

@media (max-width: 960px) {
    .home-v2-main-layout[b-ooo1ntpppb] {
        flex-direction: column;
        gap: 12px;
        margin-top: 12px;
    }

    .home-v2-sidebar[b-ooo1ntpppb] {
        width: 100%;
        max-height: 40vh;
        border-top: 1px solid var(--mud-palette-divider);
        padding-top: 12px;
    }

    .home-v2-sidebar-scroll[b-ooo1ntpppb] {
        padding: 12px;
        gap: 12px;
    }
}
/* /Pages/Identity/Forgot/ResetPassword.razor.rz.scp.css */
/* ============================================
   Reset Password - Same auth layout as Login
   Form left, imagery right (tenant invite + normal invite look identical)
   ============================================ */

.reset-auth-container[b-5dmnycc2ww] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.reset-auth-form-section[b-5dmnycc2ww] {
    flex: 0 0 45%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    position: relative;
    z-index: 2;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
}

.reset-auth-imagery-section[b-5dmnycc2ww] {
    flex: 1;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.reset-auth-imagery-section[b-5dmnycc2ww]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(148, 163, 184, 0.15) 0%, transparent 70%);
    animation: reset-auth-pulse-b-5dmnycc2ww 15s ease-in-out infinite;
}

.reset-auth-imagery-section[b-5dmnycc2ww]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.6) 0%, transparent 100%);
    pointer-events: none;
}

@keyframes reset-auth-pulse-b-5dmnycc2ww {
    0%, 100% {
        transform: scale(1);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.5;
    }
}

.reset-auth-imagery-content[b-5dmnycc2ww] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    max-width: 500px;
    padding: 2rem;
}

.reset-auth-imagery-icon[b-5dmnycc2ww] {
    font-size: 8rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.reset-auth-imagery-title[b-5dmnycc2ww] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.reset-auth-imagery-subtitle[b-5dmnycc2ww] {
    font-size: 1.1rem;
    opacity: 0.95;
    line-height: 1.6;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.reset-auth-form-wrapper[b-5dmnycc2ww] {
    width: 100%;
    max-width: 420px;
}

.reset-auth-logo[b-5dmnycc2ww] {
    text-align: center;
    margin-bottom: 2rem;
}

.reset-auth-logo-icon[b-5dmnycc2ww] {
    font-size: 4rem;
    color: #334155;
}

.reset-auth-title[b-5dmnycc2ww] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #1a202c;
    text-align: center;
}

.reset-auth-subtitle[b-5dmnycc2ww] {
    text-align: center;
    color: #64748b;
    margin-bottom: 2rem;
}

.reset-auth-form-wrapper .mud-input-control[b-5dmnycc2ww] {
    margin-bottom: 1.25rem;
}

.reset-auth-form-wrapper .mud-button-root.reset-auth-submit-btn[b-5dmnycc2ww] {
    border-radius: 12px;
    height: 48px;
    font-weight: 600;
    font-size: 1rem;
    background-color: var(--mud-palette-appbar-background) !important;
    color: var(--mud-palette-appbar-text) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    margin-top: 0.5rem;
}

.reset-auth-form-wrapper .mud-button-root.reset-auth-submit-btn:hover[b-5dmnycc2ww] {
    background-color: rgba(52, 58, 64, 0.9) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 960px) {
    .reset-auth-container[b-5dmnycc2ww] {
        flex-direction: column;
    }

    .reset-auth-form-section[b-5dmnycc2ww] {
        flex: 1;
        min-height: 100vh;
    }

    .reset-auth-imagery-section[b-5dmnycc2ww] {
        display: none;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .reset-auth-form-section[b-5dmnycc2ww] {
        background: rgba(26, 32, 44, 0.95);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .reset-auth-title[b-5dmnycc2ww] {
        color: #f7fafc;
    }

    .reset-auth-subtitle[b-5dmnycc2ww] {
        color: #a0aec0;
    }
}

body.theme-dark .reset-auth-form-section[b-5dmnycc2ww] {
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
/* /Pages/Identity/Login/Login.razor.rz.scp.css */
/* ============================================
   Login Page - Modern Split-Screen Design
   Form left, imagery right
   Updated: 2025-10-25 - Slate gradient with glass effect
   ============================================ */

.login-container[b-mn56agir4y] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.login-form-section[b-mn56agir4y] {
    flex: 0 0 45%;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    position: relative;
    z-index: 2;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
}

.login-imagery-section[b-mn56agir4y] {
    flex: 1;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.login-imagery-section[b-mn56agir4y]::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(148, 163, 184, 0.15) 0%, transparent 70%);
    animation: pulse-b-mn56agir4y 15s ease-in-out infinite;
}

.login-imagery-section[b-mn56agir4y]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.6) 0%, transparent 100%);
    pointer-events: none;
}

@keyframes pulse-b-mn56agir4y {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.3;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.5;
    }
}

.login-imagery-content[b-mn56agir4y] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    max-width: 500px;
    padding: 2rem;
}

.login-imagery-icon[b-mn56agir4y] {
    font-size: 8rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.login-imagery-title[b-mn56agir4y] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.login-imagery-subtitle[b-mn56agir4y] {
    font-size: 1.1rem;
    opacity: 0.95;
    line-height: 1.6;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.login-imagery-values[b-mn56agir4y] {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0;
    text-align: left;
    font-size: 1rem;
    opacity: 0.95;
    line-height: 1.8;
}

.login-imagery-values li[b-mn56agir4y] {
    padding-left: 1.5rem;
    position: relative;
}

.login-imagery-values li[b-mn56agir4y]::before {
    content: "✓";
    position: absolute;
    left: 0;
    font-weight: 700;
}

.login-form-wrapper[b-mn56agir4y] {
    width: 100%;
    max-width: 420px;
}

.login-logo[b-mn56agir4y] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-logo-icon[b-mn56agir4y] {
    font-size: 4rem;
    color: #334155;
    /* Slate-700 */
}

.login-title[b-mn56agir4y] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #1a202c;
    text-align: center;
}

.login-subtitle[b-mn56agir4y] {
    text-align: center;
    color: #64748b;
    margin-bottom: 2rem;
}

.login-divider[b-mn56agir4y] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1.5rem 0;
}

.login-divider[b-mn56agir4y]::before,
.login-divider[b-mn56agir4y]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.login-divider-text[b-mn56agir4y] {
    padding: 0 1rem;
    color: #94a3b8;
    font-size: 0.875rem;
    font-weight: 500;
}

.social-login-button[b-mn56agir4y] {
    width: 100%;
    margin-bottom: 0.75rem;
    border-radius: var(--radius-12);
    border: 1px solid rgba(17, 24, 39, 0.12);
    text-transform: none;
    font-weight: 500;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.social-login-button:hover[b-mn56agir4y] {
    background: rgba(17, 24, 39, 0.03);
    border-color: rgba(17, 24, 39, 0.2);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.login-remember-row[b-mn56agir4y] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.login-form-wrapper .mud-input-control[b-mn56agir4y] {
    margin-bottom: 1.25rem;
}

.login-form-wrapper .mud-button-root.login-submit-btn[b-mn56agir4y] {
    border-radius: var(--radius-12);
    height: 48px;
    font-weight: 600;
    font-size: 1rem;
    background-color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching app bar */
    color: var(--mud-palette-appbar-text) !important;
    /* White text */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    margin-top: 0.5rem;
}

.login-form-wrapper .mud-button-root.login-submit-btn:hover[b-mn56agir4y] {
    background-color: rgba(52, 58, 64, 0.9) !important;
    /* Slightly lighter dark charcoal on hover */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

/* Primary text buttons - Dark charcoal matching app bar */
.login-form-wrapper .mud-button-text.mud-button-text-primary[b-mn56agir4y] {
    color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching app bar */
}

.login-form-wrapper .mud-button-text.mud-button-text-primary:hover[b-mn56agir4y] {
    background-color: rgba(52, 58, 64, 0.1) !important;
    /* Light charcoal background on hover */
    color: var(--mud-palette-appbar-background) !important;
}

/* Primary checkboxes - Dark charcoal matching app bar */
.login-form-wrapper .mud-checkbox.mud-checkbox-primary .mud-checkbox-input[b-mn56agir4y] {
    color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching app bar */
}

.login-form-wrapper .mud-checkbox.mud-checkbox-primary.mud-checked .mud-checkbox-input[b-mn56agir4y] {
    background-color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal background when checked */
    border-color: var(--mud-palette-appbar-background) !important;
}

/* Primary text field adornment icons - Dark charcoal matching app bar */
.login-form-wrapper .mud-input-adornment .mud-icon-button.mud-icon-button-color-primary[b-mn56agir4y],
.login-form-wrapper .mud-input-adornment .mud-icon.mud-icon-color-primary[b-mn56agir4y] {
    color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching app bar */
}

/* Responsive */
@media (max-width: 960px) {
    .login-container[b-mn56agir4y] {
        flex-direction: column;
    }

    .login-form-section[b-mn56agir4y] {
        flex: 1;
        min-height: 100vh;
    }

    .login-imagery-section[b-mn56agir4y] {
        display: none;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .login-form-section[b-mn56agir4y] {
        background: rgba(26, 32, 44, 0.95);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .login-title[b-mn56agir4y] {
        color: #f7fafc;
    }

    .login-subtitle[b-mn56agir4y] {
        color: #a0aec0;
    }

    .social-login-button[b-mn56agir4y] {
        border-color: rgba(255, 255, 255, 0.12);
        color: #e2e8f0;
    }

    .social-login-button:hover[b-mn56agir4y] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.2);
    }
}

/* Dark Mode - Class-Based Overrides (body.theme-dark) */
body.theme-dark .login-form-section[b-mn56agir4y] {
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

body.theme-dark .login-container::deep .mud-card[b-mn56agir4y] {
    background: #1A1F2E;
}

/* ============================================
   MFA Transition Styles
   Smooth animations for progressive disclosure
   ============================================ */

.mfa-section[b-mn56agir4y] {
    animation: slideDown-b-mn56agir4y 0.3s ease-out;
    margin-top: 1rem;
}

@keyframes slideDown-b-mn56agir4y {
    from {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
}

/* Disabled fields styling when MFA is active */
.login-form-wrapper .mud-disabled[b-mn56agir4y] {
    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
}

/* Smooth transition for form expansion */
.login-form-wrapper[b-mn56agir4y] {
    transition: all 0.3s ease-out;
}

/* MFA divider styling */
.mfa-divider[b-mn56agir4y] {
    margin: 1.5rem 0;
    border-color: var(--mud-palette-divider);
    animation: fadeIn-b-mn56agir4y 0.3s ease-out;
}

@keyframes fadeIn-b-mn56agir4y {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Focus on MFA code field when shown */
.mfa-code-field:focus-within[b-mn56agir4y] {
    animation: pulse-b-mn56agir4y 0.3s ease-out;
}

@keyframes pulse-b-mn56agir4y {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

/* Ensure MFA section doesn't cause layout shift */
.mfa-section[b-mn56agir4y] {
    overflow: hidden;
}
/* /Pages/Inbox/Components/ComposeEmailForm.razor.rz.scp.css */
.compose-attachment-loading[b-mi9kcde02a] {
    border-color: var(--mud-palette-primary);
}

.compose-attachment-progress[b-mi9kcde02a] {
    height: 4px;
}

.compose-attachment-error[b-mi9kcde02a] {
    border-color: var(--mud-palette-error);
}

.compose-attachment-error-row[b-mi9kcde02a] {
    min-width: 0;
    flex: 1;
}

.compose-attachment-error-text[b-mi9kcde02a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Inbox/Components/ConversationThreadView.razor.rz.scp.css */
.conversation-thread-root[b-4ierp6m65w] {
    background: var(--mud-palette-surface);
}

.conversation-thread-message-block[b-4ierp6m65w] {
    background: var(--mud-palette-surface);
}

.conversation-thread-avatar[b-4ierp6m65w] {
    font-size: 1rem;
    font-weight: 600;
    flex-shrink: 0;
}

.conversation-thread-from-block[b-4ierp6m65w] {
    flex: 1;
    min-width: 0;
}

.conversation-thread-from-row[b-4ierp6m65w] {
    margin-bottom: var(--space-xs, 4px);
}

.conversation-thread-from-name[b-4ierp6m65w] {
    font-weight: 600;
}

.conversation-thread-from-address[b-4ierp6m65w] {
    white-space: nowrap;
}

.conversation-thread-attachment-chip[b-4ierp6m65w] {
    flex-shrink: 0;
}

.conversation-thread-body-indent[b-4ierp6m65w] {
    padding-left: 48px;
}

.conversation-thread-body-html[b-4ierp6m65w] {
    max-width: 100%;
    overflow-x: auto;
}

.conversation-thread-body-plain[b-4ierp6m65w] {
    white-space: pre-wrap;
    font-family: monospace;
}

.conversation-thread-attachment-btn[b-4ierp6m65w] {
    text-transform: none;
    text-align: left;
    justify-content: flex-start;
    min-height: auto;
    height: auto;
}

.conversation-thread-attachment-row[b-4ierp6m65w] {
    width: 100%;
}

.conversation-thread-attachment-filename[b-4ierp6m65w] {
    flex: 1;
    text-align: left;
}
/* /Pages/Inbox/Components/EmbeddedInboxPanel.razor.rz.scp.css */
.embedded-inbox-panel[b-hucj79ovoy] {
    height: 100%;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.embedded-inbox-search[b-hucj79ovoy] {
    max-width: 280px;
}

.inbox-detail-title[b-hucj79ovoy] {
    flex: 1;
    min-width: 0;
}

.inbox-detail-strip[b-hucj79ovoy] {
    background: var(--mud-palette-background-grey);
    flex-shrink: 0;
}

.inbox-detail-strip .inbox-reply-label[b-hucj79ovoy] {
    font-weight: 600;
}

.embedded-pagination-strip[b-hucj79ovoy] {
    background: var(--mud-palette-background-grey);
}

/* DataStateBoundary root - participate in flex chain */
.embedded-inbox-panel .data-state-boundary-root[b-hucj79ovoy] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.embedded-inbox-panel .data-state-boundary-root .inbox-main-container[b-hucj79ovoy] {
    flex: 1 1 0;
}

/* Match main Inbox: split list + detail, same grid and detail UX */
.inbox-main-container[b-hucj79ovoy] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-toolbar-wrapper[b-hucj79ovoy] {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.inbox-split-container[b-hucj79ovoy] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
}

/* List panel: scroll inside .mud-table-container; panel does not scroll */
.inbox-message-list[b-hucj79ovoy] {
    background: var(--mud-palette-surface);
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Left panel: grids constrained so list scrolls inside panel (message list + thread list) */
.inbox-message-list[b-hucj79ovoy] (.inbox-message-grid),
.inbox-message-list[b-hucj79ovoy] (.inbox-thread-grid) {
    border-radius: 0;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-message-list[b-hucj79ovoy] (.inbox-message-grid .mud-table-container),
.inbox-message-list[b-hucj79ovoy] (.inbox-thread-grid .mud-table-container) {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/* MudDataGrid/table can have implicit min-height from content; override so it shrinks and scrolls */
.inbox-message-list[b-hucj79ovoy] (.inbox-thread-grid .mud-table-root),
.inbox-message-list[b-hucj79ovoy] (.inbox-message-grid .mud-table-root) {
    min-height: 0;
}

.inbox-message-list[b-hucj79ovoy] (.mud-table) {
    border-radius: 0;
}

.inbox-message-list[b-hucj79ovoy] (.mud-table-row:hover) {
    background-color: var(--mud-palette-action-hover);
    cursor: pointer;
}

.inbox-message-list[b-hucj79ovoy] (.mud-table-row.mud-selected) {
    background-color: var(--mud-palette-primary-lighten);
}

.inbox-detail-panel[b-hucj79ovoy] {
    background: var(--mud-palette-surface);
    border-radius: 0;
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;   /* allow shrinking in flex row so inbox-detail-content gets bounded height and can scroll */
    min-width: 0;    /* prevent horizontal overflow in narrow layouts */
}

/* Conversation/body scrolls here; bottom padding so last content is not flush when scrolled to end */
.inbox-detail-content[b-hucj79ovoy] {
    padding: 0 0 1rem 0;
    flex: 1;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.message-list-item[b-hucj79ovoy] {
    transition: background-color 0.2s ease;
}

.message-list-item:hover[b-hucj79ovoy] {
    background-color: var(--mud-palette-action-hover);
}

.message-unread[b-hucj79ovoy] {
    background-color: var(--mud-palette-primary-lighten);
    border-left: 3px solid var(--mud-palette-primary);
}

.message-unread:hover[b-hucj79ovoy] {
    background-color: var(--mud-palette-primary-lighten);
}

/* Improve email body content styling */
.email-body-content[b-hucj79ovoy] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: var(--mud-palette-text-primary);
    max-width: 100%;
    overflow-x: auto;
}

.email-body-content img[b-hucj79ovoy] {
    max-width: 100%;
    height: auto;
}

.email-body-content table[b-hucj79ovoy] {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

/* Better scrollbar styling */
.embedded-inbox-panel[b-hucj79ovoy]  .mud-list {
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-divider) transparent;
}

.embedded-inbox-panel[b-hucj79ovoy]  .mud-list::-webkit-scrollbar {
    width: 8px;
}

.embedded-inbox-panel[b-hucj79ovoy]  .mud-list::-webkit-scrollbar-track {
    background: transparent;
}

.embedded-inbox-panel[b-hucj79ovoy]  .mud-list::-webkit-scrollbar-thumb {
    background-color: var(--mud-palette-divider);
    border-radius: 4px;
}

.embedded-inbox-panel[b-hucj79ovoy]  .mud-list::-webkit-scrollbar-thumb:hover {
    background-color: var(--mud-palette-text-disabled);
}

/* Responsive: stack list and detail on smaller widths (match main Inbox) */
@media (max-width: 960px) {
    .inbox-split-container[b-hucj79ovoy] {
        flex-direction: column;
    }

    .inbox-message-list[b-hucj79ovoy] {
        width: 100% !important;
        max-height: 40vh;
    }

    .inbox-detail-panel[b-hucj79ovoy] {
        width: 100% !important;
        border-left: none;
        border-top: 1px solid var(--mud-palette-divider);
    }
}

/* Improve message list item hover state */
.message-list-item[b-hucj79ovoy] {
    position: relative;
}

.message-list-item[b-hucj79ovoy]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: var(--mud-palette-primary);
    transition: width 0.2s ease;
}

.message-list-item:hover[b-hucj79ovoy]::before {
    width: 3px;
}

.message-unread[b-hucj79ovoy]::before {
    width: 3px;
    background-color: var(--mud-palette-primary);
}
/* /Pages/Inbox/Components/EntityLinkingPanel.razor.rz.scp.css */
.entity-linking-panel-root[b-chap3gy0ff] {
    padding: var(--space-lg, 14px) var(--space-xl, 20px);
    background: var(--mud-palette-background-grey);
}

.entity-linking-module-select[b-chap3gy0ff] {
    min-width: 200px;
}
/* /Pages/Inbox/Components/InboxActionToolbar.razor.rz.scp.css */
.inbox-action-toolbar[b-ctldk15flq] {
    background: var(--mud-palette-surface);
}
/* /Pages/Inbox/Components/LinkMessageToEntityDialog.razor.rz.scp.css */
.link-dialog-entity-list[b-bnakqjn0xr] {
    max-height: 500px;
    overflow-y: auto;
}
/* /Pages/Inbox/Components/MessageDetailView.razor.rz.scp.css */
/* Message detail header strip */
.message-detail-header[b-l3fbuawfs3] {
    background: var(--mud-palette-background-grey);
}

.message-detail-avatar[b-l3fbuawfs3] {
    font-size: 1.5rem;
    font-weight: 600;
}

.message-detail-from-block[b-l3fbuawfs3] {
    flex: 1;
}

.message-detail-from-name[b-l3fbuawfs3] {
    font-weight: 600;
    margin-bottom: var(--space-xs, 4px);
}

.message-detail-from-address[b-l3fbuawfs3] {
    margin-bottom: var(--space-xs, 2px);
}

.message-detail-body[b-l3fbuawfs3] {
    max-width: 100%;
}

.message-detail-body-plain[b-l3fbuawfs3] {
    white-space: pre-wrap;
    font-family: monospace;
}

.message-detail-attachment-btn[b-l3fbuawfs3] {
    text-transform: none;
    text-align: left;
    justify-content: flex-start;
    min-height: auto;
    height: auto;
}

.message-detail-attachment-row[b-l3fbuawfs3] {
    width: 100%;
}

.message-detail-attachment-filename[b-l3fbuawfs3] {
    flex: 1;
    text-align: left;
}
/* /Pages/Inbox/Components/SenderAccountContactIndicator.razor.rz.scp.css */
.sender-indicator-stack[b-ksrool3pbi] {
    margin-left: 12px;
}

.sender-indicator-spinner[b-ksrool3pbi] {
    width: 16px;
    height: 16px;
}

.sender-indicator-icon[b-ksrool3pbi] {
    font-size: 16px;
}

.sender-indicator-text[b-ksrool3pbi] {
    font-weight: 500;
    font-size: var(--font-sm, 0.875rem);
}

.sender-indicator-link[b-ksrool3pbi] {
    text-decoration: none;
}

.sender-indicator-text-error[b-ksrool3pbi] {
    font-size: var(--font-sm, 0.875rem);
}

.sender-indicator-create-btn[b-ksrool3pbi] {
    min-width: auto;
    padding: 2px 6px;
    font-size: 0.75rem;
    height: 24px;
}
/* /Pages/Inbox/Index.razor.rz.scp.css */
/* ============================================================
   Inbox Page Styling
   Clean, modern design with proper spacing and padding
   Content does NOT fall off bottom: list and conversation scroll in-panel.
   ============================================================ */

/* Single flex column: header + tabs + content; content gets remaining height */
.inbox-page-content[b-b0av7cy1vn] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
}

/* Main content left-aligned with title and tabs (page-content-standard provides horizontal padding) */
.inbox-main-content[b-b0av7cy1vn] {
    padding-left: 0;
    padding-right: 0;
}

/* Page root - flex column so content area gets bounded height and scrolls */
.inbox-view-page[b-b0av7cy1vn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 0;
}

/* Mailbox Selector in header */
.home-header .home-quick-actions .mailbox-selector[b-b0av7cy1vn] {
    min-width: 200px;
}

/* Toolbar Wrapper - Proper spacing from header */
.inbox-toolbar-wrapper[b-b0av7cy1vn] {
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0;
}

/* Action Toolbar - Enhanced styling */
.inbox-action-toolbar[b-b0av7cy1vn] {
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Split Container - Message List and Detail Panel; children must shrink for scroll */
.inbox-split-container[b-b0av7cy1vn] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
}

.inbox-split-container > *[b-b0av7cy1vn] {
    min-height: 0;
    min-width: 0;
}

/* Message List Panel - scroll happens inside .mud-table-container; panel does not scroll */
.inbox-message-list[b-b0av7cy1vn] {
    background: var(--mud-palette-surface);
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

/* Message Grid Styling - Left panel scrolls; MudDataGrid constrained to panel height */
.inbox-message-list[b-b0av7cy1vn] (.inbox-message-grid) {
    border-radius: 0;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-message-list[b-b0av7cy1vn] (.inbox-message-grid .mud-table-container) {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 0.5rem; /* space after last row when scrolled to end */
}

/* MudDataGrid/table can have implicit min-height from content; override so it shrinks and scrolls */
.inbox-message-list[b-b0av7cy1vn] (.inbox-message-grid .mud-table-root),
.inbox-message-list[b-b0av7cy1vn] (.inbox-message-grid.mud-table .mud-table-root) {
    min-height: 0;
}

/* Ensure direct child of list (MudDataGrid root) participates in flex column */
.inbox-message-list > *[b-b0av7cy1vn] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-message-list[b-b0av7cy1vn] (.mud-table) {
    border-radius: 0;
}

.inbox-message-list[b-b0av7cy1vn] (.mud-table-row:hover) {
    background-color: var(--mud-palette-action-hover);
    cursor: pointer;
}

.inbox-message-list[b-b0av7cy1vn] (.mud-table-row.mud-selected) {
    background-color: var(--mud-palette-primary-lighten);
}

/* Detail Panel - No border radius, clean edges, full height; min-height: 0 so it shrinks in flex row
   and inbox-detail-content gets a bounded height for scrolling */
.inbox-detail-panel[b-b0av7cy1vn] {
    background: var(--mud-palette-surface);
    border-radius: 0;
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
    min-width: 0;
}

.inbox-detail-header .mud-text[b-b0av7cy1vn] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

/* Detail Content Area - Conversation/email scrolls here; padding at bottom when scrolled to end */
.inbox-detail-content[b-b0av7cy1vn] {
    padding: 0 0 1.5rem 0; /* bottom 1.5rem so last content is not flush */
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Empty State - margin and max-width via tokens */
.inbox-empty-state[b-b0av7cy1vn] {
    margin: var(--space-xl, 20px) auto;
    max-width: 500px;
    border-radius: 12px;
    background: var(--mud-palette-surface);
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Detail panel title - flex so it truncates when long */
.inbox-detail-title[b-b0av7cy1vn] {
    flex: 1;
    min-width: 0;
}

/* Reply/compose strip background (grey bar at top or bottom of detail panel) */
.inbox-detail-strip[b-b0av7cy1vn] {
    background: var(--mud-palette-background-grey);
    flex-shrink: 0;
}

.inbox-detail-strip .inbox-reply-label[b-b0av7cy1vn] {
    font-weight: 600;
}

/* Attachment List Styling - Simple text, no card borders */
.inbox-detail-content .mud-list-item[b-b0av7cy1vn] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.inbox-detail-content .mud-list-item:hover[b-b0av7cy1vn] {
    background-color: var(--mud-palette-action-hover) !important;
}

/* DataStateBoundary root - participate in flex chain (Tasks-style layout) */
.inbox-index-layout .data-state-boundary-root[b-b0av7cy1vn] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .inbox-toolbar-wrapper[b-b0av7cy1vn] {
        margin: 0.5rem 0.25rem;
    }
    
    .inbox-action-toolbar[b-b0av7cy1vn] {
        margin: 0;
    }
    
    .inbox-split-container[b-b0av7cy1vn] {
        flex-direction: column;
    }
    
    .inbox-message-list[b-b0av7cy1vn] {
        width: 100% !important;
        max-height: 40vh;
    }
    
    .inbox-detail-panel[b-b0av7cy1vn] {
        width: 100% !important;
        border-left: none;
        border-top: 1px solid var(--mud-palette-divider);
    }
}

@media (max-width: 600px) {
    .home-header .home-quick-actions[b-b0av7cy1vn] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
}
/* /Pages/Intelligence/Components/ChatTranscript.razor.rz.scp.css */
.chat-transcript[b-u8b16uk63b] {
    padding: 0.5rem;
}

.chat-bubble[b-u8b16uk63b] {
    max-width: 640px;
}

.assistant-bubble[b-u8b16uk63b] {
    background: var(--mud-palette-surface);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.user-bubble[b-u8b16uk63b] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

/* Markdown content styling - works with Markdig HTML output */
.chat-message-content[b-u8b16uk63b],
.markdown-content[b-u8b16uk63b] {
    line-height: 1.6;
}

/* Typography - headings */
.chat-message-content h1[b-u8b16uk63b],
.chat-message-content h2[b-u8b16uk63b],
.chat-message-content h3[b-u8b16uk63b],
.chat-message-content h4[b-u8b16uk63b],
.chat-message-content h5[b-u8b16uk63b],
.chat-message-content h6[b-u8b16uk63b],
.markdown-content h1[b-u8b16uk63b],
.markdown-content h2[b-u8b16uk63b],
.markdown-content h3[b-u8b16uk63b],
.markdown-content h4[b-u8b16uk63b],
.markdown-content h5[b-u8b16uk63b],
.markdown-content h6[b-u8b16uk63b] {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.3;
}

.chat-message-content h1[b-u8b16uk63b],
.markdown-content h1[b-u8b16uk63b] {
    font-size: 1.5em;
}

.chat-message-content h2[b-u8b16uk63b],
.markdown-content h2[b-u8b16uk63b] {
    font-size: 1.3em;
}

.chat-message-content h3[b-u8b16uk63b],
.markdown-content h3[b-u8b16uk63b] {
    font-size: 1.1em;
}

/* Paragraphs */
.chat-message-content p[b-u8b16uk63b],
.markdown-content p[b-u8b16uk63b] {
    margin: 0.5em 0;
}

.chat-message-content p:first-child[b-u8b16uk63b],
.markdown-content p:first-child[b-u8b16uk63b] {
    margin-top: 0;
}

.chat-message-content p:last-child[b-u8b16uk63b],
.markdown-content p:last-child[b-u8b16uk63b] {
    margin-bottom: 0;
}

/* Lists */
.chat-message-content ul[b-u8b16uk63b],
.chat-message-content ol[b-u8b16uk63b],
.markdown-content ul[b-u8b16uk63b],
.markdown-content ol[b-u8b16uk63b] {
    margin: 0.5em 0;
    padding-left: 1.5em;
}

.chat-message-content li[b-u8b16uk63b],
.markdown-content li[b-u8b16uk63b] {
    margin: 0.25em 0;
}

.chat-message-content ul ul[b-u8b16uk63b],
.chat-message-content ol ol[b-u8b16uk63b],
.chat-message-content ul ol[b-u8b16uk63b],
.chat-message-content ol ul[b-u8b16uk63b],
.markdown-content ul ul[b-u8b16uk63b],
.markdown-content ol ol[b-u8b16uk63b],
.markdown-content ul ol[b-u8b16uk63b],
.markdown-content ol ul[b-u8b16uk63b] {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

/* Inline code */
.chat-message-content code[b-u8b16uk63b],
.markdown-content code[b-u8b16uk63b] {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    padding: 0.2em 0.4em;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
}

/* Code blocks */
.chat-message-content pre[b-u8b16uk63b],
.markdown-content pre[b-u8b16uk63b] {
    background-color: #282c34;
    border-radius: 6px;
    padding: 1em;
    overflow-x: auto;
    margin: 0.5em 0;
}

.chat-message-content pre code[b-u8b16uk63b],
.markdown-content pre code[b-u8b16uk63b] {
    background-color: transparent;
    padding: 0;
    color: #abb2bf;
    font-size: 0.875em;
}

/* Blockquotes */
.chat-message-content blockquote[b-u8b16uk63b],
.markdown-content blockquote[b-u8b16uk63b] {
    border-left: 3px solid var(--mud-palette-primary);
    padding-left: 1em;
    margin: 0.5em 0;
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

/* Tables */
.chat-message-content table[b-u8b16uk63b],
.markdown-content table[b-u8b16uk63b] {
    border-collapse: collapse;
    width: 100%;
    margin: 0.75em 0;
    display: block;
    overflow-x: auto;
}

.chat-message-content th[b-u8b16uk63b],
.chat-message-content td[b-u8b16uk63b],
.markdown-content th[b-u8b16uk63b],
.markdown-content td[b-u8b16uk63b] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.5em 0.75em;
    text-align: left;
}

.chat-message-content th[b-u8b16uk63b],
.markdown-content th[b-u8b16uk63b] {
    background-color: rgba(0, 0, 0, 0.04);
    font-weight: 600;
}

.chat-message-content tbody tr:nth-child(even)[b-u8b16uk63b],
.markdown-content tbody tr:nth-child(even)[b-u8b16uk63b] {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Links */
.chat-message-content a[b-u8b16uk63b],
.markdown-content a[b-u8b16uk63b] {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.chat-message-content a:hover[b-u8b16uk63b],
.markdown-content a:hover[b-u8b16uk63b] {
    text-decoration: underline;
}

/* Horizontal rules */
.chat-message-content hr[b-u8b16uk63b],
.markdown-content hr[b-u8b16uk63b] {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 1em 0;
}

/* Task lists */
.chat-message-content input[type="checkbox"][b-u8b16uk63b],
.markdown-content input[type="checkbox"][b-u8b16uk63b] {
    margin-right: 0.5em;
}

/* Emphasis */
.chat-message-content strong[b-u8b16uk63b],
.markdown-content strong[b-u8b16uk63b] {
    font-weight: 600;
}

.chat-message-content em[b-u8b16uk63b],
.markdown-content em[b-u8b16uk63b] {
    font-style: italic;
}

.chat-message-content del[b-u8b16uk63b],
.markdown-content del[b-u8b16uk63b] {
    text-decoration: line-through;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {

    .chat-message-content code[b-u8b16uk63b],
    .markdown-content code[b-u8b16uk63b] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .chat-message-content th[b-u8b16uk63b],
    .chat-message-content td[b-u8b16uk63b],
    .markdown-content th[b-u8b16uk63b],
    .markdown-content td[b-u8b16uk63b] {
        border-color: rgba(255, 255, 255, 0.12);
    }

    .chat-message-content th[b-u8b16uk63b],
    .markdown-content th[b-u8b16uk63b] {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .chat-message-content tbody tr:nth-child(even)[b-u8b16uk63b],
    .markdown-content tbody tr:nth-child(even)[b-u8b16uk63b] {
        background-color: rgba(255, 255, 255, 0.02);
    }

    .chat-message-content hr[b-u8b16uk63b],
    .markdown-content hr[b-u8b16uk63b] {
        border-top-color: rgba(255, 255, 255, 0.12);
    }
}

/* Minimal Phase 1 run-state styling hooks (migrated from inline <style>) */
.chat-bubble-state-streaming[b-u8b16uk63b] {
    position: relative;
}

.chat-bubble-state-streaming[b-u8b16uk63b]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--mud-palette-info);
    border-radius: 2px;
    animation: pulse-bar-b-u8b16uk63b 1.2s ease-in-out infinite;
    opacity: .6;
}

.chat-bubble-state-failed[b-u8b16uk63b] {
    border: 1px solid var(--mud-palette-error);
}

.chat-bubble-state-canceled[b-u8b16uk63b] {
    opacity: .6;
}

@keyframes pulse-bar-b-u8b16uk63b {
    0% {
        opacity: .2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}
/* /Pages/Intelligence/Intelligence.razor.rz.scp.css */
/* Intelligence Page - 2-Panel Split Layout
   Implements chat panel (left) + document preview panel (right) when document is open.
*/

/* Make page-content-standard a flex container for Intelligence page */
.page-content-standard:has(.intelligence-content-center)[b-fm65b8jwk1] {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    flex: 1 !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Header uses standard home-header styles from app.css */

/* Center Container - Fills remaining height */
.intelligence-content-center[b-fm65b8jwk1] {
    flex: 1;
    display: flex;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    height: 100%;
}

/* Split Layout - 2-Panel Structure using MudGrid */
.intelligence-split-layout[b-fm65b8jwk1] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.intelligence-split-layout .mud-grid-item[b-fm65b8jwk1] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.intelligence-chat-panel[b-fm65b8jwk1] {
    min-width: 0;
    max-width: 100%;
}

/* MudCard provides border-radius by default - ensure it clips content properly */
.intelligence-chat-card[b-fm65b8jwk1] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* MudCard's default border-radius will be applied by MudBlazor */
    /* The overflow: hidden on MudCard itself will clip content to rounded corners */
}

/* MudCardContent must respect MudCard's border-radius and clip content */
.intelligence-chat-card-content[b-fm65b8jwk1] {
    border-radius: inherit;
    overflow: hidden;
    /* This ensures content is clipped to the card's rounded corners */
}

.intelligence-document-preview-panel[b-fm65b8jwk1] {
    min-width: 0;
    max-width: 100%;
}

/* MudCard provides border-radius by default - ensure inner content respects it */
.intelligence-document-card[b-fm65b8jwk1] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* MudCard's default border-radius will be applied by MudBlazor */
}

/* MudCardContent should inherit border-radius from MudCard */
.intelligence-document-card .mud-card-content[b-fm65b8jwk1] {
    border-radius: inherit;
    overflow: hidden;
}

/* Override UnifiedIntelligenceChat's internal chat-panel min-width when document preview is open */
/* Using MudBlazor card context for better specificity */
.intelligence-chat-card[b-fm65b8jwk1]  .chat-panel,
.intelligence-chat-card[b-fm65b8jwk1]  .unified-panels-container .chat-panel,
.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-container .chat-panel,
.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-container.hide-header .chat-panel,
.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-main .unified-panels-container .chat-panel {
    min-width: 300px !important; /* Reduced minimum for better fit - override calc(210mm + 4rem) */
    max-width: 100% !important;
    flex: 1 1 auto !important; /* Allow shrinking */
    width: auto !important; /* Let flex handle width */
}

/* Override unified-panels-container to ensure proper flex behavior */
.intelligence-chat-card[b-fm65b8jwk1]  .unified-panels-container {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 1 1 0% !important;
    /* CRITICAL: Use 0% flex-basis for proper shrinking */
    overflow: hidden !important;
    max-height: 100% !important;
}

/* Ensure chat panel inside UnifiedIntelligenceChat respects parent constraints */
.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* Ensure unified-chat-wrapper also respects constraints */
.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* Responsive: Further reduce chat panel min-width on smaller screens when document is open */
@media (max-width: 1400px) {
    .intelligence-chat-card[b-fm65b8jwk1]  .chat-panel {
        min-width: 250px !important;
    }
}

@media (max-width: 1200px) {
    .intelligence-chat-card[b-fm65b8jwk1]  .chat-panel {
        min-width: 200px !important;
    }
}

/* Hide UnifiedIntelligenceChat's internal sidebar when session list is shown via IntelligenceHoverPanel (clock icon) */
[b-fm65b8jwk1] .unified-chat-sidebar {
    display: none !important;
}

/* Ensure UnifiedIntelligenceChat fills chat panel */
.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-wrapper {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 1 1 0% !important;
    /* CRITICAL: Use 0% flex-basis for proper shrinking */
    display: flex !important;
    flex-direction: column !important;
    max-height: 100% !important;
}

.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-container {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.intelligence-chat-card[b-fm65b8jwk1]  .unified-chat-main {
    width: 100% !important;
    flex: 1 1 0% !important;
    /* CRITICAL: Use 0% flex-basis for proper shrinking */
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    /* CRITICAL: Keep hidden to prevent overflow */
    max-height: 100% !important;
}

/* CRITICAL: Ensure chat-messages-container respects height constraints */
.intelligence-chat-card[b-fm65b8jwk1]  .chat-messages-container {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* CRITICAL: Ensure chat-messages-body scrolls properly */
.intelligence-chat-card[b-fm65b8jwk1]  .chat-messages-body {
    flex: 1 1 0% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* CRITICAL: Ensure chat-input-wrapper stays visible at bottom */
.intelligence-chat-card[b-fm65b8jwk1]  .chat-input-wrapper {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    background: var(--mud-palette-surface) !important;
    width: 100% !important;
}

/* Dark mode support - MudCard handles this automatically */

/* Responsive breakpoints - MudGrid handles responsive stacking automatically */
@media (max-width: 960px) {
    .intelligence-split-layout .mud-grid-item[b-fm65b8jwk1] {
        max-width: 100%;
    }
}
/* /Pages/ManagedServiceCustomer/Index.razor.rz.scp.css */
/* Make the whole card clickable via the wrapping link */
.managed-service-card-link[b-98dw3j7mba] {
    display: block;
    height: 100%;
    color: inherit;
}

.managed-service-card-link:hover[b-98dw3j7mba] {
    color: inherit;
}
/* /Pages/ManagedServices/ContractDetail.razor.rz.scp.css */
/* Contract detail: two-column layout with independent scrolling (left tabs + right sidebar). */

.contract-detail-body .mud-grid .mud-grid-item[b-j6dn6b2587] {
    overflow-y: auto;
    max-height: calc(100vh - 260px);
}
/* /Pages/ModernDocumentBuilder/Components/PdfPreviewDialog.razor.rz.scp.css */
/* PDF Preview Dialog - canvas viewer with zoom-only toolbar */

/* Ensure PDF preview appears above Document Editor / other dialogs (MudBlazor overlay default is ~1300) */
:global(.mud-overlay:has(.pdf-preview-dialog))[b-6am0pkc1r0] {
    z-index: 1400 !important;
}

.pdf-preview-dialog .mud-dialog-content[b-6am0pkc1r0] {
    padding: 0 !important;
    overflow: hidden;
}

.pdf-container[b-6am0pkc1r0] {
    position: relative;
    width: 100%;
    height: 80vh;
    min-height: 400px;
    background: #525252;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pdf-canvas-host[b-6am0pkc1r0] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    position: relative;
    padding: 20px;
}

.pdf-canvas-host-multipage[b-6am0pkc1r0] {
    align-items: flex-start;
    justify-content: center;
}

.pdf-pages-inner[b-6am0pkc1r0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.pdf-canvas-page[b-6am0pkc1r0] {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    background: white;
}

.pdf-canvas-page:last-child[b-6am0pkc1r0] {
    margin-bottom: 0 !important;
}

.pdf-canvas[b-6am0pkc1r0] {
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    background: white;
    display: block;
    margin: auto;
}

.pdf-toolbar[b-6am0pkc1r0] {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(10px);
    border-radius: 8px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.pdf-container:hover .pdf-toolbar[b-6am0pkc1r0],
.pdf-toolbar:hover[b-6am0pkc1r0] {
    opacity: 1;
}

.pdf-toolbar .mud-icon-button[b-6am0pkc1r0],
.pdf-toolbar .mud-typography[b-6am0pkc1r0] {
    color: white !important;
}

.pdf-toolbar .mud-icon-button:hover[b-6am0pkc1r0] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.pdf-toolbar .mud-icon-button:disabled[b-6am0pkc1r0] {
    color: rgba(255, 255, 255, 0.3) !important;
}

.pdf-canvas-host .mud-progress-circular[b-6am0pkc1r0] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pdf-container .mud-alert[b-6am0pkc1r0] {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 20;
    max-width: 500px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .pdf-container[b-6am0pkc1r0] {
        height: 70vh;
        min-height: 350px;
    }

    .pdf-toolbar[b-6am0pkc1r0] {
        opacity: 1;
        top: 10px;
        padding: 6px 8px;
        gap: 4px;
    }

    .pdf-canvas-host[b-6am0pkc1r0] {
        padding: 10px;
    }
}
/* /Pages/Policies/Components/PolicyClausesTab.razor.rz.scp.css */
/* Policy Clauses: single flowing document view (print-aligned) */

.policy-clauses-document[b-zrxpooan3x] {
    overflow-y: auto;
    max-height: calc(100vh - 260px);
    padding-right: 0.5rem;
}

.policy-clauses-doc-header[b-zrxpooan3x] {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.policy-clause-block[b-zrxpooan3x] {
    margin-bottom: 1.25rem;
    break-inside: avoid;
}

.policy-clause-view[b-zrxpooan3x] {
    padding: 0.5rem 0;
}

.policy-clause-clickable[b-zrxpooan3x] {
    cursor: pointer;
    border-radius: 4px;
    padding: 0.5rem;
    margin: 0 -0.5rem;
}

.policy-clause-clickable:hover[b-zrxpooan3x] {
    background-color: var(--mud-palette-action-default-hover);
}

.policy-clause-heading[b-zrxpooan3x] {
    line-height: 1.4;
}

.policy-clause-number[b-zrxpooan3x] {
    flex-shrink: 0;
}

.policy-clause-title[b-zrxpooan3x] {
    flex: 1 1 auto;
    min-width: 0;
}

.policy-clause-body[b-zrxpooan3x] {
    font-size: 0.9375rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--mud-palette-text-primary);
}

.policy-clause-actions[b-zrxpooan3x] {
    font-size: 0.8125rem;
}

.policy-clause-add-sub[b-zrxpooan3x] {
    cursor: pointer;
    text-decoration: none;
    color: var(--mud-palette-primary);
}

.policy-clause-add-sub:hover[b-zrxpooan3x] {
    text-decoration: underline;
}

.policy-clause-edit[b-zrxpooan3x] {
    padding: 0.75rem;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    background-color: var(--mud-palette-background-paper);
}

/* Print: hide toolbar and edit UI, show document only */
@media print {
    .policy-clauses-toolbar[b-zrxpooan3x] {
        display: none !important;
    }

    .policy-clause-edit[b-zrxpooan3x] {
        display: none !important;
    }

    .policy-clause-actions[b-zrxpooan3x] {
        display: none !important;
    }

    .policy-clauses-document[b-zrxpooan3x] {
        max-height: none;
        overflow: visible;
    }

    .policy-clause-block[b-zrxpooan3x] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .policy-clause-clickable:hover[b-zrxpooan3x] {
        background-color: transparent;
    }
}
/* /Pages/Policies/View.razor.rz.scp.css */
/* Policies detail: two-column layout with independent scrolling (left tabs + right sidebar). */

.policies-detail-body .mud-grid .mud-grid-item[b-m8cdxjpsk1] {
    overflow-y: auto;
    max-height: calc(100vh - 260px);
}
/* /Pages/Portfolios/View.razor.rz.scp.css */
/* Allow dropdowns/menus in the right sidebar to extend without clipping */
.entity-view-sidebar[b-odkyrj092j] {
    overflow: visible;
}
/* /Pages/Processes/View.razor.rz.scp.css */
/* Process View – layout and styling (header uses shared EntityViewHeader) */

/* Figma layout: Process Spine (left, wider) | Step detail (right) – identical to reference */
.process-detail-figma-layout[b-h1zyyr4g9v] {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) 2fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 960px) {
    .process-detail-figma-layout[b-h1zyyr4g9v] {
        grid-template-columns: 1fr;
    }
}

/* Left column: same top inset as right so Process Spine card aligns with detail content */
.process-activities-column[b-h1zyyr4g9v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 1.25rem;
}

/* Right panel: lighter grey background, cards stacked vertically (reference design) */
.process-step-detail-column[b-h1zyyr4g9v] {
    min-width: 0;
    background: var(--mud-palette-background-grey);
    border-radius: var(--mud-default-borderradius);
    padding: 1.25rem;
}

.process-step-detail-empty[b-h1zyyr4g9v] {
    background: var(--mud-palette-background-paper);
    border-radius: var(--mud-default-borderradius);
    border: 1px dashed var(--mud-palette-lines-default);
}

/* Process Spine card styles live in ProcessActivitiesSidebar.razor.css (scoped to that component) */

/* Legacy activity list (if still referenced) */
.process-activities-header[b-h1zyyr4g9v] {
    margin-bottom: 0.75rem;
}

.process-activities-list[b-h1zyyr4g9v] {
    padding: 0;
}

.process-view-metrics-sidebar[b-h1zyyr4g9v] {
    grid-template-columns: 1fr 1fr;
}

.process-step-number-badge[b-h1zyyr4g9v] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

/* Step detail: Decision paths */
.process-path-yes[b-h1zyyr4g9v] {
    background: rgba(var(--mud-palette-success-rgb), 0.08) !important;
    border-color: var(--mud-palette-success) !important;
}

.process-path-no[b-h1zyyr4g9v] {
    background: var(--mud-palette-background-grey) !important;
}

/* Linked governance cards grid – vertical spacing between category cards */
.process-governance-grid[b-h1zyyr4g9v] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1rem;
}

@media (max-width: 960px) {
    .process-governance-grid[b-h1zyyr4g9v] {
        grid-template-columns: 1fr;
    }
}

.process-governance-card[b-h1zyyr4g9v] {
    min-height: 120px;
}

/* Vertical spacing between individual governance link items (e.g. risk cards) */
.process-gov-item[b-h1zyyr4g9v] {
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-grey);
}

.process-gov-item:last-child[b-h1zyyr4g9v] {
    margin-bottom: 0;
}

/* Overview metrics row – icon + value blocks */
.process-view-metrics[b-h1zyyr4g9v] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

@media (min-width: 600px) {
    .process-view-metrics[b-h1zyyr4g9v] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.process-view-metric-block[b-h1zyyr4g9v] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    background: var(--mud-palette-background-paper);
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
}

.process-view-metric-label[b-h1zyyr4g9v] {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--mud-palette-text-secondary);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.process-view-metric-value[b-h1zyyr4g9v] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

/* Process Flow card */
.process-view-flow-card[b-h1zyyr4g9v] {
    padding: 1.25rem;
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
}

/* RACI 2x2 colored cards */
.process-view-raci-grid[b-h1zyyr4g9v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

@media (max-width: 600px) {
    .process-view-raci-grid[b-h1zyyr4g9v] {
        grid-template-columns: 1fr;
    }
}

.process-view-raci-card[b-h1zyyr4g9v] {
    padding: 1rem 1.25rem;
    border-radius: var(--mud-default-borderradius);
    border: none;
    min-height: 5rem;
}

.process-view-raci-letter[b-h1zyyr4g9v] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 0.5rem;
    color: #fff;
}

.process-view-raci-role[b-h1zyyr4g9v] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    opacity: 0.9;
    margin-bottom: 0.25rem;
}

.process-view-raci-value[b-h1zyyr4g9v] {
    font-size: 0.9375rem;
    font-weight: 500;
}

.process-view-raci-responsible .process-view-raci-letter[b-h1zyyr4g9v] { background: #1976d2; }
.process-view-raci-accountable .process-view-raci-letter[b-h1zyyr4g9v] { background: #7b1fa2; }
.process-view-raci-consulted .process-view-raci-letter[b-h1zyyr4g9v] { background: #388e3c; }
.process-view-raci-informed .process-view-raci-letter[b-h1zyyr4g9v] { background: #e65100; }

/* Inputs/Outputs side-by-side panels */
.process-view-io-grid[b-h1zyyr4g9v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 960px) {
    .process-view-io-grid[b-h1zyyr4g9v] {
        grid-template-columns: 1fr;
    }
}

.process-view-io-panel[b-h1zyyr4g9v] {
    padding: 1.25rem;
    border-radius: var(--mud-default-borderradius);
    border: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-background-paper);
}

.process-view-io-list[b-h1zyyr4g9v] {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0 0 0;
}

.process-view-io-list li[b-h1zyyr4g9v] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.35rem 0;
    font-size: 0.9375rem;
}

.process-view-io-list-inputs li[b-h1zyyr4g9v]::before {
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    margin-top: 0.5rem;
}

.process-view-io-list-outputs li[b-h1zyyr4g9v]::before {
    content: "";
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: var(--mud-palette-success);
    border-radius: 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
    margin-top: 0.15rem;
}

/* Process Flow – visual step rows (numbered circle, duration right) */
[b-h1zyyr4g9v] .process-steps-editor-visual .process-steps-visual-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

[b-h1zyyr4g9v] .process-steps-editor-visual .process-step-visual-row {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

[b-h1zyyr4g9v] .process-steps-editor-visual .process-step-visual-row:last-child {
    border-bottom: none;
}

[b-h1zyyr4g9v] .process-steps-editor-visual .process-step-number-circle {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

[b-h1zyyr4g9v] .process-steps-editor-visual .process-step-visual-content {
    flex: 1 1 0%;
    min-width: 0;
}

[b-h1zyyr4g9v] .process-steps-editor-visual .process-step-visual-name {
    font-weight: 600;
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
}

/* Step link – clickable navigation to step detail */
[b-h1zyyr4g9v] .process-step-link {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

[b-h1zyyr4g9v] .process-step-link:hover {
    text-decoration: underline;
}

[b-h1zyyr4g9v] .process-steps-editor-visual .process-step-visual-duration {
    flex-shrink: 0;
    text-align: right;
}
/* /Pages/Properties/Components/CreatePropertyDialog.razor.rz.scp.css */
/* Create Property (New Asset): field styling from shared .dialog-form-fields (dialog-form-fields.css). */
/* Add only Create Property–specific overrides below if needed. */
/* /Pages/Properties/Components/Dialogs/EditPropertyDialog.razor.rz.scp.css */
/* Edit Property dialog: field styling comes from shared .dialog-form-fields (dialog-form-fields.css). */
/* Add only Edit Property–specific overrides below if needed. */

/* Value + currency grouped in one column: value 2/3, currency 1/3; align at top so input and dropdown line up */
.edit-property-dialog .value-currency-row[b-45qno2dytr] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

.edit-property-dialog .value-currency-row .value-part[b-45qno2dytr] {
    flex: 2;
    min-width: 0;
}

.edit-property-dialog .value-currency-row .currency-part[b-45qno2dytr] {
    flex: 1;
    min-width: 0;
}
/* /Pages/Properties/Components/Dialogs/ScenarioDetailPanel.razor.rz.scp.css */
/* Tooltip info icons in Cashflow table and NPV – avoid inline Style */
.scenario-detail-tooltip-icon[b-426m9h798n] {
    opacity: 0.7;
    vertical-align: middle;
}
/* /Pages/Properties/Components/Dialogs/ScenarioManagerDialog.razor.rz.scp.css */
/* Scenario Manager dialog layout - height/overflow only; use MudBlazor for spacing (pa-3, etc.) */
.scenario-manager-content[b-lasqlbtuil] {
    height: 80vh;
    overflow: hidden;
}

.scenario-manager-column[b-lasqlbtuil] {
    height: 80vh;
    overflow-y: auto;
}

.scenario-manager-column-left[b-lasqlbtuil] {
    border-right: 1px solid var(--mud-palette-divider);
}

/* Empty state (select a scenario) – min-height so column fills; avoid inline Style */
.scenario-manager-empty-state[b-lasqlbtuil] {
    min-height: 100%;
}

/* Comparison table: metric column min-width (used by ScenarioComparePanel) */
.scenario-manager-content .comparison-table-metric-col[b-lasqlbtuil] {
    min-width: 140px;
}
/* /Pages/Properties/Components/PropertyBannerImage.razor.rz.scp.css */
/* Placeholder icon when no banner image (avoid inline styles) */
.banner-placeholder-icon[b-hvpaohhn3i] {
    font-size: 4rem;
    opacity: 0.5;
}
/* /Pages/Properties/Components/PropertyLinksTiles.razor.rz.scp.css */
/* Section labels (Linked Portfolios / Vehicles / Deal) */
.property-links-section-label[b-4pwo6uk8jr] {
    font-size: var(--font-sm);
    font-weight: 500;
    letter-spacing: 0.5px;
}

/* Compact action buttons (Browse & Link, Unlink) */
.property-links-btn-compact[b-4pwo6uk8jr] {
    font-size: var(--font-sm);
    min-width: auto;
    padding: var(--space-xs) var(--space-sm);
}

/* Tile card: cursor and hover (tile-card provides border/radius) */
.property-link-card[b-4pwo6uk8jr] {
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.property-link-card:hover[b-4pwo6uk8jr] {
    border-color: var(--mud-palette-primary);
    background-color: var(--mud-palette-action-hover);
}

.property-link-card .property-link-clickable[b-4pwo6uk8jr] {
    cursor: pointer;
}

/* Tile title */
.property-link-title[b-4pwo6uk8jr] {
    font-weight: 600;
    line-height: var(--lh-tight, 1.25);
}

/* Meta row label/value (Status, Added, Type, etc.) */
.property-link-meta-label[b-4pwo6uk8jr] {
    font-size: var(--font-xs);
    font-weight: 500;
}

.property-link-meta-value[b-4pwo6uk8jr] {
    font-size: var(--font-xs);
}

/* Unlink icon button positioning */
.property-link-unlink-btn[b-4pwo6uk8jr] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-top: -4px;
    margin-right: -4px;
}

/* Primary chip in tile */
.property-link-primary-chip[b-4pwo6uk8jr] {
    font-size: var(--font-xs);
    height: 18px;
    padding: 0 var(--space-sm);
}
/* /Pages/Properties/ViewV2.razor.rz.scp.css */
/* Assets V2 Overview: Geography and Physical expansion panels match card styling (MudBlazor Elevation + same radius/padding as cards) */
.assets-v2-card-panels.mud-expansion-panels[b-bp9y4lbwzy] {
    border-radius: 8px;
    overflow: hidden;
}

.assets-v2-card-panels .mud-expansion-panel[b-bp9y4lbwzy] {
    border-radius: 8px;
    overflow: hidden;
}

/* Match card padding: header and content use pa-4 from markup; remove default so it matches MudPaper pa-4 */
.assets-v2-card-panels .mud-expansion-panel-header[b-bp9y4lbwzy] {
    padding: 0;
}

.assets-v2-card-panels .mud-expansion-panel-content[b-bp9y4lbwzy] {
    padding: 0;
}

/* No divider between header and content when expanded – match Core Information card */
.assets-v2-card-panels .mud-expansion-panel.mud-panel-expanded .mud-expansion-panel-header[b-bp9y4lbwzy] {
    border-bottom: none;
}

/* Banner placeholder (no image): size and opacity via tokens to avoid inline styles */
.banner-placeholder-icon[b-bp9y4lbwzy] {
    font-size: 4rem;
    opacity: 0.5;
}
/* /Pages/Risks/View.razor.rz.scp.css */
/* Risk profile header banner - error/danger theme */
.risks-view-banner[b-9myhkli3iw] {
    background-color: var(--mud-palette-error) !important;
    color: var(--mud-palette-error-contrast);
}

/* Risk reduction achieved - success theme */
.risks-view-reduction[b-9myhkli3iw] {
    background-color: var(--mud-palette-success) !important;
    color: var(--mud-palette-success-contrast);
}

/* Score circles */
.risks-view-score-circle[b-9myhkli3iw] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.risks-view-score-error[b-9myhkli3iw] {
    background-color: var(--mud-palette-error);
}

.risks-view-score-warning[b-9myhkli3iw] {
    background-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-contrast);
}

.risks-view-score-info[b-9myhkli3iw] {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-info-contrast);
}

.risks-view-score-success[b-9myhkli3iw] {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-success-contrast);
}

.risks-view-controls-list .mud-list-item[b-9myhkli3iw] {
    align-items: flex-start;
}
/* /Pages/Sales/Components/QuoteDocumentDrawer.razor.rz.scp.css */
/* Quote document drawer - 95% of body width, 5% body strip visible; nav always visible */

/* Ensure MudBlazor's drawer wrappers fill height so document panel can use full height */
.quote-document-drawer .mud-drawer-paper[b-9xfro0g75y] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

.quote-document-drawer .mud-drawer-content[b-9xfro0g75y] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Inner wrapper: fill drawer so content area gets remaining height */
.quote-document-drawer .quote-document-drawer-inner[b-9xfro0g75y] {
    flex: 1 1 0 !important;
    min-height: 1px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

/* Slide-in/slide-out: slower transition for clearer open/close animation */
.quote-document-drawer.mud-drawer[b-9xfro0g75y],
.mud-drawer.quote-document-drawer[b-9xfro0g75y] {
    transition: transform 0.45s cubic-bezier(0.22, 0.8, 0.32, 1);
}

.quote-document-drawer.mud-drawer.mud-drawer--open[b-9xfro0g75y],
.quote-document-drawer.mud-drawer-temporary.mud-drawer--open[b-9xfro0g75y],
.quote-document-drawer.mud-drawer-anchor-end.mud-drawer--open[b-9xfro0g75y],
.mud-drawer.quote-document-drawer.mud-drawer--open[b-9xfro0g75y],
html body .quote-document-drawer.mud-drawer.mud-drawer--open[b-9xfro0g75y] {
    left: calc(var(--mud-drawer-width-left, 0px) + 0.05 * (100vw - var(--mud-drawer-width-left, 0px))) !important;
    right: 0 !important;
    width: calc(0.95 * (100vw - var(--mud-drawer-width-left, 0px))) !important;
    max-width: calc(0.95 * (100vw - var(--mud-drawer-width-left, 0px))) !important;
    min-width: calc(0.95 * (100vw - var(--mud-drawer-width-left, 0px))) !important;
    transform: translateX(0) !important;
    z-index: 105 !important;
    box-shadow: 0 8px 10px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1) !important;
}

/* Document body: take all remaining height; min-height so it never collapses to zero */
.quote-document-drawer .quote-document-drawer-body[b-9xfro0g75y],
.quote-document-drawer-body[b-9xfro0g75y] {
    flex: 1 1 0 !important;
    min-height: 200px !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Iframe: absolute fill so document is always visible regardless of flex quirks */
.quote-document-drawer-body .quote-document-preview-frame-drawer[b-9xfro0g75y] {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 200px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    background: var(--mud-palette-background-paper);
}

@media (max-width: 600px) {
    .quote-document-drawer.mud-drawer.mud-drawer--open[b-9xfro0g75y],
    .mud-drawer.quote-document-drawer.mud-drawer--open[b-9xfro0g75y],
    html body .quote-document-drawer.mud-drawer.mud-drawer--open[b-9xfro0g75y] {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
    }
}
/* /Pages/Sales/Components/QuoteDocumentPreviewPanel.razor.rz.scp.css */
/* Drawer mode: document body gets remaining height; iframe fills it with absolute positioning so doc is visible */

.quote-document-drawer-panel .quote-document-drawer-body[b-j8h7177bo5] {
    flex: 1 1 0;
    min-height: 200px;
    overflow: hidden;
    position: relative;
}

.quote-document-drawer-panel .quote-document-drawer-body .quote-document-preview-frame-drawer[b-j8h7177bo5] {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 200px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    background: var(--mud-palette-background-paper);
}
/* /Pages/ServiceDesk/Components/ApplyRunbookModal.razor.rz.scp.css */
/* TASKS_TAB_SPEC §7 Apply Runbook Modal */
.runbook-list[b-ce6hgirisx] {
    padding: 0 0 8px 0;
}

.runbook-card[b-ce6hgirisx] {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 150ms ease;
    background-color: #FFFFFF;
}

.runbook-card:hover[b-ce6hgirisx] {
    background-color: #F8F9FA;
    border-color: #1e3a8a;
    transform: translateX(4px);
}

.runbook-card-selected[b-ce6hgirisx] {
    background-color: #eff6ff !important;
    border: 2px solid #1e3a8a !important;
}

.runbook-card[b-ce6hgirisx]  .mud-typography-subtitle1 {
    font-size: 15px;
    font-weight: 600;
    color: #1A1A1A;
}

.runbook-card[b-ce6hgirisx]  .mud-typography-body2 {
    font-size: 13px;
    color: #666666;
    line-height: 1.4;
    margin-top: 6px;
}

.runbook-card[b-ce6hgirisx]  .mud-chip {
    margin-top: 8px;
    font-size: 12px;
    background-color: #eff6ff;
    color: #1e3a8a;
    border: 1px solid #bfdbfe;
}
/* /Pages/ServiceDesk/Components/ClassificationWidget.razor.rz.scp.css */
/* Classification widget - subtle card aligned with detail page design */
.classification-widget[b-9tt3k468q1] {
    border-radius: 8px;
    border-color: var(--mud-palette-lines-default);
}

.classification-widget-title[b-9tt3k468q1] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.classification-widget-rows[b-9tt3k468q1] {
    font-size: 0.875rem;
}

.classification-widget-row[b-9tt3k468q1] {
    padding: 0.25rem 0;
}

.classification-widget-row-text[b-9tt3k468q1] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.classification-widget-label[b-9tt3k468q1] {
    font-size: 0.75rem;
    line-height: 1.3;
}

.classification-widget-value[b-9tt3k468q1] {
    font-weight: 500;
    color: var(--mud-palette-text-primary);
    line-height: 1.4;
}

.classification-widget-divider[b-9tt3k468q1] {
    border-top-width: 1px;
    opacity: 0.5;
}

/* Keep chips compact and right-aligned in their row */
.classification-widget-row-chip[b-9tt3k468q1]  .mud-chip {
    font-size: 0.75rem;
    font-weight: 500;
    min-height: 22px;
    padding: 2px 8px;
}
/* /Pages/ServiceDesk/Components/ConversationItemCard.razor.rz.scp.css */
/* SERVICE_DESK_UX_SPEC §4 Original Request, §5 Conversation cards */

/* 32px avatar (spec: Avatar Circle 32px) */
[b-sx5sp1792m] .conversation-avatar-spec {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 12px !important;
}

/* Original Request: same card/padding/shadow as other items; only the blue "Original request" chip distinguishes it */
.original-request-wrapper[b-sx5sp1792m] {
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
}

.original-request-wrapper .conversation-card[b-sx5sp1792m] {
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.original-request-wrapper .conversation-card-content[b-sx5sp1792m] {
    padding: 24px 28px 24px 32px;
}

/* Base conversation card - border/radius/shadow on MudPaper; padding on our inner wrapper so it wins over MudBlazor/app.css */
.conversation-card[b-sx5sp1792m] {
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Inner content wrapper: we control this element so scoped CSS always applies. Top/left/bottom padding so content isn't on edges. */
.conversation-card-content[b-sx5sp1792m] {
    padding: 24px 28px 24px 32px;
}

.conversation-card .conversation-header-row[b-sx5sp1792m] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.conversation-card .conversation-author[b-sx5sp1792m] {
    font-size: 14px;
    font-weight: 600;
    color: #1A1A1A;
}

.conversation-card .conversation-timestamp[b-sx5sp1792m] {
    font-size: 12px;
    color: #999999;
}

.conversation-card .conversation-body[b-sx5sp1792m] {
    font-size: 14px;
    line-height: 1.5;
    color: #444444;
    margin-top: 8px;
}

/* Type badges - spec: 12px, 4px 8px, 20px height */
.conversation-card[b-sx5sp1792m]  .conversation-type-badge,
.conversation-card[b-sx5sp1792m]  .mud-chip-size-small {
    height: 20px;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
}

/* Public Reply - spec: blue-50/blue-900/blue-300 */
.conversation-card-public[b-sx5sp1792m] {
    background-color: #FFFFFF;
    border-left: 4px solid #93c5fd;
}

.conversation-chip-public[b-sx5sp1792m] {
    background-color: #eff6ff !important;
    color: #1e3a8a !important;
    border: 1px solid #93c5fd !important;
}

/* Internal Note - spec: blue-50 bg, 4px left #1e3a8a */
.conversation-card-internal[b-sx5sp1792m] {
    background-color: #eff6ff !important;
    border: 1px solid #E0E0E0;
    border-left: 4px solid #1e3a8a !important;
}

.conversation-chip-internal[b-sx5sp1792m] {
    background-color: #FFFFFF !important;
    color: #1e3a8a !important;
    border: 1px solid #1e40af !important;
}

.conversation-chip-time[b-sx5sp1792m] {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
    border: 1px solid #94a3b8 !important;
}

/* Time entry panel inside internal note - spec */
.conversation-time-entry-panel[b-sx5sp1792m] {
    background-color: #FFFFFF;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 8px;
    margin-top: 8px;
    font-size: 12px;
    color: #666666;
}

/* Phone - spec: 4px left #059669 */
.conversation-card-phone[b-sx5sp1792m] {
    border-left: 4px solid #059669 !important;
}

.conversation-avatar-phone[b-sx5sp1792m] {
    background-color: #059669 !important;
    color: #FFFFFF !important;
}

.conversation-chip-phone[b-sx5sp1792m] {
    background-color: #d1fae5 !important;
    color: #047857 !important;
    border: 1px solid #6ee7b7 !important;
}

/* Email Sent - spec: 4px left #d97706 */
.conversation-card-email-sent[b-sx5sp1792m] {
    border-left: 4px solid #d97706 !important;
}

.conversation-avatar-email-sent[b-sx5sp1792m] {
    background-color: #d97706 !important;
    color: #FFFFFF !important;
}

.conversation-chip-email-sent[b-sx5sp1792m] {
    background-color: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fcd34d !important;
}

/* Email Received - spec: 4px left #9333ea */
.conversation-card-email-received[b-sx5sp1792m] {
    border-left: 4px solid #9333ea !important;
}

.conversation-avatar-email-received[b-sx5sp1792m] {
    background-color: #9333ea !important;
    color: #FFFFFF !important;
}

.conversation-chip-email-received[b-sx5sp1792m] {
    background-color: #faf5ff !important;
    color: #6b21a8 !important;
    border: 1px solid #d8b4fe !important;
}

/* Fallback / generic update card */
.conversation-update-card[b-sx5sp1792m] {
    border-left: 4px solid #9CA3AF !important;
}
/* /Pages/ServiceDesk/Components/ConversationReplyPanel.razor.rz.scp.css */
/* SERVICE_DESK_UX_SPEC §6 Add Update Panel */
.conversation-reply-panel[b-yn10lp7jeg] {
    background-color: #FFFFFF !important;
    border: 1px solid #9CA3AF !important;
    border-radius: 8px;
    margin-top: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: sticky;
    bottom: 16px;
}

/* Inner wrapper so padding always applies (avoids MudBlazor/app.css override) */
.conversation-reply-panel-content[b-yn10lp7jeg] {
    padding: 24px 28px 24px 32px;
}

/* Tab strip when form is open */
.add-update-tabs[b-yn10lp7jeg] {
    display: flex;
    gap: 16px;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 16px;
}

.add-update-tab[b-yn10lp7jeg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    cursor: pointer;
    border: none;
    border-bottom: 3px solid transparent;
    background: none;
    border-radius: 0;
}

.add-update-tab:hover[b-yn10lp7jeg] {
    color: #1A1A1A;
}

.add-update-tab.active[b-yn10lp7jeg] {
    color: #1A1A1A;
    border-bottom: 3px solid #1e3a8a;
}

.add-update-tab-icon[b-yn10lp7jeg] {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.add-update-tab.disabled[b-yn10lp7jeg] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Time logging panel - Internal note only (spec: blue-50) */
.add-update-time-panel[b-yn10lp7jeg] {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
}

/* Action bar */
.add-update-actions[b-yn10lp7jeg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Primary CTA per spec */
.add-update-submit[b-yn10lp7jeg] {
    background-color: #1e3a8a !important;
    color: #FFFFFF !important;
    height: 32px;
    padding: 0 16px;
    border-radius: 6px;
    font-weight: 500;
}

.add-update-submit:hover[b-yn10lp7jeg] {
    background-color: #1e40af !important;
}
/* /Pages/ServiceDesk/Components/ConversationThreadPanel.razor.rz.scp.css */
/* SERVICE_DESK_UX_SPEC §3 AI Summary */
.ai-summary-block[b-cu4fgm7chw] {
    background-color: #eff6ff !important;
    border-left: 4px solid #1e3a8a !important;
    border-radius: 8px;
    padding: 16px !important;
    margin-bottom: 16px;
}

.ai-summary-block .ai-summary-label[b-cu4fgm7chw] {
    font-size: 11px;
    font-weight: 600;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.ai-summary-block .ai-summary-text[b-cu4fgm7chw] {
    font-size: 14px;
    line-height: 1.6;
    color: #666666;
}
/* /Pages/ServiceDesk/Components/RunbookExecutor.razor.rz.scp.css */
/* Runbook Executor - match Figma/spec */
.runbook-executor[b-6sd9uooz2n] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section-header[b-6sd9uooz2n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.batch-cards-grid[b-6sd9uooz2n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.batch-card[b-6sd9uooz2n] {
    border-radius: 8px;
}

.batch-card-active[b-6sd9uooz2n] {
    border: 2px solid #3B82F6;
    background-color: rgba(59, 130, 246, 0.05);
}

.batch-card-completed[b-6sd9uooz2n] {
    border: 2px solid #10B981;
    background-color: rgba(16, 185, 129, 0.05);
}

.batch-card-paused[b-6sd9uooz2n] {
    border: 2px solid #E5E7EB;
    background-color: rgba(229, 231, 235, 0.05);
}

.batch-header[b-6sd9uooz2n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.batch-info[b-6sd9uooz2n] {
    flex: 1;
}

.batch-title-row[b-6sd9uooz2n] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.batch-progress-summary[b-6sd9uooz2n] {
    text-align: right;
}

.batch-actions[b-6sd9uooz2n] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.batch-tasks-inline[b-6sd9uooz2n] {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.empty-state-card[b-6sd9uooz2n] {
    text-align: center;
    padding: 32px;
}

.tasks-section[b-6sd9uooz2n] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.task-group-header[b-6sd9uooz2n] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.task-list[b-6sd9uooz2n] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* /Pages/ServiceDesk/Components/RunbookTaskCard.razor.rz.scp.css */
/* Task card - match Figma/spec */
.task-card[b-sfjhkkqfdu] {
    border-radius: 8px;
    position: relative;
}

.task-card-active[b-sfjhkkqfdu] {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.task-content[b-sfjhkkqfdu] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.task-status-icon[b-sfjhkkqfdu] {
    flex-shrink: 0;
    padding-top: 2px;
}

.task-main[b-sfjhkkqfdu] {
    flex: 1;
    min-width: 0;
}

.task-header[b-sfjhkkqfdu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.task-header-left[b-sfjhkkqfdu] {
    flex: 1;
}

.task-header-clickable[b-sfjhkkqfdu] {
    cursor: pointer;
}

/* Chips: ensure readable text (avoid white-on-white); default/neutral = dark text on light bg */
[b-sfjhkkqfdu] .runbook-task-chip .mud-chip-content {
    color: rgba(0, 0, 0, 0.87);
}

[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-default {
    background-color: #e0e0e0 !important;
}

[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-default .mud-chip-content {
    color: #212121 !important;
}

[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-primary .mud-chip-content,
[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-secondary .mud-chip-content,
[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-success .mud-chip-content,
[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-info .mud-chip-content,
[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-warning .mud-chip-content,
[b-sfjhkkqfdu] .runbook-task-chip.mud-chip-color-error .mud-chip-content {
    color: #fff;
}

.task-badges[b-sfjhkkqfdu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.task-badges-left[b-sfjhkkqfdu],
.task-badges-right[b-sfjhkkqfdu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.task-badges-right[b-sfjhkkqfdu] {
    margin-left: auto;
}

.task-linked-items[b-sfjhkkqfdu] {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.task-linked-items .linked-item-chip[b-sfjhkkqfdu] {
    text-decoration: none;
}

.task-description[b-sfjhkkqfdu] {
    margin-top: 8px;
    margin-bottom: 8px;
}

.task-metadata[b-sfjhkkqfdu] {
    display: flex;
    gap: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.metadata-item[b-sfjhkkqfdu] {
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Inline edit form */
.edit-form-panel[b-sfjhkkqfdu] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 12px;
    margin-top: 12px;
}

.edit-form-content[b-sfjhkkqfdu] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.edit-form-row[b-sfjhkkqfdu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.edit-form-actions[b-sfjhkkqfdu] {
    display: flex;
    gap: 8px;
    padding-top: 8px;
}

/* Decision panel */
.decision-panel[b-sfjhkkqfdu] {
    background-color: rgba(147, 51, 234, 0.05);
    border: 1px solid rgba(147, 51, 234, 0.2);
    border-radius: 8px;
    padding: 12px;
    margin-top: 12px;
}

.decision-header[b-sfjhkkqfdu] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 12px;
}

.decision-options[b-sfjhkkqfdu] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.decision-option[b-sfjhkkqfdu] {
    padding: 12px;
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid #E5E7EB;
    border-radius: 8px;
}

.decision-option:hover[b-sfjhkkqfdu] {
    border-color: rgba(147, 51, 234, 0.3);
}

.decision-option-selected[b-sfjhkkqfdu] {
    border-color: #9333EA;
    background-color: rgba(147, 51, 234, 0.1);
}

.decision-radio-group[b-sfjhkkqfdu] {
    margin-bottom: 12px;
}

.decision-radio-item[b-sfjhkkqfdu] {
    margin-bottom: 8px;
}

.decision-actions[b-sfjhkkqfdu] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

/* Subprocess panel */
.subprocess-panel[b-sfjhkkqfdu] {
    background-color: rgba(79, 70, 229, 0.05);
    border: 1px solid rgba(79, 70, 229, 0.2);
    border-radius: 8px;
    padding: 12px;
    margin-top: 12px;
}

.subprocess-header[b-sfjhkkqfdu] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.subprocess-applied[b-sfjhkkqfdu] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Task actions (Start / Mark Complete) */
.task-actions[b-sfjhkkqfdu] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.task-card-blocked[b-sfjhkkqfdu] {
    opacity: 0.88;
}

.task-blocked-message[b-sfjhkkqfdu] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    margin-bottom: 12px;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}
/* /Pages/ServiceDesk/IncidentDetail.razor.rz.scp.css */
/* Service Desk detail: header metrics in subtitle slot – horizontal alignment and spacing */
.service-desk-header-meta[b-7ygyv8u3i6] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary);
    margin: 0;
    padding: 0;
}

.service-desk-header-meta .entity-view-record-field[b-7ygyv8u3i6] {
    display: inline-flex;
    align-items: center;
}

/* Bold and slightly stronger color for metric values (For, Category, Subcategory) */
.service-desk-header-meta .service-desk-metric-value[b-7ygyv8u3i6] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

/* Classification chips (Impact, Urgency, Priority, Criticality): bold text */
.service-desk-header-meta[b-7ygyv8u3i6]  .service-desk-metric-chip {
    font-weight: 600;
}

.service-desk-header-meta .entity-view-record-field + .entity-view-record-field:not(.d-inline-flex)[b-7ygyv8u3i6] {
    margin-left: 0;
}

/* Separator before classification group (Impact, Urgency, Priority, Criticality) when it follows For/Category/Subcategory */
.service-desk-header-meta .entity-view-record-field:not(.d-inline-flex) + .entity-view-record-field.d-inline-flex[b-7ygyv8u3i6] {
    border-left: 1px solid var(--mud-palette-divider);
    padding-left: 0.75rem;
    margin-left: 0.25rem;
}

/* Service Desk detail: expansion panels match Property/Asset ViewV2 bordered card style */
.service-desk-card-panels.mud-expansion-panels[b-7ygyv8u3i6] {
    border-radius: 8px;
    overflow: hidden;
}

.service-desk-card-panels .mud-expansion-panel[b-7ygyv8u3i6] {
    border-radius: 8px;
    overflow: hidden;
}

.service-desk-card-panels .mud-expansion-panel-header[b-7ygyv8u3i6] {
    padding: 0;
}

.service-desk-card-panels .mud-expansion-panel-content[b-7ygyv8u3i6] {
    padding: 0;
}

.service-desk-card-panels .mud-expansion-panel.mud-panel-expanded .mud-expansion-panel-header[b-7ygyv8u3i6] {
    border-bottom: none;
}

/* Classification panel: widgets use full width of card */
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .work-item-metadata-stack[b-7ygyv8u3i6],
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .work-item-metadata-stack.mud-stack[b-7ygyv8u3i6],
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .mud-stack[b-7ygyv8u3i6] {
    width: 100%;
    min-width: 0;
}

/* Force each stack child (each picklist menu) to take full width */
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .work-item-metadata-stack > *[b-7ygyv8u3i6],
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .mud-stack > *[b-7ygyv8u3i6] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

/* MudMenu (picklist) and its activator must stretch so the trigger fills the card */
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .field-picklist-select-with-filter-menu[b-7ygyv8u3i6],
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .field-picklist-select-with-filter-menu.mud-menu[b-7ygyv8u3i6],
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .field-picklist-select-with-filter-menu .mud-menu-activator[b-7ygyv8u3i6] {
    width: 100%;
    min-width: 0;
}

.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .mud-input-control[b-7ygyv8u3i6],
.service-desk-right-sidebar .work-item-metadata-card.full-width-fields .field-picklist-select-with-filter-trigger[b-7ygyv8u3i6] {
    width: 100%;
    min-width: 0;
}
/* /Pages/Settings/AssetTypes/Components/AssetTypeLayoutEditor.razor.rz.scp.css */
.layout-drop-area[b-zfqb4aopts] {
    min-height: 48px;
    border: 2px dashed var(--mud-palette-lines-default);
    background: var(--mud-palette-background-default);
}

.layout-drop-area.section-drop[b-zfqb4aopts] {
    min-height: 40px;
}

.layout-cell-drop[b-zfqb4aopts] {
    min-height: 36px;
    border: 1px dashed var(--mud-palette-lines-default);
    background: var(--mud-palette-background-paper);
}

.layout-cell-placeholder[b-zfqb4aopts] {
    font-size: 0.7rem;
}

.layout-draggable-chip[b-zfqb4aopts] {
    display: inline-block;
    cursor: grab;
}

.layout-draggable-chip:active[b-zfqb4aopts] {
    cursor: grabbing;
}

.layout-section-card .mud-card-header[b-zfqb4aopts] {
    flex-wrap: wrap;
}
/* /Pages/Settings/Picklists/Index.razor.rz.scp.css */
.picklists-settings-page .categories-panel .empty-state[b-ou3xgdxoye] { background: var(--mud-palette-background-grey); }
.picklists-settings-page .picklist-category-list[b-ou3xgdxoye] { border: 1px solid var(--mud-palette-divider); border-radius: 4px; }
.picklists-settings-page .category-detail-panel .cursor-grab[b-ou3xgdxoye] { cursor: grab; }
.picklists-settings-page .module-workspace-card[b-ou3xgdxoye] { margin-top: 0.5rem; }
.picklists-settings-page .workspace-aside-col[b-ou3xgdxoye] { border-left: 1px solid var(--mud-palette-divider); }
.picklists-settings-page .workspace-aside-col .mud-paper[b-ou3xgdxoye] { background: var(--mud-palette-background); }
/* /Pages/Sops/View.razor.rz.scp.css */
/* SOP View – Steps tab layout aligned with Process Detail (Figma layout) */

.process-detail-figma-layout[b-oyg5lnyrhb] {
    display: grid;
    grid-template-columns: minmax(360px, 1fr) 2fr;
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 960px) {
    .process-detail-figma-layout[b-oyg5lnyrhb] {
        grid-template-columns: 1fr;
    }
}

.process-activities-column[b-oyg5lnyrhb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.process-step-detail-column[b-oyg5lnyrhb] {
    min-width: 0;
    background: var(--mud-palette-background-grey);
    border-radius: var(--mud-default-borderradius);
    padding: 1.25rem;
}

.process-step-number-badge[b-oyg5lnyrhb] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-contrast);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}

/* Steps tab: 2/3 + 1/3 docbuilder-style column */
.sop-steps-column[b-oyg5lnyrhb] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sop-steps-scroll[b-oyg5lnyrhb] {
    overflow-y: auto;
    max-height: calc(100vh - 280px);
    padding-right: 0.5rem;
}

/* Flowing document (view mode) */
.sop-steps-flow[b-oyg5lnyrhb] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sop-step-flow-item[b-oyg5lnyrhb] {
    display: flex;
    gap: 0.5rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.sop-step-flow-item:last-child[b-oyg5lnyrhb] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sop-step-flow-number[b-oyg5lnyrhb] {
    flex-shrink: 0;
    font-size: 0.875rem;
    color: var(--mud-palette-text-secondary);
    min-width: 1.5rem;
}

.sop-step-flow-body[b-oyg5lnyrhb] {
    flex: 1;
    min-width: 0;
}

.sop-step-flow-title[b-oyg5lnyrhb] {
    line-height: 1.4;
}

.sop-step-flow-description[b-oyg5lnyrhb] {
    line-height: 1.6;
}

/* Step metadata (Form template link, Completion type, Evidence) – below step text, above next step title */
.sop-step-flow-meta-wrapper[b-oyg5lnyrhb] {
    margin-top: 0.75rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.sop-step-flow-meta[b-oyg5lnyrhb] {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--mud-palette-text-secondary);
}

.sop-step-flow-meta a[b-oyg5lnyrhb] {
    font-weight: 500;
}

/* Uniform block typography in SOP view – same fonts/sizes as page for clean, consistent design */
.sop-steps-flow .section-block-renderer.gp-doc-theme[b-oyg5lnyrhb],
.sop-steps-flow .sop-step-flow-description .section-block-renderer[b-oyg5lnyrhb] {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--mud-palette-text-primary);
}

.sop-steps-flow .section-block-renderer p[b-oyg5lnyrhb] {
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.6;
}

.sop-steps-flow .section-block-renderer p:last-child[b-oyg5lnyrhb] {
    margin-bottom: 0;
}

.sop-steps-flow .section-block-renderer ul[b-oyg5lnyrhb],
.sop-steps-flow .section-block-renderer ol[b-oyg5lnyrhb] {
    margin: 0.5rem 0 0.5rem 1.5rem;
    padding-left: 0.5em;
    font-size: 1rem;
    line-height: 1.6;
}

.sop-steps-flow .section-block-renderer li[b-oyg5lnyrhb] {
    margin-bottom: 0.25rem;
}

/* Heading scale in blocks: document-appropriate sizes (uniform with body) */
.sop-steps-flow .section-block-renderer .mud-typography-h4[b-oyg5lnyrhb] {
    font-size: 1.25rem !important;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 0.75rem;
    margin-bottom: 0.5rem;
}

.sop-steps-flow .section-block-renderer .mud-typography-h4:first-child[b-oyg5lnyrhb] {
    margin-top: 0;
}

.sop-steps-flow .section-block-renderer .mud-typography-h5[b-oyg5lnyrhb] {
    font-size: 1.125rem !important;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 0.5rem;
    margin-bottom: 0.375rem;
}

.sop-steps-flow .section-block-renderer .mud-typography-h6[b-oyg5lnyrhb] {
    font-size: 1rem !important;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}

.sop-steps-flow .section-block-renderer pre[b-oyg5lnyrhb] {
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0.5rem 0;
}

/* Edit mode: always-visible small "Add step" link */
.sop-step-add-link[b-oyg5lnyrhb] {
    cursor: pointer;
    padding: 0.25rem 0;
    margin-bottom: 0.25rem;
    border-radius: var(--mud-default-borderradius);
}

.sop-step-add-link:hover[b-oyg5lnyrhb] {
    background-color: var(--mud-palette-action-default-hover);
}

.sop-step-add-link:focus-visible[b-oyg5lnyrhb] {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: 2px;
}

/* Tighter spacing between step cards and add links in edit mode */
.sop-steps-scroll .sop-step-widget[b-oyg5lnyrhb] {
    margin-bottom: 0.5rem;
}

.sop-steps-scroll .sop-step-add-link[b-oyg5lnyrhb] {
    margin-bottom: 0.25rem;
}
/* /Pages/Tasks/Boards/BoardKanban.razor.rz.scp.css */
/* Kanban Board Container */
.kanban-board-container[b-8h1889hjp0] {
    background: var(--mud-palette-background);
    border-radius: 8px;
}

/* Kanban Column Styling */
.kanban-column[b-8h1889hjp0] {
    border-radius: 8px;
    background: var(--mud-palette-surface);
    transition: all 0.2s ease;
}

.kanban-column.drag-over-column[b-8h1889hjp0] {
    border: 2px solid var(--mud-palette-primary) !important;
    background: rgba(var(--mud-palette-primary-rgb), 0.05) !important;
    box-shadow: 0 4px 12px rgba(var(--mud-palette-primary-rgb), 0.2);
}

/* Task Card Styling */
.kanban-task-card[b-8h1889hjp0] {
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 0.5rem;
    background: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-divider);
}

.kanban-task-card:hover[b-8h1889hjp0] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.kanban-task-card.task-highlight[b-8h1889hjp0] {
    animation: taskFlash-b-8h1889hjp0 2.5s ease-out forwards;
    background: rgba(var(--mud-palette-primary-rgb), 0.15);
    border: 1px solid var(--mud-palette-primary);
    box-shadow: 0 0 0 2px rgba(var(--mud-palette-primary-rgb), 0.35);
}

.kanban-task-card.task-dragging[b-8h1889hjp0] {
    opacity: 0.5;
    transform: scale(0.95);
}

@keyframes taskFlash-b-8h1889hjp0 {
    0% {
        background: rgba(var(--mud-palette-primary-rgb), 0.45);
    }
    60% {
        background: rgba(var(--mud-palette-primary-rgb), 0.12);
    }
    100% {
        background: transparent;
    }
}

/* Drop Target Styling */
.kanban-drop-target[b-8h1889hjp0] {
    min-height: 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
    margin: 0.25rem 0;
}

.kanban-drop-target.drop-target-active[b-8h1889hjp0] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.2);
    min-height: 24px;
    border: 2px dashed var(--mud-palette-primary);
}

/* Drawer Pattern Styles - For List View Only */
.task-board-shell[b-8h1889hjp0] {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative;
    min-height: 400px;
    gap: 0;
}

.board-area[b-8h1889hjp0] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    transition: flex .3s ease;
}

.detail-drawer[b-8h1889hjp0] {
    flex: 0 0 45%;
    max-width: 45%;
    background: var(--mud-palette-surface);
    overflow-y: auto;
    animation: slideIn-b-8h1889hjp0 .3s ease-out;
    padding: 20px;
}

.task-detail-wrapper[b-8h1889hjp0] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@keyframes slideIn-b-8h1889hjp0 {
    from {
        flex: 0 0 0;
        width: 0;
        opacity: 0;
    }
    to {
        flex: 0 0 45%;
        max-width: 45%;
        opacity: 1;
    }
}

/* Grid styling for better visual separation */
[b-8h1889hjp0] .board-list-grid {
    background: var(--mud-palette-surface);
}

[b-8h1889hjp0] .board-list-grid .mud-table-toolbar {
    padding: 1rem;
    background: var(--mud-palette-background);
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* Add Phase Column */
.kanban-add-phase-column[b-8h1889hjp0] {
    border: 2px dashed var(--mud-palette-divider) !important;
    background: var(--mud-palette-background) !important;
}

.kanban-add-phase-column:hover[b-8h1889hjp0] {
    border-color: var(--mud-palette-primary) !important;
    background: rgba(var(--mud-palette-primary-rgb), 0.05) !important;
    box-shadow: 0 4px 12px rgba(var(--mud-palette-primary-rgb), 0.15) !important;
}

/* Screen Reader Only */
.sr-only[b-8h1889hjp0] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
}

@media (max-width: 960px) {
    .task-board-shell[b-8h1889hjp0] {
        flex-direction: column;
    }

    .detail-drawer[b-8h1889hjp0] {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        border-top: 1px solid var(--mud-palette-divider);
        min-height: 400px;
    }

    @keyframes slideIn-b-8h1889hjp0 {
        from {
            max-height: 0;
            opacity: 0;
        }
        to {
            max-height: 100vh;
            opacity: 1;
        }
    }
}
/* /Pages/Tasks/Components/BoardListView.razor.rz.scp.css */
/* Board List View Styling - Flat Design */

/* Single root wrapper: fill parent (board-area) and flex column so grid area can scroll */
.board-list-view-fill[b-0rx65e7xkl] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Grid area: take remaining space below filters; scroll when content overflows */
.board-list-grid-area[b-0rx65e7xkl] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

/* DataGrid fills grid area so table can use full height */
.board-list-grid-area[b-0rx65e7xkl] (.board-list-grid),
.board-list-grid-area[b-0rx65e7xkl] (.mud-data-grid) {
    flex: 1;
    min-height: 0;
}

.board-list-grid[b-0rx65e7xkl] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--radius-8);
    box-shadow: none !important;
    /* Flat design - no shadows */
}

/* Override MudDataGrid default shadows */
.board-list-grid[b-0rx65e7xkl]  .mud-table {
    box-shadow: none !important;
}

/* Hover effect for rows */
.board-list-grid[b-0rx65e7xkl]  .mud-table-row:hover {
    background-color: var(--mud-palette-action-default-hover);
    cursor: pointer;
}

/* Chip styling alignment */
.board-list-grid[b-0rx65e7xkl]  .mud-chip {
    font-weight: 500;
}
/* /Pages/Tasks/MyTasks.razor.rz.scp.css */
/* My Tasks Page - Layout matches Intelligence page
   PageSection > page-content-standard > home-header + tasks-content-center
   Content (filters, grid, drawer) is placed in tasks-content-center like UnifiedIntelligenceChat in intelligence-content-center.
   Full width: content uses full screen width (no max-width constraint).
*/

/* Make page-content-standard a flex container when it has tasks-content-center (same pattern as Intelligence) */
.page-content-standard:has(.tasks-content-center)[b-bese5veqvi] {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    flex: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

/* Content area below header - fills remaining height and full width (same as .intelligence-content-center: padding 0) */
.tasks-content-center[b-bese5veqvi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    height: 100%;
}

/* Main content - no extra padding; matches Intelligence's direct content inside content-center */
.tasks-main[b-bese5veqvi] {
    width: 100%;
    max-width: 100%;
}
/* /Pages/Tenants/TenantLicenceDialog.razor.rz.scp.css */
/* Licence dialog: scrollable content, clean sections */
.tenant-licence-dialog .tenant-licence-content[b-ptjwtja15u] {
    max-height: min(70vh, 560px);
    overflow-y: auto;
}

.tenant-licence-dialog .mud-paper:last-of-type[b-ptjwtja15u] {
    border-bottom: none !important;
}
/* /Pages/Vehicles/View.razor.rz.scp.css */
/* Allow dropdowns/menus in the right sidebar to extend without clipping */
.entity-view-sidebar[b-hpe2816j7e] {
    overflow: visible;
}