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

/* /Components/Conversations/MessageNotificationToast.razor.rz.scp.css */
.message-notification-toast[b-yhxrpd22zf] {
    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-yhxrpd22zf] {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.notification-paper[b-yhxrpd22zf] {
    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-yhxrpd22zf] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Dark mode support */
.mud-theme-dark .notification-paper[b-yhxrpd22zf] {
    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-yhxrpd22zf] {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

/* Mobile responsiveness */
@media (max-width: 600px) {
    .message-notification-toast[b-yhxrpd22zf] {
        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-6e49kgoyk2] {
    min-width: 0;
}

.document-browser-content[b-6e49kgoyk2] {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
    overflow-y: auto;
}
/* /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-87iwlnkm5x] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--mud-palette-surface);
    overflow: hidden;
}

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

.chat-history-header[b-87iwlnkm5x] {
    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-87iwlnkm5x] {
    font-weight: 500;
    text-transform: none;
    height: auto;
    min-height: 32px;
    font-size: var(--font-base);
    padding: 6px 12px;
}

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

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

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

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

.session-group-label[b-87iwlnkm5x] {
    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-87iwlnkm5x] {
    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-87iwlnkm5x] {
    background-color: var(--mud-palette-action-default-hover);
}

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

.session-title[b-87iwlnkm5x] {
    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-87iwlnkm5x] {
    font-weight: 500;
}

.session-menu-btn[b-87iwlnkm5x] {
    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-87iwlnkm5x] {
    opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

.mud-theme-dark .session-item.active[b-87iwlnkm5x] {
    background-color: rgba(255, 255, 255, 0.10);
}
/* /Components/Intelligence/DocumentPreviewPanel.razor.rz.scp.css */
.document-preview-panel[b-bd84lrxp0i] {
    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-bd84lrxp0i] {
    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-bd84lrxp0i] {
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

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

.document-preview-content[b-bd84lrxp0i] {
    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-bd84lrxp0i] {
    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-bd84lrxp0i] {
    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-bd84lrxp0i] {
        background: var(--mud-palette-background, #121212);
    }
    
    .document-preview-header[b-bd84lrxp0i] {
        border-bottom-color: rgba(255, 255, 255, 0.12);
    }
    
    .document-a4-container[b-bd84lrxp0i] {
        background: var(--mud-palette-surface, #1e1e1e);
    }
    
    .document-preview-footer[b-bd84lrxp0i] {
        border-top-color: rgba(255, 255, 255, 0.12);
    }
}

/* Responsive: Adjust A4 container on smaller screens */
@media (max-width: 1200px) {
    .document-a4-container[b-bd84lrxp0i] {
        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-xlxvuajcy8] {
    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-xlxvuajcy8]::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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    --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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8]::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-xlxvuajcy8]::before {
    opacity: 1;
}

/* Speech bubble tail border (matching container border) */
.intelligence-chat-bubble[b-xlxvuajcy8]::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-xlxvuajcy8]::after {
    opacity: 1;
}

/* ========================================
   BUBBLE HEADER (Unified header area)
   ======================================== */
.bubble-header[b-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bubble-close-btn[b-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    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-xlxvuajcy8] {
    box-sizing: border-box;
}

/* Override any left padding that might be inherited from UnifiedIntelligenceChat styles */
.bubble-content :deep(.unified-header)[b-xlxvuajcy8] {
    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-xlxvuajcy8] {
        background: transparent !important; /* No background on overlay itself in dark mode */
    }
    
    .intelligence-chat-bubble-overlay[b-xlxvuajcy8]::before {
        background: var(--mud-palette-background) !important; /* Solid opaque background for sides and bottom in dark mode */
    }
    
    .intelligence-chat-bubble[b-xlxvuajcy8] {
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    }
    
    .bubble-close-btn[b-xlxvuajcy8] {
        background: rgba(var(--mud-palette-surface-rgb), 0.95) !important;
    }
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */
@media (max-width: 1200px) {
    .intelligence-chat-bubble-overlay[b-xlxvuajcy8] {
        padding: 20px 16px 16px 16px; /* Top padding for spacing - no top overlay */
    }
    
    .intelligence-chat-bubble-overlay[b-xlxvuajcy8]::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-xlxvuajcy8] {
        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-xlxvuajcy8]::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-xlxvuajcy8] {
        border-radius: 12px;
    }
    
    /* Keep tail on mobile but adjust position */
    .intelligence-chat-bubble[b-xlxvuajcy8]::before,
    .intelligence-chat-bubble[b-xlxvuajcy8]::after {
        right: 16px;
    }
}

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

.intelligence-chat-bubble.open[b-xlxvuajcy8] {
    animation: slideInFromRight-b-xlxvuajcy8 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-xlxvuajcy8 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

.intelligence-chat-bubble:not(.open)[b-xlxvuajcy8] {
    animation: slideOutToRight-b-xlxvuajcy8 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-nzs1i8b1ts] {
    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-nzs1i8b1ts 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

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

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

.hover-panel-header[b-nzs1i8b1ts] {
    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-nzs1i8b1ts] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    font-size: var(--font-lg);
}

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

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

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

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

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

.session-group-label[b-nzs1i8b1ts] {
    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-nzs1i8b1ts] {
    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-nzs1i8b1ts] {
    background-color: var(--mud-palette-action-default-hover);
}

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

.session-title[b-nzs1i8b1ts] {
    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-nzs1i8b1ts] {
    font-weight: 500;
}

.session-menu-btn[b-nzs1i8b1ts] {
    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-nzs1i8b1ts] {
    opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

.mud-theme-dark .session-item.active[b-nzs1i8b1ts] {
    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-wtemocsw8t] {
    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-wtemocsw8t],
.drawer-content-wrapper .chat-messages-body .intelligence-welcome-container[b-wtemocsw8t],
.actions-drawer-body .chat-messages-body .intelligence-welcome-container[b-wtemocsw8t] {
    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-wtemocsw8t] {
    text-align: center;
    max-width: 700px;
    width: 100%;
}

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

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

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

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

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

.category-header[b-wtemocsw8t] {
    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-wtemocsw8t] {
        border-bottom-color: rgba(255, 255, 255, 0.12);
    }
}

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

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

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

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

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

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

/* ========================================
   SNIPPET CARD (Flat Design)
   ======================================== */
.snippet-card[b-wtemocsw8t] {
    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-wtemocsw8t] {
    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-wtemocsw8t] {
        background: var(--mud-palette-surface, #2a2a2a) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

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

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

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

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

.snippet-preview[b-wtemocsw8t] {
    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-wtemocsw8t] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: auto;
}

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

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

.suggested-question-btn[b-wtemocsw8t] {
    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-wtemocsw8t] {
    border-color: var(--mud-palette-primary) !important;
    background: #F8FAFC !important;
    transform: translateX(4px);
}

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

    .suggested-question-btn:hover[b-wtemocsw8t] {
        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-wtemocsw8t] {
        padding: 32px 16px;
        gap: 24px;
    }

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

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

    .suggested-question-btn[b-wtemocsw8t] {
        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-6y4hdod4io] {
    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-6y4hdod4io 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1050;
    /* Above backdrop (1049) */
}

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

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

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

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

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

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

/* Header */
.settings-quicklinks-drawer .quicklinks-header[b-6y4hdod4io] {
    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-6y4hdod4io] {
    display: flex;
    align-items: center;
}

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

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

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

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

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

.settings-quicklinks-drawer .section-label[b-6y4hdod4io] {
    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-6y4hdod4io] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px 12px 12px;
}

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

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

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

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

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

.settings-quicklinks-drawer .quicklinks-body[b-6y4hdod4io]::-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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    width: 50%;
}

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

@media (max-width: 960px) {
    .unified-chat-wrapper .unified-chat-container.viewing-document[b-ioojlygn8p],
    .unified-chat-wrapper .unified-chat-container:has(.embedded-content-viewer)[b-ioojlygn8p] {
        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-ioojlygn8p] {
    display: none;
}

/* ========================================
   DOCUMENT VIEWER DRAWER (Canvas-style split)
   Uses MudBlazor palette for theme consistency.
   ======================================== */
.unified-chat-wrapper .document-viewer-drawer[b-ioojlygn8p] {
    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-ioojlygn8p] {
    transform: translateX(0);
}

.unified-chat-wrapper .document-viewer-drawer .drawer-header[b-ioojlygn8p] {
    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-ioojlygn8p] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    background: var(--mud-palette-background);
}

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

/* ========================================
   SIDEBAR (Sessions/Threads)
   ======================================== */
.unified-chat-wrapper .unified-chat-sidebar[b-ioojlygn8p] {
    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-ioojlygn8p] {
    width: 64px;
    min-width: 64px;
}

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

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

.unified-chat-wrapper .sidebar-header[b-ioojlygn8p] {
    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-ioojlygn8p] {
    color: var(--mud-palette-text-primary);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

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

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

.sidebar-sessions-list[b-ioojlygn8p] {
    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-ioojlygn8p]::-webkit-scrollbar {
    width: 6px;
}

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

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

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

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

.session-group-label[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    background-color: var(--mud-palette-action-default-hover);
}

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

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

.session-avatar[b-ioojlygn8p] {
    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-ioojlygn8p] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

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

.session-title[b-ioojlygn8p] {
    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-ioojlygn8p] {
    font-weight: 500;
}

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

.session-meta[b-ioojlygn8p] {
    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-ioojlygn8p] {
    opacity: 0;
    transition: opacity 0.15s ease;
    width: 24px;
    height: 24px;
    padding: 2px;
    flex-shrink: 0;
}

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

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

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

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

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


/* ========================================
   MAIN CHAT PANEL
   ======================================== */
.unified-chat-main[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    border-left-color: var(--mud-palette-divider);
}

/* ========================================
   UNIFIED PANELS CONTAINER (Chat + Viewer + Tiles side by side)
   ======================================== */
.unified-panels-container[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    margin: 0;
}

.chat-panel-actions[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p],
.intelligence-split-layout .unified-chat-wrapper .unified-panels-container .chat-panel[b-ioojlygn8p] {
    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-ioojlygn8p] {
    min-width: 400px;
    max-width: 100%;
}

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

.unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer) .chat-panel[b-ioojlygn8p] {
    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-ioojlygn8p] {
    min-width: 300px;
}

.unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer):has(.content-tiles-panel) .chat-panel[b-ioojlygn8p] {
    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):has(.content-tiles-panel) .chat-panel[b-ioojlygn8p] {
    min-width: 300px;
}

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

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

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

/* ========================================
   EMPTY STATE (No Active Session)
   ======================================== */
.chat-empty-state[b-ioojlygn8p] {
    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-ioojlygn8p] {
    margin-top: 32px;
    max-width: 800px;
}

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

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

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

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

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

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

/* Suggested Questions */
.suggested-questions[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
        background: var(--mud-palette-surface, #1e1e1e);
    }
}

.unified-chat-wrapper .chat-messages-header[b-ioojlygn8p] {
    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-ioojlygn8p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.chat-header-avatar[b-ioojlygn8p] {
    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-ioojlygn8p] {
    display: flex;
    flex-direction: column;
}

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

.chat-messages-body[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p],
.unified-chat-wrapper .unified-chat-container .chat-messages-body .chat-message.user[b-ioojlygn8p] {
    background: transparent;
}

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

/* Message header with timestamp and role chip */
.unified-chat-container .chat-messages-body .message-header[b-ioojlygn8p] {
    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-ioojlygn8p] {
    justify-content: flex-start;
}

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

.unified-chat-container .chat-messages-body .message-content[b-ioojlygn8p] {
    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-ioojlygn8p],
.intelligence-split-layout:has(.intelligence-document-preview-panel) .message-header[b-ioojlygn8p] {
    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-ioojlygn8p],
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .message-header[b-ioojlygn8p] {
        max-width: 500px;
        padding: 0 1rem;
    }
}

@media (max-width: 1200px) {
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .message-content[b-ioojlygn8p],
    .intelligence-split-layout:has(.intelligence-document-preview-panel) .message-header[b-ioojlygn8p] {
        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-ioojlygn8p] {
    text-align: left;
}

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

.unified-chat-wrapper .message-text[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    font-family: inherit;
}

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

.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h1[b-ioojlygn8p] { font-size: 1.75rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h2[b-ioojlygn8p] { font-size: 1.5rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h3[b-ioojlygn8p] { font-size: 1.25rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h4[b-ioojlygn8p] { font-size: 1.125rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h5[b-ioojlygn8p] { font-size: 1rem; }
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme h6[b-ioojlygn8p] { 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-ioojlygn8p] {
    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-ioojlygn8p] {
    color: var(--mud-palette-primary-darken, #4739c4);
    text-decoration: underline;
}
.unified-chat-wrapper .unified-chat-container .message-content .gp-doc-theme a:visited[b-ioojlygn8p] {
    color: var(--mud-palette-primary, #594ae2);
}

/* ========================================
   MESSAGE INPUT AREA
   ======================================== */
.unified-chat-wrapper .chat-input-wrapper[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    width: 100%;
    margin-bottom: 12px;
}

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

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

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

.chat-input-actions-right[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
        max-width: 500px;
    }
}

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

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

.unified-chat-wrapper .chat-input-container[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p],
.chat-input-wrapper .chat-input-container.mud-paper[b-ioojlygn8p],
.unified-chat-wrapper .chat-messages-container .chat-input-wrapper .chat-input-container.mud-paper[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p],
.unified-chat-wrapper .chat-messages-container > .modern-card[b-ioojlygn8p] {
    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-ioojlygn8p],
.unified-chat-wrapper .chat-messages-body .intelligence-landing-widget[b-ioojlygn8p] {
    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-ioojlygn8p],
.drawer-content-wrapper .chat-messages-body .intelligence-welcome-container[b-ioojlygn8p] {
    padding: 2rem 1.5rem;
}

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

/* Attachment preview (file chip above text input) */
.attachment-preview[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    color: var(--mud-palette-text-secondary, #64748B);
    transition: all 0.2s ease;
    flex-shrink: 0;
}

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

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

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

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

.unified-chat-wrapper .send-button[b-ioojlygn8p] {
    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-ioojlygn8p] {
    /* 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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
}

.entity-action-drawer .drawer-content .chat-panel[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p],
.entity-action-drawer .drawer-content .chat-messages-body .landing-hero[b-ioojlygn8p] {
    min-height: 0 !important;
}

.actions-drawer-body .unified-chat-wrapper[b-ioojlygn8p],
.drawer-content-wrapper .unified-chat-wrapper[b-ioojlygn8p] {
    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-ioojlygn8p],
.drawer-content-wrapper .unified-chat-container[b-ioojlygn8p] {
    flex: 1 !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.actions-drawer-body .unified-chat-main[b-ioojlygn8p],
.drawer-content-wrapper .unified-chat-main[b-ioojlygn8p] {
    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-ioojlygn8p],
.drawer-content-wrapper .unified-header[b-ioojlygn8p] {
    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-ioojlygn8p],
.drawer-content-wrapper .unified-panels-container[b-ioojlygn8p] {
    flex: 1 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
}

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

/* Properties-specific fix: Ensure chat works correctly in Properties drawer */
.properties-view-page .actions-drawer-body .unified-chat-wrapper[b-ioojlygn8p] {
    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;
}

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

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

.properties-view-page .actions-drawer-body .unified-header[b-ioojlygn8p] {
    flex-shrink: 0 !important;
}

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

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

.properties-view-page .actions-drawer-body .chat-messages-container[b-ioojlygn8p] {
    flex: 1 1 0% !important;
    /* CRITICAL: Use 0% flex-basis to allow proper shrinking */
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.properties-view-page .actions-drawer-body .chat-messages-body[b-ioojlygn8p] {
    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-ioojlygn8p] {
        max-width: 800px;
    }
    .unified-chat-wrapper .chat-input-container[b-ioojlygn8p],
    .unified-chat-wrapper .chat-input-container.mud-paper[b-ioojlygn8p] {
        width: 90%;
        max-width: 800px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

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

    100% {
        content: '';
    }
}

@media (prefers-color-scheme: dark) {
    .thinking-indicator[b-ioojlygn8p] {
        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-ioojlygn8p] {
    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-ioojlygn8p 0.3s ease-out;
}

@keyframes fadeInBounce-b-ioojlygn8p {
    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-ioojlygn8p] {
        background: var(--mud-palette-info-darken);
    }
}

/* ========================================
   EMBEDDED CONTENT VIEWER (A4 Document - Fixed Width)
   ======================================== */
.unified-chat-wrapper .embedded-content-viewer[b-ioojlygn8p] {
    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-ioojlygn8p 0.3s ease-out;
    order: 2;
}

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

.embedded-viewer-loading[b-ioojlygn8p] {
    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-ioojlygn8p] {
    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-ioojlygn8p] {
        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-ioojlygn8p] {
        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-ioojlygn8p] {
        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-ioojlygn8p] {
        min-width: 300px; /* Minimum for readability */
    }
}

@media (max-width: 1200px) {
    /* Canvas maintains A4 width (210mm) - no change */
    .embedded-content-viewer[b-ioojlygn8p] {
        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-ioojlygn8p] {
        min-width: 300px; /* Minimum for readability, input will scale down */
    }
    
    .unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer) .chat-input-container[b-ioojlygn8p],
    .unified-chat-wrapper .unified-panels-container:has(.embedded-content-viewer) .chat-input-container.mud-paper[b-ioojlygn8p] {
        max-width: 100%;
    }
}

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

/* ========================================
   CONTENT TILES PANEL (Right Side - Anchored to Right Edge)
   ======================================== */
.unified-chat-wrapper .content-tiles-panel[b-ioojlygn8p] {
    width: 280px;
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-surface);
    border-left: 1px solid var(--mud-palette-divider);
    overflow: hidden;
    min-height: 0;
    order: 3;
    margin-left: auto;
}

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

.content-tiles-list[b-ioojlygn8p] {
    flex: 1;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}

.unified-chat-wrapper .content-tile[b-ioojlygn8p] {
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--mud-palette-divider);
}

.unified-chat-wrapper .content-tile:hover[b-ioojlygn8p] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-color: var(--mud-palette-primary);
}

.unified-chat-wrapper .content-tile.active[b-ioojlygn8p] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-action-default-hover);
}

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

/* content-tiles use --mud-palette so theme handles dark mode */

@media (max-width: 960px) {
    .unified-chat-wrapper .content-tiles-panel[b-ioojlygn8p],
    .unified-chat-wrapper .embedded-content-viewer[b-ioojlygn8p] {
        display: none;
    }
    .unified-chat-wrapper .chat-panel[b-ioojlygn8p] {
        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-n3kbbl3poz] {
    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-n3kbbl3poz 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 1050;
    /* Above backdrop (1049) */
}

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

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

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

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

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

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

/* Header */
.quicklinks-header[b-n3kbbl3poz] {
    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-n3kbbl3poz] {
    display: flex;
    align-items: center;
}

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

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

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

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

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

.section-label[b-n3kbbl3poz] {
    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-n3kbbl3poz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px 12px 12px;
}

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

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

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

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

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

.quicklinks-body[b-n3kbbl3poz]::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-grey);
}
/* /Components/Notes/EmbeddedNotesPanel.razor.rz.scp.css */
.note-postit[b-li83mlwe6y] {
    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-li83mlwe6y] {
    white-space: pre-wrap;
    word-break: break-word;
}

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

.flex-wrap[b-li83mlwe6y] {
    flex-wrap: wrap;
}
/* /Components/Relationships/EntityBrowserDialog.razor.rz.scp.css */
/* Entity Browser Dialog Styles */

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

/* Filter Panel Styling */
.filter-panel[b-lxv30rbj06] {
    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-lxv30rbj06] {
    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-lxv30rbj06] {
    opacity: 0.5;
    background: #F1F5F9 !important;
    cursor: not-allowed;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dark .entity-browser-dialog .mud-input-adornment-start[b-lxv30rbj06] {
    color: var(--mud-palette-text-disabled);
}
/* /Components/Settings/SettingsTabContent.razor.rz.scp.css */
/* Settings Tab Content - Optimized for GlobalCanvas drawer */

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

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

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

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

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

.section-header[b-4vhyivqix5] {
    margin-bottom: 16px;
}

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

/* Setting Tile */
.setting-tile[b-4vhyivqix5] {
    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-4vhyivqix5] {
    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-4vhyivqix5] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

    .setting-tile[b-4vhyivqix5] {
        box-shadow: none;
    }

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

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

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

    .settings-tab-content[b-4vhyivqix5] {
        padding: 16px;
    }

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

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

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

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

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

.settings-body[b-4vhyivqix5]::-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-nyi4l94ki3] { 
    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-nyi4l94ki3] {
    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-nyi4l94ki3] { 
    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-nyi4l94ki3] { 
    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-8x0vdi1uox] { 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-8x0vdi1uox] { 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-8x0vdi1uox] { background: rgba(var(--mud-palette-primary-rgb), .05); border-left-color: var(--mud-palette-primary); }
.expandable-header:focus-visible[b-8x0vdi1uox] { outline:2px solid var(--mud-palette-primary); outline-offset:2px; }
.section-title[b-8x0vdi1uox] { font-size: var(--font-md); font-weight:600; letter-spacing:.03em; }
.expandable-body[b-8x0vdi1uox] { padding: 0 var(--space-md) var(--space-md); display:flex; flex-direction:column; gap: var(--space-md); }
.chevron[b-8x0vdi1uox] { font-family: 'Material Icons'; }
/* /Components/Shared/DataDisplay/PanelBlock.razor.rz.scp.css */
/* Shared PanelBlock styles - uniform card appearance for overview panels */
.panel-block[b-qbo899c89q] { 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-qbo899c89q] { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom: var(--space-md); gap: var(--space-md); }
.panel-title[b-qbo899c89q] { font-size: var(--font-lg); font-weight:600; line-height: var(--lh-tight); margin:0; color: var(--mud-palette-text-primary); }
.panel-actions[b-qbo899c89q] { display:flex; gap: var(--space-sm); }
.panel-body[b-qbo899c89q] { display:flex; flex-direction:column; gap: var(--space-md); }

/* Flat design in dark mode relies on palette tokens */
/* /Components/Shared/Drawers/RelatedItemsDrawer.razor.rz.scp.css */
/* RelatedItemsDrawer - Modern Light Design */
.related-items-drawer[b-3s8ardzv37] {
    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-3s8ardzv37] {
    border-left-color: rgba(255, 255, 255, 0.12) !important;
}

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

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

.related-items-drawer .drawer-scroll-region[b-3s8ardzv37] {
    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-3s8ardzv37] {
    opacity: .8;
}

.related-items-drawer.dense .drawer-scroll-region[b-3s8ardzv37] { padding-top: 8px; }
/* /Components/Shared/InlineEdit/InlineEditableSection.razor.rz.scp.css */
.inline-editable-section[b-ug5wj986lf] {
    margin-bottom: 1.5rem;
}

.section-header[b-ug5wj986lf] {
    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-ug5wj986lf] {
    flex: 1;
}

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

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

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

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

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

@media (max-width: 600px) {
    .section-header[b-ug5wj986lf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .section-actions[b-ug5wj986lf] {
        width: 100%;
    }
    
    .section-actions .mud-button-group[b-ug5wj986lf] {
        width: 100%;
    }
}
/* /Components/Shared/Layout/BottomNav.razor.rz.scp.css */
/* Phase 2 (P2.1): Bottom nav - fixed at bottom, only visible below 600px (Sm). */
.bottom-nav[b-hsyujofj4m] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: var(--mud-palette-surface);
    border-top: 1px solid 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-hsyujofj4m] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 100%;
    height: 56px;
    padding: 0 8px;
}

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

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

.bottom-nav-item .mud-icon[b-hsyujofj4m] {
    font-size: 1.5rem;
}

.bottom-nav-label[b-hsyujofj4m] {
    line-height: 1.2;
}

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

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

.breadcrumbs-trail .mud-breadcrumb-item[b-dmzw10twhc] {
    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-dmzw10twhc] {
    display: inline-flex;
    align-items: center;
}

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

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

/* Separator between breadcrumb items */
.mud-breadcrumb-separator[b-dmzw10twhc] {
    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-dmzw10twhc] {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
}

/* Link styling */
.breadcrumbs-trail .mud-breadcrumb-item a[b-dmzw10twhc],
.breadcrumb-link[b-dmzw10twhc] {
    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-dmzw10twhc],
.breadcrumb-link:hover[b-dmzw10twhc] {
    color: var(--mud-palette-primary-darken);
    text-decoration: underline;
}

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

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

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

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

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

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

/* Empty state */
.app-breadcrumbs[data-placeholder="breadcrumb-empty"][b-dmzw10twhc] {
    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-sy6xgj5f7u] { position:relative; transition:width .25s ease, padding .25s ease; min-height:100%; display:flex; flex-direction:column; }
.module-tools-group.collapsible .tools-header[b-sy6xgj5f7u] { margin-bottom:.5rem; }
.module-tools-group.collapsible .tools-collapse-btn[b-sy6xgj5f7u] { margin-left:.25rem; }
.module-tools-group.collapsible.expanded[b-sy6xgj5f7u] { width:100%; }
.module-tools-group.collapsible.collapsed[b-sy6xgj5f7u] { width:52px; padding:0.5rem 0.35rem; }
.module-tools-group.collapsible.collapsed .tools-heading[b-sy6xgj5f7u] { display:none; }
.module-tools-group.collapsible.collapsed .module-rail[b-sy6xgj5f7u] { display:flex; flex-direction:column; gap:.4rem; }
.module-tools-group.collapsible.collapsed .module-rail-card[b-sy6xgj5f7u] { 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-sy6xgj5f7u], 
.module-tools-group.collapsible.collapsed .module-rail-card .rail-interactive .rail-label[b-sy6xgj5f7u] { display:none !important; }
.module-tools-group.collapsible.collapsed .module-rail-card .mud-chip[b-sy6xgj5f7u] { position:absolute; top:2px; right:2px; transform:scale(.65); padding:0 2px; }
.module-tools-group.collapsible.collapsed .module-rail-card .rail-icon[b-sy6xgj5f7u] { font-size:1.4rem; }
.module-tools-group.collapsible .module-rail[b-sy6xgj5f7u] { transition:opacity .2s ease; }
.module-tools-group.collapsible.collapsed .module-rail[b-sy6xgj5f7u] { opacity:1; pointer-events:auto; }
/* Provide narrow affordance icon remains visible */
.module-tools-group.collapsible.collapsed .tools-collapse-btn[b-sy6xgj5f7u] { transform:rotate(180deg); }

@media (max-width: 900px) {
  /* On narrow screens collapse behavior reverts to standard stacking */
  .module-tools-group.collapsible.collapsed[b-sy6xgj5f7u] { width:100%; }
  .module-tools-group.collapsible.collapsed .module-rail[b-sy6xgj5f7u] { opacity:1; pointer-events:auto; }
  .module-tools-group.collapsible.collapsed .tools-heading[b-sy6xgj5f7u] { display:block; }
}.module-tools-group.collapsible[b-sy6xgj5f7u] { 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-sy6xgj5f7u] { margin-bottom:.5rem; }
.module-tools-group.collapsible.expanded[b-sy6xgj5f7u] { width:100%; }
.module-tools-group.collapsible.collapsed[b-sy6xgj5f7u] { width:44px; padding:0.35rem 0.15rem; }
.module-tools-group.collapsible .right-rail-card[b-sy6xgj5f7u] { transition:background .18s, box-shadow .18s, border-color .18s; }
.module-tools-group.collapsible .right-rail-card .rail-label[b-sy6xgj5f7u] { transition:opacity .2s ease, transform .25s ease; }
.module-tools-group.collapsible.collapsed .right-rail-card .rail-label[b-sy6xgj5f7u] { opacity:0; transform:translateX(-4px); pointer-events:none; }
.module-tools-group.collapsible.expanded .right-rail-card .rail-label[b-sy6xgj5f7u] { opacity:1; transform:translateX(0); }
.module-tools-group.collapsible.collapsed .right-rail-card[b-sy6xgj5f7u] { 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-sy6xgj5f7u] { font-size:1.25rem; }
.module-tools-group.collapsible .tools-collapse-btn[b-sy6xgj5f7u] { margin-left:.25rem; }
.module-tools-group.collapsible.collapsed .tools-collapse-btn[b-sy6xgj5f7u] { transform:rotate(180deg); }
.module-tools-group.collapsible .module-rail[b-sy6xgj5f7u] { display:flex; flex-direction:column; gap:.5rem; }
.module-tools-group.collapsible .rail-label.ellipsize[b-sy6xgj5f7u], .module-tools-group.collapsible .rail-label.ellipsize[b-sy6xgj5f7u] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; display:inline-block; }
@media (max-width:900px){
  .module-tools-group.collapsible.collapsed[b-sy6xgj5f7u] { width:100%; }
  .module-tools-group.collapsible.collapsed .right-rail-card[b-sy6xgj5f7u] { 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-idov8zbo4p] {
    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-idov8zbo4p] {
    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-idov8zbo4p] {
    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-idov8zbo4p] {
    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-idov8zbo4p] {
    border-color: rgba(76, 175, 80, 0.3);
    background: rgba(76, 175, 80, 0.04);
}

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

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

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

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

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

    .data-state-boundary-root .mud-alert.mud-alert-outlined-success[b-idov8zbo4p] {
        background: rgba(76, 175, 80, 0.08);
    }
}
/* /Components/Shared/Layout/ModuleHeaderPanel.razor.rz.scp.css */
/* Revised structure uses .module-header-block (bare block, not elevated) */
.module-header-block[b-g1wpay9qni] { margin-bottom:0; }
.module-header-block .mhp-icon[b-g1wpay9qni] { font-size:2.25rem; color:var(--mud-palette-primary); }
.module-header-block .mhp-title[b-g1wpay9qni] { line-height:1.15; }
.module-header-block .mhp-actions .mud-button[b-g1wpay9qni] { min-width:84px; }
.mhp-tabs .mud-tabs[b-g1wpay9qni] { --mud-tabs-toolbar-min-height:38px; }
/* /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-9gede67qks] {
    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-9gede67qks] {
    background-color: rgba(0, 0, 0, 0.04);
}

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

.section-label[b-9gede67qks] {
    flex: 1;
    margin: 0;
}

.section-expand-icon[b-9gede67qks] {
    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-9gede67qks] {
    transform: rotate(0deg);
}

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

.notion-nav-section-header:hover .section-expand-icon[b-9gede67qks] {
    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-vknlhlzds8] {
    display: flex;
    gap: 8px;
}

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

.nav-pills .nav-pill-dark[b-vknlhlzds8] {
    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-vknlhlzds8] {
    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-vknlhlzds8] {
    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-vknlhlzds8] {
    margin-right: 4px;
    display: flex;
    align-items: center;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .nav-pills .nav-pill-dark[b-vknlhlzds8] {
        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-vknlhlzds8] {
        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-vknlhlzds8] {
        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 - Polished Enterprise Design */
