/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Ensure content starts below fixed AppBar and fills viewport height */
.app-main[b-9qu3hk52fs] {
    padding-top: 64px; /* default desktop AppBar height */
    height: 100vh;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .app-main[b-9qu3hk52fs] {
        padding-top: 0px; /* typical mobile AppBar height */
    }
}
/* /Components/Pages/Agent/Agent.razor.rz.scp.css */
/* Agent component layout adjustments */

.agent-container[b-3nooy8h94u] {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: var(--shadow-md);    
    height: 100%;
}

.middle-panel[b-3nooy8h94u] {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--background-primary);
}

.chat-messages-container[b-3nooy8h94u] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.chat-input-container[b-3nooy8h94u] {
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .agent-container[b-3nooy8h94u] {
        height: calc(100vh - 40px); /* Mobile AppBar height */
    }
}

.drag-overlay[b-3nooy8h94u] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px dashed var(--border-color);
    border-radius: 8px;
    pointer-events: none; /* Let events pass through to the input */
}

.drag-content[b-3nooy8h94u] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-3nooy8h94u] .drag-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    cursor: pointer !important;
    font-size: 0 !important;
}

[b-3nooy8h94u] .drag-input.active {
    z-index: 1000 !important;
    pointer-events: all !important;
}
/* /Components/Pages/Agent/ChatInput.razor.rz.scp.css */

.chat-messages[b-7pnea5918p] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
}

.message-container[b-7pnea5918p] {
    display: flex;
}

.assistant-message[b-7pnea5918p] {
    justify-content: flex-start;
}

.user-message[b-7pnea5918p] {
    justify-content: flex-end;
}

.message-container .mud-paper[b-7pnea5918p] {
    max-width: 75%;
}

.chat-input-container[b-7pnea5918p] {
    position: sticky;
    bottom: 0;
    z-index: 1;
}
/* /Components/Pages/Agent/ChatMessages.razor.rz.scp.css */
.chat-messages-container[b-6ql8mz0o7x] {
    height: 100%;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.chat-messages[b-6ql8mz0o7x] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
}

.message-container[b-6ql8mz0o7x] {
    display: flex;
}

.assistant-message[b-6ql8mz0o7x] {
    justify-content: flex-start;    
}

.user-message[b-6ql8mz0o7x] {
    justify-content: flex-end;    
}

.message-container .mud-paper[b-6ql8mz0o7x] {
    max-width: 75%;    
}

.chat-input-container[b-6ql8mz0o7x] {
    position: sticky;
    bottom: 0;
    z-index: 1;
}

/* Markdown tables with borders (use ::deep due to CSS isolation) */
.markdown-content[b-6ql8mz0o7x]  table {
    border-collapse: collapse;
    width: 100%;
}

.markdown-content[b-6ql8mz0o7x]  table,
.markdown-content[b-6ql8mz0o7x]  th,
.markdown-content[b-6ql8mz0o7x]  td {
    border: 1px solid var(--border-color);
}

.markdown-content[b-6ql8mz0o7x]  th,
.markdown-content[b-6ql8mz0o7x]  td {
    padding: 8px 12px;
}

.markdown-content[b-6ql8mz0o7x]  thead th {
    background: var(--table-header-background);
    font-weight: 600;
}

/* Optional: code block styling inside markdown */
.markdown-content[b-6ql8mz0o7x]  pre {
    background: var(--code-background);
    padding: 12px;
    border-radius: 4px;
    overflow: auto;
}

.markdown-content[b-6ql8mz0o7x]  code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.thinking-chip[b-6ql8mz0o7x] {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: var(--secondary-color);
    color: var(--text-on-primary);
    border-radius: 20px;
    font-size: 0.95rem;
    font-weight: 500;
    box-shadow: var(--shadow-lg);
    animation: pulse-b-6ql8mz0o7x 2s ease-in-out infinite;
}

.thinking-chip .dots[b-6ql8mz0o7x] {
    display: inline-flex;
    margin-left: 2px;
    gap: 2px;
}

.thinking-chip .dots span[b-6ql8mz0o7x] {
    opacity: 0;
    animation: dotAppear-b-6ql8mz0o7x 1.5s infinite;
}

.thinking-chip .dots span:nth-child(1)[b-6ql8mz0o7x] {
    animation-delay: 0s;
}

.thinking-chip .dots span:nth-child(2)[b-6ql8mz0o7x] {
    animation-delay: 0.3s;
}

.thinking-chip .dots span:nth-child(3)[b-6ql8mz0o7x] {
    animation-delay: 0.6s;
}

@keyframes dotAppear-b-6ql8mz0o7x {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        transform: translateY(-2px);
    }
    40% {
        opacity: 1;
        transform: translateY(0);
    }
    60% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes pulse-b-6ql8mz0o7x {
    0%, 100% {
        box-shadow: var(--shadow-lg);
    }
    50% {
        box-shadow: var(--shadow-xl);
    }
}

.tool-chip-active[b-6ql8mz0o7x] {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    margin-bottom: 12px;
    background: var(--secondary-color);
    color: var(--text-on-primary);
    border-radius: 20px;
    font-size: 0.95rem;
    font-weight: 500;
    box-shadow: var(--shadow-lg);
    animation: pulse-b-6ql8mz0o7x 2s ease-in-out infinite;
}

.tool-chip-active .dots[b-6ql8mz0o7x] {
    display: inline-flex;
    margin-left: 2px;
    gap: 2px;
}

.tool-chip-active .dots span[b-6ql8mz0o7x] {
    opacity: 0;
    animation: dotAppear-b-6ql8mz0o7x 1.5s infinite;
}

.tool-chip-active .dots span:nth-child(1)[b-6ql8mz0o7x] {
    animation-delay: 0s;
}

.tool-chip-active .dots span:nth-child(2)[b-6ql8mz0o7x] {
    animation-delay: 0.3s;
}

.tool-chip-active .dots span:nth-child(3)[b-6ql8mz0o7x] {
    animation-delay: 0.6s;
}

.tool-chip-active .tool-input[b-6ql8mz0o7x] {
    font-size: 0.75rem;
    opacity: 0.9;
    font-weight: 400;
}

.tool-chip-completed[b-6ql8mz0o7x] {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 16px;
    margin-bottom: 12px;
    background: var(--background-tertiary);
    color: var(--text-tertiary);
    border-radius: 20px;
    font-size: 0.95rem;
    font-weight: 500;
    box-shadow: var(--shadow-md);
}

.tool-chip-completed .tool-input[b-6ql8mz0o7x] {
    font-size: 0.75rem;
    opacity: 0.8;
    font-weight: 400;
}

.tool-chip-compact[b-6ql8mz0o7x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    margin-bottom: 6px;
    background: var(--background-secondary);
    color: var(--text-secondary);
    border-radius: 16px;
    font-size: 0.813rem;
    font-weight: 500;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-light);
    transition: all 0.2s ease;
}

.tool-chip-compact:hover[b-6ql8mz0o7x] {
    background: var(--background-hover);
    box-shadow: var(--shadow-sm);
}

.tool-chip-compact .tool-spinner[b-6ql8mz0o7x] {
    width: 14px;
    height: 14px;
    color: var(--text-tertiary);
}

.tool-chip-compact .tool-icon-completed[b-6ql8mz0o7x] {
    font-size: 16px;
    color: var(--success-light);
}

.tool-chip-compact .tool-text[b-6ql8mz0o7x] {
    line-height: 1.4;
}

.tool-group-header[b-6ql8mz0o7x] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    margin-bottom: 6px;
    background: var(--background-secondary);
    color: var(--text-secondary);
    border-radius: 16px;
    font-size: 0.813rem;
    font-weight: 500;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-light);
    cursor: pointer;
    transition: all 0.2s ease;
}

.tool-group-header:hover[b-6ql8mz0o7x] {
    background: var(--background-hover);
    box-shadow: var(--shadow-md);
}

.tool-group-header .tool-group-icon[b-6ql8mz0o7x] {
    font-size: 18px;
    color: var(--text-tertiary);
    transition: transform 0.2s ease;
}
/* /Components/Shared/BlazorSplitter.razor.rz.scp.css */
.blazor-splitter-container[b-g454swqjxc] {
    height: 100%;
    width: 100%;
    display: grid;
    gap: 0;
    overflow: hidden;
    position: relative;
}