.notion-nav-menu[b-4a47u4q8zb] {
    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-4a47u4q8zb] {
    width: 280px;
}

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

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

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

.notion-nav-content.collapsed-content[b-4a47u4q8zb] {
    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-4a47u4q8zb] {
    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-4a47u4q8zb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
}

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

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

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

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

.collapse-btn:hover[b-4a47u4q8zb] {
    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-4a47u4q8zb] {
    font-size: 1.25rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

/* Scrollable Content Area */
.notion-nav-scrollable[b-4a47u4q8zb] {
    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-4a47u4q8zb] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

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

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

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

/* MudNavLink - Notion-style (working WITH MudBlazor) */
.notion-nav-menu .mud-nav-link[b-4a47u4q8zb] {
    border-radius: 8px;
    transition: background-color 0.15s ease;
    background-color: transparent;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    font-weight: 400;
    min-height: 36px;
    /* Use MudBlazor's color system - Color.Secondary for inactive, active state handled by MudBlazor */
    color: var(--mud-palette-text-secondary);
}

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

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

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

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

.intelligence-history-icon[b-4a47u4q8zb] {
    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-4a47u4q8zb] {
    opacity: 1;
    visibility: visible;
}

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

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

.intelligence-history-icon .mud-icon-root[b-4a47u4q8zb] {
    font-size: var(--font-md);
    width: 1rem;
    height: 1rem;
    color: var(--mud-palette-text-disabled);
    transition: color 0.2s ease;
}

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

.mud-theme-dark .notion-nav-menu .mud-nav-link:hover[b-4a47u4q8zb] {
    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-4a47u4q8zb] {
    background-color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching header */
    font-weight: 600;
    color: var(--mud-palette-appbar-text) !important;
    /* White text */
    box-shadow: none;
    border-radius: 8px;
    /* Rounded rectangle */
}

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

.mud-theme-dark .notion-nav-menu .mud-nav-link.active[b-4a47u4q8zb] {
    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-4a47u4q8zb],
.mud-theme-dark .notion-nav-menu .mud-nav-link.active .mud-nav-link-text[b-4a47u4q8zb] {
    color: var(--mud-palette-appbar-text) !important;
    /* White icon and text */
}

/* Icons - Match nav text size (--font-md), lighter than text for hierarchy. Override global drawer 24px. */
html body .notion-nav-menu .mud-nav-link .mud-icon-root[b-4a47u4q8zb],
html body .notion-nav-menu .mud-nav-link > .mud-icon-root[b-4a47u4q8zb],
html body .notion-nav-menu .mud-nav-link > svg.mud-icon-root[b-4a47u4q8zb] {
    font-size: var(--font-md) !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    max-width: 1rem !important;
    flex-shrink: 0;
    margin-right: 12px;
    /* Softer than text-primary: use disabled tone so icons read lighter than label text */
    color: var(--mud-palette-text-disabled) !important;
}

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

/* Nav link text - App typography (--font-md), color from parent */
.notion-nav-menu .mud-nav-link .mud-nav-link-text[b-4a47u4q8zb] {
    font-size: var(--font-md);
    font-weight: 400;
}

.notion-nav-menu .mud-nav-link.active .mud-nav-link-text[b-4a47u4q8zb] {
    font-weight: 600;
    color: var(--mud-palette-appbar-text) !important;
    /* White text */
}

/* Section label styling - Layout only, color handled by MudBlazor Color prop */
/* Align section labels with icon start position - MudText renders as span.mud-typography.mud-typography-caption */
/* Maximum specificity to override MudBlazor defaults - target exact rendered structure */
.notion-nav-menu .mud-nav-menu span.mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-4a47u4q8zb],
.notion-nav-menu .mud-nav-menu .mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-4a47u4q8zb],
.notion-nav-scrollable .mud-nav-menu span.mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-4a47u4q8zb],
.notion-nav-scrollable .mud-nav-menu .mud-typography.mud-typography-caption.mud-secondary-text.notion-section-label[b-4a47u4q8zb],
.notion-nav-menu .mud-nav-menu .notion-section-label[b-4a47u4q8zb],
.notion-nav-menu .mud-nav-menu .mud-typography.notion-section-label[b-4a47u4q8zb],
.notion-nav-menu .mud-nav-menu .mud-typography-caption.notion-section-label[b-4a47u4q8zb],
.notion-nav-menu .mud-nav-menu span.mud-typography.notion-section-label[b-4a47u4q8zb],
.notion-nav-menu .mud-nav-menu span.mud-typography-caption.notion-section-label[b-4a47u4q8zb],
.notion-nav-scrollable .mud-nav-menu .notion-section-label[b-4a47u4q8zb],
.notion-nav-scrollable .mud-nav-menu .mud-typography.notion-section-label[b-4a47u4q8zb],
.notion-nav-scrollable .mud-nav-menu .mud-typography-caption.notion-section-label[b-4a47u4q8zb],
.notion-nav-scrollable .mud-nav-menu span.mud-typography.notion-section-label[b-4a47u4q8zb],
.notion-nav-scrollable .mud-nav-menu span.mud-typography-caption.notion-section-label[b-4a47u4q8zb] {
    font-size: var(--font-xs) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    /* Color handled by MudText Color="Color.Secondary" */
    /* 30px padding-left aligns with icon start position (MudNavMenu margin + MudNavLink padding + icon spacing) */
    /* Override any utility class padding and MudBlazor defaults */
    padding-left: 30px !important;
    padding-right: 16px !important;
    padding-top: 16px !important;
    padding-bottom: 8px !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-4a47u4q8zb] {
    margin-left: auto;
}

.nav-item-expand-icon[b-4a47u4q8zb] {
    margin-left: auto;
    font-size: 18px;
    width: 18px;
    height: 18px;
    opacity: 0.6;
}

.workspace-subsection[b-4a47u4q8zb] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding-left: 0;
}

/* Footer - Anchored to bottom */
.notion-nav-footer[b-4a47u4q8zb] {
    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-4a47u4q8zb] {
    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-4a47u4q8zb] {
    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-4a47u4q8zb] {
    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-4a47u4q8zb] {
    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-4a47u4q8zb] {
    background: var(--mud-palette-surface);
    border-top-color: rgba(255, 255, 255, 0.12);
}

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

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

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

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

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

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

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

.notion-nav-content[b-4a47u4q8zb]::-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-4a47u4q8zb] {
    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-yzzkdlu7j3] {
    display: flex;
    flex-shrink: 0;
    height: 100%;
}

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

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

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

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

    .notion-nav-overlay-backdrop[b-yzzkdlu7j3] {
        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-yzzkdlu7j3] {
        display: block;
    }

    /* Same nav slot becomes fixed overlay at <960px */
    .notion-nav-shell-inline[b-yzzkdlu7j3] {
        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-yzzkdlu7j3] {
        transform: translateX(0);
    }

    .notion-nav-overlay-close-row[b-yzzkdlu7j3] {
        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-yzzkdlu7j3] {
        margin-left: auto;
    }

    .notion-nav-shell-inline .notion-nav-menu[b-yzzkdlu7j3] {
        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-6u7cp998pl] {
    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-6u7cp998pl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

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

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

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

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

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

/* Dark mode adjustments */
.mud-theme-dark .page-header-panel[b-6u7cp998pl] {
    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-6u7cp998pl] {
        padding: 8px 12px;
    }

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

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

@media (max-width: 600px) {
    .page-header-panel[b-6u7cp998pl] {
        padding: 6px 8px;
    }

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

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

    .page-header-title[b-6u7cp998pl] {
        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-nv6pfxv92w] {
    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-nv6pfxv92w] {
    background: var(--mud-palette-surface);
}

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

.standard-heading[b-nv6pfxv92w] {
    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-nv6pfxv92w] {
    /* Legacy - kept for backward compatibility, but module-title-text classes take precedence */
}

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

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

/* Responsive adjustments */
@media (max-width: 767px) {
    .standard-page-header[b-nv6pfxv92w] {
        padding: 12px 16px;
    }
    
    .standard-header-row[b-nv6pfxv92w] {
        gap: 12px;
    }
    
    .standard-title-text[b-nv6pfxv92w] {
        font-size: 1.25rem;
    }
    
    .standard-header-actions[b-nv6pfxv92w] {
        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-jen2s7aasi] {
    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-jen2s7aasi 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

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

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

.hover-panel-header[b-jen2s7aasi] {
    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-jen2s7aasi] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
    font-size: var(--font-lg);
}

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

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

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

.section-label[b-jen2s7aasi] {
    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-jen2s7aasi] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.settings-item[b-jen2s7aasi] {
    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-jen2s7aasi] {
    background-color: var(--mud-palette-action-default-hover);
}

.settings-item mud-text[b-jen2s7aasi] {
    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-jen2s7aasi] {
    font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.filter-menu-body[b-io0q5pi43p] {
    /* 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-io0q5pi43p]::-webkit-scrollbar {
    width: 8px;
}

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

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

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

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

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

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

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

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

/* /Components/Shared/Lists/UnifiedSearchAndFilters.razor.rz.scp.css */
/* Align typography with rest of module index page */
.unified-search-filters-root[b-vmunthtxy8],
.unified-search-filters-card[b-vmunthtxy8] {
    font-family: var(--mud-typography-body1-font-family, inherit);
}

.unified-search-filters-card[b-vmunthtxy8] {
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
    border-radius: 8px;
}

.active-filters-row[b-vmunthtxy8] {
    padding-top: 0.5rem;
    border-top: 1px solid var(--mud-palette-divider);
}

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

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

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

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

/* Filter/Column Toggle Buttons - Dark charcoal when active (matching header) */
.filter-toggle-button[b-vmunthtxy8],
.column-options-button[b-vmunthtxy8] {
    position: relative;
}

/* When filter panel is expanded or filters are active, use dark charcoal */
.filter-toggle-button.mud-button-filled.mud-primary[b-vmunthtxy8] {
    /* Default: blue (primary) */
}

/* Active state - dark charcoal matching header */
.filter-toggle-button.mud-button-filled.mud-primary.active[b-vmunthtxy8],
.column-options-button.mud-button-filled.mud-primary.active[b-vmunthtxy8] {
    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-vmunthtxy8],
.column-options-button.mud-button-filled.mud-primary.active .mud-icon-root[b-vmunthtxy8] {
    color: var(--mud-palette-appbar-text) !important;
    /* White icon */
}

.filter-expansion-panel[b-vmunthtxy8] {
    margin-top: 0.5rem;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    box-shadow: none;
    overflow: hidden;
}

.filter-panel-header[b-vmunthtxy8] {
    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-vmunthtxy8] {
    background: var(--mud-palette-action-default-hover);
}

.filter-panel-content[b-vmunthtxy8] {
    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-vmunthtxy8] {
    max-height: none !important;
    overflow: visible !important;
    background: transparent; /* Match expansion panel background */
}

.filter-panel-content .filter-menu-body[b-vmunthtxy8] {
    max-height: none !important;
    overflow: visible !important;
    /* Keep padding - grid has pa-3 which is fine */
}

.filter-panel-content .filter-menu-header[b-vmunthtxy8] {
    display: none; /* Hide header when embedded - expansion panel already has title */
}

.filter-panel-content .mud-divider[b-vmunthtxy8] {
    display: none; /* Hide dividers when embedded */
}

.filter-panel-content .filter-menu-actions[b-vmunthtxy8] {
    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-vmunthtxy8] {
        padding: 0.75rem !important;
    }

    .active-filters-row[b-vmunthtxy8] {
        flex-direction: column;
        align-items: flex-start !important;
    }

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

@media (max-width: 600px) {
    .filter-chip[b-vmunthtxy8] {
        font-size: 0.7rem;
        height: 26px;
        padding: 0 6px;
    }
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .unified-search-filters-card[b-vmunthtxy8] {
        border-color: rgba(255, 255, 255, 0.12);
    }
}
/* /Components/Shared/Modern/MobileCardList.razor.rz.scp.css */
/* P2.2: Mobile card list - vertical stack with gap */
.mobile-card-list-cards[b-am491wgxu0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 16px 8px;
}

.mobile-card-list-loading[b-am491wgxu0],
.mobile-card-list-empty[b-am491wgxu0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 120px;
}

.mobile-card-list-pagination[b-am491wgxu0] {
    border-top: 1px solid var(--mud-palette-lines-default, #e0e0e0);
}
/* /Components/Shared/Modern/ModernDataGrid.razor.rz.scp.css */
.modern-grid-empty-state[b-2c8qs3ul5j] {
    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-2c8qs3ul5j] {
    font-size: 4rem;
    color: var(--mud-palette-text-secondary);
    opacity: 0.3;
    margin-bottom: 1rem;
}

.modern-grid-empty-state .empty-state-title[b-2c8qs3ul5j] {
    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-2c8qs3ul5j] {
    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-2c8qs3ul5j] {
    margin-top: 1rem;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .modern-grid-empty-state .empty-state-icon[b-2c8qs3ul5j] {
        opacity: 0.2;
    }
}

/* /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-ep06u74gcp] {
    background: var(--mud-palette-background);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.userguide-nav-search[b-ep06u74gcp] {
    padding: 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-surface);
}

.userguide-nav-list[b-ep06u74gcp] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.userguide-nav-list .mud-list-item[b-ep06u74gcp] {
    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-ep06u74gcp] {
    background-color: rgba(0, 0, 0, 0.04);
}

.mud-theme-dark .userguide-nav-list .mud-list-item:hover[b-ep06u74gcp] {
    background-color: rgba(255, 255, 255, 0.06);
}

.userguide-nav-list .mud-list-item.selected[b-ep06u74gcp] {
    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-ep06u74gcp] {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.12);
}

.userguide-nav-list .mud-list-item .mud-icon-root[b-ep06u74gcp] {
    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-ep06u74gcp] {
    color: var(--mud-palette-primary);
    opacity: 1;
}

.userguide-nav-list .mud-text[b-ep06u74gcp] {
    font-size: 14px;
    line-height: 1.5;
}

.userguide-nav-empty[b-ep06u74gcp] {
    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-3sow48dsg9],
.entity-action-drawer.mud-drawer-temporary.mud-drawer--open[b-3sow48dsg9],
.entity-action-drawer.mud-drawer-anchor-end.mud-drawer--open[b-3sow48dsg9],
.entity-action-drawer.mud-drawer-fixed.mud-drawer--open[b-3sow48dsg9],
.entity-action-drawer.mud-drawer-pos-right.mud-drawer--open[b-3sow48dsg9],
.mud-drawer.entity-action-drawer.mud-drawer--open[b-3sow48dsg9],
.mud-drawer.entity-action-drawer.mud-drawer-temporary.mud-drawer--open[b-3sow48dsg9],
.mud-drawer.entity-action-drawer.mud-drawer-fixed.mud-drawer--open[b-3sow48dsg9],
html body .entity-action-drawer.mud-drawer.mud-drawer--open[b-3sow48dsg9],
html body .mud-drawer.entity-action-drawer.mud-drawer--open[b-3sow48dsg9] {
    /* 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;
}

/* 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-3sow48dsg9],
.entity-action-drawer.mud-drawer--open .drawer-content-padded[b-3sow48dsg9] {
    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-3sow48dsg9] {
    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-3sow48dsg9] {
    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-3sow48dsg9] {
    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-3sow48dsg9],
.entity-action-drawer .drawer-content-padded[b-3sow48dsg9] {
    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-3sow48dsg9],
.entity-action-drawer .entity-action-drawer-header[b-3sow48dsg9] {
    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-3sow48dsg9] > (.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-3sow48dsg9] > (.entity-tasks-panel),
.entity-action-drawer .drawer-content-full-height[b-3sow48dsg9] > (.embedded-inbox-panel),
.entity-action-drawer .drawer-content-full-height[b-3sow48dsg9] > (.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-3sow48dsg9] > (.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-3sow48dsg9] > (.entity-tasks-panel),
.entity-action-drawer .drawer-content-full-height[b-3sow48dsg9] > (.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-3sow48dsg9] > (.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-3sow48dsg9] > (.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-3sow48dsg9] > (.embedded-inbox-panel .inbox-main-container),
.entity-action-drawer .drawer-content-full-height[b-3sow48dsg9] > (.embedded-inbox-panel .inbox-split-container),
.entity-action-drawer .drawer-content-full-height[b-3sow48dsg9] > (.mud-stack.embedded-inbox-panel .inbox-main-container),
.entity-action-drawer .drawer-content-full-height[b-3sow48dsg9] > (.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-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.unified-chat-sidebar .chat-history-sidebar),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.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-3sow48dsg9] (.chat-messages-body .intelligence-landing-widget),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (.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-3sow48dsg9] {
    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-3sow48dsg9] {
    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-3sow48dsg9] (*) {
    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-3sow48dsg9] ([style*="position: absolute"]),
.entity-action-drawer .drawer-content[b-3sow48dsg9] ([style*="position:fixed"]) {
    max-width: 100% !important;
    max-height: 100% !important;
    left: auto !important;
    right: auto !important;
}

.entity-action-drawer .drawer-content[b-3sow48dsg9] (img),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (video),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (iframe),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (object),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (embed) {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.entity-action-drawer .drawer-content[b-3sow48dsg9] (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-3sow48dsg9] (p),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (div),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (span),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (pre),
.entity-action-drawer .drawer-content[b-3sow48dsg9] (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-3sow48dsg9],
.entity-action-drawer.mud-drawer--open[b-3sow48dsg9] {
    /* 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-3sow48dsg9],
.entity-action-drawer ~ .mud-overlay-scrim[b-3sow48dsg9],
.entity-action-drawer.mud-drawer--open ~ .mud-overlay[b-3sow48dsg9],
.entity-action-drawer.mud-drawer--open ~ .mud-overlay-scrim[b-3sow48dsg9],
html body .entity-action-drawer ~ .mud-overlay[b-3sow48dsg9],
html body .entity-action-drawer ~ .mud-overlay-scrim[b-3sow48dsg9],
html body .entity-action-drawer.mud-drawer--open ~ .mud-overlay[b-3sow48dsg9],
html body .entity-action-drawer.mud-drawer--open ~ .mud-overlay-scrim[b-3sow48dsg9],
html body .mud-overlay-scrim.mud-drawer-overlay--open:has(+ .entity-action-drawer)[b-3sow48dsg9],
html body .mud-overlay-scrim:has(+ .entity-action-drawer)[b-3sow48dsg9],
/* 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-3sow48dsg9],
html body:has(.entity-action-drawer.mud-drawer--open) > .mud-overlay-scrim.mud-drawer-overlay-scrim[b-3sow48dsg9],
html body:has(.entity-action-drawer.mud-drawer--open) .mud-overlay.mud-drawer-overlay[b-3sow48dsg9],
html body:has(.entity-action-drawer.mud-drawer--open) .mud-overlay-scrim.mud-drawer-overlay-scrim[b-3sow48dsg9],
/* 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-3sow48dsg9],
html body:has(.entity-action-drawer.mud-drawer--open) .mud-overlay-scrim[class*="drawer"][b-3sow48dsg9] {
    /* 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-l1ufgig5a5] {
    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-l1ufgig5a5] {
    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-l1ufgig5a5] {
    background-color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching header */
}

.action-tile-active .mud-icon[b-l1ufgig5a5] {
    color: white !important;
}

/* Inactive State - No background, just grey icon */
.action-tile-inactive[b-l1ufgig5a5] {
    background-color: transparent !important; /* No background for inactive buttons */
    border: none !important; /* Remove any borders */
}

.action-tile-inactive .mud-icon[b-l1ufgig5a5] {
    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-l1ufgig5a5] {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Hover effect for inactive buttons - subtle background appears */
.action-tile-inactive:hover[b-l1ufgig5a5] {
    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-l1ufgig5a5] {
    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-l1ufgig5a5] {
    transform: translateY(0) !important;
}

/* Custom scrollbar styling - Tailwind doesn't support webkit scrollbar */
.entity-actions-panel[b-l1ufgig5a5]::-webkit-scrollbar {
    width: 6px;
}

.entity-actions-panel[b-l1ufgig5a5]::-webkit-scrollbar-track {
    background: transparent;
}

.entity-actions-panel[b-l1ufgig5a5]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.entity-actions-panel[b-l1ufgig5a5]::-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-l1ufgig5a5] {
    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-l1ufgig5a5] {
    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-l1ufgig5a5] {
    color: rgba(255, 255, 255, 0.6) !important; /* Light grey icons in dark mode */
}

body.theme-dark .action-tile-inactive.mud-button-text[b-l1ufgig5a5] {
    background-color: transparent !important;
    box-shadow: none !important;
}

body.theme-dark .action-tile-inactive:hover[b-l1ufgig5a5] {
    background-color: rgba(255, 255, 255, 0.08) !important; /* Subtle background on hover */
}

body.theme-dark .entity-actions-panel[b-l1ufgig5a5]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

body.theme-dark .entity-actions-panel[b-l1ufgig5a5]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}
/* /Components/Workspace/EntityImageGalleryDrawer.razor.rz.scp.css */
.entity-gallery-drawer .thumbnail-container[b-flwppbajl5] {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}

.entity-gallery-drawer .thumbnail-container img[b-flwppbajl5] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.entity-gallery-drawer .thumbnail-container .mud-paper[b-flwppbajl5] {
    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-vh7evlj5iy] {
    --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-vh7evlj5iy] {
    position: relative;
}

/* Ensure actions column uses fixed positioning to align with drawer */
.module-actions-column[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    background: var(--mud-palette-background) !important;
}

body.theme-dark .module-actions-column[b-vh7evlj5iy] {
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.3);
}

body.theme-dark .actions-drawer-overlay[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    border-bottom: none !important;
}

body.theme-dark .actions-panel-header[b-vh7evlj5iy] {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

/* Module Variant Backgrounds */
.module-workspace-page.accounts-view-page[b-vh7evlj5iy],
.module-workspace-page.properties-view-page[b-vh7evlj5iy],
.module-workspace-page.contacts-view-page[b-vh7evlj5iy],
.module-workspace-page.vehicles-view-page[b-vh7evlj5iy],
.module-workspace-page.portfolios-view-page[b-vh7evlj5iy],
.module-workspace-page.acquisitions-view-page[b-vh7evlj5iy] {
    background: var(--mud-palette-background) !important;
}

/* Header section: lighter than drawer (surface/white in light, slightly lighter in dark) */
.module-workspace-page.accounts-view-page .module-header-section[b-vh7evlj5iy],
.module-workspace-page.properties-view-page .module-header-section[b-vh7evlj5iy],
.module-workspace-page.contacts-view-page .module-header-section[b-vh7evlj5iy],
.module-workspace-page.vehicles-view-page .module-header-section[b-vh7evlj5iy],
.module-workspace-page.portfolios-view-page .module-header-section[b-vh7evlj5iy],
.module-workspace-page.acquisitions-view-page .module-header-section[b-vh7evlj5iy] {
    background: var(--mud-palette-surface) !important;
}

/* Module heading breadcrumbs - specific styling not in Tailwind */
.module-heading .module-breadcrumbs[b-vh7evlj5iy] {
    font-size: 0.813rem;
    opacity: 0.85;
}

/* MudBlazor Tab Overrides - complex ::deep selectors */
.module-header-section .module-tabs[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    padding: 0;
    min-height: 42px;
    border-bottom: none !important;
}

.module-header-section .module-tabs[b-vh7evlj5iy]  .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-vh7evlj5iy]  .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-vh7evlj5iy]  .mud-tab-slider {
    display: none !important;
}

/* Properties extra padding - more content (map + alerts) */
/* Increased bottom padding to account for header content (Deal Status, Deal Source, Deal Captain) */
.module-workspace-page.properties-view-page .module-content-region[b-vh7evlj5iy] {
    padding-bottom: 12rem !important; /* Increased from 10rem to 12rem to account for taller header */
}

/* ============================================================
   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-vh7evlj5iy] {
    min-height: 0 !important; /* allow flex children to shrink */
}

.module-workspace-page.inbox-view-page .module-content-region[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-workspace-page.inbox-view-page .inbox-message-list .inbox-message-grid .mud-table-root[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    padding: 1rem 1.25rem 1.5rem 1.25rem;
}

/* NavPills Vertical Styling */
.actions-panel-body .nav-pills-vertical[b-vh7evlj5iy] {
    width: 100%;
}

.actions-panel-body .nav-pills-vertical .pill-item[b-vh7evlj5iy] {
    width: 100%;
    margin-bottom: 0.25rem;
}

/* Drawer State Transitions */
.drawer-open .actions-drawer-overlay[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.actions-drawer-body .chat-scroll-region[b-vh7evlj5iy] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.actions-drawer-body .chat-input-region[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.actions-drawer-body .mud-tabs-panels[b-vh7evlj5iy] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
}

/* Responsive Breakpoints */
@media (max-width: 1200px) {
    .module-workspace-page[b-vh7evlj5iy] {
        --actions-panel-width: 72px; /* Keep optimized width on smaller screens */
    }
}

@media (max-width: 960px) {
    .module-actions-column[b-vh7evlj5iy] {
        display: none;
    }
}

@media (max-width: 640px) {
    .module-heading .module-title-text[b-vh7evlj5iy] {
        font-size: 1.25rem;
    }
}

/* Loading & Busy States */
.workspace-main-body[aria-busy="true"][b-vh7evlj5iy] {
    opacity: 0.6;
    pointer-events: none;
}

/* Smooth Transitions */
.module-header-section .module-tabs[b-vh7evlj5iy]  .mud-tab,
.actions-panel-body .pill-item[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-header-actions .edit-button-filled-primary .mud-button-label[b-vh7evlj5iy],
.module-header-actions .mud-button-filled-primary[b-vh7evlj5iy],
.module-header-actions .mud-button-filled-primary .mud-button-label[b-vh7evlj5iy] {
    color: white !important;
}

.module-header-actions .edit-button-filled-primary:hover[b-vh7evlj5iy],
.module-header-actions .edit-button-filled-primary:hover .mud-button-label[b-vh7evlj5iy],
.module-header-actions .mud-button-filled-primary:hover[b-vh7evlj5iy],
.module-header-actions .mud-button-filled-primary:hover .mud-button-label[b-vh7evlj5iy] {
    color: white !important;
}

.module-header-actions .edit-button-filled-primary .mud-icon-root[b-vh7evlj5iy],
.module-header-actions .mud-button-filled-primary .mud-icon-root[b-vh7evlj5iy] {
    color: white !important;
}

/* CRITICAL: Header section creates stacking context - tabs will be above drawer, actions below */
/* Header section: lighter background than drawer (surface for light mode) */
.module-header-section[b-vh7evlj5iy] {
    z-index: 100 !important;
    /* CRITICAL: Creates stacking context - tabs (110) above drawer (105), actions (1) below drawer */
    position: relative !important;
    background: var(--mud-palette-surface);
}

/* Conditional bottom border when body content scrolls */
.module-header-section.has-scrollable-content[b-vh7evlj5iy],
.module-workspace-page .module-header-section.has-scrollable-content[b-vh7evlj5iy],
.properties-view-page .module-header-section.has-scrollable-content[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy],
.drawer-content-wrapper .entity-tasks-panel[b-vh7evlj5iy],
.drawer-content-wrapper .embedded-notes-panel[b-vh7evlj5iy],
.drawer-content-wrapper .embedded-reports-panel[b-vh7evlj5iy],
.drawer-content-wrapper .entity-content-container[b-vh7evlj5iy],
.drawer-content-wrapper .entity-activity-timeline[b-vh7evlj5iy],
.drawer-content-wrapper .embedded-inbox-panel[b-vh7evlj5iy],
.drawer-content-wrapper .entity-gallery-drawer[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.module-header-content .home-header-content[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    width: auto;
    max-width: fit-content;
}

.module-header-section .module-header-content:not(:empty):has(.home-header)[b-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-header-content .inline-header-select.mud-select-text[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-autocomplete-text[b-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-header-content .inline-header-select .mud-input-root[b-vh7evlj5iy],
.module-header-content .inline-header-select .mud-input-slot[b-vh7evlj5iy],
.module-header-content .inline-header-select .mud-input[b-vh7evlj5iy],
.module-header-content .inline-header-select .mud-select-input[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-input-control[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-input-root[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-input-slot[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-input[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-autocomplete-input[b-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-header-content .inline-header-select fieldset.mud-input-outlined-border[b-vh7evlj5iy],
.module-header-content .inline-user-picker fieldset[b-vh7evlj5iy],
.module-header-content .inline-user-picker fieldset.mud-input-outlined-border[b-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-header-content .inline-header-select .mud-input-root .mud-input-adornment-end[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-input-adornment-end[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-input-root .mud-input-adornment-end[b-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-header-content .inline-header-select input[b-vh7evlj5iy],
.module-header-content .inline-user-picker .mud-autocomplete-input input[b-vh7evlj5iy],
.module-header-content .inline-user-picker input[b-vh7evlj5iy] {
    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-vh7evlj5iy],
.module-header-content .inline-header-select:focus[b-vh7evlj5iy],
.module-header-content .inline-header-select:focus-within[b-vh7evlj5iy],
.module-header-content .inline-user-picker:hover[b-vh7evlj5iy],
.module-header-content .inline-user-picker:focus[b-vh7evlj5iy],
.module-header-content .inline-user-picker:focus-within[b-vh7evlj5iy] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.module-header-content .mud-input-control[b-vh7evlj5iy] {
    margin-bottom: 0 !important;
}

.module-header-content .mud-input-label[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
}

.drawer-content-wrapper .unified-chat-main[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    flex-shrink: 0 !important;
}

.drawer-content-wrapper .unified-panels-container[b-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    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-vh7evlj5iy] {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}

.actions-drawer-body[b-vh7evlj5iy] {
    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-bqjmypax5h] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Overview Section - Flat Design */
.overview-section[b-bqjmypax5h] {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.contact-header[b-bqjmypax5h] {
    background: linear-gradient(135deg, #F8FAFC 0%, #FFFFFF 100%) !important;
}

/* Contact Information Grid */
.contact-info-grid[b-bqjmypax5h] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem 1.5rem;
}

/* Info Field Pattern */
.info-field[b-bqjmypax5h] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-label[b-bqjmypax5h] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748B;
}

.info-value[b-bqjmypax5h] {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #1E293B;
    word-break: break-word;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .overview-section[b-bqjmypax5h] {
        background: var(--mud-palette-surface) !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
    }

    .contact-header[b-bqjmypax5h] {
        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, var(--mud-palette-surface) 100%) !important;
    }

    .info-label[b-bqjmypax5h] {
        color: #94A3B8;
    }

    .info-value[b-bqjmypax5h] {
        color: #E2E8F0;
    }
}

/* Responsive Design */
@media (max-width: 960px) {
    .contact-info-grid[b-bqjmypax5h] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 600px) {
    .embedded-contact-detail[b-bqjmypax5h] {
        padding: 0.5rem !important;
    }

    .contact-info-grid[b-bqjmypax5h] {
        gap: 0.75rem;
    }
}
/* /Pages/Accounts/Components/EmbeddedContactList.razor.rz.scp.css */
/* Embedded Contact List - Flat Design Styling */

.embedded-contact-list[b-8od5go86jz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.employee-grid[b-8od5go86jz] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
}



/* Empty State */
.embedded-empty-state[b-8od5go86jz] {
    background: #F8FAFC;
    border: 2px dashed #CBD5E1;
    border-radius: 8px;
    margin: 1rem 0;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .employee-grid[b-8od5go86jz] {
        background: var(--mud-palette-surface);
        border-color: rgba(255, 255, 255, 0.12);
    }

    .contact-card:hover[b-8od5go86jz] {
        border-color: var(--mud-palette-primary) !important;
    }

    .embedded-empty-state[b-8od5go86jz] {
        background: rgba(255, 255, 255, 0.02);
        border-color: rgba(255, 255, 255, 0.1);
    }
}

/* Responsive Design */
@media (max-width: 960px) {
    .contacts-grid[b-8od5go86jz] {
        grid-template-columns: 1fr;
    }

    .contact-card-content[b-8od5go86jz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-actions[b-8od5go86jz] {
        align-self: flex-end;
    }
}
/* /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-jjxys38t4v] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    min-height: 0;
    overflow: auto;
}

.pipeline-dashboard-grid[b-jjxys38t4v] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    min-height: 0;
}

.pipeline-grid-card[b-jjxys38t4v] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}

.pipeline-grid-paper[b-jjxys38t4v] {
    display: flex;
    flex-direction: column;
}

.pipeline-grid-wrapper[b-jjxys38t4v] {
    display: block;
    overflow: visible;
}

/* Grid: no internal scroll – table grows with rows; page scrolls to see more */
.pipeline-grid-wrapper .pipeline-data-grid[b-jjxys38t4v],
.pipeline-grid-wrapper[b-jjxys38t4v]  .mud-data-grid {
    height: auto !important;
    min-height: auto !important;
    display: block;
    overflow: visible;
}

.pipeline-grid-wrapper[b-jjxys38t4v]  .mud-table-container {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
}

.pipeline-grid-wrapper[b-jjxys38t4v]  .mud-table,
.pipeline-grid-wrapper[b-jjxys38t4v]  .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-9pyxyhzsig] {
    padding: 0 !important;
    overflow: hidden;
}

/* PDF Container - Full height, clean background */
.pdf-container[b-9pyxyhzsig] {
    position: relative;
    width: 100%;
    height: 70vh;
    min-height: 500px;
    background: #525252;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* PDF Canvas Host - Horizontal scroll only (no vertical scroll) */
.pdf-canvas-host[b-9pyxyhzsig] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    padding: 20px;
}

/* PDF Canvas - Fits height, can extend width for horizontal scroll; shadow for depth */
.pdf-canvas[b-9pyxyhzsig] {
    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-9pyxyhzsig] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    border: none;
    background: white;
    flex-shrink: 0;
}

/* Floating Toolbar - Appears on hover, minimal design */
.pdf-toolbar[b-9pyxyhzsig] {
    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-9pyxyhzsig],
.pdf-toolbar:hover[b-9pyxyhzsig] {
    opacity: 1;
}

/* Toolbar buttons - white icons for contrast */
.pdf-toolbar .mud-icon-button[b-9pyxyhzsig] {
    color: white !important;
}

.pdf-toolbar .mud-icon-button:hover[b-9pyxyhzsig] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.pdf-toolbar .mud-icon-button:disabled[b-9pyxyhzsig] {
    color: rgba(255, 255, 255, 0.3) !important;
}

/* Page counter text */
.pdf-toolbar .mud-typography[b-9pyxyhzsig] {
    color: white;
    margin: 0 4px;
    font-size: 0.875rem;
    min-width: 50px;
    text-align: center;
}

/* Divider in toolbar */
.pdf-toolbar .mud-divider[b-9pyxyhzsig] {
    background-color: rgba(255, 255, 255, 0.2);
    margin: 0 4px;
}

/* Loading indicator */
.pdf-canvas-host .mud-progress-circular[b-9pyxyhzsig] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Alert for fallback mode */
.pdf-container .mud-alert[b-9pyxyhzsig] {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 20;
    max-width: 500px;
    margin: 0 auto;
}

/* Image preview styles */
.doc-preview-image[b-9pyxyhzsig] {
    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-9pyxyhzsig] {
    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-9pyxyhzsig] {
        height: 60vh;
        min-height: 400px;
    }
    
    .pdf-toolbar[b-9pyxyhzsig] {
        opacity: 1; /* Always visible on mobile */
        top: 10px;
        padding: 6px 8px;
        gap: 4px;
    }
    
    .pdf-canvas-host[b-9pyxyhzsig] {
        padding: 10px;
    }
}

/* /Pages/Documents/Components/EmbeddedDocumentsPanel.razor.rz.scp.css */
.embedded-documents-panel[b-xz0oadcwwe] { position:relative; display:flex; flex-direction:column; gap:.75rem; }
.embedded-documents-surface[b-xz0oadcwwe] { background:var(--mud-palette-surface); border:1px solid var(--mud-palette-lines-default); border-radius:14px; }
body.theme-dark .embedded-documents-surface[b-xz0oadcwwe] { background:rgba(255,255,255,0.04); border-color:rgba(255,255,255,0.08); }
.embedded-documents-tiles[b-xz0oadcwwe] { min-height:240px; }
.documents-drop-zone[b-xz0oadcwwe] { transition:background .18s, border-color .18s; }
.documents-drop-zone.drag-over[b-xz0oadcwwe] { 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-4ulz5tnvj3] {
    position: relative;
    overflow: hidden;
    margin: 0;
    /* Removed negative margins that were breaking page containment */
}

.file-manager-container .file-manager-navigation[b-4ulz5tnvj3],
.file-manager-container .file-manager-folders[b-4ulz5tnvj3],
.file-manager-container .selected-file-details[b-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
    max-height: calc(100vh - 21.5rem);
    /* Adjusted for page header */
}

.file-manager-container .file-folders-container[b-4ulz5tnvj3],
.file-manager-container .filemanager-file-details[b-4ulz5tnvj3] {
    max-height: calc(100vh - 15.9rem);
    /* Adjusted for page header */
}

/* Responsive Navigation */
@media (min-width: 576px) {
    .file-manager-container .file-manager-navigation[b-4ulz5tnvj3] {
        width: 30rem;
        min-width: 0;
    }
}

@media (max-width: 575.98px) {
    .file-manager-container .file-manager-navigation[b-4ulz5tnvj3] {
        width: 100%;
    }

    .file-manager-container .file-manager-folders[b-4ulz5tnvj3] {
        display: none;
    }
}

.file-manager-container .selected-file-details[b-4ulz5tnvj3] {
    width: 40rem;
    min-width: 0;
}

.file-manager-container .file-manager-folders[b-4ulz5tnvj3] {
    width: 100%;
    min-width: 0;
}

@media (max-width: 1200px) {
    .file-manager-container .selected-file-details[b-4ulz5tnvj3] {
        display: none;
    }

    .file-manager-container .selected-file-details.open[b-4ulz5tnvj3] {
        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-4ulz5tnvj3] {
        max-height: calc(100vh - 12.9rem);
    }
}

.file-manager-container .file-manager-navigation.close[b-4ulz5tnvj3] {
    display: none;
}

.file-manager-container .file-manager-folders.open[b-4ulz5tnvj3] {
    display: block;
}

/* ========================================
   NAVIGATION SIDEBAR
   ======================================== */
.file-manager-container .mud-list.files-main-nav[b-4ulz5tnvj3] {
    padding: 1rem;
    margin-block-end: 0;
}

.file-manager-container .mud-list.files-main-nav .mud-list-item[b-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
    margin-block-end: 0;
}

.file-manager-container .mud-list.files-main-nav .mud-list-item div[b-4ulz5tnvj3] {
    color: var(--mud-palette-text-secondary, var(--text-muted));
}

.file-manager-container .mud-list.files-main-nav .mud-list-item:hover div[b-4ulz5tnvj3] {
    color: var(--mud-palette-primary);
}

.file-manager-container .mud-list.files-main-nav .mud-list-item.active[b-4ulz5tnvj3] {
    background-color: var(--mud-palette-primary-hover, var(--primary01));
}

.file-manager-container .mud-list.files-main-nav .mud-list-item.active div[b-4ulz5tnvj3] {
    color: var(--mud-palette-primary);
}

.file-manager-container .mud-list.files-main-nav .mud-list-item div.filemanager-upgrade-storage[b-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
    height: 6px;
}

/* ========================================
   FILE CARDS (NO BORDERS - FLAT DESIGN)
   ======================================== */
.file-manager-card[b-4ulz5tnvj3] {
    /* 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-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
        background: var(--mud-palette-surface, #1e1e1e);
    }

    .file-manager-card:hover[b-4ulz5tnvj3] {
        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-4ulz5tnvj3] {
        background: rgba(var(--mud-palette-primary-rgb, 33, 150, 243), 0.15);
    }
}

/* Card content layout */
.file-card-content[b-4ulz5tnvj3] {
    padding: 0.75rem !important;
}

.file-media-wrapper[b-4ulz5tnvj3] {
    position: relative;
}

.file-media[b-4ulz5tnvj3] {
    background: var(--mud-palette-background, #f5f5f5) !important;
    border-radius: 6px;
}

.selection-indicator[b-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    font-weight: 500 !important;
}

.file-card-meta[b-4ulz5tnvj3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--mud-palette-text-secondary, #666);
    font-size: 0.875rem;
}

/* Thumbnail styling */
.doc-thumb[b-4ulz5tnvj3] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

/* ========================================
   VIEW MODE TOGGLE
   ======================================== */
.view-mode-toggle .mud-icon-button[b-4ulz5tnvj3] {
    border-radius: 0.4rem;
}

.view-mode-toggle .mud-icon-button.mud-button-outlined.mud-primary-text[b-4ulz5tnvj3] {
    background: var(--mud-palette-primary-hover, rgba(0, 0, 0, 0.04));
}

/* ========================================
   DROP ZONE
   ======================================== */
.documents-drop-zone[b-4ulz5tnvj3] {
    background: var(--mud-palette-background);
}

/* ========================================
   GRID & SECTION STYLING
   ======================================== */
.documents-grid[b-4ulz5tnvj3] {
    padding: 1rem;
}

/* Section headers with colored left border */
.documents-empty-section[b-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
        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-4ulz5tnvj3] {
    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-4ulz5tnvj3] {
    color: var(--mud-palette-text-disabled);
}

/* Drag item wrapper */
.drag-item[b-4ulz5tnvj3] {
    height: 100%;
    cursor: grab;
}

.drag-item:active[b-4ulz5tnvj3] {
    cursor: grabbing;
}

/* ========================================
   TABLE VIEW (LIST MODE)
   ======================================== */
.documents-table-row[b-4ulz5tnvj3] {
    transition: background-color 0.2s ease;
}

.documents-table-row:hover[b-4ulz5tnvj3] {
    background: var(--mud-palette-action-hover, rgba(0, 0, 0, 0.04)) !important;
}

.documents-table-row.selected-card[b-4ulz5tnvj3] {
    background: var(--mud-palette-primary-hover, rgba(33, 150, 243, 0.08)) !important;
}

.folder-link[b-4ulz5tnvj3] {
    cursor: pointer;
    color: var(--mud-palette-primary);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.folder-link:hover[b-4ulz5tnvj3] {
    text-decoration: underline;
}

/* ========================================
   RESPONSIVE BREAKPOINTS
   ======================================== */
/* Mobile: 2 columns (xs=6) */
@media (max-width: 599.98px) {
    .documents-grid .mud-grid-item[b-4ulz5tnvj3] {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

    .file-card-title[b-4ulz5tnvj3] {
        font-size: 0.875rem;
    }

    .file-media[b-4ulz5tnvj3] {
        height: 100px !important;
    }
}

/* Tablet Small: 3 columns (sm=4) */
@media (min-width: 600px) and (max-width: 959.98px) {
    .documents-grid .mud-grid-item[b-4ulz5tnvj3] {
        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-4ulz5tnvj3] {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
}

/* Desktop: 6 columns (lg=2) */
@media (min-width: 1280px) {
    .documents-grid .mud-grid-item[b-4ulz5tnvj3] {
        flex-basis: 16.666% !important;
        max-width: 16.666% !important;
    }
}
/* /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-8wa4jk77gq] {
    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-8wa4jk77gq] {
    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-8wa4jk77gq] {
    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-8wa4jk77gq]::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-8wa4jk77gq 15s ease-in-out infinite;
}

.login-imagery-section[b-8wa4jk77gq]::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-8wa4jk77gq {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.3;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.5;
    }
}

.login-imagery-content[b-8wa4jk77gq] {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    max-width: 500px;
    padding: 2rem;
}

.login-imagery-icon[b-8wa4jk77gq] {
    font-size: 8rem;
    margin-bottom: 2rem;
    opacity: 0.9;
}

.login-imagery-title[b-8wa4jk77gq] {
    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-8wa4jk77gq] {
    font-size: 1.1rem;
    opacity: 0.95;
    line-height: 1.6;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.login-form-wrapper[b-8wa4jk77gq] {
    width: 100%;
    max-width: 420px;
}

.login-logo[b-8wa4jk77gq] {
    text-align: center;
    margin-bottom: 2rem;
}

.login-logo-icon[b-8wa4jk77gq] {
    font-size: 4rem;
    color: #334155;
    /* Slate-700 */
}

.login-title[b-8wa4jk77gq] {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #1a202c;
    text-align: center;
}

.login-subtitle[b-8wa4jk77gq] {
    text-align: center;
    color: #64748b;
    margin-bottom: 2rem;
}

.login-divider[b-8wa4jk77gq] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1.5rem 0;
}

.login-divider[b-8wa4jk77gq]::before,
.login-divider[b-8wa4jk77gq]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.login-divider-text[b-8wa4jk77gq] {
    padding: 0 1rem;
    color: #94a3b8;
    font-size: 0.875rem;
    font-weight: 500;
}

.social-login-button[b-8wa4jk77gq] {
    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-8wa4jk77gq] {
    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-8wa4jk77gq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.login-form-wrapper .mud-input-control[b-8wa4jk77gq] {
    margin-bottom: 1.25rem;
}

.login-form-wrapper .mud-button-root.login-submit-btn[b-8wa4jk77gq] {
    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-8wa4jk77gq] {
    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-8wa4jk77gq] {
    color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching app bar */
}

.login-form-wrapper .mud-button-text.mud-button-text-primary:hover[b-8wa4jk77gq] {
    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-8wa4jk77gq] {
    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-8wa4jk77gq] {
    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-8wa4jk77gq],
.login-form-wrapper .mud-input-adornment .mud-icon.mud-icon-color-primary[b-8wa4jk77gq] {
    color: var(--mud-palette-appbar-background) !important;
    /* Dark charcoal matching app bar */
}

/* Responsive */
@media (max-width: 960px) {
    .login-container[b-8wa4jk77gq] {
        flex-direction: column;
    }

    .login-form-section[b-8wa4jk77gq] {
        flex: 1;
        min-height: 100vh;
    }

    .login-imagery-section[b-8wa4jk77gq] {
        display: none;
    }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
    .login-form-section[b-8wa4jk77gq] {
        background: rgba(26, 32, 44, 0.95);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .login-title[b-8wa4jk77gq] {
        color: #f7fafc;
    }

    .login-subtitle[b-8wa4jk77gq] {
        color: #a0aec0;
    }

    .social-login-button[b-8wa4jk77gq] {
        border-color: rgba(255, 255, 255, 0.12);
        color: #e2e8f0;
    }

    .social-login-button:hover[b-8wa4jk77gq] {
        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-8wa4jk77gq] {
    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-8wa4jk77gq] {
    background: #1A1F2E;
}

/* ============================================
   MFA Transition Styles
   Smooth animations for progressive disclosure
   ============================================ */

.mfa-section[b-8wa4jk77gq] {
    animation: slideDown-b-8wa4jk77gq 0.3s ease-out;
    margin-top: 1rem;
}

@keyframes slideDown-b-8wa4jk77gq {
    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-8wa4jk77gq] {
    opacity: 0.6;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
}

/* Smooth transition for form expansion */
.login-form-wrapper[b-8wa4jk77gq] {
    transition: all 0.3s ease-out;
}

/* MFA divider styling */
.mfa-divider[b-8wa4jk77gq] {
    margin: 1.5rem 0;
    border-color: var(--mud-palette-divider);
    animation: fadeIn-b-8wa4jk77gq 0.3s ease-out;
}

@keyframes fadeIn-b-8wa4jk77gq {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Focus on MFA code field when shown */
.mfa-code-field:focus-within[b-8wa4jk77gq] {
    animation: pulse-b-8wa4jk77gq 0.3s ease-out;
}

@keyframes pulse-b-8wa4jk77gq {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

/* Ensure MFA section doesn't cause layout shift */
.mfa-section[b-8wa4jk77gq] {
    overflow: hidden;
}
/* /Pages/Inbox/Components/EmbeddedInboxPanel.razor.rz.scp.css */
.embedded-inbox-panel[b-191owrgbry] {
    height: 100%;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* DataStateBoundary root - participate in flex chain */
.embedded-inbox-panel .data-state-boundary-root[b-191owrgbry] {
    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-191owrgbry] {
    flex: 1 1 0;
}

/* Match main Inbox: split list + detail, same grid and detail UX */
.inbox-main-container[b-191owrgbry] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-toolbar-wrapper[b-191owrgbry] {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.inbox-split-container[b-191owrgbry] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
}

/* List panel: scroll inside .mud-table-container; panel does not scroll */
.inbox-message-list[b-191owrgbry] {
    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-191owrgbry] (.inbox-message-grid),
.inbox-message-list[b-191owrgbry] (.inbox-thread-grid) {
    border-radius: 0;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-message-list[b-191owrgbry] (.inbox-message-grid .mud-table-container),
.inbox-message-list[b-191owrgbry] (.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-191owrgbry] (.inbox-thread-grid .mud-table-root),
.inbox-message-list[b-191owrgbry] (.inbox-message-grid .mud-table-root) {
    min-height: 0;
}

.inbox-message-list[b-191owrgbry] (.mud-table) {
    border-radius: 0;
}

.inbox-message-list[b-191owrgbry] (.mud-table-row:hover) {
    background-color: var(--mud-palette-action-hover);
    cursor: pointer;
}

.inbox-message-list[b-191owrgbry] (.mud-table-row.mud-selected) {
    background-color: var(--mud-palette-primary-lighten);
}

.inbox-detail-panel[b-191owrgbry] {
    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-191owrgbry] {
    padding: 0 0 1rem 0;
    flex: 1;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.message-list-item[b-191owrgbry] {
    transition: background-color 0.2s ease;
}

.message-list-item:hover[b-191owrgbry] {
    background-color: var(--mud-palette-action-hover);
}

.message-unread[b-191owrgbry] {
    background-color: var(--mud-palette-primary-lighten);
    border-left: 3px solid var(--mud-palette-primary);
}

.message-unread:hover[b-191owrgbry] {
    background-color: var(--mud-palette-primary-lighten);
}

/* Improve email body content styling */
.email-body-content[b-191owrgbry] {
    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-191owrgbry] {
    max-width: 100%;
    height: auto;
}

.email-body-content table[b-191owrgbry] {
    max-width: 100%;
    overflow-x: auto;
    display: block;
}

/* Better scrollbar styling */
.embedded-inbox-panel[b-191owrgbry]  .mud-list {
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-divider) transparent;
}

.embedded-inbox-panel[b-191owrgbry]  .mud-list::-webkit-scrollbar {
    width: 8px;
}

.embedded-inbox-panel[b-191owrgbry]  .mud-list::-webkit-scrollbar-track {
    background: transparent;
}

.embedded-inbox-panel[b-191owrgbry]  .mud-list::-webkit-scrollbar-thumb {
    background-color: var(--mud-palette-divider);
    border-radius: 4px;
}

.embedded-inbox-panel[b-191owrgbry]  .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-191owrgbry] {
        flex-direction: column;
    }

    .inbox-message-list[b-191owrgbry] {
        width: 100% !important;
        max-height: 40vh;
    }

    .inbox-detail-panel[b-191owrgbry] {
        width: 100% !important;
        border-left: none;
        border-top: 1px solid var(--mud-palette-divider);
    }
}

/* Improve message list item hover state */
.message-list-item[b-191owrgbry] {
    position: relative;
}

.message-list-item[b-191owrgbry]::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-191owrgbry]::before {
    width: 3px;
}

.message-unread[b-191owrgbry]::before {
    width: 3px;
    background-color: var(--mud-palette-primary);
}
/* /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.
   ============================================================ */

/* Page root - flex column so module-content-region gets bounded height */
.inbox-view-page[b-zhjedzul3s] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 0;
}

/* Mailbox Selector in header */
.home-header .home-quick-actions .mailbox-selector[b-zhjedzul3s] {
    min-width: 200px;
}

/* Toolbar Wrapper - Proper spacing from header */
.inbox-toolbar-wrapper[b-zhjedzul3s] {
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0;
}

/* Action Toolbar - Enhanced styling */
.inbox-action-toolbar[b-zhjedzul3s] {
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Split Container - Message List and Detail Panel */
.inbox-split-container[b-zhjedzul3s] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
}

/* Message List Panel - scroll happens inside .mud-table-container; panel does not scroll */
.inbox-message-list[b-zhjedzul3s] {
    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-zhjedzul3s] (.inbox-message-grid) {
    border-radius: 0;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-message-list[b-zhjedzul3s] (.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-zhjedzul3s] (.inbox-message-grid .mud-table-root),
.inbox-message-list[b-zhjedzul3s] (.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-zhjedzul3s] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inbox-message-list[b-zhjedzul3s] (.mud-table) {
    border-radius: 0;
}

.inbox-message-list[b-zhjedzul3s] (.mud-table-row:hover) {
    background-color: var(--mud-palette-action-hover);
    cursor: pointer;
}

.inbox-message-list[b-zhjedzul3s] (.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-zhjedzul3s] {
    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-zhjedzul3s] {
    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-zhjedzul3s] {
    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 */
.inbox-empty-state[b-zhjedzul3s] {
    border-radius: 12px;
    background: var(--mud-palette-surface);
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Attachment List Styling - Simple text, no card borders */
.inbox-detail-content .mud-list-item[b-zhjedzul3s] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.inbox-detail-content .mud-list-item:hover[b-zhjedzul3s] {
    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-zhjedzul3s] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .inbox-toolbar-wrapper[b-zhjedzul3s] {
        margin: 0.5rem 0.25rem;
    }
    
    .inbox-action-toolbar[b-zhjedzul3s] {
        margin: 0;
    }
    
    .inbox-split-container[b-zhjedzul3s] {
        flex-direction: column;
    }
    
    .inbox-message-list[b-zhjedzul3s] {
        width: 100% !important;
        max-height: 40vh;
    }
    
    .inbox-detail-panel[b-zhjedzul3s] {
        width: 100% !important;
        border-left: none;
        border-top: 1px solid var(--mud-palette-divider);
    }
}

@media (max-width: 600px) {
    .home-header .home-quick-actions[b-zhjedzul3s] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
}
/* /Pages/Intelligence/Components/ChatTranscript.razor.rz.scp.css */
.chat-transcript[b-ap0m3c1g7b] {
    padding: 0.5rem;
}

.chat-bubble[b-ap0m3c1g7b] {
    max-width: 640px;
}

.assistant-bubble[b-ap0m3c1g7b] {
    background: var(--mud-palette-surface);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.user-bubble[b-ap0m3c1g7b] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

/* Markdown content styling - works with Markdig HTML output */
.chat-message-content[b-ap0m3c1g7b],
.markdown-content[b-ap0m3c1g7b] {
    line-height: 1.6;
}

/* Typography - headings */
.chat-message-content h1[b-ap0m3c1g7b],
.chat-message-content h2[b-ap0m3c1g7b],
.chat-message-content h3[b-ap0m3c1g7b],
.chat-message-content h4[b-ap0m3c1g7b],
.chat-message-content h5[b-ap0m3c1g7b],
.chat-message-content h6[b-ap0m3c1g7b],
.markdown-content h1[b-ap0m3c1g7b],
.markdown-content h2[b-ap0m3c1g7b],
.markdown-content h3[b-ap0m3c1g7b],
.markdown-content h4[b-ap0m3c1g7b],
.markdown-content h5[b-ap0m3c1g7b],
.markdown-content h6[b-ap0m3c1g7b] {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.3;
}

.chat-message-content h1[b-ap0m3c1g7b],
.markdown-content h1[b-ap0m3c1g7b] {
    font-size: 1.5em;
}

.chat-message-content h2[b-ap0m3c1g7b],
.markdown-content h2[b-ap0m3c1g7b] {
    font-size: 1.3em;
}

.chat-message-content h3[b-ap0m3c1g7b],
.markdown-content h3[b-ap0m3c1g7b] {
    font-size: 1.1em;
}

/* Paragraphs */
.chat-message-content p[b-ap0m3c1g7b],
.markdown-content p[b-ap0m3c1g7b] {
    margin: 0.5em 0;
}

.chat-message-content p:first-child[b-ap0m3c1g7b],
.markdown-content p:first-child[b-ap0m3c1g7b] {
    margin-top: 0;
}

.chat-message-content p:last-child[b-ap0m3c1g7b],
.markdown-content p:last-child[b-ap0m3c1g7b] {
    margin-bottom: 0;
}

/* Lists */
.chat-message-content ul[b-ap0m3c1g7b],
.chat-message-content ol[b-ap0m3c1g7b],
.markdown-content ul[b-ap0m3c1g7b],
.markdown-content ol[b-ap0m3c1g7b] {
    margin: 0.5em 0;
    padding-left: 1.5em;
}

.chat-message-content li[b-ap0m3c1g7b],
.markdown-content li[b-ap0m3c1g7b] {
    margin: 0.25em 0;
}

.chat-message-content ul ul[b-ap0m3c1g7b],
.chat-message-content ol ol[b-ap0m3c1g7b],
.chat-message-content ul ol[b-ap0m3c1g7b],
.chat-message-content ol ul[b-ap0m3c1g7b],
.markdown-content ul ul[b-ap0m3c1g7b],
.markdown-content ol ol[b-ap0m3c1g7b],
.markdown-content ul ol[b-ap0m3c1g7b],
.markdown-content ol ul[b-ap0m3c1g7b] {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

/* Inline code */
.chat-message-content code[b-ap0m3c1g7b],
.markdown-content code[b-ap0m3c1g7b] {
    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-ap0m3c1g7b],
.markdown-content pre[b-ap0m3c1g7b] {
    background-color: #282c34;
    border-radius: 6px;
    padding: 1em;
    overflow-x: auto;
    margin: 0.5em 0;
}

.chat-message-content pre code[b-ap0m3c1g7b],
.markdown-content pre code[b-ap0m3c1g7b] {
    background-color: transparent;
    padding: 0;
    color: #abb2bf;
    font-size: 0.875em;
}

/* Blockquotes */
.chat-message-content blockquote[b-ap0m3c1g7b],
.markdown-content blockquote[b-ap0m3c1g7b] {
    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-ap0m3c1g7b],
.markdown-content table[b-ap0m3c1g7b] {
    border-collapse: collapse;
    width: 100%;
    margin: 0.75em 0;
    display: block;
    overflow-x: auto;
}

.chat-message-content th[b-ap0m3c1g7b],
.chat-message-content td[b-ap0m3c1g7b],
.markdown-content th[b-ap0m3c1g7b],
.markdown-content td[b-ap0m3c1g7b] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.5em 0.75em;
    text-align: left;
}

.chat-message-content th[b-ap0m3c1g7b],
.markdown-content th[b-ap0m3c1g7b] {
    background-color: rgba(0, 0, 0, 0.04);
    font-weight: 600;
}

.chat-message-content tbody tr:nth-child(even)[b-ap0m3c1g7b],
.markdown-content tbody tr:nth-child(even)[b-ap0m3c1g7b] {
    background-color: rgba(0, 0, 0, 0.02);
}

/* Links */
.chat-message-content a[b-ap0m3c1g7b],
.markdown-content a[b-ap0m3c1g7b] {
    color: var(--mud-palette-primary);
    text-decoration: none;
}

.chat-message-content a:hover[b-ap0m3c1g7b],
.markdown-content a:hover[b-ap0m3c1g7b] {
    text-decoration: underline;
}

/* Horizontal rules */
.chat-message-content hr[b-ap0m3c1g7b],
.markdown-content hr[b-ap0m3c1g7b] {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 1em 0;
}

/* Task lists */
.chat-message-content input[type="checkbox"][b-ap0m3c1g7b],
.markdown-content input[type="checkbox"][b-ap0m3c1g7b] {
    margin-right: 0.5em;
}

/* Emphasis */
.chat-message-content strong[b-ap0m3c1g7b],
.markdown-content strong[b-ap0m3c1g7b] {
    font-weight: 600;
}

.chat-message-content em[b-ap0m3c1g7b],
.markdown-content em[b-ap0m3c1g7b] {
    font-style: italic;
}

.chat-message-content del[b-ap0m3c1g7b],
.markdown-content del[b-ap0m3c1g7b] {
    text-decoration: line-through;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {

    .chat-message-content code[b-ap0m3c1g7b],
    .markdown-content code[b-ap0m3c1g7b] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .chat-message-content th[b-ap0m3c1g7b],
    .chat-message-content td[b-ap0m3c1g7b],
    .markdown-content th[b-ap0m3c1g7b],
    .markdown-content td[b-ap0m3c1g7b] {
        border-color: rgba(255, 255, 255, 0.12);
    }

    .chat-message-content th[b-ap0m3c1g7b],
    .markdown-content th[b-ap0m3c1g7b] {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .chat-message-content tbody tr:nth-child(even)[b-ap0m3c1g7b],
    .markdown-content tbody tr:nth-child(even)[b-ap0m3c1g7b] {
        background-color: rgba(255, 255, 255, 0.02);
    }

    .chat-message-content hr[b-ap0m3c1g7b],
    .markdown-content hr[b-ap0m3c1g7b] {
        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-ap0m3c1g7b] {
    position: relative;
}

.chat-bubble-state-streaming[b-ap0m3c1g7b]::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--mud-palette-info);
    border-radius: 2px;
    animation: pulse-bar-b-ap0m3c1g7b 1.2s ease-in-out infinite;
    opacity: .6;
}

.chat-bubble-state-failed[b-ap0m3c1g7b] {
    border: 1px solid var(--mud-palette-error);
}

.chat-bubble-state-canceled[b-ap0m3c1g7b] {
    opacity: .6;
}

@keyframes pulse-bar-b-ap0m3c1g7b {
    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-oayhjnivw1] {
    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-oayhjnivw1] {
    flex: 1;
    display: flex;
    min-height: 0;
    overflow: hidden;
    padding: 0;
    height: 100%;
}

/* Split Layout - 2-Panel Structure using MudGrid */
.intelligence-split-layout[b-oayhjnivw1] {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.intelligence-split-layout .mud-grid-item[b-oayhjnivw1] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.intelligence-chat-panel[b-oayhjnivw1] {
    min-width: 0;
    max-width: 100%;
}

/* MudCard provides border-radius by default - ensure it clips content properly */
.intelligence-chat-card[b-oayhjnivw1] {
    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-oayhjnivw1] {
    border-radius: inherit;
    overflow: hidden;
    /* This ensures content is clipped to the card's rounded corners */
}

.intelligence-document-preview-panel[b-oayhjnivw1] {
    min-width: 0;
    max-width: 100%;
}

/* MudCard provides border-radius by default - ensure inner content respects it */
.intelligence-document-card[b-oayhjnivw1] {
    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-oayhjnivw1] {
    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-oayhjnivw1]  .chat-panel,
.intelligence-chat-card[b-oayhjnivw1]  .unified-panels-container .chat-panel,
.intelligence-chat-card[b-oayhjnivw1]  .unified-chat-container .chat-panel,
.intelligence-chat-card[b-oayhjnivw1]  .unified-chat-container.hide-header .chat-panel,
.intelligence-chat-card[b-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1]  .chat-panel {
        min-width: 250px !important;
    }
}

@media (max-width: 1200px) {
    .intelligence-chat-card[b-oayhjnivw1]  .chat-panel {
        min-width: 200px !important;
    }
}

/* Hide UnifiedIntelligenceChat's internal sidebar when session list is shown via IntelligenceHoverPanel (clock icon) */
[b-oayhjnivw1] .unified-chat-sidebar {
    display: none !important;
}

/* Ensure UnifiedIntelligenceChat fills chat panel */
.intelligence-chat-card[b-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1]  .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-oayhjnivw1] {
        max-width: 100%;
    }
}
/* /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-isqxxz8tms] {
    z-index: 1400 !important;
}

.pdf-preview-dialog .mud-dialog-content[b-isqxxz8tms] {
    padding: 0 !important;
    overflow: hidden;
}

.pdf-container[b-isqxxz8tms] {
    position: relative;
    width: 100%;
    height: 80vh;
    min-height: 400px;
    background: #525252;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pdf-canvas-host[b-isqxxz8tms] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    position: relative;
    padding: 20px;
}

.pdf-canvas-host-multipage[b-isqxxz8tms] {
    align-items: flex-start;
    justify-content: center;
}

.pdf-pages-inner[b-isqxxz8tms] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.pdf-canvas-page[b-isqxxz8tms] {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    background: white;
}

.pdf-canvas-page:last-child[b-isqxxz8tms] {
    margin-bottom: 0 !important;
}

.pdf-canvas[b-isqxxz8tms] {
    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-isqxxz8tms] {
    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-isqxxz8tms],
.pdf-toolbar:hover[b-isqxxz8tms] {
    opacity: 1;
}

.pdf-toolbar .mud-icon-button[b-isqxxz8tms],
.pdf-toolbar .mud-typography[b-isqxxz8tms] {
    color: white !important;
}

.pdf-toolbar .mud-icon-button:hover[b-isqxxz8tms] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.pdf-toolbar .mud-icon-button:disabled[b-isqxxz8tms] {
    color: rgba(255, 255, 255, 0.3) !important;
}

.pdf-canvas-host .mud-progress-circular[b-isqxxz8tms] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pdf-container .mud-alert[b-isqxxz8tms] {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 20;
    max-width: 500px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .pdf-container[b-isqxxz8tms] {
        height: 70vh;
        min-height: 350px;
    }

    .pdf-toolbar[b-isqxxz8tms] {
        opacity: 1;
        top: 10px;
        padding: 6px 8px;
        gap: 4px;
    }

    .pdf-canvas-host[b-isqxxz8tms] {
        padding: 10px;
    }
}
/* /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 */
.edit-property-dialog .value-currency-row[b-9mp3a8lzrf] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
}

.edit-property-dialog .value-currency-row .value-part[b-9mp3a8lzrf] {
    flex: 2;
    min-width: 0;
}

.edit-property-dialog .value-currency-row .currency-part[b-9mp3a8lzrf] {
    flex: 1;
    min-width: 0;
}
/* /Pages/Settings/Picklists/Index.razor.rz.scp.css */
.picklists-settings-page .categories-panel .empty-state[b-3pznzhlnpp] { background: var(--mud-palette-background-grey); }
.picklists-settings-page .picklist-category-list[b-3pznzhlnpp] { border: 1px solid var(--mud-palette-divider); border-radius: 4px; }
.picklists-settings-page .category-detail-panel .cursor-grab[b-3pznzhlnpp] { cursor: grab; }
.picklists-settings-page .module-workspace-card[b-3pznzhlnpp] { margin-top: 0.5rem; }
.picklists-settings-page .workspace-aside-col[b-3pznzhlnpp] { border-left: 1px solid var(--mud-palette-divider); }
.picklists-settings-page .workspace-aside-col .mud-paper[b-3pznzhlnpp] { background: var(--mud-palette-background); }
/* /Pages/Tasks/Boards/BoardKanban.razor.rz.scp.css */
/* Kanban Board Container */
.kanban-board-container[b-r1ddvsxcxb] {
    background: var(--mud-palette-background);
    border-radius: 8px;
}

/* Kanban Column Styling */
.kanban-column[b-r1ddvsxcxb] {
    border-radius: 8px;
    background: var(--mud-palette-surface);
    transition: all 0.2s ease;
}

.kanban-column.drag-over-column[b-r1ddvsxcxb] {
    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-r1ddvsxcxb] {
    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-r1ddvsxcxb] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.kanban-task-card.task-highlight[b-r1ddvsxcxb] {
    animation: taskFlash-b-r1ddvsxcxb 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-r1ddvsxcxb] {
    opacity: 0.5;
    transform: scale(0.95);
}

@keyframes taskFlash-b-r1ddvsxcxb {
    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-r1ddvsxcxb] {
    min-height: 12px;
    border-radius: 4px;
    transition: all 0.2s ease;
    margin: 0.25rem 0;
}

.kanban-drop-target.drop-target-active[b-r1ddvsxcxb] {
    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-r1ddvsxcxb] {
    display: flex;
    align-items: stretch;
    width: 100%;
    position: relative;
    min-height: 400px;
    gap: 0;
}

.board-area[b-r1ddvsxcxb] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    transition: flex .3s ease;
}

.detail-drawer[b-r1ddvsxcxb] {
    flex: 0 0 45%;
    max-width: 45%;
    background: var(--mud-palette-surface);
    overflow-y: auto;
    animation: slideIn-b-r1ddvsxcxb .3s ease-out;
    padding: 20px;
}

.task-detail-wrapper[b-r1ddvsxcxb] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@keyframes slideIn-b-r1ddvsxcxb {
    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-r1ddvsxcxb] .board-list-grid {
    background: var(--mud-palette-surface);
}

[b-r1ddvsxcxb] .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-r1ddvsxcxb] {
    border: 2px dashed var(--mud-palette-divider) !important;
    background: var(--mud-palette-background) !important;
}

.kanban-add-phase-column:hover[b-r1ddvsxcxb] {
    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-r1ddvsxcxb] {
    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-r1ddvsxcxb] {
        flex-direction: column;
    }

    .detail-drawer[b-r1ddvsxcxb] {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        border-top: 1px solid var(--mud-palette-divider);
        min-height: 400px;
    }

    @keyframes slideIn-b-r1ddvsxcxb {
        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-7buf1rgf0g] {
    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-7buf1rgf0g] {
    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-7buf1rgf0g] (.board-list-grid),
.board-list-grid-area[b-7buf1rgf0g] (.mud-data-grid) {
    flex: 1;
    min-height: 0;
}

.board-list-grid[b-7buf1rgf0g] {
    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-7buf1rgf0g]  .mud-table {
    box-shadow: none !important;
}

/* Hover effect for rows */
.board-list-grid[b-7buf1rgf0g]  .mud-table-row:hover {
    background-color: var(--mud-palette-action-default-hover);
    cursor: pointer;
}

/* Chip styling alignment */
.board-list-grid[b-7buf1rgf0g]  .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-57ushbjl7z] {
    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-57ushbjl7z] {
    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-57ushbjl7z] {
    width: 100%;
    max-width: 100%;
}