.blazor-splitter-container.horizontal[b-g454swqjxc] {
    /* Default grid template for horizontal layout */
    grid-template-columns: var(--initial-left-size, 300px) var(--splitter-width, 4px) 1fr;
}

.blazor-splitter-container.vertical[b-g454swqjxc] {
    /* Default grid template for vertical layout */
    grid-template-rows: var(--initial-left-size, 300px) var(--splitter-width, 4px) 1fr;
}

/* Override with right size when specified */
.blazor-splitter-container.horizontal[style*="--initial-right-size"][b-g454swqjxc] {
    grid-template-columns: 1fr var(--splitter-width, 4px) var(--initial-right-size);
}

.blazor-splitter-container.vertical[style*="--initial-right-size"][b-g454swqjxc] {
    grid-template-rows: 1fr var(--splitter-width, 4px) var(--initial-right-size);
}

.blazor-splitter-left-panel[b-g454swqjxc] {
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    position: relative;
}

.blazor-splitter-right-panel[b-g454swqjxc] {
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    position: relative;
}

.blazor-splitter-handle[b-g454swqjxc] {
    background: var(--border-light);
    position: relative;
    transition: background-color 0.2s ease;
    user-select: none;
    z-index: 10;
    /* Ensure handle can receive events even when nested */
    pointer-events: auto;
}

.blazor-splitter-container.horizontal .blazor-splitter-handle[b-g454swqjxc] {
    cursor: col-resize;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

.blazor-splitter-container.vertical .blazor-splitter-handle[b-g454swqjxc] {
    cursor: row-resize;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.blazor-splitter-handle:hover[b-g454swqjxc] {
    background: var(--background-hover);
}

.blazor-splitter-handle:active[b-g454swqjxc] {
    background: var(--background-tertiary);
}

/* Prevent selection during resize */
.blazor-splitter-container *[b-g454swqjxc] {
    pointer-events: auto;
}

/* Ensure nested splitters work correctly */
.blazor-splitter-container .blazor-splitter-container[b-g454swqjxc] {
    height: 100%;
    width: 100%;
}
/* /Components/Shared/LeftSidebar.razor.rz.scp.css */
.left-sidebar[b-evaxf4zk5w] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: var(--mud-palette-background);
    border-right: 1px solid var(--mud-palette-divider);
}

.sidebar-header[b-evaxf4zk5w] {
    padding: 16px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

.left-sidebar.collapsed .sidebar-header[b-evaxf4zk5w] {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sidebar-content[b-evaxf4zk5w] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.sidebar-footer[b-evaxf4zk5w] {
    padding: 8px;
    border-top: 1px solid var(--mud-palette-divider);
}

.left-sidebar.collapsed .sidebar-footer[b-evaxf4zk5w] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
}

.left-sidebar.collapsed .sidebar-footer .mud-divider[b-evaxf4zk5w] {
    width: 100%;
}

.conversation-list[b-evaxf4zk5w] {
    padding: 0;
}

.conversation-item[b-evaxf4zk5w] {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    width: 100%;
    position: relative;
}

.delete-btn-wrapper[b-evaxf4zk5w] {
    opacity: 0 !important;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    margin-left: auto;
}

.conversation-list-item:hover .delete-btn-wrapper[b-evaxf4zk5w] {
    opacity: 1 !important;
    visibility: visible;
}

.conversation-info[b-evaxf4zk5w] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.conversation-title[b-evaxf4zk5w] {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conversation-preview[b-evaxf4zk5w] {
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.selected-conversation[b-evaxf4zk5w] {    
    border-left: 4px solid var(--mud-palette-primary);
}

.selected-conversation .conversation-title[b-evaxf4zk5w] {
    font-weight: 700 !important;
}

.selected-conversation .mud-icon[b-evaxf4zk5w] {
    color: var(--mud-palette-primary);
}

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

/* Collapsed state - icon only */
.icon-list[b-evaxf4zk5w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0;
    gap: 4px;
}

.conversation-icon-btn[b-evaxf4zk5w],
.settings-icon-btn[b-evaxf4zk5w] {
    margin: 4px 0;
}