/* /Components/Browser/BrowserActionLog.razor.rz.scp.css */
.action-log[b-syiqpve7hs] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
}

.action-log-header[b-syiqpve7hs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid var(--glass-border);
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
}

.action-count[b-syiqpve7hs] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.06);
    padding: 2px 6px;
    border-radius: 4px;
}

.action-list[b-syiqpve7hs] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.action-item[b-syiqpve7hs] {
    padding: 6px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    cursor: pointer;
    transition: background 0.15s ease;
}

.action-item:hover[b-syiqpve7hs] {
    background: rgba(255, 255, 255, 0.04);
}

.action-item.expanded[b-syiqpve7hs] {
    background: rgba(255, 255, 255, 0.03);
}

.action-summary[b-syiqpve7hs] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.action-time[b-syiqpve7hs] {
    font-family: var(--font-mono);
    font-size: 11px;
    color: rgba(255, 255, 255, 0.35);
    flex-shrink: 0;
}

.action-icon[b-syiqpve7hs] {
    color: var(--accent-browser);
    flex-shrink: 0;
    width: 16px;
    text-align: center;
}

.action-name[b-syiqpve7hs] {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    flex-shrink: 0;
}

.action-params[b-syiqpve7hs] {
    color: rgba(255, 255, 255, 0.45);
    font-family: var(--font-mono);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.action-details[b-syiqpve7hs] {
    margin: 8px 0 4px;
    padding: 8px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 200px;
    overflow-y: auto;
}
/* /Components/Browser/BrowserViewer.razor.rz.scp.css */
.browser-viewer[b-yxv1iq2l3t] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
}

.browser-url-bar[b-yxv1iq2l3t] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid var(--glass-border);
    font-family: var(--font-mono);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}

.connection-dot[b-yxv1iq2l3t] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.dot-connected[b-yxv1iq2l3t] {
    background: var(--color-success);
}

.dot-disconnected[b-yxv1iq2l3t] {
    background: var(--color-error);
}

.url-text[b-yxv1iq2l3t] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.browser-index[b-yxv1iq2l3t] {
    color: rgba(255, 255, 255, 0.4);
    font-size: 11px;
}

.canvas-container[b-yxv1iq2l3t] {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}

.canvas-container canvas[b-yxv1iq2l3t] {
    max-width: 100%;
    max-height: 100%;
    cursor: default;
    outline: none;
}

.canvas-overlay[b-yxv1iq2l3t] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
}

.overlay-text[b-yxv1iq2l3t] {
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}
/* /Components/Common/EmptyState.razor.rz.scp.css */
.empty-state[b-5zuoqmyhi2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--space-2xl) var(--space-lg);
    text-align: center;
    min-height: 200px;
}

.empty-state-illustration[b-5zuoqmyhi2] {
    opacity: 0.5;
    margin-bottom: var(--space-lg);
    transition: opacity var(--transition-base);
}

.empty-state:hover .empty-state-illustration[b-5zuoqmyhi2] {
    opacity: 0.7;
}

.empty-state-title[b-5zuoqmyhi2] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 var(--space-xs) 0;
}

.empty-state-description[b-5zuoqmyhi2] {
    font-family: var(--font-body);
    font-size: var(--text-sm);
    color: rgba(255, 255, 255, 0.4);
    margin: 0 0 var(--space-lg) 0;
    max-width: 320px;
    line-height: 1.5;
}

.empty-state-action[b-5zuoqmyhi2] {
    background: var(--color-primary);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.empty-state-action:hover[b-5zuoqmyhi2] {
    background: var(--color-primary-light);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px var(--color-primary-glow);
}

.empty-state-custom[b-5zuoqmyhi2] {
    margin-top: var(--space-md);
}
/* /Components/Common/SkeletonLoader.razor.rz.scp.css */
.skeleton-grid[b-9pr09jihrc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--space-md);
    padding: var(--space-sm) 0;
}

.skeleton-table[b-9pr09jihrc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.skeleton-table-header[b-9pr09jihrc] {
    display: flex;
    gap: var(--space-md);
    padding: 12px 16px;
    border-bottom: 1px solid var(--glass-border);
}

.skeleton-table-row[b-9pr09jihrc] {
    display: flex;
    gap: var(--space-md);
    padding: 12px 16px;
}

.skeleton-cell[b-9pr09jihrc] {
    height: 14px;
    flex: 1;
    border-radius: var(--radius-sm);
}

.skeleton-tree[b-9pr09jihrc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm);
}

.skeleton-tree-item[b-9pr09jihrc] {
    padding: 6px 0;
}

.skeleton-kanban[b-9pr09jihrc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-md);
}

.skeleton-kanban-column[b-9pr09jihrc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

.skeleton-detail[b-9pr09jihrc] {
    max-width: 800px;
    padding: var(--space-md) 0;
}

.skeleton-divider[b-9pr09jihrc] {
    height: 1px;
    background: var(--glass-border);
    margin: var(--space-md) 0;
}

.skeleton-status-row[b-9pr09jihrc] {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

.skeleton-status-card[b-9pr09jihrc] {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    min-width: 140px;
    flex: 1;
}

.skeleton-list[b-9pr09jihrc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    padding: var(--space-sm) 0;
}

.skeleton-list-item[b-9pr09jihrc] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--glass-border);
}

.skeleton-static[b-9pr09jihrc] {
    animation: none !important;
}
/* /Components/Common/UndoToast.razor.rz.scp.css */
/* Component-level overrides if needed — most styles are global in devdashboard.css */
/* /Components/Documents/DocumentTree.razor.rz.scp.css */
.document-tree[b-u0h5o77ops] {
    /* Uses .glass-surface utility */
    height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 8px;
    border-radius: var(--radius-md);
}

.document-tree__search[b-u0h5o77ops] {
    padding: 0 4px 8px;
    position: sticky;
    top: 0;
    z-index: 1;
}

[b-u0h5o77ops] .ant-tree-node-selected {
    background: var(--color-primary-soft) !important;
}

[b-u0h5o77ops] .ant-tree-node-content-wrapper:hover {
    background: rgba(255, 255, 255, 0.04) !important;
}

[b-u0h5o77ops] .ant-tree-treenode {
    color: var(--text-primary);
}

[b-u0h5o77ops] .ant-tree-switcher {
    color: var(--text-secondary);
}

[b-u0h5o77ops] .ant-tree-iconEle {
    color: var(--text-secondary);
}

[b-u0h5o77ops] .ant-tree-node-selected .ant-tree-iconEle {
    color: var(--color-primary);
}
/* /Components/Documents/DocumentViewer.razor.rz.scp.css */
.document-viewer[b-907l3dl3pv] {
    /* Uses .glass-surface utility */
    height: calc(100vh - 120px);
    overflow-y: auto;
    border-radius: var(--radius-md);
    padding: 24px;
}

.document-viewer__empty[b-907l3dl3pv] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.document-viewer__header[b-907l3dl3pv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--glass-border);
    margin-bottom: 16px;
}

.document-viewer__path[b-907l3dl3pv] {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 0.85rem;
    color: var(--color-primary);
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-viewer__actions[b-907l3dl3pv] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.document-viewer__modified[b-907l3dl3pv] {
    font-size: 12px;
    color: var(--text-muted);
    white-space: nowrap;
}

.document-viewer__edit-btn[b-907l3dl3pv] {
    color: var(--text-secondary);
    transition: color 0.2s;
}

.document-viewer__edit-btn:hover[b-907l3dl3pv] {
    color: var(--color-primary);
}

.document-viewer__content[b-907l3dl3pv] {
    line-height: 1.7;
    color: var(--text-primary);
}

/* ========================================
   Raw content
   ======================================== */

[b-907l3dl3pv] .raw-content {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px;
    border-radius: 8px;
    overflow-x: auto;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 13px;
    line-height: 1.6;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

/* ========================================
   Rendered markdown
   ======================================== */

[b-907l3dl3pv] .markdown-body h1,
[b-907l3dl3pv] .markdown-body h2,
[b-907l3dl3pv] .markdown-body h3 {
    color: var(--text-primary);
    border-bottom: 1px solid var(--glass-border);
    padding-bottom: 0.3em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

[b-907l3dl3pv] .markdown-body h1 { font-size: 1.6rem; }
[b-907l3dl3pv] .markdown-body h2 { font-size: 1.3rem; }
[b-907l3dl3pv] .markdown-body h3 { font-size: 1.1rem; }

[b-907l3dl3pv] .markdown-body p {
    margin-bottom: 0.8em;
}

[b-907l3dl3pv] .markdown-body code {
    background: rgba(255, 255, 255, 0.06);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 0.9em;
}

[b-907l3dl3pv] .markdown-body pre {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1em 0;
}

[b-907l3dl3pv] .markdown-body pre code {
    background: none;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
}

[b-907l3dl3pv] .markdown-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

[b-907l3dl3pv] .markdown-body th,
[b-907l3dl3pv] .markdown-body td {
    border: 1px solid var(--glass-border);
    padding: 8px 12px;
    text-align: left;
}

[b-907l3dl3pv] .markdown-body th {
    background: rgba(255, 255, 255, 0.04);
    font-weight: 600;
}

[b-907l3dl3pv] .markdown-body ul,
[b-907l3dl3pv] .markdown-body ol {
    padding-left: 1.5em;
    margin-bottom: 0.8em;
}

[b-907l3dl3pv] .markdown-body li {
    margin-bottom: 0.3em;
}

[b-907l3dl3pv] .markdown-body blockquote {
    border-left: 3px solid var(--color-primary);
    padding-left: 16px;
    margin: 1em 0;
    color: var(--text-secondary);
}

[b-907l3dl3pv] .markdown-body a {
    color: var(--color-primary);
}

[b-907l3dl3pv] .markdown-body hr {
    border: none;
    border-top: 1px solid var(--glass-border);
    margin: 1.5em 0;
}

[b-907l3dl3pv] .markdown-body img {
    max-width: 100%;
    border-radius: 4px;
}

[b-907l3dl3pv] .markdown-body input[type="checkbox"] {
    margin-right: 6px;
}
/* /Components/Editor/MarkdownEditor.razor.rz.scp.css */
.markdown-editor[b-4r6jco5yot] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

.markdown-editor__toolbar[b-4r6jco5yot] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid var(--glass-border);
    background: rgba(255, 255, 255, 0.03);
}

.markdown-editor__toolbar-left[b-4r6jco5yot] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 13px;
}

.markdown-editor__toolbar-right[b-4r6jco5yot] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.markdown-editor__filepath[b-4r6jco5yot] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 12px;
    opacity: 0.7;
}

.markdown-editor__split[b-4r6jco5yot] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.markdown-editor__editor-pane[b-4r6jco5yot],
.markdown-editor__preview-pane[b-4r6jco5yot] {
    flex: 1;
    overflow: auto;
    min-width: 0;
}

.markdown-editor__editor-pane[b-4r6jco5yot] {
    border-right: 1px solid var(--glass-border);
}

.markdown-editor__textarea[b-4r6jco5yot] {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    resize: none;
    padding: 16px;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 13px;
    line-height: 1.6;
    color: var(--text-primary);
    background: rgba(0, 0, 0, 0.2);
    tab-size: 4;
}

.markdown-editor__textarea[b-4r6jco5yot]::placeholder {
    color: var(--text-tertiary);
}

.markdown-editor__preview-pane[b-4r6jco5yot] {
    padding: 16px;
}

.markdown-editor__preview-label[b-4r6jco5yot] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-tertiary);
    margin-bottom: 8px;
}

/* JSON preview: let Prism handle styling inside the code block */
.markdown-editor__preview-pane[b-4r6jco5yot]  .json-preview {
    margin: 0;
    background: transparent;
    font-size: 13px;
    line-height: 1.6;
}

/* Save button states */
[b-4r6jco5yot] .save-btn--dirty {
    background-color: var(--color-primary, #e67a2e) !important;
    border-color: var(--color-primary, #e67a2e) !important;
}

[b-4r6jco5yot] .save-btn--clean {
    opacity: 0.6;
}

/* Validation status indicators */
[b-4r6jco5yot] .validation-error {
    color: var(--color-error) !important;
}

[b-4r6jco5yot] .validation-warning {
    color: var(--color-primary) !important;
}

[b-4r6jco5yot] .validation-ok {
    color: var(--color-success) !important;
}
/* /Components/Editor/ValidationPanel.razor.rz.scp.css */
.validation-panel[b-suovgwh4xq] {
    border-top: 1px solid var(--glass-border);
    background: rgba(0, 0, 0, 0.2);
    max-height: 200px;
    display: flex;
    flex-direction: column;
}

.validation-panel__header[b-suovgwh4xq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    border-bottom: 1px solid var(--glass-border);
    background: rgba(255, 255, 255, 0.03);
}

.validation-panel__title[b-suovgwh4xq] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
}

.validation-panel__list[b-suovgwh4xq] {
    overflow-y: auto;
    flex: 1;
}

.validation-panel__item[b-suovgwh4xq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 16px;
    font-size: 13px;
    border-left: 3px solid transparent;
}

.validation-panel__item:hover[b-suovgwh4xq] {
    background: rgba(255, 255, 255, 0.03);
}

.validation-panel__item--error[b-suovgwh4xq] {
    border-left-color: var(--color-error);
}

.validation-panel__item--error .validation-panel__icon[b-suovgwh4xq] {
    color: var(--color-error);
}

.validation-panel__item--warning[b-suovgwh4xq] {
    border-left-color: var(--color-primary);
}

.validation-panel__item--warning .validation-panel__icon[b-suovgwh4xq] {
    color: var(--color-primary);
}

.validation-panel__item--info[b-suovgwh4xq] {
    border-left-color: var(--color-info);
}

.validation-panel__item--info .validation-panel__icon[b-suovgwh4xq] {
    color: var(--color-info);
}

.validation-panel__line[b-suovgwh4xq] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 12px;
    color: var(--text-secondary);
    white-space: nowrap;
}

.validation-panel__message[b-suovgwh4xq] {
    color: var(--text-primary);
    flex: 1;
    min-width: 0;
}
/* /Components/Features/CompletionWizard.razor.rz.scp.css */
.wizard-content[b-bxk60bkap9] {
    padding: 8px 0;
}

.wizard-feature-header[b-bxk60bkap9] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--glass-border);
}

.wizard-feature-id[b-bxk60bkap9] {
    font-family: var(--font-mono);
    font-size: var(--font-size-md);
    font-weight: 700;
    color: var(--color-primary);
}

.wizard-feature-title[b-bxk60bkap9] {
    font-size: var(--font-size-md);
    color: var(--text-primary);
}

.wizard-gates[b-bxk60bkap9] {
    margin-bottom: 20px;
}

.wizard-gate-row[b-bxk60bkap9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
}

.wizard-gate-name[b-bxk60bkap9] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: var(--font-size-base);
    min-width: 160px;
}

.wizard-gate-detail[b-bxk60bkap9] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.wizard-gate-issues[b-bxk60bkap9] {
    margin-left: 26px;
    padding: 2px 0 6px;
}

.wizard-issue[b-bxk60bkap9] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    padding: 1px 0;
}

.wizard-issue[b-bxk60bkap9]::before {
    content: "- ";
    color: var(--color-error);
}

.wizard-confirm-section[b-bxk60bkap9] {
    padding: 16px;
    background: rgba(82, 196, 26, 0.06);
    border: 1px solid rgba(82, 196, 26, 0.15);
    border-radius: var(--radius-sm);
    margin-bottom: 20px;
}

.wizard-confirm-text[b-bxk60bkap9] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    margin-bottom: 8px;
}

.wizard-file-list[b-bxk60bkap9] {
    margin: 0;
    padding-left: 20px;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.wizard-file-list li[b-bxk60bkap9] {
    padding: 2px 0;
}

.wizard-file-list code[b-bxk60bkap9] {
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    background: rgba(255, 255, 255, 0.06);
    padding: 1px 6px;
    border-radius: 4px;
}

.wizard-override-section[b-bxk60bkap9] {
    margin-bottom: 20px;
}

.wizard-warning[b-bxk60bkap9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(250, 173, 20, 0.08);
    border: 1px solid rgba(250, 173, 20, 0.2);
    border-radius: var(--radius-sm);
    margin-bottom: 12px;
    font-size: var(--font-size-sm);
    color: var(--color-warning);
}

.wizard-reason-field[b-bxk60bkap9] {
    margin-top: 12px;
}

.wizard-reason-label[b-bxk60bkap9] {
    display: block;
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    margin-bottom: 6px;
}

.wizard-actions[b-bxk60bkap9] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--glass-border);
}
/* /Components/Features/FeatureDependencies.razor.rz.scp.css */
.no-deps[b-8ce63a797k] {
    color: var(--text-muted);
    padding: 16px;
    font-size: var(--font-size-sm);
}

.dep-column-title[b-8ce63a797k] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 600;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--glass-border);
}

.dep-card[b-8ce63a797k] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    margin-bottom: 4px;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.03);
    cursor: pointer;
    transition: background 0.2s;
}

.dep-card:hover[b-8ce63a797k] {
    background: rgba(255, 255, 255, 0.06);
}

.dep-card-id[b-8ce63a797k] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    color: var(--brand-orange);
    font-weight: 600;
    white-space: nowrap;
}

.dep-card-title[b-8ce63a797k] {
    flex: 1;
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Features/FeatureDependencyDag.razor.rz.scp.css */
.feature-dag-container[b-nlxfvrythd] {
    position: relative;
}

.dag-toolbar[b-nlxfvrythd] {
    display: flex;
    justify-content: flex-end;
    padding: 8px 0;
    margin-bottom: 8px;
}

.dag-graph-area[b-nlxfvrythd] {
    height: 500px;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: rgba(0, 0, 0, 0.2);
}

.dag-legend[b-nlxfvrythd] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 12px;
    margin-bottom: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.15);
    border-radius: var(--radius-sm, 4px);
}

.legend-item[b-nlxfvrythd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.legend-node[b-nlxfvrythd] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 2px solid transparent;
}

.legend-sf[b-nlxfvrythd] {
    background: #666;
    border-color: #888;
}

.legend-cf[b-nlxfvrythd] {
    background: #9b59b6;
    border-color: #a66bbe;
    border-radius: 0;
    transform: rotate(45deg);
    width: 12px;
    height: 12px;
}

.legend-f[b-nlxfvrythd] {
    background: #3498db;
    border-color: #5dade2;
}

.legend-complete[b-nlxfvrythd] {
    background: transparent;
    border-color: #5dade2;
    opacity: 0.5;
}

.legend-active[b-nlxfvrythd] {
    background: #3498db;
    border-color: #5dade2;
}

.legend-nospec[b-nlxfvrythd] {
    background: #3498db;
    border-color: #5dade2;
    border-style: dashed;
}

.legend-separator[b-nlxfvrythd] {
    color: rgba(255, 255, 255, 0.2);
    user-select: none;
}

/* vis.js canvas should be transparent */
[b-nlxfvrythd] .dag-graph-area canvas {
    background: transparent !important;
}
/* /Components/Features/FeatureKanban.razor.rz.scp.css */
[b-yowbxhaq4p] .kanban-column {
    /* Match PageHeader glass panel treatment */
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 16px;
    min-height: 400px;
}

[b-yowbxhaq4p] .kanban-column-header {
    font-family: var(--font-display);
    font-size: var(--font-size-lg);
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid;
}

[b-yowbxhaq4p] .kanban-column-header.planned {
    color: var(--color-info);
    border-bottom-color: var(--color-info);
}

[b-yowbxhaq4p] .kanban-column-header.in-progress {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}

[b-yowbxhaq4p] .kanban-column-header.complete {
    color: var(--color-success);
    border-bottom-color: var(--color-success);
}

[b-yowbxhaq4p] .kanban-column .ant-card {
    margin-bottom: 10px;
}

[b-yowbxhaq4p] .kanban-column .ant-card:last-child {
    margin-bottom: 0;
}
/* /Components/Features/FeatureWorkPriorityView.razor.rz.scp.css */
.work-priority-container[b-9mxm170ya8] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.priority-section[b-9mxm170ya8] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 20px 24px;
    border-left: 3px solid var(--glass-border);
}

.priority-ready[b-9mxm170ya8] {
    border-left-color: #52c41a;
}

.priority-inprogress[b-9mxm170ya8] {
    border-left-color: var(--brand-orange);
}

.priority-blocked[b-9mxm170ya8] {
    border-left-color: #ff4d4f;
}

.priority-header[b-9mxm170ya8] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--glass-border);
}

.priority-dot[b-9mxm170ya8] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ready-dot[b-9mxm170ya8] {
    background: #52c41a;
    box-shadow: 0 0 6px rgba(82, 196, 26, 0.4);
}

.inprogress-dot[b-9mxm170ya8] {
    background: var(--brand-orange);
    box-shadow: 0 0 6px rgba(230, 122, 46, 0.4);
}

.blocked-dot[b-9mxm170ya8] {
    background: #ff4d4f;
    box-shadow: 0 0 6px rgba(255, 77, 79, 0.4);
}

.priority-title[b-9mxm170ya8] {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-primary);
}

.priority-empty[b-9mxm170ya8] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    padding: 8px 0;
}

.priority-card[b-9mxm170ya8] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 16px;
    margin-bottom: 6px;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.03);
    cursor: pointer;
    transition: background 0.2s;
}

.priority-card:hover[b-9mxm170ya8] {
    background: rgba(255, 255, 255, 0.06);
}

.priority-card-blocked[b-9mxm170ya8] {
    background: rgba(255, 77, 79, 0.04);
}

.priority-card-blocked:hover[b-9mxm170ya8] {
    background: rgba(255, 77, 79, 0.08);
}

.priority-card-header[b-9mxm170ya8] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.priority-card-id[b-9mxm170ya8] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    color: var(--brand-orange);
    font-weight: 600;
    white-space: nowrap;
}

.priority-card-title[b-9mxm170ya8] {
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.priority-card-projects[b-9mxm170ya8] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.priority-card-blocked-by[b-9mxm170ya8] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.blocked-label[b-9mxm170ya8] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-weight: 500;
}
/* /Components/Features/ReadinessIndicator.razor.rz.scp.css */
.readiness-indicator[b-ssewu27kzd] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.readiness-dot[b-ssewu27kzd] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transition: transform var(--transition-fast);
}

.readiness-dot:hover[b-ssewu27kzd] {
    transform: scale(1.4);
}

.dot-pass[b-ssewu27kzd] {
    background-color: var(--color-success);
}

.dot-fail[b-ssewu27kzd] {
    background-color: var(--color-error);
}

.dot-skip[b-ssewu27kzd] {
    background-color: rgba(255, 255, 255, 0.25);
}
/* /Components/Features/ReadinessPanel.razor.rz.scp.css */
.readiness-panel[b-sxqf2lfswq] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.readiness-header[b-sxqf2lfswq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.readiness-title[b-sxqf2lfswq] {
    font-family: var(--font-display);
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.readiness-gates[b-sxqf2lfswq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.gate-row[b-sxqf2lfswq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.02);
}

.gate-row:hover[b-sxqf2lfswq] {
    background: rgba(255, 255, 255, 0.04);
}

.gate-skipped[b-sxqf2lfswq] {
    opacity: 0.5;
}

.gate-status[b-sxqf2lfswq] {
    flex-shrink: 0;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gate-info[b-sxqf2lfswq] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.gate-name[b-sxqf2lfswq] {
    font-weight: 500;
    color: var(--text-primary);
    font-size: var(--font-size-base);
    min-width: 180px;
}

.gate-detail[b-sxqf2lfswq] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.gate-issues[b-sxqf2lfswq] {
    margin-left: 48px;
    padding: 4px 12px 8px;
}

.gate-issue-item[b-sxqf2lfswq] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    font-family: var(--font-mono);
    padding: 2px 0;
}

.gate-issue-item[b-sxqf2lfswq]::before {
    content: "- ";
    color: var(--color-error);
}

.override-warning[b-sxqf2lfswq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(250, 173, 20, 0.08);
    border: 1px solid rgba(250, 173, 20, 0.2);
    border-radius: var(--radius-sm);
    margin-bottom: 16px;
    font-size: var(--font-size-sm);
    color: var(--color-warning);
}

.readiness-actions[b-sxqf2lfswq] {
    display: flex;
    justify-content: flex-end;
}
/* /Components/Features/TaskCard.razor.rz.scp.css */
.task-card-wrapper[b-yeptnjjjh6] {
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    width: 100%;
    cursor: pointer;
    color: inherit;
    font: inherit;
}

[b-yeptnjjjh6] .task-card-item {
    transition: all var(--transition-fast);
}

[b-yeptnjjjh6] .task-card-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px var(--glass-shadow);
}

[b-yeptnjjjh6] .task-card--in_progress {
    border-left: 3px solid var(--color-primary) !important;
}

[b-yeptnjjjh6] .task-card--complete,
[b-yeptnjjjh6] .task-card--completed {
    border-left: 3px solid var(--color-success) !important;
}

[b-yeptnjjjh6] .task-card--failed {
    border-left: 3px solid var(--color-error) !important;
}

[b-yeptnjjjh6] .task-card--blocked {
    border-left: 3px solid var(--color-warning) !important;
}

.task-card-header[b-yeptnjjjh6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.task-card-id[b-yeptnjjjh6] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    font-weight: 700;
    color: var(--color-primary);
}

.task-card-title[b-yeptnjjjh6] {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-card-meta[b-yeptnjjjh6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 8px;
}

.task-card-dates[b-yeptnjjjh6] {
    display: flex;
    gap: 12px;
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

/* ========================================
   Execution History Badge & Popover
   ======================================== */

.execution-badge-container[b-yeptnjjjh6] {
    position: relative;
    margin-top: 8px;
}

.execution-badge[b-yeptnjjjh6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 10px;
    background: rgba(230, 122, 46, 0.15);
    border: 1px solid rgba(230, 122, 46, 0.3);
    color: #e67a2e;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.execution-badge:hover[b-yeptnjjjh6] {
    background: rgba(230, 122, 46, 0.25);
}

.execution-popover[b-yeptnjjjh6] {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 8px;
    background: rgba(30, 30, 30, 0.95);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 8px;
    min-width: 280px;
    z-index: 100;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.execution-entry[b-yeptnjjjh6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
}

.exec-date[b-yeptnjjjh6] { flex: 1; }
.exec-duration[b-yeptnjjjh6] { color: rgba(255, 255, 255, 0.45); }
.exec-cost[b-yeptnjjjh6] { color: #e67a2e; }

.exec-view-link[b-yeptnjjjh6] {
    color: #1890ff;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    font-family: inherit;
}

.exec-view-link:hover[b-yeptnjjjh6] { text-decoration: underline; }

.execution-more[b-yeptnjjjh6] {
    text-align: center;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.35);
    padding-top: 4px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 4px;
}
/* /Components/Features/TaskDependencyGraph.razor.rz.scp.css */
.dependency-graph-container[b-4o89xafgr4] {
    width: 100%;
    overflow-x: auto;
    padding: 8px 0;
}

.dependency-graph-svg[b-4o89xafgr4] {
    width: 100%;
    max-height: 300px;
}

.graph-edge[b-4o89xafgr4] {
    fill: none;
    stroke: rgba(255, 255, 255, 0.2);
    stroke-width: 2;
}

.graph-node:hover .node-rect[b-4o89xafgr4] {
    filter: brightness(1.2);
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 2;
}

.node-text[b-4o89xafgr4] {
    font-size: 12px;
    font-weight: 600;
    font-family: 'SF Mono', 'Fira Code', monospace;
    pointer-events: none;
}
/* /Components/Features/TaskTimeline.razor.rz.scp.css */
.task-timeline[b-fnp0kgd0j4] {
    padding: 8px 0;
}

.timeline-task[b-fnp0kgd0j4] {
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.2s ease;
}

.timeline-current[b-fnp0kgd0j4] {
    background: var(--color-primary-subtle);
    border-left: 3px solid var(--color-primary);
    padding-left: 12px;
}

.timeline-task-header[b-fnp0kgd0j4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.timeline-task-id[b-fnp0kgd0j4] {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 12px;
    color: var(--color-primary);
}

.timeline-task-title[b-fnp0kgd0j4] {
    font-size: 14px;
    color: var(--text-primary);
}

.timeline-task-tags[b-fnp0kgd0j4] {
    display: flex;
    gap: 4px;
    margin-bottom: 4px;
}

.timeline-task-date[b-fnp0kgd0j4] {
    font-size: 12px;
    color: var(--text-muted);
}
/* /Components/Features/VerificationSummary.razor.rz.scp.css */
.verification-chips[b-v962zzgnxs] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.verification-chip[b-v962zzgnxs] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}

.verification-chip:hover[b-v962zzgnxs] {
    background: rgba(255, 255, 255, 0.1);
}

.chip-count[b-v962zzgnxs] {
    font-weight: 600;
}

.chip-passed .chip-count[b-v962zzgnxs] {
    color: #52c41a;
}

.chip-failed .chip-count[b-v962zzgnxs] {
    color: #ff4d4f;
}

.chip-blocked .chip-count[b-v962zzgnxs] {
    color: #faad14;
}

.chip-active[b-v962zzgnxs] {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.12);
}

.chip-active.chip-passed[b-v962zzgnxs] {
    border-color: #52c41a;
    background: rgba(82, 196, 26, 0.15);
}

.chip-active.chip-failed[b-v962zzgnxs] {
    border-color: #ff4d4f;
    background: rgba(255, 77, 79, 0.15);
}

.chip-active.chip-blocked[b-v962zzgnxs] {
    border-color: #faad14;
    background: rgba(250, 173, 20, 0.15);
}

.verification-drilldown[b-v962zzgnxs] {
    margin-top: 12px;
}

.verification-task-group[b-v962zzgnxs] {
    margin-bottom: 16px;
}

.task-group-header[b-v962zzgnxs] {
    font-weight: 600;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.verification-item-row[b-v962zzgnxs] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    font-size: 13px;
}

.item-description[b-v962zzgnxs] {
    flex: 1;
    color: rgba(255, 255, 255, 0.85);
}

.item-notes[b-v962zzgnxs] {
    color: rgba(255, 255, 255, 0.45);
    font-style: italic;
    max-width: 300px;
    font-size: 12px;
}
/* /Components/Git/DiffFileView.razor.rz.scp.css */
/* ========================================
   Diff Container (Unified)
   ======================================== */

.diff-container[b-nj5qwld4ut] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    overflow: auto;
    max-height: 600px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
}

.diff-line[b-nj5qwld4ut] {
    display: flex;
    padding: 0 12px 0 0;
    min-height: 1.5em;
}

.diff-line-deleted[b-nj5qwld4ut] {
    background: rgba(248, 81, 73, 0.15);
}

.diff-line-added[b-nj5qwld4ut] {
    background: rgba(46, 160, 67, 0.15);
}

.diff-line-collapsed[b-nj5qwld4ut] {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.diff-line-collapsed:hover[b-nj5qwld4ut] {
    background: rgba(255, 255, 255, 0.06);
}

.diff-gutter-old[b-nj5qwld4ut],
.diff-gutter-new[b-nj5qwld4ut] {
    width: 40px;
    text-align: right;
    padding: 0 4px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
    flex-shrink: 0;
}

.diff-indicator[b-nj5qwld4ut] {
    width: 20px;
    text-align: center;
    flex-shrink: 0;
    user-select: none;
    font-weight: 600;
}

.diff-line-deleted .diff-indicator[b-nj5qwld4ut] {
    color: #f85149;
}

.diff-line-added .diff-indicator[b-nj5qwld4ut] {
    color: #3fb950;
}

.diff-content[b-nj5qwld4ut] {
    flex: 1;
    white-space: pre-wrap;
    word-break: break-word;
}

.diff-collapse-text[b-nj5qwld4ut] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-style: italic;
    text-align: center;
}

/* ========================================
   Stats
   ======================================== */

.diff-stats[b-nj5qwld4ut] {
    padding: 6px 12px;
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.stats-added[b-nj5qwld4ut] {
    color: #3fb950;
}

.stats-removed[b-nj5qwld4ut] {
    color: #f85149;
}

/* ========================================
   Empty State
   ======================================== */

.diff-empty[b-nj5qwld4ut] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-size: var(--font-size-base, 14px);
}

/* ========================================
   Side-by-Side View
   ======================================== */

.diff-side-by-side[b-nj5qwld4ut] {
    display: flex;
    gap: 1px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    overflow: hidden;
    max-height: 600px;
}

.diff-side[b-nj5qwld4ut] {
    flex: 1;
    min-width: 0;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
}

.diff-side-header[b-nj5qwld4ut] {
    padding: 4px 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    position: sticky;
    top: 0;
    z-index: 1;
}

.diff-side-content[b-nj5qwld4ut] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
}

.diff-side .diff-gutter[b-nj5qwld4ut] {
    width: 40px;
    text-align: right;
    padding: 0 4px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
    flex-shrink: 0;
}

/* ========================================
   Scrollbar
   ======================================== */

.diff-container[b-nj5qwld4ut]::-webkit-scrollbar,
.diff-side[b-nj5qwld4ut]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.diff-container[b-nj5qwld4ut]::-webkit-scrollbar-track,
.diff-side[b-nj5qwld4ut]::-webkit-scrollbar-track {
    background: transparent;
}

.diff-container[b-nj5qwld4ut]::-webkit-scrollbar-thumb,
.diff-side[b-nj5qwld4ut]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Investigations/InvestigationTree.razor.rz.scp.css */
.investigation-tree[b-axon2hm6yw] {
    /* Uses .glass-surface utility */
    height: calc(100vh - 200px);
    overflow-y: auto;
    border-radius: var(--radius-md);
    padding: 12px;
}

.tree-node-selected[b-axon2hm6yw] {
    color: var(--color-primary);
    font-weight: 600;
}

[b-axon2hm6yw] .context-menu-delete {
    color: var(--color-error) !important;
}

[b-axon2hm6yw] .context-menu-delete:hover {
    background: rgba(255, 77, 79, 0.1) !important;
}
/* /Components/Status/DevToolCard.razor.rz.scp.css */
[b-1wc8nt42jt] .devtool-card-item {
    transition: all 0.2s ease;
}

[b-1wc8nt42jt] .devtool-card-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px var(--glass-shadow);
}

[b-1wc8nt42jt] .devtool-ok {
    border-color: rgba(82, 196, 26, 0.3) !important;
    box-shadow: 0 0 8px rgba(82, 196, 26, 0.1);
}

[b-1wc8nt42jt] .devtool-warn {
    border-color: rgba(250, 173, 20, 0.3) !important;
    box-shadow: 0 0 8px rgba(250, 173, 20, 0.1);
}

[b-1wc8nt42jt] .devtool-missing {
    border-color: rgba(255, 255, 255, 0.06) !important;
    opacity: 0.6;
}

.devtool-card-content[b-1wc8nt42jt] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.devtool-card-header[b-1wc8nt42jt] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-1wc8nt42jt] .devtool-icon {
    font-size: 16px;
    color: var(--text-secondary);
}

.devtool-name[b-1wc8nt42jt] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
}

.devtool-card-status[b-1wc8nt42jt] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.devtool-status-label[b-1wc8nt42jt] {
    font-size: 12px;
}

.devtool-status-label.running[b-1wc8nt42jt] {
    color: var(--color-success);
}

.devtool-status-label.stopped[b-1wc8nt42jt] {
    color: var(--color-error);
}

.devtool-auth-details[b-1wc8nt42jt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 4px;
    border-top: 1px solid var(--glass-border);
}

.devtool-auth-row[b-1wc8nt42jt] {
    display: flex;
    align-items: center;
    gap: 6px;
}

[b-1wc8nt42jt] .devtool-detail-icon {
    font-size: 12px;
    color: var(--text-muted);
    flex-shrink: 0;
}

.devtool-detail-value[b-1wc8nt42jt] {
    font-size: 12px;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.devtool-subscription[b-1wc8nt42jt] {
    text-transform: capitalize;
    color: var(--color-primary);
    font-weight: 500;
}

.devtool-org[b-1wc8nt42jt] {
    color: var(--text-muted);
}

.devtool-version[b-1wc8nt42jt] {
    margin-top: -2px;
}

.devtool-version-label[b-1wc8nt42jt] {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 12px;
    color: var(--text-muted);
}

.devtool-card-footer[b-1wc8nt42jt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
}
/* /Components/Status/ServiceCard.razor.rz.scp.css */
[b-35stmi70ht] .service-card-item {
    transition: all 0.2s ease;
}

[b-35stmi70ht] .service-card-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px var(--glass-shadow);
}

[b-35stmi70ht] .service-running {
    border-color: rgba(82, 196, 26, 0.3) !important;
    box-shadow: 0 0 8px rgba(82, 196, 26, 0.1);
}

[b-35stmi70ht] .service-stopped {
    border-color: rgba(255, 77, 79, 0.3) !important;
    box-shadow: 0 0 8px rgba(255, 77, 79, 0.1);
}

.service-card-content[b-35stmi70ht] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service-card-header[b-35stmi70ht] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-35stmi70ht] .service-icon {
    font-size: 16px;
    color: var(--text-secondary);
}

.service-name[b-35stmi70ht] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
}

.service-card-status[b-35stmi70ht] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.service-status-dot[b-35stmi70ht] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.service-status-dot.running[b-35stmi70ht] {
    background-color: var(--color-success);
    box-shadow: 0 0 6px rgba(82, 196, 26, 0.4);
}

.service-status-dot.stopped[b-35stmi70ht] {
    background-color: var(--color-error);
    box-shadow: 0 0 6px rgba(255, 77, 79, 0.3);
}

.service-status-label[b-35stmi70ht] {
    font-size: 12px;
}

.service-status-label.running[b-35stmi70ht] {
    color: var(--color-success);
}

.service-status-label.stopped[b-35stmi70ht] {
    color: var(--color-error);
}

.service-card-footer[b-35stmi70ht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-port[b-35stmi70ht] {
    color: var(--text-muted);
    font-size: 12px;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
}

.service-url[b-35stmi70ht] {
    color: var(--color-primary);
    font-size: 12px;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    text-decoration: none;
    transition: color 0.2s ease;
}

.service-url:hover[b-35stmi70ht] {
    color: var(--color-primary-hover, #f0944a);
    text-decoration: underline;
}

.service-actions[b-35stmi70ht] {
    display: flex;
    gap: 8px;
}

.service-status-dot.session-running[b-35stmi70ht] {
    background-color: var(--color-success);
    box-shadow: 0 0 6px rgba(82, 196, 26, 0.4);
}

.service-status-label.session-running[b-35stmi70ht] {
    color: var(--color-success);
}
/* /Components/Status/TunnelCard.razor.rz.scp.css */
[b-e18ct8sl0k] .tunnel-card-item {
    transition: all 0.2s ease;
}

[b-e18ct8sl0k] .tunnel-card-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px var(--glass-shadow);
}

[b-e18ct8sl0k] .tunnel-running {
    border-color: rgba(82, 196, 26, 0.3) !important;
    box-shadow: 0 0 8px rgba(82, 196, 26, 0.1);
}

[b-e18ct8sl0k] .tunnel-stopped {
    border-color: rgba(255, 77, 79, 0.3) !important;
    box-shadow: 0 0 8px rgba(255, 77, 79, 0.1);
}

.tunnel-card-content[b-e18ct8sl0k] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tunnel-card-header[b-e18ct8sl0k] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-e18ct8sl0k] .tunnel-icon {
    font-size: 16px;
    color: var(--text-secondary);
}

.tunnel-name[b-e18ct8sl0k] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
}

.tunnel-status-dot[b-e18ct8sl0k] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    margin-left: auto;
}

.tunnel-status-dot.running[b-e18ct8sl0k] {
    background-color: var(--color-success);
    box-shadow: 0 0 6px rgba(82, 196, 26, 0.4);
}

.tunnel-status-dot.stopped[b-e18ct8sl0k] {
    background-color: var(--color-error);
    box-shadow: 0 0 6px rgba(255, 77, 79, 0.3);
}

.tunnel-status-label[b-e18ct8sl0k] {
    font-size: 12px;
}

.tunnel-status-label.running[b-e18ct8sl0k] {
    color: var(--color-success);
}

.tunnel-status-label.stopped[b-e18ct8sl0k] {
    color: var(--color-error);
}

.tunnel-metadata[b-e18ct8sl0k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 4px;
    border-top: 1px solid var(--glass-border);
}

.tunnel-meta-row[b-e18ct8sl0k] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.tunnel-meta-label[b-e18ct8sl0k] {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--text-muted);
    flex-shrink: 0;
    min-width: 80px;
}

.tunnel-meta-value[b-e18ct8sl0k] {
    font-size: 12px;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tunnel-meta-value.mono[b-e18ct8sl0k] {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
}

.tunnel-meta-link[b-e18ct8sl0k] {
    color: var(--color-primary);
    text-decoration: none;
}

.tunnel-meta-link:hover[b-e18ct8sl0k] {
    text-decoration: underline;
}

.tunnel-not-configured[b-e18ct8sl0k] {
    font-size: 12px;
    color: var(--text-muted);
    text-align: center;
    padding: 8px 0;
}

.tunnel-not-configured code[b-e18ct8sl0k] {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 11px;
    color: var(--text-secondary);
    background: var(--glass-bg);
    padding: 2px 6px;
    border-radius: 4px;
}

.tunnel-card-footer[b-e18ct8sl0k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
}
/* /Components/Terminal/BookmarksPanel.razor.rz.scp.css */
.bookmarks-panel[b-t0fu3nhc9h] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    background: var(--color-bg-dark-secondary, #141821);
    border-left: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    display: flex;
    flex-direction: column;
    z-index: 20;
    animation: slideIn-b-t0fu3nhc9h 0.2s ease;
}

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

.bookmarks-header[b-t0fu3nhc9h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    flex-shrink: 0;
}

.bookmarks-title[b-t0fu3nhc9h] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-primary, #fff);
}

[b-t0fu3nhc9h] .bookmarks-title .anticon {
    color: #faad14;
    font-size: 16px;
}

.bookmarks-close[b-t0fu3nhc9h] {
    background: none;
    border: none;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 150ms ease;
}

.bookmarks-close:hover[b-t0fu3nhc9h] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary, #fff);
}

.bookmarks-list[b-t0fu3nhc9h] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.bookmarks-list[b-t0fu3nhc9h]::-webkit-scrollbar {
    width: 4px;
}

.bookmarks-list[b-t0fu3nhc9h]::-webkit-scrollbar-track {
    background: transparent;
}

.bookmarks-list[b-t0fu3nhc9h]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 2px;
}

.bookmarks-empty[b-t0fu3nhc9h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    text-align: center;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    gap: 12px;
}

[b-t0fu3nhc9h] .empty-icon {
    font-size: 32px;
    opacity: 0.4;
}

.bookmarks-empty p[b-t0fu3nhc9h] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
}

.bookmark-item[b-t0fu3nhc9h] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 150ms ease;
    border: 1px solid transparent;
}

.bookmark-item:hover[b-t0fu3nhc9h] {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--glass-border, rgba(255, 255, 255, 0.08));
}

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

.bookmark-preview[b-t0fu3nhc9h] {
    font-size: 13px;
    color: var(--text-primary, #fff);
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.bookmark-note[b-t0fu3nhc9h] {
    font-size: 12px;
    color: #faad14;
    line-height: 1.4;
    font-style: italic;
}

.bookmark-note-input[b-t0fu3nhc9h] {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(250, 173, 20, 0.3);
    border-radius: 4px;
    color: var(--text-primary, #fff);
    font-size: 12px;
    padding: 4px 8px;
    outline: none;
    font-style: normal;
}

.bookmark-note-input:focus[b-t0fu3nhc9h] {
    border-color: rgba(250, 173, 20, 0.5);
}

.bookmark-meta[b-t0fu3nhc9h] {
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.bookmark-actions[b-t0fu3nhc9h] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 150ms ease;
}

.bookmark-item:hover .bookmark-actions[b-t0fu3nhc9h] {
    opacity: 1;
}

.bookmark-action-btn[b-t0fu3nhc9h] {
    background: none;
    border: none;
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary, rgba(255, 255, 255, 0.5));
    transition: all 150ms ease;
    font-size: 12px;
}

.bookmark-action-btn:hover[b-t0fu3nhc9h] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary, #fff);
}

.bookmark-action-btn.delete:hover[b-t0fu3nhc9h] {
    color: var(--color-error, #ff4d4f);
}

.bookmark-action-btn.save[b-t0fu3nhc9h] {
    color: var(--color-success, #52c41a);
}

.bookmark-action-btn.save:hover[b-t0fu3nhc9h] {
    color: var(--color-success, #52c41a);
    background: rgba(82, 196, 26, 0.1);
}

/* Highlight flash animation for scrolled-to messages */
@keyframes highlightFlash-b-t0fu3nhc9h {
    0% { background: rgba(250, 173, 20, 0.2); }
    100% { background: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .bookmarks-panel[b-t0fu3nhc9h] {
        animation: none;
    }
}
/* /Components/Terminal/ChatInput.razor.rz.scp.css */
.chat-input[b-ji8ss57tzl] {
    position: sticky;
    bottom: 0;
    flex-shrink: 0;
    background: var(--color-bg-dark-secondary, #141821);
    border-top: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    padding: 8px 16px 12px;
}

.chat-input-disabled[b-ji8ss57tzl] {
    opacity: 0.6;
}

.input-toolbar[b-ji8ss57tzl] {
    display: flex;
    gap: 2px;
    margin-bottom: 4px;
}

[b-ji8ss57tzl] .toolbar-btn {
    color: var(--text-muted, rgba(255, 255, 255, 0.45)) !important;
    font-size: 14px !important;
}

[b-ji8ss57tzl] .toolbar-btn:hover {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7)) !important;
}

.input-row[b-ji8ss57tzl] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.textarea-wrapper[b-ji8ss57tzl] {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.chat-textarea[b-ji8ss57tzl] {
    width: 100%;
    background: var(--glass-bg, rgba(255, 255, 255, 0.05));
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 8px;
    padding: 8px 12px;
    color: var(--text-primary, #fff);
    font-family: var(--font-body, 'Plus Jakarta Sans', sans-serif);
    font-size: 14px;
    line-height: 1.5;
    resize: none;
    outline: none;
    min-height: 38px;
    max-height: 200px;
    transition: border-color var(--transition-fast, 150ms ease);
}

.chat-textarea:focus[b-ji8ss57tzl] {
    border-color: var(--color-primary, #e67a2e);
}

.chat-textarea[b-ji8ss57tzl]::placeholder {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.chat-textarea:disabled[b-ji8ss57tzl] {
    opacity: 0.5;
    cursor: not-allowed;
}

[b-ji8ss57tzl] .action-btn {
    flex-shrink: 0;
    margin-bottom: 2px;
}

/* Image preview */
.image-preview[b-ji8ss57tzl] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    margin-bottom: 4px;
    background: var(--glass-bg, rgba(255, 255, 255, 0.05));
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px;
}

.image-preview img[b-ji8ss57tzl] {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
}

.image-filename[b-ji8ss57tzl] {
    flex: 1;
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ji8ss57tzl] .remove-image-btn {
    color: var(--text-muted, rgba(255, 255, 255, 0.45)) !important;
    font-size: 12px !important;
}

[b-ji8ss57tzl] .remove-image-btn:hover {
    color: var(--color-danger, #ff4d4f) !important;
}

/* Session ended overlay */
.session-ended-overlay[b-ji8ss57tzl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-size: 13px;
}

[b-ji8ss57tzl] .ended-icon {
    font-size: 16px;
}
/* /Components/Terminal/ChatMessage.razor.rz.scp.css */
.chat-message[b-5asaoxl7ck] {
    position: relative;
    animation: fadeIn-b-5asaoxl7ck 0.2s ease;
}

@keyframes fadeIn-b-5asaoxl7ck {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* User message — right aligned */
.message-user[b-5asaoxl7ck] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 8px;
}

.user-bubble[b-5asaoxl7ck] {
    background: var(--color-primary-muted);
    border: 1px solid var(--color-primary-medium);
    border-radius: 12px 12px 4px 12px;
    padding: 10px 14px;
    max-width: 70%;
    color: var(--text-primary, #fff);
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
    white-space: pre-wrap;
}

/* Assistant message — left aligned, full width */
.message-assistant[b-5asaoxl7ck] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.assistant-bubble[b-5asaoxl7ck] {
    background: var(--glass-bg, rgba(255, 255, 255, 0.05));
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 4px 12px 12px 12px;
    padding: 10px 14px;
    flex: 1;
    min-width: 0;
    color: var(--text-primary, #fff);
    font-size: 14px;
    line-height: 1.6;
    word-break: break-word;
}

/* Markdown content inside assistant bubble */
[b-5asaoxl7ck] .assistant-bubble h1,
[b-5asaoxl7ck] .assistant-bubble h2,
[b-5asaoxl7ck] .assistant-bubble h3,
[b-5asaoxl7ck] .assistant-bubble h4 {
    margin: 12px 0 8px;
    color: var(--text-primary, #fff);
}

[b-5asaoxl7ck] .assistant-bubble h1:first-child,
[b-5asaoxl7ck] .assistant-bubble h2:first-child,
[b-5asaoxl7ck] .assistant-bubble h3:first-child {
    margin-top: 0;
}

[b-5asaoxl7ck] .assistant-bubble p {
    margin: 0 0 8px;
}

[b-5asaoxl7ck] .assistant-bubble p:last-child {
    margin-bottom: 0;
}

[b-5asaoxl7ck] .assistant-bubble code {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    padding: 1px 5px;
    font-family: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace;
    font-size: 13px;
}

[b-5asaoxl7ck] .assistant-bubble pre {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 12px;
    overflow-x: auto;
    margin: 8px 0;
}

[b-5asaoxl7ck] .assistant-bubble pre code {
    background: none;
    border: none;
    padding: 0;
    font-size: 13px;
    line-height: 1.5;
}

[b-5asaoxl7ck] .assistant-bubble ul,
[b-5asaoxl7ck] .assistant-bubble ol {
    margin: 4px 0 8px;
    padding-left: 20px;
}

[b-5asaoxl7ck] .assistant-bubble li {
    margin-bottom: 2px;
}

[b-5asaoxl7ck] .assistant-bubble blockquote {
    border-left: 3px solid var(--color-primary, #e67a2e);
    margin: 8px 0;
    padding: 4px 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

[b-5asaoxl7ck] .assistant-bubble table {
    border-collapse: collapse;
    width: 100%;
    margin: 8px 0;
}

[b-5asaoxl7ck] .assistant-bubble th,
[b-5asaoxl7ck] .assistant-bubble td {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 6px 10px;
    text-align: left;
}

[b-5asaoxl7ck] .assistant-bubble th {
    background: rgba(255, 255, 255, 0.05);
}

/* Avatars */
[b-5asaoxl7ck] .message-avatar {
    font-size: 20px;
    flex-shrink: 0;
    margin-top: 4px;
}

[b-5asaoxl7ck] .user-avatar {
    color: var(--color-primary, #e67a2e);
}

[b-5asaoxl7ck] .assistant-avatar {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

/* System message */
.message-system[b-5asaoxl7ck] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    background: rgba(24, 144, 255, 0.08);
    border: 1px solid rgba(24, 144, 255, 0.15);
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    font-size: 12px;
}

[b-5asaoxl7ck] .system-icon {
    color: var(--color-info, #1890ff);
    font-size: 14px;
    flex-shrink: 0;
}

/* Error message */
.message-error[b-5asaoxl7ck] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 8px;
    background: rgba(255, 77, 79, 0.08);
    border: 1px solid rgba(255, 77, 79, 0.2);
    color: var(--color-error, #ff4d4f);
    font-size: 13px;
    line-height: 1.5;
    word-break: break-word;
}

[b-5asaoxl7ck] .error-icon {
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Permission auto-apply message */
.message-permission-apply[b-5asaoxl7ck] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    line-height: 1.4;
}

.message-permission-apply.success[b-5asaoxl7ck] {
    background: rgba(82, 196, 26, 0.08);
    color: rgba(82, 196, 26, 0.85);
}

.message-permission-apply.failed[b-5asaoxl7ck] {
    background: rgba(250, 173, 20, 0.08);
    color: rgba(250, 173, 20, 0.85);
}

.message-permission-apply code[b-5asaoxl7ck] {
    background: rgba(255, 255, 255, 0.06);
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.78rem;
    font-family: var(--font-mono, monospace);
}

[b-5asaoxl7ck] .permission-icon {
    font-size: 14px;
    flex-shrink: 0;
}

.permission-text[b-5asaoxl7ck] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.permission-error-detail[b-5asaoxl7ck] {
    opacity: 0.7;
}

/* Hide tool result messages — they are rendered inside ToolCallBlock */
.message-type-tool-result[b-5asaoxl7ck] {
    display: none;
}

/* Save as prompt icon */
.message-save-prompt[b-5asaoxl7ck] {
    position: absolute;
    top: 4px;
    right: 28px;
    opacity: 0;
    cursor: pointer;
    color: var(--dd-text-secondary, rgba(255, 255, 255, 0.5));
    transition: opacity 0.2s;
    font-size: 14px;
    z-index: 1;
}

.chat-message:hover .message-save-prompt[b-5asaoxl7ck] {
    opacity: 1;
}

.message-save-prompt:hover[b-5asaoxl7ck] {
    color: var(--color-primary, #e67a2e);
}

/* Bookmark icon */
.message-bookmark[b-5asaoxl7ck] {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    cursor: pointer;
    color: var(--dd-text-secondary, rgba(255, 255, 255, 0.5));
    transition: opacity 0.2s;
    font-size: 14px;
    z-index: 1;
}

.chat-message:hover .message-bookmark[b-5asaoxl7ck],
.message-bookmark.bookmarked[b-5asaoxl7ck] {
    opacity: 1;
}

.message-bookmark.bookmarked[b-5asaoxl7ck] {
    color: #faad14;
}

.message-bookmark:hover[b-5asaoxl7ck] {
    color: #faad14;
}

/* Bookmarked message indicator */
.chat-message.has-bookmark[b-5asaoxl7ck] {
    border-left: 3px solid #faad14;
    padding-left: 8px;
}

/* Annotation input */
.bookmark-annotation[b-5asaoxl7ck] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    margin-top: 4px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(250, 173, 20, 0.3);
    border-radius: 6px;
}

.bookmark-annotation input[b-5asaoxl7ck] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text-primary, #fff);
    font-size: 13px;
    padding: 4px 0;
}

.bookmark-annotation input[b-5asaoxl7ck]::placeholder {
    color: var(--dd-text-secondary, rgba(255, 255, 255, 0.4));
}

/* Highlight flash when scrolled to from bookmarks panel */
.chat-message.highlight-flash[b-5asaoxl7ck] {
    animation: highlightFlash-b-5asaoxl7ck 2s ease;
}

@keyframes highlightFlash-b-5asaoxl7ck {
    0% { background: rgba(250, 173, 20, 0.2); }
    100% { background: transparent; }
}

/* Retried message — dimmed and non-interactive */
.chat-message.is-retried[b-5asaoxl7ck] {
    opacity: 0.4;
    pointer-events: none;
    position: relative;
}

.chat-message.is-retried[b-5asaoxl7ck]::after {
    content: "Retried";
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 10px;
    color: var(--dd-text-secondary, rgba(255, 255, 255, 0.5));
    background: rgba(255, 255, 255, 0.08);
    padding: 1px 6px;
    border-radius: 4px;
    pointer-events: none;
}

/* User bubble group — wraps bubble + command badge for right-aligned stacking */
.user-bubble-group[b-5asaoxl7ck] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 70%;
}

.user-bubble-group .user-bubble[b-5asaoxl7ck] {
    max-width: 100%;
}

/* Command badge section — below user bubble */
.command-badge-section[b-5asaoxl7ck] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 4px;
}

.command-badge[b-5asaoxl7ck] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid rgba(147, 112, 219, 0.3);
    background: rgba(147, 112, 219, 0.1);
    color: rgba(147, 112, 219, 0.9);
    font-size: 11px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    font-family: inherit;
    line-height: 1.5;
}

.command-badge:hover[b-5asaoxl7ck] {
    background: rgba(147, 112, 219, 0.18);
    border-color: rgba(147, 112, 219, 0.45);
}

[b-5asaoxl7ck] .command-badge-icon {
    font-size: 12px;
}

.command-partial-count[b-5asaoxl7ck] {
    opacity: 0.7;
}

/* Expandable partials list */
.command-partials-list[b-5asaoxl7ck] {
    margin-top: 4px;
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(147, 112, 219, 0.2);
    border-radius: 6px;
    font-size: 11px;
    max-width: 400px;
}

.command-partial-item[b-5asaoxl7ck] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 2px 0;
    color: var(--dd-text-secondary, rgba(255, 255, 255, 0.6));
    font-family: var(--font-mono, monospace);
    font-size: 10.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-5asaoxl7ck] .command-partial-item .anticon {
    font-size: 11px;
    flex-shrink: 0;
    color: rgba(147, 112, 219, 0.6);
}

/* Retry count badge on user messages */
.retry-count-badge[b-5asaoxl7ck] {
    display: inline-block;
    margin-left: 8px;
    font-size: 11px;
    font-weight: 500;
    color: rgba(24, 144, 255, 0.9);
    background: rgba(24, 144, 255, 0.12);
    border: 1px solid rgba(24, 144, 255, 0.25);
    padding: 1px 8px;
    border-radius: 10px;
    vertical-align: middle;
}

/* Retry button container */
.retry-action[b-5asaoxl7ck] {
    margin-top: 4px;
    margin-left: 28px;
}

[b-5asaoxl7ck] .retry-btn {
    font-size: 12px;
    color: var(--dd-text-secondary, rgba(255, 255, 255, 0.6));
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
}

[b-5asaoxl7ck] .retry-btn:hover {
    color: var(--color-primary, #e67a2e);
    border-color: var(--color-primary, #e67a2e);
    background: rgba(230, 122, 46, 0.08);
}

/* Save prompt modal fields */
.modal-field[b-5asaoxl7ck] {
    margin-bottom: 16px;
}

.modal-label[b-5asaoxl7ck] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 6px;
}

@media (prefers-reduced-motion: reduce) {
    .chat-message[b-5asaoxl7ck] {
        animation: none;
    }

    .chat-message.highlight-flash[b-5asaoxl7ck] {
        animation: none;
        background: rgba(250, 173, 20, 0.15);
    }
}
/* /Components/Terminal/ChoiceCards.razor.rz.scp.css */
.choice-cards-container[b-dhjcxt4dfj] {
    margin: 8px 0 16px 48px;
    max-width: 600px;
}

.choice-cards-header[b-dhjcxt4dfj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.choice-cards-label[b-dhjcxt4dfj] {
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.choice-card[b-dhjcxt4dfj] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    margin-bottom: 8px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: left;
    width: 100%;
    color: inherit;
    font: inherit;
}

.choice-card:hover[b-dhjcxt4dfj] {
    border-color: var(--color-primary);
    box-shadow: 0 0 12px var(--color-primary-soft);
    transform: translateX(4px);
}

.choice-card:active[b-dhjcxt4dfj] {
    transform: scale(0.98);
}

.choice-card.selected[b-dhjcxt4dfj] {
    border-color: var(--color-primary);
    background: var(--color-primary-subtle);
}

.choice-label[b-dhjcxt4dfj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    background: var(--color-primary);
    color: white;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
}

.choice-text[b-dhjcxt4dfj] {
    color: var(--text-primary, #fff);
    line-height: 1.5;
    padding-top: 3px;
    min-width: 0;
}

.choice-text[b-dhjcxt4dfj]  p {
    margin: 0;
}

.choice-text[b-dhjcxt4dfj]  code {
    background: rgba(255, 255, 255, 0.1);
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.9em;
}

.choice-plaintext[b-dhjcxt4dfj] {
    padding: 8px 0;
}

.choice-plaintext-item[b-dhjcxt4dfj] {
    padding: 4px 0;
    color: var(--text-primary, #fff);
    line-height: 1.5;
}

.choice-plaintext-item[b-dhjcxt4dfj]  p {
    margin: 0;
    display: inline;
}

.choice-plaintext-item[b-dhjcxt4dfj]  code {
    background: rgba(255, 255, 255, 0.1);
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.9em;
}
/* /Components/Terminal/ClaudeChat.razor.rz.scp.css */
.claude-chat[b-0p8wxlupd3] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

/* Header actions bar */
.chat-header-actions[b-0p8wxlupd3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 12px;
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.06));
    flex-shrink: 0;
}

.bookmarks-toggle[b-0p8wxlupd3] {
    position: relative;
    background: none;
    border: none;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 150ms ease;
    font-size: 16px;
}

.bookmarks-toggle:hover[b-0p8wxlupd3] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary, #fff);
}

.bookmark-count-badge[b-0p8wxlupd3] {
    position: absolute;
    top: 0;
    right: 0;
    background: #faad14;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
}

/* Focus Mode toggle */
.focus-mode-toggle[b-0p8wxlupd3] {
    background: none;
    border: none;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 150ms ease;
    font-size: 16px;
}

.focus-mode-toggle:hover[b-0p8wxlupd3] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary, #fff);
}

.focus-mode-toggle.active[b-0p8wxlupd3] {
    color: var(--color-primary, #e67a2e);
    background: rgba(230, 122, 46, 0.12);
}

.focus-mode-toggle.active:hover[b-0p8wxlupd3] {
    background: rgba(230, 122, 46, 0.18);
}

/* Focus Mode — hide all tool calls and groups */
[b-0p8wxlupd3] .focus-mode .tool-call-block,
[b-0p8wxlupd3] .focus-mode .tool-call-group {
    display: none;
}

/* Run Feature Tasks CTA */
.run-tasks-cta[b-0p8wxlupd3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    margin: 0 12px 8px;
    background: rgba(230, 122, 46, 0.08);
    border: 1px solid rgba(230, 122, 46, 0.2);
    border-radius: 8px;
    flex-shrink: 0;
}

.run-tasks-info[b-0p8wxlupd3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

.run-tasks-info strong[b-0p8wxlupd3] {
    color: var(--color-primary, #e67a2e);
    font-family: var(--dd-font-mono);
}

.chat-messages[b-0p8wxlupd3] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Scrollbar styling */
.chat-messages[b-0p8wxlupd3]::-webkit-scrollbar {
    width: 6px;
}

.chat-messages[b-0p8wxlupd3]::-webkit-scrollbar-track {
    background: transparent;
}

.chat-messages[b-0p8wxlupd3]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
}

.chat-messages[b-0p8wxlupd3]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

.chat-empty-state[b-0p8wxlupd3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

[b-0p8wxlupd3] .empty-state-icon {
    font-size: 40px;
    opacity: 0.4;
}

.chat-empty-state p[b-0p8wxlupd3] {
    margin: 0;
    font-size: 14px;
}

.scroll-to-bottom-btn[b-0p8wxlupd3] {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    background: var(--color-bg-dark-secondary, #141821);
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-fast, 150ms ease);
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.scroll-to-bottom-btn:hover[b-0p8wxlupd3] {
    background: var(--color-bg-dark-tertiary, #1a1f2e);
    border-color: var(--glass-border-light, rgba(255, 255, 255, 0.15));
}

.unread-badge[b-0p8wxlupd3] {
    position: absolute;
    top: -6px;
    right: -6px;
    background: var(--color-primary, #e67a2e);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

/* Thinking indicator */
.thinking-indicator[b-0p8wxlupd3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
}

.thinking-dots[b-0p8wxlupd3] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 14px;
    background: var(--glass-bg, rgba(255, 255, 255, 0.04));
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
    border-radius: 12px;
}

.thinking-dots .dot[b-0p8wxlupd3] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary, #e67a2e);
    animation: thinking-bounce-b-0p8wxlupd3 1.4s infinite ease-in-out both;
}

.thinking-dots .dot:nth-child(1)[b-0p8wxlupd3] {
    animation-delay: 0s;
}

.thinking-dots .dot:nth-child(2)[b-0p8wxlupd3] {
    animation-delay: 0.16s;
}

.thinking-dots .dot:nth-child(3)[b-0p8wxlupd3] {
    animation-delay: 0.32s;
}

@keyframes thinking-bounce-b-0p8wxlupd3 {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.4;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .thinking-dots .dot[b-0p8wxlupd3] {
        animation: none;
        opacity: 0.7;
    }
}
/* /Components/Terminal/ContextGauge.razor.rz.scp.css */
.context-gauge[b-1b4uqptxk0] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    min-width: 120px;
}

.gauge-label[b-1b4uqptxk0] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: nowrap;
}

.gauge-bar[b-1b4uqptxk0] {
    flex: 1;
    height: 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    overflow: hidden;
    min-width: 60px;
}

.gauge-fill[b-1b4uqptxk0] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease, background-color 0.3s ease;
}

.gauge-success[b-1b4uqptxk0] { background-color: var(--color-success, #52c41a); }
.gauge-warning[b-1b4uqptxk0] { background-color: var(--color-warning, #faad14); }
.gauge-danger[b-1b4uqptxk0] { background-color: var(--color-error, #ff4d4f); }

.gauge-percent[b-1b4uqptxk0] {
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    min-width: 30px;
    text-align: right;
}
/* /Components/Terminal/FeatureMultiSelect.razor.rz.scp.css */
.feature-multiselect[b-m6r7h1c1gb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.status-filters[b-m6r7h1c1gb] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.status-pill[b-m6r7h1c1gb] { cursor: pointer; user-select: none; display: inline-flex; }
.status-pill.excluded[b-m6r7h1c1gb] { opacity: 0.4; }

.selected-tags[b-m6r7h1c1gb] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.selected-tag[b-m6r7h1c1gb] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.tag-close[b-m6r7h1c1gb] {
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    color: var(--text-muted);
    padding: 0 2px;
    border-radius: 2px;
    transition: color 150ms ease;
}

.tag-close:hover[b-m6r7h1c1gb] {
    color: var(--text-primary);
}

.feature-list[b-m6r7h1c1gb] {
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    padding: 4px;
}

.feature-item[b-m6r7h1c1gb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 150ms ease;
}

.feature-item:hover[b-m6r7h1c1gb] { background: rgba(255, 255, 255, 0.04); }
.feature-item.selected[b-m6r7h1c1gb] { background: rgba(230, 122, 46, 0.08); }

.feature-title[b-m6r7h1c1gb] {
    flex: 1;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feature-progress[b-m6r7h1c1gb] {
    font-size: 11px;
    color: var(--text-muted);
    font-family: var(--dd-font-mono);
    white-space: nowrap;
}

.feature-projects[b-m6r7h1c1gb] { display: flex; gap: 4px; }
.project-tag[b-m6r7h1c1gb] {
    font-size: 10px;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-muted);
}

.feature-empty[b-m6r7h1c1gb] {
    text-align: center;
    padding: 24px;
    color: var(--text-muted);
    font-size: 13px;
}

.select-all-row[b-m6r7h1c1gb] { padding: 0 4px; }

/* Scrollbar */
.feature-list[b-m6r7h1c1gb]::-webkit-scrollbar { width: 6px; }
.feature-list[b-m6r7h1c1gb]::-webkit-scrollbar-track { background: transparent; }
.feature-list[b-m6r7h1c1gb]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.12); border-radius: 3px; }
/* /Components/Terminal/FileChangesPanel.razor.rz.scp.css */
.file-changes-panel[b-pen0yjku46] {
    margin: 8px 0;
}

.file-changes-empty[b-pen0yjku46] {
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    padding: 4px 8px;
}

.file-changes-header[b-pen0yjku46] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px 8px;
    background: transparent;
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    font-size: 13px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.file-changes-header:hover[b-pen0yjku46] {
    background: rgba(255, 255, 255, 0.03);
}

.file-changes-header:focus-visible[b-pen0yjku46] {
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: -1px;
}

[b-pen0yjku46] .header-icon {
    font-size: 14px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

.header-text[b-pen0yjku46] {
    flex: 1;
    text-align: left;
    font-weight: 500;
}

[b-pen0yjku46] .expand-icon {
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.file-changes-body[b-pen0yjku46] {
    padding: 8px 0 0;
}

.change-group[b-pen0yjku46] {
    margin-bottom: 8px;
}

.accessed-header[b-pen0yjku46] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: inherit;
}

[b-pen0yjku46] .accessed-expand-icon {
    font-size: 10px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.file-path[b-pen0yjku46] {
    font-family: var(--dd-font-mono, 'JetBrains Mono', 'Cascadia Code', monospace);
    font-size: 12px;
    padding: 2px 8px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-path.accessed[b-pen0yjku46] {
    opacity: 0.6;
}
/* /Components/Terminal/InvestigationPicker.razor.rz.scp.css */
.investigation-picker[b-4bmxl5fcan] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.picker-toolbar[b-4bmxl5fcan] {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-4bmxl5fcan] .picker-toolbar .ant-input-search {
    flex: 1;
}

.file-count[b-4bmxl5fcan] {
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    white-space: nowrap;
}

.picker-actions[b-4bmxl5fcan] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.selected-count[b-4bmxl5fcan] {
    margin-left: auto;
    font-size: 12px;
    color: var(--color-primary, #e67a2e);
    font-weight: 500;
}

.picker-tree[b-4bmxl5fcan] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px;
    padding: 8px;
}

.picker-tree[b-4bmxl5fcan]::-webkit-scrollbar {
    width: 6px;
}

.picker-tree[b-4bmxl5fcan]::-webkit-scrollbar-track {
    background: transparent;
}

.picker-tree[b-4bmxl5fcan]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
}

.picker-footer[b-4bmxl5fcan] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
}
/* /Components/Terminal/NewSessionModal.razor.rz.scp.css */
.feature-option[b-8wmi6xtxci] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.feature-id[b-8wmi6xtxci] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 600;
    min-width: 50px;
}

.feature-title[b-8wmi6xtxci] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-8wmi6xtxci] .feature-status-tag {
    font-size: 10px !important;
    line-height: 16px !important;
    padding: 0 4px !important;
    margin: 0 !important;
}

.label-optional[b-8wmi6xtxci] {
    font-size: 11px;
    color: var(--color-text-tertiary);
    font-weight: 400;
}

.prompt-suggestions-wrapper[b-8wmi6xtxci] {
    position: relative;
}

.runner-list[b-8wmi6xtxci] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.runner-card[b-8wmi6xtxci] {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 150ms ease;
    background: var(--glass-bg);
    text-align: left;
    font: inherit;
    color: rgba(255, 255, 255, 0.85);
}

.runner-card:hover[b-8wmi6xtxci] {
    border-color: var(--color-primary);
    background: rgba(230, 122, 46, 0.06);
}

.runner-card.selected[b-8wmi6xtxci] {
    border-color: var(--color-primary);
    background: rgba(230, 122, 46, 0.1);
}

.runner-card-header[b-8wmi6xtxci] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.runner-card-name[b-8wmi6xtxci] {
    font-weight: 500;
    font-size: 14px;
    flex: 1;
}

.runner-card-description[b-8wmi6xtxci] {
    font-size: 12px;
    color: var(--text-secondary);
    line-height: 1.4;
}

/* /Components/Terminal/ProcessesPanel.razor.rz.scp.css */
.processes-panel[b-xaw7grnc5g] {
    padding: 16px;
    height: 100%;
    overflow-y: auto;
}

.processes-header[b-xaw7grnc5g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.processes-title[b-xaw7grnc5g] {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-xaw7grnc5g] .title-icon {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.processes-actions[b-xaw7grnc5g] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.orphan-warning[b-xaw7grnc5g] {
    background: rgba(250, 173, 20, 0.1);
    border: 1px solid rgba(250, 173, 20, 0.3);
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.orphan-warning-text[b-xaw7grnc5g] {
    color: rgba(250, 173, 20, 0.9);
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.process-groups[b-xaw7grnc5g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.process-group[b-xaw7grnc5g] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 8px;
    overflow: hidden;
}

.group-header[b-xaw7grnc5g] {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    gap: 8px;
    cursor: pointer;
    transition: background 0.15s;
}

.group-header:hover[b-xaw7grnc5g] {
    background: rgba(255, 255, 255, 0.04);
}

[b-xaw7grnc5g] .group-chevron {
    transition: transform 0.2s;
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px;
}

[b-xaw7grnc5g] .group-chevron.collapsed {
    transform: rotate(-90deg);
}

.group-name[b-xaw7grnc5g] {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    font-family: var(--dd-font-mono, 'JetBrains Mono', 'Cascadia Code', monospace);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-args[b-xaw7grnc5g] {
    color: rgba(255, 255, 255, 0.4);
    margin-left: 6px;
}

.process-row[b-xaw7grnc5g] {
    display: flex;
    align-items: center;
    padding: 6px 12px 6px 32px;
    gap: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    font-size: 12px;
}

.process-row:hover[b-xaw7grnc5g] {
    background: rgba(255, 255, 255, 0.02);
}

.process-name[b-xaw7grnc5g] {
    color: rgba(255, 255, 255, 0.75);
    font-family: var(--dd-font-mono, 'JetBrains Mono', 'Cascadia Code', monospace);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.process-args[b-xaw7grnc5g] {
    color: rgba(255, 255, 255, 0.35);
    margin-left: 4px;
}

.process-metric[b-xaw7grnc5g] {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    min-width: 60px;
    text-align: right;
}

.process-ports[b-xaw7grnc5g] {
    color: #e67a2e;
    font-size: 11px;
}

.empty-state[b-xaw7grnc5g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: rgba(255, 255, 255, 0.3);
    gap: 12px;
}

[b-xaw7grnc5g] .empty-icon {
    font-size: 32px;
    color: rgba(255, 255, 255, 0.15);
}
/* /Components/Terminal/RunnerParameterForm.razor.rz.scp.css */
.param-help[b-vh2hftyuqu] {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 4px;
}

.param-placeholder[b-vh2hftyuqu] {
    color: var(--text-muted);
    font-size: 12px;
    font-style: italic;
    margin: 0;
    padding: 8px 12px;
    border: 1px dashed var(--glass-border);
    border-radius: 6px;
}

.advanced-options[b-vh2hftyuqu] {
    margin-top: 8px;
    border-top: 1px solid var(--glass-border);
    padding-top: 8px;
}

.advanced-toggle[b-vh2hftyuqu] {
    background: none;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
}

.advanced-toggle:hover[b-vh2hftyuqu] {
    color: var(--text-primary);
}

.advanced-body[b-vh2hftyuqu] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0 4px;
}

.toggle-row[b-vh2hftyuqu] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.toggle-label[b-vh2hftyuqu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.toggle-name[b-vh2hftyuqu] {
    font-size: 13px;
    color: var(--text-primary);
}

.toggle-description[b-vh2hftyuqu] {
    font-size: 11px;
    color: var(--text-muted);
}
/* /Components/Terminal/ScriptStep.razor.rz.scp.css */
.script-step[b-zyvhopj7rd] {
    margin-bottom: 4px;
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.2s;
    flex-shrink: 0;
}

.script-step.step-failed[b-zyvhopj7rd] {
    border-color: rgba(255, 77, 79, 0.4);
}

.script-step.step-running[b-zyvhopj7rd],
.script-step.step-syncing[b-zyvhopj7rd] {
    border-color: rgba(24, 144, 255, 0.4);
}

.step-header[b-zyvhopj7rd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    background: var(--glass-bg);
    cursor: pointer;
    user-select: none;
    transition: background 0.2s;
    border: none;
    width: 100%;
    color: inherit;
    font: inherit;
    text-align: left;
}

.step-header:hover[b-zyvhopj7rd] {
    background: rgba(255, 255, 255, 0.04);
}

.step-header-left[b-zyvhopj7rd], .step-header-right[b-zyvhopj7rd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.step-task-id[b-zyvhopj7rd] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--color-primary);
    font-weight: 600;
}

.step-title[b-zyvhopj7rd] {
    color: var(--color-text-primary);
}

.step-duration[b-zyvhopj7rd] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--color-text-secondary);
}

[b-zyvhopj7rd] .step-icon.success { color: var(--color-success); }
[b-zyvhopj7rd] .step-icon.failed { color: var(--color-error); }
[b-zyvhopj7rd] .step-icon.pending { color: var(--color-text-secondary); }
[b-zyvhopj7rd] .step-icon.retrying { color: var(--color-warning); }
[b-zyvhopj7rd] .step-icon.syncing { color: #13c2c2; /* teal — no token */ }

.step-body[b-zyvhopj7rd] {
    padding: 12px 16px 16px;
    border-top: 1px solid var(--glass-border);
    background: rgba(0, 0, 0, 0.15);
    max-height: 600px;
    overflow-y: auto;
}

.step-messages[b-zyvhopj7rd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sync-indicator[b-zyvhopj7rd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(19, 194, 194, 0.08);
    border-radius: 6px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #13c2c2; /* teal — no token */
}

.step-waiting[b-zyvhopj7rd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    color: var(--color-text-secondary);
    font-size: 13px;
}

/* Focus Mode — hide tool calls inside step body */
[b-zyvhopj7rd] .focus-mode .tool-call-block {
    display: none;
}

.step-chevron[b-zyvhopj7rd] {
    font-size: 12px;
    color: var(--color-text-secondary);
    transition: transform 0.2s;
}
/* /Components/Terminal/ScriptStepProgress.razor.rz.scp.css */
.script-step-progress[b-xnqk7bkntc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
    overflow-y: auto;
}

.progress-section-mini[b-xnqk7bkntc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-shrink: 0;
}

.progress-bar-container-mini[b-xnqk7bkntc] {
    flex: 1;
    height: 4px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 2px;
    overflow: hidden;
}

.progress-bar-fill-mini[b-xnqk7bkntc] {
    height: 100%;
    border-radius: 2px;
    transition: width 300ms ease;
}

.progress-label-mini[b-xnqk7bkntc] {
    font-size: 11px;
    color: var(--text-muted);
    white-space: nowrap;
}

.step-list-mini[b-xnqk7bkntc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.step-item-mini[b-xnqk7bkntc] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 11px;
    color: var(--text-secondary);
}

.step-item-mini.step--running[b-xnqk7bkntc] {
    background: rgba(24, 144, 255, 0.1);
    color: #1890ff;
}

.step-item-mini.step--syncing[b-xnqk7bkntc] {
    background: rgba(250, 173, 20, 0.1);
    color: #faad14;
}

.step-item-mini.step--success[b-xnqk7bkntc] {
    color: var(--text-muted);
}

.step-item-mini.step--failed[b-xnqk7bkntc] {
    background: rgba(255, 77, 79, 0.1);
    color: #ff4d4f;
}

.step-icon-mini[b-xnqk7bkntc] {
    width: 14px;
    text-align: center;
    flex-shrink: 0;
}

.step-id-mini[b-xnqk7bkntc] {
    font-weight: 600;
    flex-shrink: 0;
    font-size: 10px;
    opacity: 0.7;
}

.step-title-mini[b-xnqk7bkntc] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.step-duration-mini[b-xnqk7bkntc] {
    font-size: 10px;
    color: var(--text-muted);
    flex-shrink: 0;
}

.step-waiting-mini[b-xnqk7bkntc] {
    color: var(--text-muted);
    font-size: 12px;
    text-align: center;
    padding: 12px;
}
/* /Components/Terminal/ScriptStepViewer.razor.rz.scp.css */
.script-step-viewer[b-jl7rt943c0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    padding: 16px;
}

.progress-section[b-jl7rt943c0] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.progress-bar-container[b-jl7rt943c0] {
    flex: 1;
    height: 8px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar-fill[b-jl7rt943c0] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.5s ease, background 0.3s ease;
}

.progress-label[b-jl7rt943c0] {
    font-size: 13px;
    color: var(--color-text-secondary);
    white-space: nowrap;
}

.steps-list[b-jl7rt943c0] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.run-summary[b-jl7rt943c0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    margin-top: 16px;
    font-weight: 600;
    flex-shrink: 0;
}

.summary-passed[b-jl7rt943c0] {
    background: rgba(82, 196, 26, 0.1);
    border: 1px solid rgba(82, 196, 26, 0.3);
    color: var(--color-success);
}

.summary-failed[b-jl7rt943c0] {
    background: rgba(255, 77, 79, 0.1);
    border: 1px solid rgba(255, 77, 79, 0.3);
    color: var(--color-error);
}

/* Focus Mode toggle */
.focus-mode-toggle[b-jl7rt943c0] {
    background: none;
    border: none;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 150ms ease;
    font-size: 13px;
    flex-shrink: 0;
    white-space: nowrap;
}

.focus-mode-toggle:hover[b-jl7rt943c0] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-primary, #fff);
}

.focus-mode-toggle.active[b-jl7rt943c0] {
    color: var(--color-primary, #e67a2e);
    background: rgba(230, 122, 46, 0.12);
}

.focus-mode-toggle.active:hover[b-jl7rt943c0] {
    background: rgba(230, 122, 46, 0.18);
}

.focus-mode-label[b-jl7rt943c0] {
    font-size: 12px;
}

.waiting-state[b-jl7rt943c0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px;
    color: var(--color-text-secondary);
}
/* /Components/Terminal/SessionInfo.razor.rz.scp.css */
.session-info[b-nr5cehvdwo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    background: var(--glass-bg, rgba(255, 255, 255, 0.03));
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.06));
    border-radius: 8px;
    margin: 8px 8px 0;
    flex-shrink: 0;
}

.session-info-left[b-nr5cehvdwo] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.session-info-right[b-nr5cehvdwo] {
    display: flex;
    align-items: center;
    gap: 16px;
}

[b-nr5cehvdwo] .session-icon {
    font-size: 18px;
    color: var(--color-primary, #e67a2e);
}

.session-name[b-nr5cehvdwo] {
    font-weight: 600;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: background 0.2s;
}

.session-name:hover[b-nr5cehvdwo] {
    background: rgba(255, 255, 255, 0.05);
}

.session-duration[b-nr5cehvdwo] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
}

.feature-link[b-nr5cehvdwo] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary, #e67a2e);
    text-decoration: none;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid rgba(230, 122, 46, 0.3);
    background: rgba(230, 122, 46, 0.08);
    cursor: pointer;
    transition: all 150ms ease;
}

.feature-link:hover[b-nr5cehvdwo] {
    background: rgba(230, 122, 46, 0.16);
    border-color: rgba(230, 122, 46, 0.5);
}

.session-cost[b-nr5cehvdwo] {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 600;
    color: var(--color-primary, #e67a2e);
}

.session-tokens[b-nr5cehvdwo] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: var(--color-text-secondary, rgba(255, 255, 255, 0.55));
}

.session-actions[b-nr5cehvdwo] {
    display: flex;
    gap: 8px;
}

.status-dot[b-nr5cehvdwo] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 4px;
}

.status-dot.running[b-nr5cehvdwo] {
    background: #52c41a;
    animation: pulse-b-nr5cehvdwo 2s infinite;
}

@keyframes pulse-b-nr5cehvdwo {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

@media (prefers-reduced-motion: reduce) {
    .status-dot.running[b-nr5cehvdwo] {
        animation: none;
    }
}
/* /Components/Terminal/SessionSidebar.razor.rz.scp.css */
.session-sidebar[b-js5cahrdw1] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebar-header[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--glass-border);
}

.sidebar-title[b-js5cahrdw1] {
    font-weight: 600;
    font-size: var(--font-size-md);
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sidebar-actions[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.session-list[b-js5cahrdw1] {
    flex: 1;
    overflow-y: auto;
    padding: 4px 8px;
    list-style: none;
    margin: 0;
}

.no-sessions[b-js5cahrdw1] {
    padding: 24px 16px;
    text-align: center;
    color: var(--text-muted);
    font-size: 13px;
}

.session-item[b-js5cahrdw1] {
    padding: 10px 12px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: var(--radius-sm);
    margin-bottom: 4px;
    background: var(--glass-bg);
    transition: background var(--transition-fast), border-color var(--transition-fast);
}

.session-item:hover[b-js5cahrdw1] {
    background: var(--glass-bg-light);
    border-color: var(--glass-border);
}

.session-item.selected[b-js5cahrdw1] {
    background: var(--color-primary-subtle);
    border-color: var(--color-primary);
}

.session-item-header[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.session-type-icon[b-js5cahrdw1] {
    font-size: 14px;
    flex-shrink: 0;
}

.session-name[b-js5cahrdw1] {
    flex: 1;
    font-size: 13px;
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.session-status[b-js5cahrdw1] {
    flex-shrink: 0;
    font-size: 12px;
}

.session-action-btn[b-js5cahrdw1] {
    opacity: 0;
    transition: opacity 0.15s ease, background 0.15s ease;
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 12px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.session-item:hover .session-action-btn[b-js5cahrdw1] {
    opacity: 1;
}

.session-item.selected .session-action-btn[b-js5cahrdw1] {
    opacity: 0.7;
}

.session-item.selected:hover .session-action-btn[b-js5cahrdw1] {
    opacity: 1;
}

.session-action-btn:hover[b-js5cahrdw1] {
    background: rgba(255, 255, 255, 0.1);
}

.kill-btn:hover[b-js5cahrdw1] {
    color: var(--accent-destructive);
}

.remove-btn:hover[b-js5cahrdw1] {
    color: var(--accent-destructive);
}

.session-item-meta[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 22px; /* Align with name after icon */
    font-size: 12px;
    color: var(--text-muted);
}

.session-duration[b-js5cahrdw1] {
    font-variant-numeric: tabular-nums;
}

.session-cost[b-js5cahrdw1] {
    color: var(--color-primary);
    font-weight: 500;
}

[b-js5cahrdw1] .session-model-tag {
    font-size: 10px !important;
    line-height: 16px !important;
    padding: 0 4px !important;
}

.session-item-tokens[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    padding-left: 22px;
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    margin-top: 2px;
}

.session-investigations[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 22px;
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 2px;
}

/* Folder styles */
.folder-item[b-js5cahrdw1] {
    border-left: 3px solid transparent;
}

.folder-item.folder-has-selected[b-js5cahrdw1] {
    border-left-color: var(--color-primary);
}

.folder-header[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast);
}

.folder-header:hover[b-js5cahrdw1] {
    background: var(--glass-bg-light);
}

.folder-chevron[b-js5cahrdw1] {
    font-size: 10px;
    transition: transform 0.15s;
}

.folder-chevron.collapsed[b-js5cahrdw1] {
    transform: rotate(-90deg);
}

.folder-icon[b-js5cahrdw1] {
    font-size: 14px;
}

.folder-name[b-js5cahrdw1] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.folder-feature-badge[b-js5cahrdw1] {
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 4px;
    background: rgba(230, 122, 46, 0.15);
    color: var(--color-primary);
    font-weight: 500;
    flex-shrink: 0;
}

.folder-running-dot[b-js5cahrdw1] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-success);
    animation: pulse 2s infinite;
    flex-shrink: 0;
}

.folder-count[b-js5cahrdw1] {
    margin-left: auto;
    font-size: 11px;
    color: var(--text-muted);
    font-weight: 400;
    flex-shrink: 0;
}

[b-js5cahrdw1] .folder-name-input {
    flex: 1;
    min-width: 0;
}

/* Indent sessions inside folders */
.folder-item .session-item[b-js5cahrdw1] {
    padding-left: 28px;
}

.sidebar-action-btn[b-js5cahrdw1] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 4px;
    color: var(--text-secondary);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.sidebar-action-btn:hover[b-js5cahrdw1] {
    background: rgba(255, 255, 255, 0.08);
}

/* Context menu */
.context-menu-backdrop[b-js5cahrdw1] {
    position: fixed;
    inset: 0;
    z-index: 999;
}

.context-menu[b-js5cahrdw1] {
    position: fixed;
    z-index: 1000;
    min-width: 180px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-sm);
    padding: 4px 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.context-menu-item[b-js5cahrdw1] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    background: none;
    border: none;
    color: var(--text-primary);
    font-size: 13px;
    cursor: pointer;
    text-align: left;
}

.context-menu-item:hover[b-js5cahrdw1] {
    background: rgba(255, 255, 255, 0.06);
}

.context-menu-item.destructive[b-js5cahrdw1] {
    color: var(--accent-destructive);
}

.context-menu-divider[b-js5cahrdw1] {
    height: 1px;
    background: var(--glass-border);
    margin: 4px 0;
}

.orphan-badge[b-js5cahrdw1] {
    color: rgba(250, 173, 20, 0.85);
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: color 0.15s;
    flex-shrink: 0;
}

.orphan-badge:hover[b-js5cahrdw1] {
    color: rgba(250, 173, 20, 1);
}

.context-submenu[b-js5cahrdw1] {
    border-top: 1px solid var(--glass-border);
    padding: 4px 0 0;
    margin-top: 4px;
}
/* /Components/Terminal/SlashCommandSuggestions.razor.rz.scp.css */
.slash-suggestions[b-dzt7xeullp] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    max-height: 288px; /* 8 items * 36px */
    overflow-y: auto;
    background: rgba(20, 24, 33, 0.95);
    backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 8px;
    margin-bottom: 4px;
    z-index: 100;
    animation: suggestions-fade-in-b-dzt7xeullp 150ms ease;
}

@keyframes suggestions-fade-in-b-dzt7xeullp {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.suggestion-item[b-dzt7xeullp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    cursor: pointer;
    transition: background 100ms ease;
    min-height: 36px;
}

.suggestion-item:hover[b-dzt7xeullp],
.suggestion-item.selected[b-dzt7xeullp] {
    background: rgba(230, 122, 46, 0.12);
}

.suggestion-name[b-dzt7xeullp] {
    color: var(--color-primary, #e67a2e);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.suggestion-type[b-dzt7xeullp] {
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.suggestion-type.command[b-dzt7xeullp] {
    color: rgba(130, 177, 255, 0.9);
    background: rgba(130, 177, 255, 0.1);
}

.suggestion-type.skill[b-dzt7xeullp] {
    color: rgba(160, 230, 160, 0.9);
    background: rgba(160, 230, 160, 0.1);
}

.suggestion-desc[b-dzt7xeullp] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.suggestion-overflow[b-dzt7xeullp] {
    padding: 4px 12px;
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    text-align: center;
    border-top: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
}
/* /Components/Terminal/ToolCallBlock.razor.rz.scp.css */
.tool-call-block[b-otkqvcax7f] {
    border-radius: 8px;
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    background: var(--glass-bg, rgba(255, 255, 255, 0.05));
    overflow: hidden;
    border-left: 3px solid rgba(255, 255, 255, 0.15);
    margin-left: 28px;
}

/* Accent colors for different tool types */
.accent-file[b-otkqvcax7f] { border-left-color: var(--accent-file); }
.accent-edit[b-otkqvcax7f] { border-left-color: var(--accent-edit); }
.accent-bash[b-otkqvcax7f] { border-left-color: var(--accent-bash); }
.accent-browser[b-otkqvcax7f] { border-left-color: var(--accent-browser); }
.accent-database[b-otkqvcax7f] { border-left-color: var(--accent-database); }
.accent-code[b-otkqvcax7f] { border-left-color: var(--accent-code); }
.accent-metrics[b-otkqvcax7f] { border-left-color: var(--accent-metrics); }
.accent-skill[b-otkqvcax7f] { border-left-color: rgba(147, 112, 219, 0.7); }
.accent-default[b-otkqvcax7f] { border-left-color: rgba(255, 255, 255, 0.2); }

.tool-call-header[b-otkqvcax7f] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
    user-select: none;
    transition: background var(--transition-fast, 150ms ease);
    background: none;
    border: none;
    width: 100%;
    color: inherit;
    font: inherit;
    text-align: left;
}

.tool-call-header:hover[b-otkqvcax7f] {
    background: rgba(255, 255, 255, 0.03);
}

.tool-call-header:focus-visible[b-otkqvcax7f] {
    background: rgba(255, 255, 255, 0.03);
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: -1px;
}

[b-otkqvcax7f] .tool-icon {
    font-size: 14px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    flex-shrink: 0;
}

.tool-summary[b-otkqvcax7f] {
    flex: 1;
    font-size: 13px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tool-status[b-otkqvcax7f] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

[b-otkqvcax7f] .tool-spinner {
    font-size: 14px;
    color: var(--color-primary, #e67a2e);
}

[b-otkqvcax7f] .tool-status-success {
    font-size: 14px;
    color: var(--color-success, #52c41a);
}

[b-otkqvcax7f] .tool-status-error {
    font-size: 14px;
    color: var(--color-error, #ff4d4f);
}

[b-otkqvcax7f] .tool-status-cancelled {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

[b-otkqvcax7f] .tool-expand-icon {
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

/* Skill badge pill */
.skill-badge[b-otkqvcax7f] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    border: 1px solid rgba(147, 112, 219, 0.3);
    background: rgba(147, 112, 219, 0.12);
    color: rgba(147, 112, 219, 0.9);
    font-size: 10px;
    font-weight: 600;
    font-family: inherit;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    flex-shrink: 0;
}

/* Collapsed preview text */
.tool-preview[b-otkqvcax7f] {
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    padding: 0 12px 8px 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
}

/* Result wrapper for positioning copy button */
.tool-result-wrapper[b-otkqvcax7f] {
    position: relative;
    border-top: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
}

/* Copy button */
.tool-copy-btn[b-otkqvcax7f] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    cursor: pointer;
    opacity: 0;
    transition: opacity 150ms ease, background 150ms ease, color 150ms ease;
}

.tool-result-wrapper:hover .tool-copy-btn[b-otkqvcax7f] {
    opacity: 1;
}

.tool-copy-btn:hover[b-otkqvcax7f] {
    background: rgba(255, 255, 255, 0.12);
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

.tool-copy-btn:focus-visible[b-otkqvcax7f] {
    opacity: 1;
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: -1px;
}

[b-otkqvcax7f] .tool-copy-btn .anticon {
    font-size: 14px;
}

/* Copy feedback state */
.tool-copy-feedback[b-otkqvcax7f] {
    opacity: 1;
    color: var(--color-success, #52c41a);
    background: rgba(82, 196, 26, 0.1);
}

.tool-copy-feedback:hover[b-otkqvcax7f] {
    color: var(--color-success, #52c41a);
    background: rgba(82, 196, 26, 0.15);
}

/* Expand/collapse toggle */
.tool-expand-toggle[b-otkqvcax7f] {
    display: block;
    width: 100%;
    padding: 6px 0;
    border: none;
    border-top: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    background: none;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-size: 12px;
    font-family: inherit;
    cursor: pointer;
    text-align: center;
    transition: color 150ms ease, background 150ms ease;
}

.tool-expand-toggle:hover[b-otkqvcax7f] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    background: rgba(255, 255, 255, 0.03);
}

.tool-expand-toggle:focus-visible[b-otkqvcax7f] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: -1px;
}

/* Sub-component body styles (::deep into child components) */
[b-otkqvcax7f] .tool-call-body {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[b-otkqvcax7f] .tool-section {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-otkqvcax7f] .tool-section-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

[b-otkqvcax7f] .tool-section-error {
    color: var(--color-error, #ff4d4f);
}

[b-otkqvcax7f] .tool-content {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    padding: 10px 12px;
    margin: 0;
    max-height: 300px;
    overflow: auto;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: pre-wrap;
    word-break: break-word;
}

[b-otkqvcax7f] .tool-content code {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: none;
    padding: 0;
}

[b-otkqvcax7f] .tool-content.full-height {
    max-height: none;
}

[b-otkqvcax7f] .tool-content-error {
    border-color: rgba(255, 77, 79, 0.15);
    color: var(--color-error, #ff4d4f);
}

/* Scrollbar for tool content */
[b-otkqvcax7f] .tool-content::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

[b-otkqvcax7f] .tool-content::-webkit-scrollbar-track {
    background: transparent;
}

[b-otkqvcax7f] .tool-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolCallGroup.razor.rz.scp.css */
.tool-call-group[b-yaoyil9do1] {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
    margin-left: 28px;
    overflow: hidden;
}

.tool-call-group.expanded[b-yaoyil9do1] {
    border-color: var(--glass-border, rgba(255, 255, 255, 0.1));
    background: rgba(255, 255, 255, 0.03);
}

.tool-group-header[b-yaoyil9do1] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    cursor: pointer;
    user-select: none;
    background: none;
    border: none;
    width: 100%;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-size: 12px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    text-align: left;
    transition: color 150ms ease, background 150ms ease;
}

.tool-group-header:hover[b-yaoyil9do1] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    background: rgba(255, 255, 255, 0.03);
}

.tool-group-header:focus-visible[b-yaoyil9do1] {
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: -1px;
}

[b-yaoyil9do1] .group-expand-icon {
    font-size: 10px;
    flex-shrink: 0;
}

.group-summary[b-yaoyil9do1] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Expanded body — contains individual ToolCallBlocks */
.tool-group-body[b-yaoyil9do1] {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding: 4px 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Remove left margin from tool blocks inside a group — the group already has it */
[b-yaoyil9do1] .tool-group-body .tool-call-block {
    margin-left: 0;
}
/* /Components/Terminal/ToolRenderers/BashResultView.razor.rz.scp.css */
.bash-command-header[b-jdbmog3yad] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px 6px 0 0;
    flex-wrap: wrap;
}

.bash-prompt[b-jdbmog3yad] {
    color: var(--color-success, #52c41a);
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    user-select: none;
    flex-shrink: 0;
}

.bash-command[b-jdbmog3yad] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    color: var(--text-primary, #ffffff);
    word-break: break-all;
    background: none;
    border: none;
    padding: 0;
}

.bash-badges[b-jdbmog3yad] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-left: auto;
}

.bash-badge[b-jdbmog3yad] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
}

.badge-success[b-jdbmog3yad] {
    background: rgba(82, 196, 26, 0.15);
    color: var(--color-success, #52c41a);
}

.badge-failed[b-jdbmog3yad] {
    background: rgba(255, 77, 79, 0.15);
    color: var(--color-error, #ff4d4f);
}

.badge-warning[b-jdbmog3yad] {
    background: rgba(229, 192, 123, 0.15);
    color: #e5c07b;
}

.badge-info[b-jdbmog3yad] {
    background: rgba(24, 144, 255, 0.15);
    color: var(--color-info, #1890ff);
}

.badge-muted[b-jdbmog3yad] {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.bash-description[b-jdbmog3yad] {
    padding: 4px 12px 6px;
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.bash-output[b-jdbmog3yad] {
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 12px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    max-height: 300px;
    overflow: auto;
    border-radius: 0 0 6px 6px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary, #ffffff);
}

.bash-output.full-height[b-jdbmog3yad] {
    max-height: none;
}

.empty-output[b-jdbmog3yad] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
}

.no-output[b-jdbmog3yad] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-style: italic;
}

/* Scrollbar */
.bash-output[b-jdbmog3yad]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.bash-output[b-jdbmog3yad]::-webkit-scrollbar-track {
    background: transparent;
}

.bash-output[b-jdbmog3yad]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/DefaultResultView.razor.rz.scp.css */
.default-header[b-0zd5s0jdyx] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-0zd5s0jdyx] .default-header-icon {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.default-tool-name[b-0zd5s0jdyx] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    font-weight: 600;
}

/* Sections */
.default-section[b-0zd5s0jdyx] {
    position: relative;
}

.default-section-label[b-0zd5s0jdyx] {
    display: block;
    padding: 6px 12px 2px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.default-content[b-0zd5s0jdyx] {
    max-height: 300px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0 0 6px 6px;
}

.default-content.full-height[b-0zd5s0jdyx] {
    max-height: none;
}

.default-pre[b-0zd5s0jdyx] {
    margin: 0;
    padding: 10px 12px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    background: transparent;
}

.default-pre code[b-0zd5s0jdyx] {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: none;
    padding: 0;
}

/* Scrollbar */
.default-content[b-0zd5s0jdyx]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.default-content[b-0zd5s0jdyx]::-webkit-scrollbar-track {
    background: transparent;
}

.default-content[b-0zd5s0jdyx]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/EditResultView.razor.rz.scp.css */
/* File header — matches Read/Write pattern */
.file-header[b-xsopw23ulk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-xsopw23ulk] .file-icon {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.file-path[b-xsopw23ulk] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-badge[b-xsopw23ulk] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
}

.badge-edit[b-xsopw23ulk] {
    background: rgba(110, 200, 110, 0.15);
    color: var(--accent-edit, #6ec86e);
}

.badge-replace-all[b-xsopw23ulk] {
    background: rgba(214, 188, 70, 0.15);
    color: #d6bc46;
}

.badge-language[b-xsopw23ulk] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

/* Diff container */
.diff-container[b-xsopw23ulk] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
    overflow: auto;
    max-height: 300px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
}

.diff-container.full-height[b-xsopw23ulk] {
    max-height: none;
}

.diff-line[b-xsopw23ulk] {
    display: flex;
    padding: 0 12px 0 0;
    min-height: 1.5em;
}

.diff-line-deleted[b-xsopw23ulk] {
    background: rgba(255, 77, 79, 0.1);
}

.diff-line-added[b-xsopw23ulk] {
    background: rgba(82, 196, 26, 0.1);
}

.diff-gutter-old[b-xsopw23ulk],
.diff-gutter-new[b-xsopw23ulk] {
    width: 40px;
    text-align: right;
    padding: 0 4px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
    flex-shrink: 0;
}

.diff-indicator[b-xsopw23ulk] {
    width: 20px;
    text-align: center;
    flex-shrink: 0;
    user-select: none;
    font-weight: 600;
}

.diff-line-deleted .diff-indicator[b-xsopw23ulk] {
    color: var(--color-error, #ff4d4f);
}

.diff-line-added .diff-indicator[b-xsopw23ulk] {
    color: var(--color-success, #52c41a);
}

.diff-content[b-xsopw23ulk] {
    flex: 1;
    white-space: pre-wrap;
    word-break: break-word;
}

.diff-word-deleted[b-xsopw23ulk] {
    background: rgba(255, 77, 79, 0.25);
    border-radius: 2px;
}

.diff-word-added[b-xsopw23ulk] {
    background: rgba(82, 196, 26, 0.25);
    border-radius: 2px;
}

/* Stats */
.diff-stats[b-xsopw23ulk] {
    padding: 6px 12px;
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.stats-added[b-xsopw23ulk] {
    color: var(--color-success, #52c41a);
}

.stats-removed[b-xsopw23ulk] {
    color: var(--color-error, #ff4d4f);
}

/* Error state */
.error-container[b-xsopw23ulk] {
    padding: 12px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.error-message[b-xsopw23ulk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255, 77, 79, 0.1);
    border: 1px solid rgba(255, 77, 79, 0.2);
    border-radius: 4px;
    color: var(--color-error, #ff4d4f);
    font-size: 13px;
}

[b-xsopw23ulk] .error-icon {
    font-size: 16px;
    color: var(--color-error, #ff4d4f);
    flex-shrink: 0;
}

.error-context-label[b-xsopw23ulk] {
    margin-top: 10px;
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.error-context-code[b-xsopw23ulk] {
    margin-top: 4px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    overflow: auto;
    max-height: 150px;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Scrollbar */
.diff-container[b-xsopw23ulk]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.diff-container[b-xsopw23ulk]::-webkit-scrollbar-track {
    background: transparent;
}

.diff-container[b-xsopw23ulk]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/ErrorResultView.razor.rz.scp.css */
/* Header */
.error-header[b-thsua061qj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255, 77, 79, 0.06);
    border-bottom: 1px solid rgba(255, 77, 79, 0.12);
    border-radius: 6px 6px 0 0;
}

[b-thsua061qj] .error-header-icon {
    font-size: 14px;
    color: var(--color-error, #ff4d4f);
    flex-shrink: 0;
}

.error-badge[b-thsua061qj] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(255, 77, 79, 0.15);
    color: var(--color-error, #ff4d4f);
    white-space: nowrap;
}

.error-tool-name[b-thsua061qj] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.error-input-toggle[b-thsua061qj] {
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    cursor: pointer;
    padding: 2px 6px;
    margin-left: auto;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    font-family: inherit;
    transition: color var(--transition-fast, 150ms ease), border-color var(--transition-fast, 150ms ease);
}

.error-input-toggle:hover[b-thsua061qj] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    border-color: rgba(255, 255, 255, 0.15);
}

.error-input-toggle:focus-visible[b-thsua061qj] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    border-color: var(--color-primary, #e67a2e);
    outline: none;
}

/* Input section (collapsible) */
.error-input-section[b-thsua061qj] {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    max-height: 150px;
    overflow: auto;
}

.error-input-pre[b-thsua061qj] {
    margin: 0;
    padding: 8px 12px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 11px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    background: transparent;
}

/* Content container */
.error-content[b-thsua061qj] {
    max-height: 300px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    padding: 10px 12px;
}

.error-content.full-height[b-thsua061qj] {
    max-height: none;
}

/* Stack trace: exception block */
.error-exception[b-thsua061qj] {
    padding: 10px 12px;
    background: rgba(255, 77, 79, 0.08);
    border: 1px solid rgba(255, 77, 79, 0.15);
    border-radius: 6px;
    margin-bottom: 8px;
}

.error-exception-type[b-thsua061qj] {
    font-weight: 600;
    color: var(--color-error, #ff4d4f);
    font-size: 13px;
}

.error-exception-message[b-thsua061qj] {
    color: var(--text-primary, #ffffff);
    font-size: 13px;
    margin-top: 4px;
    line-height: 1.4;
}

/* Stack trace: frames */
.error-frames[b-thsua061qj] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.error-frame[b-thsua061qj] {
    display: flex;
    gap: 4px;
    padding: 2px 0;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 11px;
    flex-wrap: wrap;
}

.error-frame-at[b-thsua061qj] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
}

.error-frame-namespace[b-thsua061qj] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.error-frame-method[b-thsua061qj] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

.error-frame-location[b-thsua061qj] {
    color: var(--accent-file, #6ba3e8);
    margin-left: 4px;
}

.error-frames-expander[b-thsua061qj] {
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    cursor: pointer;
    padding: 4px 0;
    background: none;
    border: none;
    font-family: inherit;
    text-align: left;
    transition: color var(--transition-fast, 150ms ease);
}

.error-frames-expander:hover[b-thsua061qj] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

.error-frames-expander:focus-visible[b-thsua061qj] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Stack trace: inner exception */
.error-inner-exception[b-thsua061qj] {
    margin-top: 8px;
    padding: 8px 12px;
    background: rgba(255, 77, 79, 0.04);
    border-left: 2px solid rgba(255, 77, 79, 0.2);
    border-radius: 0 4px 4px 0;
}

.error-inner-label[b-thsua061qj] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    display: block;
    margin-bottom: 4px;
}

.error-inner-text[b-thsua061qj] {
    margin: 0;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 11px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    background: transparent;
}

/* Build errors */
.error-build-item[b-thsua061qj] {
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.error-build-item:last-child[b-thsua061qj] {
    border-bottom: none;
}

.error-build-header[b-thsua061qj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.error-code-badge[b-thsua061qj] {
    font-size: 10px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(255, 77, 79, 0.15);
    color: var(--color-error, #ff4d4f);
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    white-space: nowrap;
}

.error-build-location[b-thsua061qj] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 11px;
    color: var(--accent-file, #6ba3e8);
}

.error-build-message[b-thsua061qj] {
    font-size: 12px;
    color: var(--text-primary, #ffffff);
    line-height: 1.4;
}

/* File errors */
.error-file-section[b-thsua061qj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.error-file-type[b-thsua061qj] {
    font-weight: 600;
    font-size: 13px;
    color: var(--color-error, #ff4d4f);
}

.error-file-path[b-thsua061qj] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--accent-file, #6ba3e8);
    background: rgba(107, 163, 232, 0.08);
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid rgba(107, 163, 232, 0.15);
    display: inline-block;
}

.error-file-detail[b-thsua061qj] {
    margin: 0;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 11px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    background: transparent;
}

/* JSON errors */
.error-json-section[b-thsua061qj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.error-json-text[b-thsua061qj] {
    margin: 0;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary, #ffffff);
    background: transparent;
}

/* Tool-specific errors */
.error-tool-section[b-thsua061qj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.error-tool-detail[b-thsua061qj] {
    font-weight: 600;
    font-size: 13px;
    color: var(--color-error, #ff4d4f);
}

.error-tool-context[b-thsua061qj] {
    margin: 0;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    background: rgba(255, 77, 79, 0.04);
    padding: 8px;
    border-radius: 4px;
}

/* Generic errors */
.error-generic-section[b-thsua061qj] {
    display: flex;
    flex-direction: column;
}

.error-generic-text[b-thsua061qj] {
    margin: 0;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary, #ffffff);
    background: rgba(255, 77, 79, 0.04);
    padding: 8px;
    border-radius: 4px;
}

/* Summary line */
.error-summary[b-thsua061qj] {
    padding: 6px 12px;
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    background: rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 0 0 6px 6px;
}

/* Scrollbar */
.error-content[b-thsua061qj]::-webkit-scrollbar,
.error-input-section[b-thsua061qj]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.error-content[b-thsua061qj]::-webkit-scrollbar-track,
.error-input-section[b-thsua061qj]::-webkit-scrollbar-track {
    background: transparent;
}

.error-content[b-thsua061qj]::-webkit-scrollbar-thumb,
.error-input-section[b-thsua061qj]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/GlobResultView.razor.rz.scp.css */
.glob-header[b-9rjvif851k] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-9rjvif851k] .glob-header-icon {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.glob-pattern[b-9rjvif851k] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--accent-file, #6ba3e8);
    background: rgba(107, 163, 232, 0.1);
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.glob-summary[b-9rjvif851k] {
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    margin-left: auto;
    white-space: nowrap;
}

/* Flat file list (<= 20 files) */
.glob-file-list[b-9rjvif851k] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    max-height: 300px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.glob-file-list.full-height[b-9rjvif851k] {
    max-height: none;
}

.glob-file-item[b-9rjvif851k] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    padding: 2px 0;
}

[b-9rjvif851k] .glob-file-icon {
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.glob-dir-prefix[b-9rjvif851k] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.glob-filename[b-9rjvif851k] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

/* Directory grouping (>20 files) */
.glob-grouped[b-9rjvif851k] {
    max-height: 300px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.glob-grouped.full-height[b-9rjvif851k] {
    max-height: none;
}

.glob-dir-section[b-9rjvif851k] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.glob-dir-section:last-child[b-9rjvif851k] {
    border-bottom: none;
}

.glob-dir-header[b-9rjvif851k] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0.15);
    width: 100%;
    text-align: left;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    transition: background var(--transition-fast, 150ms ease);
}

.glob-dir-header:hover[b-9rjvif851k] {
    background: rgba(255, 255, 255, 0.03);
}

.glob-dir-header:focus-visible[b-9rjvif851k] {
    background: rgba(255, 255, 255, 0.03);
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: -1px;
}

[b-9rjvif851k] .glob-expand-icon {
    font-size: 10px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

[b-9rjvif851k] .glob-dir-icon {
    font-size: 12px;
    color: var(--accent-file, #6ba3e8);
    flex-shrink: 0;
}

.glob-dir-name[b-9rjvif851k] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.glob-dir-count[b-9rjvif851k] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 8px;
    background: rgba(107, 163, 232, 0.15);
    color: var(--accent-file, #6ba3e8);
    flex-shrink: 0;
}

.glob-dir-files[b-9rjvif851k] {
    padding: 4px 12px 4px 36px;
    background: rgba(0, 0, 0, 0.3);
}

.glob-empty[b-9rjvif851k] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.glob-no-results[b-9rjvif851k] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-style: italic;
    font-size: 12px;
}

/* Scrollbar */
.glob-file-list[b-9rjvif851k]::-webkit-scrollbar,
.glob-grouped[b-9rjvif851k]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.glob-file-list[b-9rjvif851k]::-webkit-scrollbar-track,
.glob-grouped[b-9rjvif851k]::-webkit-scrollbar-track {
    background: transparent;
}

.glob-file-list[b-9rjvif851k]::-webkit-scrollbar-thumb,
.glob-grouped[b-9rjvif851k]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/GrepResultView.razor.rz.scp.css */
.grep-header[b-j4iawm08so] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-j4iawm08so] .grep-header-icon {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.grep-pattern[b-j4iawm08so] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--color-primary, #e67a2e);
    background: rgba(230, 122, 46, 0.1);
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.grep-summary[b-j4iawm08so] {
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    margin-left: auto;
    white-space: nowrap;
}

/* Content mode - file groups */
.grep-results[b-j4iawm08so] {
    max-height: 300px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.grep-results.full-height[b-j4iawm08so] {
    max-height: none;
}

.grep-file-section[b-j4iawm08so] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.grep-file-section:last-child[b-j4iawm08so] {
    border-bottom: none;
}

.grep-file-header[b-j4iawm08so] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    cursor: pointer;
    border: none;
    background: rgba(0, 0, 0, 0.15);
    width: 100%;
    text-align: left;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    transition: background var(--transition-fast, 150ms ease);
}

.grep-file-header:hover[b-j4iawm08so] {
    background: rgba(255, 255, 255, 0.03);
}

.grep-file-header:focus-visible[b-j4iawm08so] {
    background: rgba(255, 255, 255, 0.03);
    outline: 1px solid var(--color-primary, #e67a2e);
    outline-offset: -1px;
}

[b-j4iawm08so] .grep-expand-icon {
    font-size: 10px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

[b-j4iawm08so] .grep-file-icon {
    font-size: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.grep-file-path[b-j4iawm08so] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grep-match-badge[b-j4iawm08so] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 8px;
    background: rgba(230, 122, 46, 0.15);
    color: var(--color-primary, #e67a2e);
    flex-shrink: 0;
}

.grep-file-lines[b-j4iawm08so] {
    background: rgba(0, 0, 0, 0.3);
}

.grep-line[b-j4iawm08so] {
    display: flex;
    padding: 1px 12px 1px 0;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
}

.grep-line-number[b-j4iawm08so] {
    width: 40px;
    text-align: right;
    padding-right: 8px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
    flex-shrink: 0;
}

.grep-line-content[b-j4iawm08so] {
    flex: 1;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary, #ffffff);
}

.grep-context-line .grep-line-content[b-j4iawm08so] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

[b-j4iawm08so] .grep-match {
    background: rgba(230, 122, 46, 0.3);
    color: var(--color-primary, #e67a2e);
    border-radius: 2px;
    padding: 0 1px;
}

.grep-separator[b-j4iawm08so] {
    text-align: center;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    padding: 2px 0;
    font-size: 10px;
}

/* Count mode - table */
.grep-count-table[b-j4iawm08so] {
    max-height: 300px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
    background: rgba(0, 0, 0, 0.3);
}

.grep-count-table.full-height[b-j4iawm08so] {
    max-height: none;
}

.grep-count-header-row[b-j4iawm08so] {
    display: flex;
    padding: 6px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.grep-count-row[b-j4iawm08so] {
    display: flex;
    padding: 4px 12px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.grep-count-row:last-child[b-j4iawm08so] {
    border-bottom: none;
}

.grep-count-file-col[b-j4iawm08so] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grep-count-num-col[b-j4iawm08so] {
    width: 60px;
    text-align: right;
    color: var(--color-primary, #e67a2e);
    font-weight: 600;
    flex-shrink: 0;
}

/* files_with_matches mode */
.grep-file-list[b-j4iawm08so] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    max-height: 300px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.grep-file-list.full-height[b-j4iawm08so] {
    max-height: none;
}

.grep-file-item[b-j4iawm08so] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    padding: 2px 0;
}

.grep-file-path-item[b-j4iawm08so] {
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

/* Scrollbar */
.grep-results[b-j4iawm08so]::-webkit-scrollbar,
.grep-count-table[b-j4iawm08so]::-webkit-scrollbar,
.grep-file-list[b-j4iawm08so]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.grep-results[b-j4iawm08so]::-webkit-scrollbar-track,
.grep-count-table[b-j4iawm08so]::-webkit-scrollbar-track,
.grep-file-list[b-j4iawm08so]::-webkit-scrollbar-track {
    background: transparent;
}

.grep-results[b-j4iawm08so]::-webkit-scrollbar-thumb,
.grep-count-table[b-j4iawm08so]::-webkit-scrollbar-thumb,
.grep-file-list[b-j4iawm08so]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/McpResultView.razor.rz.scp.css */
.mcp-header[b-u03icyzj42] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-u03icyzj42] .mcp-header-icon {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.mcp-tool-name[b-u03icyzj42] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mcp-badge[b-u03icyzj42] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    white-space: nowrap;
}

/* Sections */
.mcp-section[b-u03icyzj42] {
    position: relative;
}

.mcp-section-label[b-u03icyzj42] {
    display: block;
    padding: 6px 12px 2px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

/* Code containers */
.mcp-code-container[b-u03icyzj42] {
    max-height: 300px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0 0 6px 6px;
    margin: 0 0 0 0;
}

.mcp-code-container.full-height[b-u03icyzj42] {
    max-height: none;
}

.mcp-pre[b-u03icyzj42] {
    margin: 0;
    padding: 10px 12px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    background: transparent;
}

.mcp-pre code[b-u03icyzj42] {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: none;
    padding: 0;
}

/* Table rendering (postgres) */
.mcp-table-container[b-u03icyzj42] {
    max-height: 300px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0 0 6px 6px;
}

.mcp-table-container.full-height[b-u03icyzj42] {
    max-height: none;
}

.mcp-table[b-u03icyzj42] {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
}

.mcp-table th[b-u03icyzj42] {
    padding: 6px 10px;
    text-align: left;
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    font-weight: 600;
    position: sticky;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.mcp-table td[b-u03icyzj42] {
    padding: 4px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
}

.mcp-table tr:nth-child(even) td[b-u03icyzj42] {
    background: rgba(255, 255, 255, 0.02);
}

/* Code blocks (serena) */
.mcp-code-blocks[b-u03icyzj42] {
    max-height: 300px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0 0 6px 6px;
}

.mcp-code-blocks.full-height[b-u03icyzj42] {
    max-height: none;
}

.mcp-non-code[b-u03icyzj42] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.mcp-extracted-block[b-u03icyzj42] {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.mcp-extracted-block:last-child[b-u03icyzj42] {
    border-bottom: none;
}

.mcp-block-lang[b-u03icyzj42] {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 1px 5px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

/* Scrollbar */
.mcp-code-container[b-u03icyzj42]::-webkit-scrollbar,
.mcp-table-container[b-u03icyzj42]::-webkit-scrollbar,
.mcp-code-blocks[b-u03icyzj42]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.mcp-code-container[b-u03icyzj42]::-webkit-scrollbar-track,
.mcp-table-container[b-u03icyzj42]::-webkit-scrollbar-track,
.mcp-code-blocks[b-u03icyzj42]::-webkit-scrollbar-track {
    background: transparent;
}

.mcp-code-container[b-u03icyzj42]::-webkit-scrollbar-thumb,
.mcp-table-container[b-u03icyzj42]::-webkit-scrollbar-thumb,
.mcp-code-blocks[b-u03icyzj42]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/ReadResultView.razor.rz.scp.css */
.file-header[b-16diuie53z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-16diuie53z] .file-icon {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.file-path[b-16diuie53z] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-badge[b-16diuie53z] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
}

.badge-language[b-16diuie53z] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.badge-lines[b-16diuie53z] {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.code-container[b-16diuie53z] {
    display: grid;
    grid-template-columns: auto 1fr;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
    overflow: auto;
    max-height: 300px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
}

.code-container.full-height[b-16diuie53z] {
    max-height: none;
}

.code-gutter[b-16diuie53z] {
    padding: 10px 8px 10px 12px;
    text-align: right;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    white-space: pre;
}

.code-content[b-16diuie53z] {
    padding: 10px 12px;
    overflow-x: auto;
    margin: 0;
    background: transparent;
}

.code-content code[b-16diuie53z] {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: none;
    padding: 0;
}

.binary-notice[b-16diuie53z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-size: 13px;
}

[b-16diuie53z] .binary-icon {
    font-size: 16px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.empty-notice[b-16diuie53z] {
    padding: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-style: italic;
    font-size: 12px;
}

/* Scrollbar */
.code-container[b-16diuie53z]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.code-container[b-16diuie53z]::-webkit-scrollbar-track {
    background: transparent;
}

.code-container[b-16diuie53z]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/WebResultView.razor.rz.scp.css */
.web-header[b-s766ge4ngd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-s766ge4ngd] .web-header-icon {
    font-size: 14px;
    color: var(--accent-browser, #d4b36a);
    flex-shrink: 0;
}

.web-query[b-s766ge4ngd] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--color-primary, #e67a2e);
    background: rgba(230, 122, 46, 0.1);
    padding: 1px 6px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.web-url[b-s766ge4ngd] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--accent-browser, #d4b36a);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.web-badge[b-s766ge4ngd] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 3px;
    background: rgba(212, 179, 106, 0.12);
    color: var(--accent-browser, #d4b36a);
    white-space: nowrap;
}

/* Search results cards */
.web-results[b-s766ge4ngd] {
    max-height: 300px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
    background: rgba(0, 0, 0, 0.3);
}

.web-results.full-height[b-s766ge4ngd] {
    max-height: none;
}

.search-card[b-s766ge4ngd] {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.search-card:last-child[b-s766ge4ngd] {
    border-bottom: none;
}

.search-card-title[b-s766ge4ngd] {
    font-size: 13px;
    font-weight: 400;
    color: var(--text-primary, #ffffff);
    margin-bottom: 2px;
}

.search-card-url[b-s766ge4ngd] {
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-card-snippet[b-s766ge4ngd] {
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    line-height: 1.4;
}

/* Fetch content / fallback */
.web-content[b-s766ge4ngd] {
    max-height: 300px;
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
    background: rgba(0, 0, 0, 0.3);
}

.web-content.full-height[b-s766ge4ngd] {
    max-height: none;
}

.web-pre[b-s766ge4ngd] {
    margin: 0;
    padding: 10px 12px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    background: transparent;
}

.web-pre code[b-s766ge4ngd] {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: none;
    padding: 0;
}

/* Scrollbar */
.web-results[b-s766ge4ngd]::-webkit-scrollbar,
.web-content[b-s766ge4ngd]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.web-results[b-s766ge4ngd]::-webkit-scrollbar-track,
.web-content[b-s766ge4ngd]::-webkit-scrollbar-track {
    background: transparent;
}

.web-results[b-s766ge4ngd]::-webkit-scrollbar-thumb,
.web-content[b-s766ge4ngd]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/ToolRenderers/WriteResultView.razor.rz.scp.css */
.file-header[b-qa5xbi648e] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.1));
    border-radius: 6px 6px 0 0;
}

[b-qa5xbi648e] .file-icon {
    font-size: 14px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    flex-shrink: 0;
}

.file-path[b-qa5xbi648e] {
    flex: 1;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    color: var(--text-secondary, rgba(255, 255, 255, 0.7));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-badge[b-qa5xbi648e] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 6px;
    border-radius: 3px;
    white-space: nowrap;
}

.badge-language[b-qa5xbi648e] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.badge-created[b-qa5xbi648e] {
    background: rgba(82, 196, 26, 0.15);
    color: var(--color-success, #52c41a);
}

.badge-overwritten[b-qa5xbi648e] {
    background: rgba(230, 122, 46, 0.15);
    color: var(--color-primary, #e67a2e);
}

.code-container[b-qa5xbi648e] {
    display: grid;
    grid-template-columns: auto 1fr;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-top: none;
    border-radius: 0 0 6px 6px;
    overflow: auto;
    max-height: 300px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
}

.code-container.full-height[b-qa5xbi648e] {
    max-height: none;
}

.code-gutter[b-qa5xbi648e] {
    padding: 10px 8px 10px 12px;
    text-align: right;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    white-space: pre;
}

.code-content[b-qa5xbi648e] {
    padding: 10px 12px;
    overflow-x: auto;
    margin: 0;
    background: transparent;
}

.code-content code[b-qa5xbi648e] {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: none;
    padding: 0;
}

.empty-notice[b-qa5xbi648e] {
    padding: 12px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    font-style: italic;
    font-size: 12px;
}

/* Scrollbar */
.code-container[b-qa5xbi648e]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.code-container[b-qa5xbi648e]::-webkit-scrollbar-track {
    background: transparent;
}

.code-container[b-qa5xbi648e]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Components/Terminal/XtermTerminal.razor.rz.scp.css */
.xterm-container[b-kpuuj8t2xj] {
    width: 100%;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    background: #0d0f14;
    padding: 4px;
}

/* Ensure xterm.js fills the container */
[b-kpuuj8t2xj] .xterm {
    height: 100%;
}

[b-kpuuj8t2xj] .xterm-screen {
    height: 100%;
}

[b-kpuuj8t2xj] .xterm-viewport {
    overflow-y: auto !important;
}

/* Error and ended state styles */
.terminal-error[b-kpuuj8t2xj],
.terminal-ended[b-kpuuj8t2xj] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    margin: 12px;
    border-radius: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.terminal-error[b-kpuuj8t2xj] {
    color: var(--color-error);
    border-color: rgba(255, 77, 79, 0.2);
    background: rgba(255, 77, 79, 0.06);
}

[b-kpuuj8t2xj] .terminal-state-icon {
    font-size: 18px;
    flex-shrink: 0;
}

/* Scrollbar styling to match dark theme */
[b-kpuuj8t2xj] .xterm-viewport::-webkit-scrollbar {
    width: 8px;
}

[b-kpuuj8t2xj] .xterm-viewport::-webkit-scrollbar-track {
    background: #0d0f14;
}

[b-kpuuj8t2xj] .xterm-viewport::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

[b-kpuuj8t2xj] .xterm-viewport::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}
/* /Layout/AuthLayout.razor.rz.scp.css */
/* ========================================
   Auth Layout - Centered Glass Card
   ======================================== */

.auth-layout[b-9rijiv10vg] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-bg);
    padding: 24px;
}

.auth-card[b-9rijiv10vg] {
    width: 100%;
    max-width: 400px;
    padding: 40px 32px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: 0 8px 32px var(--glass-shadow);
}

.auth-header[b-9rijiv10vg] {
    text-align: center;
    margin-bottom: 32px;
}

.auth-logo[b-9rijiv10vg] {
    color: var(--color-primary);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.5rem;
}
/* /Layout/DevDashboardLayout.razor.rz.scp.css */
/* ========================================
   DevDashboard Layout - Dark Glassmorphism
   ======================================== */

.main-layout[b-n0isl9n7hi] {
    height: 100vh;
    overflow: hidden;
    background: var(--gradient-bg);
}

[b-n0isl9n7hi] .ant-layout {
    background: transparent !important;
}

/* Sidebar */
[b-n0isl9n7hi] .main-sider {
    background: var(--color-bg-dark-secondary) !important;
    border-right: 1px solid var(--glass-border);
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100vh !important;
    z-index: 100;
}

[b-n0isl9n7hi] .main-sider .ant-layout-sider-children {
    display: flex;
    flex-direction: column;
}

[b-n0isl9n7hi] .main-sider .ant-layout-sider-trigger {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(var(--glass-blur-medium, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur-medium, 20px));
    border-top: 1px solid var(--glass-border);
    color: var(--text-muted);
    height: 48px;
    line-height: 48px;
}

[b-n0isl9n7hi] .main-sider .ant-layout-sider-trigger:hover {
    color: var(--color-primary);
}

/* Logo */
.logo[b-n0isl9n7hi] {
    height: 64px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--glass-border);
    flex-shrink: 0;
    overflow: hidden;
}

.logo-text[b-n0isl9n7hi] {
    color: var(--color-primary);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.125rem;
    white-space: nowrap;
}

.logo-abbr[b-n0isl9n7hi] {
    color: var(--color-primary);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 1.25rem;
}

/* Content Layout */
[b-n0isl9n7hi] .content-layout {
    background: transparent !important;
    margin-left: 200px;
    transition: margin-left 0.2s;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-n0isl9n7hi] .ant-layout-sider-collapsed + .content-layout,
[b-n0isl9n7hi] .ant-layout-sider-collapsed ~ .content-layout {
    margin-left: 80px;
}

/* Header */
[b-n0isl9n7hi] .main-header {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(var(--glass-blur-medium, 20px));
    -webkit-backdrop-filter: blur(var(--glass-blur-medium, 20px));
    border-bottom: 1px solid var(--glass-border);
    padding: 0 !important;
    height: 64px;
    line-height: 64px;
    flex-shrink: 0;
    z-index: 99;
}

.header-content[b-n0isl9n7hi] {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 24px;
    gap: 16px;
}

[b-n0isl9n7hi] .sidebar-toggle-btn {
    color: var(--text-secondary) !important;
    font-size: 18px !important;
    padding: 8px !important;
    height: auto !important;
    width: auto !important;
    min-width: auto !important;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-n0isl9n7hi] .sidebar-toggle-btn:hover {
    color: var(--color-primary) !important;
    background: var(--glass-bg-light) !important;
}

.header-title[b-n0isl9n7hi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-project-name[b-n0isl9n7hi] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
}

.header-separator[b-n0isl9n7hi] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.header-dashboard-label[b-n0isl9n7hi] {
    color: var(--color-primary);
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 0.9375rem;
}

.header-spacer[b-n0isl9n7hi] {
    flex: 1;
}

.session-indicator[b-n0isl9n7hi] {
    background: none;
    border: none;
    text-align: left;
    font: inherit;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
    position: relative;
    color: rgba(255, 255, 255, 0.65);
}

.session-indicator:hover[b-n0isl9n7hi] {
    background-color: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.95);
}

.session-dot[b-n0isl9n7hi] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #52c41a;
    animation: pulse-b-n0isl9n7hi 2s ease-in-out infinite;
}

@keyframes pulse-b-n0isl9n7hi {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@media (prefers-reduced-motion: reduce) {
    .session-dot[b-n0isl9n7hi] {
        animation: none;
    }
}

.session-count[b-n0isl9n7hi] {
    font-size: 12px;
    font-weight: 600;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background-color: var(--color-primary-strong);
    color: var(--color-primary);
    padding: 0 4px;
}

[b-n0isl9n7hi] .reload-btn {
    color: var(--text-secondary) !important;
    font-size: 16px !important;
    padding: 8px !important;
    height: auto !important;
    width: auto !important;
    min-width: auto !important;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

[b-n0isl9n7hi] .reload-btn:hover {
    color: var(--color-primary) !important;
    background: var(--glass-bg-light) !important;
}

/* Main Content */
[b-n0isl9n7hi] .main-content {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.content-wrapper[b-n0isl9n7hi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 24px;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

/* Responsive */
@media (max-width: 992px) {
    [b-n0isl9n7hi] .content-layout {
        margin-left: 80px;
    }

    .header-project-name[b-n0isl9n7hi] {
        display: none;
    }

    .header-separator[b-n0isl9n7hi] {
        display: none;
    }

    .content-wrapper[b-n0isl9n7hi] {
        padding: 16px;
    }
}

@media (max-width: 768px) {
    [b-n0isl9n7hi] .content-layout {
        margin-left: 0 !important;
    }

    .header-content[b-n0isl9n7hi] {
        padding: 0 16px;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* ========================================
   NavMenu - Dark Glassmorphism
   ======================================== */

nav[b-9kmpt149qa] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Menu base */
[b-9kmpt149qa] .devdashboard-menu {
    background: transparent !important;
    border-right: none !important;
    padding: 8px 0;
}

/* Menu items */
[b-9kmpt149qa] .devdashboard-menu .ant-menu-item {
    border-radius: 8px !important;
    margin: 2px 8px !important;
    transition: all var(--transition-fast) !important;
    color: var(--text-secondary) !important;
}

[b-9kmpt149qa] .devdashboard-menu .ant-menu-item:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--text-primary) !important;
}

/* Selected item */
[b-9kmpt149qa] .devdashboard-menu .ant-menu-item-selected {
    background-color: var(--color-primary-soft) !important;
    color: var(--color-primary) !important;
    border-left: 3px solid var(--color-primary);
}

[b-9kmpt149qa] .devdashboard-menu .ant-menu-item-selected .anticon,
[b-9kmpt149qa] .devdashboard-menu .ant-menu-item-selected .ant-menu-title-content,
[b-9kmpt149qa] .devdashboard-menu .ant-menu-item-selected .ant-menu-title-content a {
    color: var(--color-primary) !important;
}

/* SubMenu title */
[b-9kmpt149qa] .devdashboard-menu .ant-menu-submenu-title {
    border-radius: 8px !important;
    margin: 2px 8px !important;
    color: var(--text-secondary) !important;
}

[b-9kmpt149qa] .devdashboard-menu .ant-menu-submenu-title:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--text-primary) !important;
}

/* SubMenu items indent */
[b-9kmpt149qa] .devdashboard-menu .ant-menu-sub .ant-menu-item {
    margin-left: 12px !important;
    padding-left: 24px !important;
}

/* Icons */
[b-9kmpt149qa] .devdashboard-menu .anticon {
    font-size: 16px;
}

/* Section labels */
.nav-section-label[b-9kmpt149qa] {
    padding: 12px 16px 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.35);
    user-select: none;
    pointer-events: none;
}

[b-9kmpt149qa] .ant-menu-inline-collapsed .nav-section-label {
    display: none;
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.login-title[b-75tkzazju5] {
    color: var(--color-text-primary);
    text-align: center;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
}

.login-error[b-75tkzazju5] {
    margin-bottom: 16px;
}
/* /Pages/Browser/BrowserPage.razor.rz.scp.css */
.browser-page[b-7anftpozkq] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 64px);
    padding: 16px 24px;
    gap: 16px;
}

/* Pool status bar */
.pool-status-bar[b-7anftpozkq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 8px;
    backdrop-filter: blur(var(--glass-blur));
    flex-shrink: 0;
}

.pool-info[b-7anftpozkq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pool-title[b-7anftpozkq] {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-text-primary, rgba(255, 255, 255, 0.95));
}

.pool-stats[b-7anftpozkq] {
    font-size: 13px;
    color: var(--color-text-secondary, rgba(255, 255, 255, 0.65));
    margin-left: 4px;
}

.pool-dot[b-7anftpozkq] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 4px;
    transition: background-color 0.2s ease;
}

.pool-dot.available[b-7anftpozkq] {
    background: var(--color-success, #52c41a);
}

.pool-dot.in-use[b-7anftpozkq] {
    background: var(--color-primary, #e67a2e);
}

.pool-dot.crashed[b-7anftpozkq] {
    background: var(--color-error, #ff4d4f);
}

.pool-dot.starting[b-7anftpozkq],
.pool-dot.resetting[b-7anftpozkq] {
    background: var(--color-warning, #faad14);
}

/* Disabled state */
.pool-disabled-state[b-7anftpozkq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 12px;
    color: var(--color-text-secondary, rgba(255, 255, 255, 0.65));
}

.pool-disabled-state[b-7anftpozkq]  .disabled-icon {
    font-size: 48px;
    color: var(--color-text-tertiary, rgba(255, 255, 255, 0.35));
}

.pool-disabled-state h2[b-7anftpozkq] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-primary, rgba(255, 255, 255, 0.95));
}

.pool-disabled-state p[b-7anftpozkq] {
    margin: 0;
    font-size: 14px;
}

.pool-disabled-state code[b-7anftpozkq] {
    padding: 2px 6px;
    background: var(--glass-bg);
    border-radius: 4px;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 13px;
}

/* Empty state */
.pool-empty-state[b-7anftpozkq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    grid-column: 1 / -1;
    padding: 64px 0;
    color: var(--color-text-secondary, rgba(255, 255, 255, 0.65));
}

.pool-empty-state[b-7anftpozkq]  .empty-icon {
    font-size: 48px;
    color: var(--color-warning, #faad14);
}

.pool-empty-state h2[b-7anftpozkq] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-text-primary, rgba(255, 255, 255, 0.95));
}

.pool-empty-state p[b-7anftpozkq] {
    margin: 0;
    font-size: 14px;
}

/* Grid view */
.browser-grid[b-7anftpozkq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 16px;
    flex: 1;
    overflow-y: auto;
}

.browser-card[b-7anftpozkq] {
    display: flex;
    flex-direction: column;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.browser-card:hover[b-7anftpozkq] {
    border-color: var(--color-primary, #e67a2e);
    transform: translateY(-2px);
}

.browser-card.crashed[b-7anftpozkq] {
    opacity: 0.6;
}

.card-header[b-7anftpozkq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid var(--glass-border);
}

.card-title[b-7anftpozkq] {
    font-weight: 600;
    font-size: 13px;
    color: var(--color-text-primary, rgba(255, 255, 255, 0.95));
}

.card-preview[b-7anftpozkq] {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
    position: relative;
}

.card-placeholder[b-7anftpozkq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--color-text-tertiary, rgba(255, 255, 255, 0.35));
    font-size: 32px;
}

.card-footer[b-7anftpozkq] {
    padding: 8px 14px;
    font-size: 12px;
    border-top: 1px solid var(--glass-border);
}

.card-client[b-7anftpozkq] {
    color: var(--color-primary, #e67a2e);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

.card-idle[b-7anftpozkq] {
    color: var(--color-text-tertiary, rgba(255, 255, 255, 0.35));
}

/* Fullscreen view */
.browser-fullscreen[b-7anftpozkq] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 0;
    position: relative;
}

.browser-main[b-7anftpozkq] {
    flex: 1;
    min-width: 0;
}

.action-log-sidebar[b-7anftpozkq] {
    width: 320px;
    border-left: 1px solid var(--glass-border);
    overflow: hidden;
    flex-shrink: 0;
}

.toggle-action-log[b-7anftpozkq] {
    position: absolute;
    right: 320px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: 4px 0 0 4px;
    color: var(--color-text-secondary, rgba(255, 255, 255, 0.65));
    cursor: pointer;
    padding: 0;
    font-size: 12px;
    transition: background-color 0.2s ease, color 0.2s ease;
    z-index: 1;
}

.toggle-action-log:hover[b-7anftpozkq] {
    background: var(--color-bg-dark-tertiary, #1a1f2e);
    color: var(--color-text-primary, rgba(255, 255, 255, 0.95));
}

.toggle-action-log:not(.open)[b-7anftpozkq] {
    right: 0;
    border-radius: 4px 0 0 4px;
}
/* /Pages/Commands/CommandDetail.razor.rz.scp.css */
/* ========================================
   Metadata Section
   ======================================== */

.dashboard-section[b-myemcnji0z] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.dashboard-section-title[b-myemcnji0z] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
}

.meta-row[b-myemcnji0z] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.meta-label[b-myemcnji0z] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    min-width: 100px;
    flex-shrink: 0;
}

.meta-value[b-myemcnji0z] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
}

.meta-code[b-myemcnji0z] {
    font-family: var(--font-mono);
    font-size: var(--font-size-base);
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    color: var(--text-primary);
}

.tools-list[b-myemcnji0z] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

[b-myemcnji0z] .tools-list .ant-tag {
    margin: 0;
}

/* ========================================
   Included Partials
   ======================================== */

.partials-list[b-myemcnji0z] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.partials-list li[b-myemcnji0z] {
    padding: 4px 0;
}

.partials-list li code[b-myemcnji0z] {
    font-family: var(--font-mono);
    color: var(--color-primary);
    background: var(--color-primary-subtle);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
}

/* ========================================
   Content Viewer Toggle
   ======================================== */

.viewer-toggle[b-myemcnji0z] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

/* ========================================
   Raw content
   ======================================== */

.raw-content[b-myemcnji0z] {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px;
    border-radius: var(--radius-sm);
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

/* ========================================
   Rendered markdown
   ======================================== */

[b-myemcnji0z] .markdown-body h1,
[b-myemcnji0z] .markdown-body h2,
[b-myemcnji0z] .markdown-body h3 {
    color: var(--text-primary);
    border-bottom: 1px solid var(--glass-border);
    padding-bottom: 0.3em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

[b-myemcnji0z] .markdown-body h1 { font-size: 1.6rem; }
[b-myemcnji0z] .markdown-body h2 { font-size: 1.3rem; }
[b-myemcnji0z] .markdown-body h3 { font-size: 1.1rem; }

[b-myemcnji0z] .markdown-body p {
    margin-bottom: 0.8em;
}

[b-myemcnji0z] .markdown-body code {
    background: rgba(255, 255, 255, 0.06);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 0.9em;
}

[b-myemcnji0z] .markdown-body pre {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px;
    border-radius: var(--radius-sm);
    overflow-x: auto;
    margin: 1em 0;
}

[b-myemcnji0z] .markdown-body pre code {
    background: none;
    padding: 0;
    font-size: var(--font-size-base);
    line-height: 1.5;
}

[b-myemcnji0z] .markdown-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

[b-myemcnji0z] .markdown-body th,
[b-myemcnji0z] .markdown-body td {
    border: 1px solid var(--glass-border);
    padding: 8px 12px;
    text-align: left;
}

[b-myemcnji0z] .markdown-body th {
    background: rgba(255, 255, 255, 0.04);
    font-weight: 600;
}

[b-myemcnji0z] .markdown-body ul,
[b-myemcnji0z] .markdown-body ol {
    padding-left: 1.5em;
    margin-bottom: 0.8em;
}

[b-myemcnji0z] .markdown-body li {
    margin-bottom: 0.3em;
}

[b-myemcnji0z] .markdown-body blockquote {
    border-left: 3px solid var(--color-primary);
    padding-left: 16px;
    margin: 1em 0;
    color: var(--text-secondary);
}

[b-myemcnji0z] .markdown-body a {
    color: var(--color-primary);
}

[b-myemcnji0z] .markdown-body hr {
    border: none;
    border-top: 1px solid var(--glass-border);
    margin: 1.5em 0;
}
/* /Pages/Commands/CommandList.razor.rz.scp.css */
/* ========================================
   Command Card Grid
   ======================================== */

.command-card[b-vqprefqp4q] {
    /* Uses .glass-surface utility */
    background: none;
    border: none;
    text-align: left;
    width: 100%;
    color: inherit;
    font: inherit;
    border-radius: var(--radius-md);
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: transform 0.2s, border-color 0.2s;
}

.command-card:hover[b-vqprefqp4q] {
    transform: translateY(-2px);
    border-color: var(--color-primary);
}

.command-card__name code[b-vqprefqp4q] {
    font-family: var(--font-mono);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-primary);
    background: var(--color-primary-subtle);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
}

.command-card__description[b-vqprefqp4q] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin: 12px 0;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.command-card__footer[b-vqprefqp4q] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--glass-border);
}

.command-card__no-tools[b-vqprefqp4q] {
    font-size: 0.8rem;
    color: var(--text-muted);
}
/* /Pages/Config/ConfigBrowser.razor.rz.scp.css */
.config-list[b-6pnlkiq7za] {
    border-radius: var(--radius-md);
    padding: 12px;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.config-group[b-6pnlkiq7za] {
    margin-bottom: 16px;
}

.config-group:last-child[b-6pnlkiq7za] {
    margin-bottom: 0;
}

.config-group-header[b-6pnlkiq7za] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
    padding: 4px 8px 8px;
}

.config-item[b-6pnlkiq7za] {
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background 0.15s ease;
    border: 1px solid transparent;
}

.config-item:hover[b-6pnlkiq7za] {
    background: rgba(255, 255, 255, 0.04);
}

.config-item--selected[b-6pnlkiq7za] {
    background: rgba(230, 122, 46, 0.1);
    border-color: rgba(230, 122, 46, 0.3);
}

.config-item-header[b-6pnlkiq7za] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.config-item-name[b-6pnlkiq7za] {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.config-item-description[b-6pnlkiq7za] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    margin-top: 4px;
    padding-left: 24px;
}

.config-item-modified[b-6pnlkiq7za] {
    font-size: 0.7rem;
    color: var(--text-tertiary);
    margin-top: 2px;
    padding-left: 24px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.config-empty[b-6pnlkiq7za] {
    height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
}

[b-6pnlkiq7za] .ant-tag {
    font-size: 0.65rem;
    line-height: 1.4;
    padding: 0 4px;
}
/* /Pages/Dashboard/Index.razor.rz.scp.css */
/* ========================================
   Dashboard Sections
   ======================================== */

.dashboard-section[b-0108dy1jt0] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 20px;
}

.dashboard-section-title[b-0108dy1jt0] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-lg);
    font-weight: 600;
    margin-bottom: 16px;
    letter-spacing: 0.01em;
}

/* ========================================
   Feature Summary Cards
   ======================================== */

.feature-card-wrapper[b-0108dy1jt0] {
    background: none;
    border: none;
    padding: 0;
    text-align: left;
    width: 100%;
    cursor: pointer;
    color: inherit;
    font: inherit;
}

.feature-card[b-0108dy1jt0] {
    transition: all var(--transition-fast);
    border-left: 3px solid transparent;
}

.feature-card:hover[b-0108dy1jt0] {
    border-color: var(--glass-border-light) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px var(--glass-shadow);
}

[b-0108dy1jt0] .feature-card .ant-statistic-content-value {
    font-size: 28px;
    font-weight: 700;
}

[b-0108dy1jt0] .feature-card .ant-statistic-title {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
}

/* ========================================
   Git Commit List
   ======================================== */

.commit-list[b-0108dy1jt0] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.commit-item[b-0108dy1jt0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--glass-border);
    flex-wrap: wrap;
}

.commit-item:last-child[b-0108dy1jt0] {
    border-bottom: none;
}

.commit-sha[b-0108dy1jt0] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    white-space: nowrap;
    flex-shrink: 0;
}

.commit-message[b-0108dy1jt0] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commit-meta[b-0108dy1jt0] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.commit-author[b-0108dy1jt0] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
}

.commit-date[b-0108dy1jt0] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    white-space: nowrap;
}

/* ========================================
   Services Status
   ======================================== */

.services-group-label[b-0108dy1jt0] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    margin-top: 4px;
}

.services-group-label:not(:first-child)[b-0108dy1jt0] {
    margin-top: 20px;
}

.service-card-content[b-0108dy1jt0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service-card-header[b-0108dy1jt0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.service-icon[b-0108dy1jt0] {
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
}

.service-name[b-0108dy1jt0] {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--text-primary);
}

.service-card-status[b-0108dy1jt0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.service-status-dot[b-0108dy1jt0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.service-status-dot.running[b-0108dy1jt0] {
    background-color: var(--color-success);
    box-shadow: 0 0 6px rgba(82, 196, 26, 0.4);
}

.service-status-dot.stopped[b-0108dy1jt0] {
    background-color: var(--color-error);
    box-shadow: 0 0 6px rgba(255, 77, 79, 0.3);
}

.service-status-label[b-0108dy1jt0] {
    font-size: var(--font-size-sm);
}

.service-status-label.running[b-0108dy1jt0] {
    color: var(--color-success);
}

.service-status-label.stopped[b-0108dy1jt0] {
    color: var(--color-error);
}

.service-port[b-0108dy1jt0] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    font-family: var(--font-mono);
}

/* ========================================
   Recent Plans
   ======================================== */

.plans-list[b-0108dy1jt0] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.plan-item[b-0108dy1jt0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--glass-border);
    gap: 12px;
}

.plan-item:last-child[b-0108dy1jt0] {
    border-bottom: none;
}

.plan-info[b-0108dy1jt0] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.plan-title[b-0108dy1jt0] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-feature-tag[b-0108dy1jt0] {
    cursor: pointer;
    flex-shrink: 0;
}

.plan-date[b-0108dy1jt0] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ========================================
   Quick Links
   ======================================== */

[b-0108dy1jt0] .dashboard-section .ant-btn-background-ghost {
    border-color: var(--glass-border-light);
    color: var(--text-secondary);
    transition: all var(--transition-fast);
}

[b-0108dy1jt0] .dashboard-section .ant-btn-background-ghost:hover {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    background: var(--color-primary-subtle) !important;
}

/* Service Log Drawer */

[b-0108dy1jt0] .service-log-viewer {
    height: 100%;
    overflow: auto;
}

[b-0108dy1jt0] .service-log-output {
    font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;
    font-size: 11px;
    line-height: 1.5;
    color: var(--text-secondary);
    background: rgba(0, 0, 0, 0.3);
    padding: 12px;
    border-radius: 6px;
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0;
}
/* /Pages/Database/DatabaseQueryTool.razor.rz.scp.css */
/* ========================================
   Page Sections
   ======================================== */

.page-section[b-89w54w3ahw] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

/* ========================================
   Editor Toolbar
   ======================================== */

.editor-toolbar[b-89w54w3ahw] {
    margin-bottom: 12px;
}

/* ========================================
   Results
   ======================================== */

.result-status[b-89w54w3ahw] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.result-meta[b-89w54w3ahw] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-sm, 12px);
    color: var(--text-secondary);
}

.results-placeholder[b-89w54w3ahw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 24px;
    color: var(--text-muted);
    font-size: var(--font-size-base, 14px);
}

[b-89w54w3ahw] .results-placeholder > .anticon {
    font-size: 36px;
}

.results-table-wrapper[b-89w54w3ahw] {
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    overflow: auto;
    max-height: 500px;
}

.query-results-table[b-89w54w3ahw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.query-results-table thead th[b-89w54w3ahw] {
    background: rgba(0, 0, 0, 0.3);
    color: var(--text-secondary);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--glass-border);
    padding: 8px 12px;
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.query-results-table tbody td[b-89w54w3ahw] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-sm, 12px);
    color: var(--text-primary);
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    padding: 6px 12px;
    white-space: nowrap;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.query-results-table tbody tr:hover td[b-89w54w3ahw] {
    background: rgba(255, 255, 255, 0.03);
}

/* ========================================
   Side Panel
   ======================================== */

.side-panel[b-89w54w3ahw] {
    min-height: calc(100vh - 200px);
    padding: 16px;
}

[b-89w54w3ahw] .side-panel .ant-tabs-nav {
    margin-bottom: 12px;
}

.side-empty[b-89w54w3ahw] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 12px;
    color: var(--text-muted);
    font-size: var(--font-size-sm, 12px);
}

.side-list[b-89w54w3ahw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: calc(100vh - 340px);
    overflow-y: auto;
}

/* ========================================
   History Items
   ======================================== */

.history-item[b-89w54w3ahw] {
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background var(--transition-fast, 150ms);
}

.history-item:hover[b-89w54w3ahw] {
    background: rgba(255, 255, 255, 0.05);
}

.history-item--error[b-89w54w3ahw] {
    border-left: 2px solid var(--color-error, #ff4d4f);
}

.history-item-header[b-89w54w3ahw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.history-item-time[b-89w54w3ahw] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    color: var(--text-muted);
}

.history-item-meta[b-89w54w3ahw] {
    font-size: var(--font-size-xs, 11px);
    color: var(--text-muted);
}

.history-item-error-label[b-89w54w3ahw] {
    color: var(--color-error, #ff4d4f);
    font-weight: 600;
}

.history-item-sql[b-89w54w3ahw] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ========================================
   Saved Query Items
   ======================================== */

.saved-item[b-89w54w3ahw] {
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    transition: background var(--transition-fast, 150ms);
}

.saved-item:hover[b-89w54w3ahw] {
    background: rgba(255, 255, 255, 0.05);
}

.saved-item-header[b-89w54w3ahw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 4px;
}

.saved-item-name[b-89w54w3ahw] {
    font-size: var(--font-size-sm, 12px);
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.saved-item-sql[b-89w54w3ahw] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    color: var(--text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ========================================
   Table Items
   ======================================== */

.table-item[b-89w54w3ahw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background var(--transition-fast, 150ms);
}

.table-item:hover[b-89w54w3ahw] {
    background: rgba(255, 255, 255, 0.05);
}

[b-89w54w3ahw] .table-item-icon {
    color: var(--text-muted);
    font-size: 12px;
    flex-shrink: 0;
}

.table-item-name[b-89w54w3ahw] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========================================
   Scrollbar
   ======================================== */

.side-list[b-89w54w3ahw]::-webkit-scrollbar {
    width: 4px;
}

.side-list[b-89w54w3ahw]::-webkit-scrollbar-track {
    background: transparent;
}

.side-list[b-89w54w3ahw]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Pages/Dependencies/DependencyGraphPage.razor.rz.scp.css */
/* ========================================
   Page Sections
   ======================================== */

.page-section[b-h5mflyqw57] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.page-section-title[b-h5mflyqw57] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ========================================
   Graph Container
   ======================================== */

.graph-section[b-h5mflyqw57] {
    padding: 0;
    overflow: hidden;
}

.graph-container[b-h5mflyqw57] {
    width: 100%;
    min-height: 500px;
    height: 60vh;
    background: transparent;
}

/* vis.js canvas should be transparent */
[b-h5mflyqw57] .graph-container canvas {
    background: transparent !important;
}

/* ========================================
   Table Toolbar
   ======================================== */

.table-toolbar[b-h5mflyqw57] {
    margin-bottom: 12px;
}

/* ========================================
   Package Name
   ======================================== */

.package-name[b-h5mflyqw57] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-sm, 12px);
}

/* ========================================
   AntDesign Table Overrides
   ======================================== */

[b-h5mflyqw57] .ant-table {
    background: transparent;
}

[b-h5mflyqw57] .ant-table-thead > tr > th {
    background: rgba(0, 0, 0, 0.3);
    color: var(--text-secondary);
    font-size: var(--font-size-xs, 11px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--glass-border);
}

[b-h5mflyqw57] .ant-table-tbody > tr > td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    color: var(--text-primary);
}

[b-h5mflyqw57] .ant-table-tbody > tr:hover > td {
    background: rgba(255, 255, 255, 0.03);
}

[b-h5mflyqw57] .ant-table-tbody > tr.ant-table-row:hover > td {
    background: rgba(255, 255, 255, 0.03);
}
/* /Pages/Documents/CoreSpecBrowser.razor.rz.scp.css */
.core-spec-list[b-h75jebmalo] {
    /* Uses .glass-surface utility */
    height: calc(100vh - 120px);
    overflow-y: auto;
    border-radius: var(--radius-md);
    padding: 8px;
}

.core-spec-item[b-h75jebmalo] {
    background: none;
    border: none;
    text-align: left;
    width: 100%;
    color: inherit;
    font: inherit;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
    border-bottom: 1px solid var(--glass-border);
}

.core-spec-item:last-child[b-h75jebmalo] {
    border-bottom: none;
}

.core-spec-item:hover[b-h75jebmalo] {
    background: rgba(255, 255, 255, 0.04);
}

.core-spec-item--selected[b-h75jebmalo] {
    background: var(--color-primary-soft) !important;
}

.core-spec-item__icon[b-h75jebmalo] {
    font-size: var(--font-size-xl);
    color: var(--text-secondary);
    flex-shrink: 0;
}

.core-spec-item--selected .core-spec-item__icon[b-h75jebmalo] {
    color: var(--color-primary);
}

.core-spec-item__text[b-h75jebmalo] {
    min-width: 0;
}

.core-spec-item__title[b-h75jebmalo] {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--text-primary);
    text-transform: capitalize;
}

.core-spec-item__path[b-h75jebmalo] {
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    color: var(--text-muted);
    margin-top: 2px;
}
/* /Pages/Documents/FlowBrowser.razor.rz.scp.css */
.flow-metadata[b-bhplw7mb96] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
/* /Pages/Documents/PlanBrowser.razor.rz.scp.css */
.plan-list[b-5s77tqp6h7] {
    /* Uses .glass-surface utility */
    height: calc(100vh - 120px);
    overflow-y: auto;
    border-radius: var(--radius-md);
    padding: 8px;
}

.plan-list-item[b-5s77tqp6h7] {
    background: none;
    border: none;
    text-align: left;
    width: 100%;
    color: inherit;
    font: inherit;
    padding: 12px 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
    border-bottom: 1px solid var(--glass-border);
}

.plan-list-item:last-child[b-5s77tqp6h7] {
    border-bottom: none;
}

.plan-list-item:hover[b-5s77tqp6h7] {
    background: rgba(255, 255, 255, 0.04);
}

.plan-list-item--selected[b-5s77tqp6h7] {
    background: var(--color-primary-soft) !important;
}

.plan-list-item__title[b-5s77tqp6h7] {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-list-item__meta[b-5s77tqp6h7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.plan-list-item__feature[b-5s77tqp6h7] {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 11px;
    color: var(--color-primary);
    cursor: pointer;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
}

.plan-list-item__feature:hover[b-5s77tqp6h7] {
    text-decoration: underline;
}

.plan-list-item__date[b-5s77tqp6h7] {
    color: var(--text-muted);
}
/* /Pages/Documents/ProjectDocBrowser.razor.rz.scp.css */
/* Project doc browser uses shared document layout styles */
/* /Pages/Documents/SpecBrowser.razor.rz.scp.css */
/* Spec browser uses shared document layout styles */
/* /Pages/Environment/EnvironmentPage.razor.rz.scp.css */
/* ========================================
   Page Sections
   ======================================== */

.page-section[b-mlqmgd6z2a] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.page-section-title[b-mlqmgd6z2a] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ========================================
   Empty State
   ======================================== */

.env-empty-state[b-mlqmgd6z2a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

[b-mlqmgd6z2a] .env-empty-state > .anticon {
    font-size: 48px;
    color: var(--text-muted);
}

.env-empty-title[b-mlqmgd6z2a] {
    font-family: var(--font-display);
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
}

.env-empty-subtitle[b-mlqmgd6z2a] {
    font-size: var(--font-size-base, 14px);
    color: var(--text-muted);
}

/* ========================================
   Project Panel
   ======================================== */

.project-panel[b-mlqmgd6z2a] {
    min-height: calc(100vh - 200px);
}

.project-item[b-mlqmgd6z2a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background var(--transition-fast, 150ms);
}

.project-item:hover[b-mlqmgd6z2a] {
    background: rgba(255, 255, 255, 0.05);
}

.project-item--selected[b-mlqmgd6z2a] {
    background: rgba(230, 122, 46, 0.12);
    border-left: 3px solid var(--color-primary, #e67a2e);
}

.project-item-name[b-mlqmgd6z2a] {
    font-size: var(--font-size-md);
    color: var(--text-primary);
    font-weight: 500;
}

.project-item--selected .project-item-name[b-mlqmgd6z2a] {
    color: var(--color-primary, #e67a2e);
}

/* ========================================
   File List
   ======================================== */

.file-list[b-mlqmgd6z2a] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--glass-border);
}

.file-item[b-mlqmgd6z2a] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background var(--transition-fast, 150ms);
}

.file-item:hover[b-mlqmgd6z2a] {
    background: rgba(255, 255, 255, 0.05);
}

.file-item--selected[b-mlqmgd6z2a] {
    background: rgba(255, 255, 255, 0.08);
}

[b-mlqmgd6z2a] .file-item-icon {
    color: var(--text-muted);
    font-size: 14px;
}

.file-item-name[b-mlqmgd6z2a] {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
}

.file-item--selected .file-item-name[b-mlqmgd6z2a] {
    color: var(--text-primary);
    font-weight: 500;
}

/* ========================================
   Content Panel
   ======================================== */

.content-panel[b-mlqmgd6z2a] {
    min-height: calc(100vh - 200px);
}

.content-toolbar[b-mlqmgd6z2a] {
    margin-bottom: 16px;
}

.content-placeholder[b-mlqmgd6z2a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 24px;
    color: var(--text-muted);
    font-size: var(--font-size-base, 14px);
}

[b-mlqmgd6z2a] .content-placeholder > .anticon {
    font-size: 36px;
}

/* ========================================
   Editor
   ======================================== */

.editor-header[b-mlqmgd6z2a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.editor-filename[b-mlqmgd6z2a] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    font-weight: 600;
}

.editor-modified[b-mlqmgd6z2a] {
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.editor-actions[b-mlqmgd6z2a] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

/* ========================================
   Diff Selectors
   ======================================== */

.diff-selectors[b-mlqmgd6z2a] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.diff-vs[b-mlqmgd6z2a] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ========================================
   Diff View (Unified)
   ======================================== */

.diff-view-container[b-mlqmgd6z2a] {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    overflow: auto;
    max-height: 600px;
    font-family: var(--font-mono, 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace);
    font-size: 12px;
    line-height: 1.5;
}

.diff-line[b-mlqmgd6z2a] {
    display: flex;
    padding: 0 12px 0 0;
    min-height: 1.5em;
}

.diff-line-deleted[b-mlqmgd6z2a] {
    background: rgba(248, 81, 73, 0.15);
}

.diff-line-added[b-mlqmgd6z2a] {
    background: rgba(46, 160, 67, 0.15);
}

.diff-gutter-old[b-mlqmgd6z2a],
.diff-gutter-new[b-mlqmgd6z2a] {
    width: 40px;
    text-align: right;
    padding: 0 4px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    user-select: none;
    flex-shrink: 0;
}

.diff-indicator[b-mlqmgd6z2a] {
    width: 20px;
    text-align: center;
    flex-shrink: 0;
    user-select: none;
    font-weight: 600;
}

.diff-line-deleted .diff-indicator[b-mlqmgd6z2a] {
    color: #f85149;
}

.diff-line-added .diff-indicator[b-mlqmgd6z2a] {
    color: #3fb950;
}

.diff-content[b-mlqmgd6z2a] {
    flex: 1;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ========================================
   Diff Stats
   ======================================== */

.diff-stats[b-mlqmgd6z2a] {
    padding: 6px 12px;
    font-size: 11px;
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.stats-added[b-mlqmgd6z2a] {
    color: #3fb950;
}

.stats-removed[b-mlqmgd6z2a] {
    color: #f85149;
}

/* ========================================
   Scrollbar
   ======================================== */

.diff-view-container[b-mlqmgd6z2a]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

.diff-view-container[b-mlqmgd6z2a]::-webkit-scrollbar-track {
    background: transparent;
}

.diff-view-container[b-mlqmgd6z2a]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
}
/* /Pages/Features/FeatureDetail.razor.rz.scp.css */
/* ========================================
   Feature Identity Bar
   ======================================== */

.feature-identity[b-ea6l1ggue3] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.feature-id[b-ea6l1ggue3] {
    font-family: var(--font-mono);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-primary);
}

/* ========================================
   Glass Panel Sections
   ======================================== */

.dashboard-section[b-ea6l1ggue3] {
    /* Full glass panel treatment matching PageHeader */
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.dashboard-section-title[b-ea6l1ggue3] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
}

/* ========================================
   Metadata
   ======================================== */

.meta-row[b-ea6l1ggue3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.meta-label[b-ea6l1ggue3] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    min-width: 80px;
}

.meta-value[b-ea6l1ggue3] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
}

.meta-link[b-ea6l1ggue3] {
    color: var(--color-primary);
    font-size: var(--font-size-md);
    cursor: pointer;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    font-family: inherit;
}

.meta-link:hover[b-ea6l1ggue3] {
    text-decoration: underline;
}

.meta-code[b-ea6l1ggue3] {
    font-family: var(--font-mono);
    font-size: var(--font-size-base);
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    color: var(--text-primary);
}

/* ========================================
   Progress Section
   ======================================== */

.progress-section[b-ea6l1ggue3] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--glass-border);
}

.progress-label[b-ea6l1ggue3] {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    margin-bottom: 8px;
}

/* ========================================
   Commit List
   ======================================== */

.commit-list[b-ea6l1ggue3] {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.commit-item[b-ea6l1ggue3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--glass-border);
    flex-wrap: wrap;
}

.commit-item:last-child[b-ea6l1ggue3] {
    border-bottom: none;
}

.commit-sha[b-ea6l1ggue3] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    white-space: nowrap;
    flex-shrink: 0;
}

.commit-message[b-ea6l1ggue3] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commit-meta[b-ea6l1ggue3] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.commit-author[b-ea6l1ggue3] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
}

.commit-date[b-ea6l1ggue3] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    white-space: nowrap;
}

/* ========================================
   Verification Summary
   ======================================== */

.verification-summary-title[b-ea6l1ggue3] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
}

.verification-stats[b-ea6l1ggue3] {
    margin-bottom: 16px;
}

[b-ea6l1ggue3] .verification-details .ant-collapse-header {
    color: var(--text-secondary) !important;
}

/* ========================================
   Task Filter Bar
   ======================================== */

.task-filter-bar[b-ea6l1ggue3] {
    margin-bottom: 16px;
}

.filter-inputs[b-ea6l1ggue3] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.task-search-input[b-ea6l1ggue3] {
    flex: 1;
    min-width: 200px;
}

.filter-summary[b-ea6l1ggue3] {
    margin-top: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.45);
}

/* ========================================
   Collapsible Section Header
   ======================================== */

.section-collapsible[b-ea6l1ggue3] {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-collapsible:hover[b-ea6l1ggue3] {
    color: rgba(255, 255, 255, 0.85);
}

/* ========================================
   Task Card Execute Action
   ======================================== */

.task-card-with-action[b-ea6l1ggue3] {
    position: relative;
}

.task-execute-action[b-ea6l1ggue3] {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}

/* ========================================
   No-Spec Notice & Description
   ======================================== */

.no-spec-notice[b-ea6l1ggue3] {
    padding: 12px 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px dashed rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.no-spec-notice code[b-ea6l1ggue3] {
    background: rgba(255, 255, 255, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
}

.feature-description[b-ea6l1ggue3] {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

/* ========================================
   Links Section — Ghost Buttons
   ======================================== */

.dashboard-section[b-ea6l1ggue3]  .ant-btn-background-ghost {
    border-color: var(--glass-border-light);
    color: var(--text-secondary);
    transition: all var(--transition-fast);
}

.dashboard-section[b-ea6l1ggue3]  .ant-btn-background-ghost:hover {
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    background: var(--color-primary-subtle) !important;
}
/* /Pages/Features/FeatureList.razor.rz.scp.css */
/* ========================================
   Summary Statistics Bar
   ======================================== */

.stats-bar[b-r5ti2sabuy] {
    /* Glass panel treatment matching PageHeader */
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 16px 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.stat-group[b-r5ti2sabuy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stat-item[b-r5ti2sabuy] {
    margin: 0;
}

[b-r5ti2sabuy] .stat-item .ant-statistic-title {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
    margin-bottom: 0;
}

[b-r5ti2sabuy] .stat-item .ant-statistic-content {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--text-primary);
}

.stats-separator[b-r5ti2sabuy] {
    color: var(--glass-border-light);
    font-size: var(--font-size-lg);
    user-select: none;
    opacity: 0.5;
}

/* ========================================
   Filter Bar
   ======================================== */

.filter-bar[b-r5ti2sabuy] {
    /* Glass panel treatment matching PageHeader */
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 16px 24px;
    margin-bottom: 24px;
}

/* ========================================
   Dependencies View
   ======================================== */

.dep-filter-bar[b-r5ti2sabuy] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 12px 24px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

.dep-filter-label[b-r5ti2sabuy] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    font-weight: 500;
}

.layer-group[b-r5ti2sabuy] {
    margin-bottom: 24px;
}

.layer-header[b-r5ti2sabuy] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--glass-border);
}

.layer-label[b-r5ti2sabuy] {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.feature-link[b-r5ti2sabuy] {
    color: var(--brand-orange);
    cursor: pointer;
}

.feature-link:hover[b-r5ti2sabuy] {
    text-decoration: underline;
}

.text-muted[b-r5ti2sabuy] {
    color: var(--text-muted);
}

/* ========================================
   Execution Order Table Enhancements
   ======================================== */

[b-r5ti2sabuy] .no-spec-tag {
    font-size: 0.7em;
    margin-left: 6px;
    opacity: 0.7;
}
/* /Pages/Git/GitDiffViewer.razor.rz.scp.css */
/* ========================================
   Empty State
   ======================================== */

.git-empty-state[b-mo0fhl98jp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

[b-mo0fhl98jp] .git-empty-state > .anticon {
    font-size: 48px;
    color: var(--color-success, #52c41a);
}

.git-empty-title[b-mo0fhl98jp] {
    font-family: var(--font-display);
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
}

.git-empty-subtitle[b-mo0fhl98jp] {
    font-size: var(--font-size-base);
    color: var(--text-muted);
}

/* ========================================
   File List Panel
   ======================================== */

.file-list-panel[b-mo0fhl98jp] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

[b-mo0fhl98jp] .file-list-panel .ant-collapse {
    background: transparent;
    border: none;
}

[b-mo0fhl98jp] .file-list-panel .ant-collapse-item {
    border-bottom: 1px solid var(--glass-border);
}

[b-mo0fhl98jp] .file-list-panel .ant-collapse-item:last-child {
    border-bottom: none;
}

[b-mo0fhl98jp] .file-list-panel .ant-collapse-header {
    color: var(--text-secondary) !important;
    font-size: var(--font-size-base);
    font-weight: 500;
    padding: 10px 16px !important;
}

[b-mo0fhl98jp] .file-list-panel .ant-collapse-content {
    background: transparent;
    border-top: 1px solid var(--glass-border);
}

[b-mo0fhl98jp] .file-list-panel .ant-collapse-content-box {
    padding: 4px 0 !important;
}

.file-list[b-mo0fhl98jp] {
    display: flex;
    flex-direction: column;
}

.file-item[b-mo0fhl98jp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    cursor: pointer;
    transition: background var(--transition-fast, 150ms);
}

.file-item:hover[b-mo0fhl98jp] {
    background: rgba(255, 255, 255, 0.05);
}

.file-item-selected[b-mo0fhl98jp] {
    background: rgba(230, 122, 46, 0.1);
    border-left: 2px solid var(--color-primary, #e67a2e);
}

.file-status[b-mo0fhl98jp] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-sm, 12px);
    font-weight: 600;
    min-width: 18px;
    text-align: center;
    flex-shrink: 0;
}

.status-modified[b-mo0fhl98jp] {
    color: var(--color-info, #1890ff);
}

.status-added[b-mo0fhl98jp] {
    color: #3fb950;
}

.status-deleted[b-mo0fhl98jp] {
    color: #f85149;
}

.status-renamed[b-mo0fhl98jp] {
    color: var(--color-warning, #faad14);
}

.status-untracked[b-mo0fhl98jp] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.file-item .file-path[b-mo0fhl98jp] {
    font-size: var(--font-size-sm, 12px);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* ========================================
   Diff Viewer Panel
   ======================================== */

.diff-viewer-panel[b-mo0fhl98jp] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.diff-viewer-header[b-mo0fhl98jp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--glass-border);
}

.diff-viewer-file-info[b-mo0fhl98jp] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

[b-mo0fhl98jp] .diff-viewer-file-info > .anticon {
    font-size: 14px;
    color: var(--text-muted);
    flex-shrink: 0;
}

.diff-viewer-file-path[b-mo0fhl98jp] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 12px;
    color: var(--text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-mo0fhl98jp] .diff-viewer-header .ant-radio-group {
    flex-shrink: 0;
}

[b-mo0fhl98jp] .diff-tabs .ant-tabs-nav {
    padding: 0 16px;
    margin-bottom: 0;
}

[b-mo0fhl98jp] .diff-tabs .ant-tabs-content {
    padding: 0;
}

/* ========================================
   Diff Placeholder
   ======================================== */

.diff-placeholder[b-mo0fhl98jp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    color: var(--text-muted);
    font-size: var(--font-size-base);
}

[b-mo0fhl98jp] .diff-placeholder > .anticon {
    font-size: 36px;
}

/* ========================================
   Diff Loading
   ======================================== */

.diff-loading[b-mo0fhl98jp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
}

/* ========================================
   History List
   ======================================== */

.history-list[b-mo0fhl98jp] {
    display: flex;
    flex-direction: column;
}

.history-item[b-mo0fhl98jp] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--glass-border);
    cursor: pointer;
    transition: background var(--transition-fast, 150ms);
    flex-wrap: wrap;
}

.history-item:last-child[b-mo0fhl98jp] {
    border-bottom: none;
}

.history-item:hover[b-mo0fhl98jp] {
    background: rgba(255, 255, 255, 0.05);
}

.history-sha[b-mo0fhl98jp] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-sm, 12px);
    background: var(--glass-bg-light, rgba(255, 255, 255, 0.08));
    padding: 2px 8px;
    border-radius: var(--radius-sm, 8px);
    color: var(--color-primary, #e67a2e);
    white-space: nowrap;
    flex-shrink: 0;
}

.history-message[b-mo0fhl98jp] {
    color: var(--text-primary);
    font-size: var(--font-size-md, 14px);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-meta[b-mo0fhl98jp] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.history-author[b-mo0fhl98jp] {
    color: var(--text-secondary);
    font-size: var(--font-size-base, 14px);
}

.history-date[b-mo0fhl98jp] {
    color: var(--text-muted);
    font-size: var(--font-size-sm, 12px);
    white-space: nowrap;
}

.history-empty[b-mo0fhl98jp] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: var(--text-muted);
    font-size: var(--font-size-base);
}
/* /Pages/Investigations/InvestigationsBrowser.razor.rz.scp.css */
.investigations-toolbar[b-jkywnvc68h] {
    margin-bottom: 16px;
}

.investigations-empty[b-jkywnvc68h] {
    /* Uses .glass-surface utility */
    height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
}

.modal-hint[b-jkywnvc68h] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    margin-top: 8px;
    margin-bottom: 0;
}
/* /Pages/Prompts/PromptLibrary.razor.rz.scp.css */
/* ========================================
   Prompt Library Page
   ======================================== */

.prompt-toolbar[b-0am9i5qazr] {
    margin-bottom: 16px;
}

/* ========================================
   Prompt Card Grid
   ======================================== */

.prompt-card[b-0am9i5qazr] {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-md);
    transition: transform 0.2s, border-color 0.2s;
}

.prompt-card:hover[b-0am9i5qazr] {
    transform: translateY(-2px);
    border-color: var(--color-primary);
}

.prompt-card__header[b-0am9i5qazr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.prompt-card__title[b-0am9i5qazr] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.prompt-card__description[b-0am9i5qazr] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    margin-bottom: 8px;
}

.prompt-card__tags[b-0am9i5qazr] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 12px;
}

.prompt-card__footer[b-0am9i5qazr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--glass-border);
}

.prompt-card__usage[b-0am9i5qazr] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.prompt-card__actions[b-0am9i5qazr] {
    display: flex;
    gap: 4px;
}

/* ========================================
   Empty State
   ======================================== */

.prompt-empty[b-0am9i5qazr] {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
}

/* ========================================
   Modal Fields
   ======================================== */

.modal-field[b-0am9i5qazr] {
    margin-bottom: 16px;
}

.modal-label[b-0am9i5qazr] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 6px;
}

.modal-hint[b-0am9i5qazr] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    margin-top: 8px;
    margin-bottom: 0;
}
/* /Pages/Search/SearchPage.razor.rz.scp.css */
.search-page[b-k94kiasufe] {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
}

.search-bar[b-k94kiasufe] {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    padding: 32px 0;
}

.search-filters[b-k94kiasufe] {
    /* Uses .glass-surface utility */
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    margin-bottom: 24px;
    padding: 12px 16px;
    border-radius: var(--radius-md);
}

.search-summary[b-k94kiasufe] {
    margin-bottom: 16px;
    padding: 8px 0;
    color: var(--text-secondary);
}

.search-loading[b-k94kiasufe] {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}

.search-results[b-k94kiasufe] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.search-result[b-k94kiasufe] {
    /* Uses .glass-surface utility */
    padding: 16px;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: transform 0.2s, border-color 0.2s;
}

.search-result:hover[b-k94kiasufe] {
    transform: translateY(-1px);
    border-color: var(--color-primary);
}

.search-result__header[b-k94kiasufe] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.search-result__title[b-k94kiasufe] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    flex: 1;
}

.search-result__path[b-k94kiasufe] {
    font-family: var(--font-mono);
    font-size: 0.8rem;
    color: var(--text-muted);
    margin-bottom: 8px;
}

.search-result__context[b-k94kiasufe] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    line-height: 1.5;
}

.search-highlight[b-k94kiasufe] {
    background: var(--color-primary-strong);
    color: var(--color-primary);
    padding: 1px 3px;
    border-radius: 2px;
    font-weight: 600;
}

.score-bars[b-k94kiasufe] {
    display: flex;
    gap: 2px;
    align-items: flex-end;
}

.score-bar[b-k94kiasufe] {
    display: inline-block;
    width: 4px;
    height: 12px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 1px;
}

.score-bar.active[b-k94kiasufe] {
    background: var(--color-primary);
}

.search-empty[b-k94kiasufe] {
    padding: 48px 0;
    text-align: center;
}

.search-suggestions[b-k94kiasufe] {
    text-align: left;
    display: inline-block;
    margin-top: 16px;
}

.search-suggestions ul[b-k94kiasufe] {
    margin-top: 8px;
    padding-left: 20px;
    color: var(--text-secondary);
}

.search-suggestions li[b-k94kiasufe] {
    padding: 4px 0;
}
/* /Pages/Server/ManagementPage.razor.rz.scp.css */
/* ========================================
   Status Sections
   ======================================== */

.status-section[b-22if72xxfa] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.status-section-title[b-22if72xxfa] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ========================================
   Server Status
   ======================================== */

.server-status[b-22if72xxfa] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.server-label[b-22if72xxfa] {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--text-primary);
}

/* ========================================
   Output Collapse
   ======================================== */

[b-22if72xxfa] .ant-collapse-header {
    color: var(--text-secondary) !important;
    font-size: var(--font-size-base);
}

.output-block[b-22if72xxfa] {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px;
    border-radius: var(--radius-sm);
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 400px;
    overflow-y: auto;
    margin: 0;
}
/* /Pages/Status/ProjectStatus.razor.rz.scp.css */
/* ========================================
   Status Sections
   ======================================== */

.status-section[b-d2wndjvx1z] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.status-section-title[b-d2wndjvx1z] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-section-header[b-d2wndjvx1z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.status-section-header .status-section-title[b-d2wndjvx1z] {
    margin-bottom: 0;
}

.status-section-actions[b-d2wndjvx1z] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.auto-refresh-label[b-d2wndjvx1z] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
}

/* ========================================
   Services Group
   ======================================== */

.services-group-label[b-d2wndjvx1z] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
    margin-top: 4px;
}

.services-group-label:not(:first-child)[b-d2wndjvx1z] {
    margin-top: 20px;
}

/* ========================================
   Git Info (child component: GitInfo.razor)
   ======================================== */

[b-d2wndjvx1z] .git-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-d2wndjvx1z] .git-branch-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-d2wndjvx1z] .git-files-section {
    border-top: 1px solid var(--glass-border);
    padding-top: 12px;
}

[b-d2wndjvx1z] .git-files-header {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    margin-bottom: 8px;
}

[b-d2wndjvx1z] .git-files-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}

[b-d2wndjvx1z] .git-file-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0;
}

[b-d2wndjvx1z] .git-file-status {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    background: var(--glass-bg-light);
    padding: 1px 6px;
    border-radius: 3px;
    color: var(--color-primary);
    min-width: 24px;
    text-align: center;
    flex-shrink: 0;
}

[b-d2wndjvx1z] .git-file-status.untracked {
    color: var(--text-muted);
}

[b-d2wndjvx1z] .git-file-path {
    font-size: var(--font-size-base);
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-d2wndjvx1z] .git-commits-section {
    border-top: 1px solid var(--glass-border);
    padding-top: 12px;
}

[b-d2wndjvx1z] .git-commits-header {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    margin-bottom: 8px;
}

/* ========================================
   Commit List (child components: GitInfo & FeatureCommits)
   ======================================== */

[b-d2wndjvx1z] .commit-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

[b-d2wndjvx1z] .commit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--glass-border);
    flex-wrap: wrap;
}

[b-d2wndjvx1z] .commit-item:last-child {
    border-bottom: none;
}

[b-d2wndjvx1z] .commit-sha {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    color: var(--color-primary);
    white-space: nowrap;
    flex-shrink: 0;
}

[b-d2wndjvx1z] .commit-message {
    color: var(--text-primary);
    font-size: var(--font-size-md);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-d2wndjvx1z] .commit-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

[b-d2wndjvx1z] .commit-author {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
}

[b-d2wndjvx1z] .commit-date {
    color: var(--text-muted);
    font-size: var(--font-size-sm);
    white-space: nowrap;
}

/* ========================================
   Feature Commits (child component: FeatureCommits.razor)
   ======================================== */

[b-d2wndjvx1z] .feature-commits {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-d2wndjvx1z] .feature-select-row {
    margin-bottom: 4px;
}
/* /Pages/Terminal/TerminalPage.razor.rz.scp.css */
.terminal-layout[b-w23dsz6qvn] {
    display: flex;
    height: calc(100vh - 64px);
    margin: -24px;
    gap: 0;
    overflow: hidden;
}

.terminal-sidebar-panel[b-w23dsz6qvn] {
    width: 280px;
    min-width: 280px;
    border-right: 1px solid var(--glass-border);
    overflow-y: auto;
    background: var(--glass-bg);
}

.terminal-content-panel[b-w23dsz6qvn] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.terminal-empty-state[b-w23dsz6qvn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 12px;
    color: var(--text-muted);
}

.terminal-empty-state h3[b-w23dsz6qvn] {
    color: var(--text-secondary);
    margin: 0;
}

.terminal-empty-state p[b-w23dsz6qvn] {
    margin: 0 0 8px;
}

[b-w23dsz6qvn] .empty-icon {
    font-size: 48px;
    opacity: 0.3;
}

.session-tabs[b-w23dsz6qvn] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0 16px;
    background: rgba(255, 255, 255, 0.02);
    flex-shrink: 0;
}

.tab-button[b-w23dsz6qvn] {
    padding: 8px 16px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: rgba(255, 255, 255, 0.5);
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.15s, border-color 0.15s;
}

.tab-button:hover[b-w23dsz6qvn] {
    color: rgba(255, 255, 255, 0.75);
}

.tab-button.active[b-w23dsz6qvn] {
    color: rgba(255, 255, 255, 0.9);
    border-bottom-color: #e67a2e;
}

.tab-badge[b-w23dsz6qvn] {
    background: rgba(230, 122, 46, 0.2);
    color: #e67a2e;
    font-size: 11px;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
}

.session-placeholder[b-w23dsz6qvn] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 8px;
    color: var(--text-muted);
    font-size: var(--font-size-md);
}

.browser-tab-layout[b-w23dsz6qvn] {
    display: flex;
    flex: 1;
    min-height: 0;
    gap: 1px;
    background: var(--glass-border);
}

.browser-tab-viewer[b-w23dsz6qvn] {
    flex: 7;
    min-width: 0;
    background: var(--color-bg-dark);
}

.browser-tab-sidebar[b-w23dsz6qvn] {
    flex: 3;
    min-width: 250px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    background: var(--glass-border);
}

.browser-tab-actions[b-w23dsz6qvn] {
    flex: 1;
    background: var(--color-bg-dark);
    overflow: hidden;
}

.browser-tab-output[b-w23dsz6qvn] {
    flex: 1;
    background: var(--color-bg-dark);
    overflow: hidden;
    border-top: 1px solid var(--glass-border);
}

.browser-live-badge[b-w23dsz6qvn] {
    background: var(--color-success) !important;
    animation: pulse-badge-b-w23dsz6qvn 2s infinite;
}

@keyframes pulse-badge-b-w23dsz6qvn {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

@media (max-width: 1024px) {
    .terminal-sidebar-panel[b-w23dsz6qvn] {
        width: 220px;
        min-width: 220px;
    }
}

@media (max-width: 768px) {
    .terminal-layout[b-w23dsz6qvn] {
        flex-direction: column;
    }

    .terminal-sidebar-panel[b-w23dsz6qvn] {
        width: 100%;
        min-width: 100%;
        max-height: 200px;
        border-right: none;
        border-bottom: 1px solid var(--glass-border);
    }
}
/* /Pages/Tests/TestResultsDashboard.razor.rz.scp.css */
/* ========================================
   Empty State
   ======================================== */

.tests-empty-state[b-bdoz8fd4lk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 64px 24px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
}

[b-bdoz8fd4lk] .tests-empty-state > .anticon {
    font-size: 48px;
    color: var(--text-muted);
}

.tests-empty-title[b-bdoz8fd4lk] {
    font-family: var(--font-display);
    font-size: var(--font-size-xl);
    font-weight: 600;
    color: var(--text-primary);
}

.tests-empty-subtitle[b-bdoz8fd4lk] {
    font-size: var(--font-size-base);
    color: var(--text-muted);
}

/* ========================================
   Summary Cards Row
   ======================================== */

.summary-cards-row[b-bdoz8fd4lk] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.summary-card[b-bdoz8fd4lk] {
    flex: 1;
    min-width: 200px;
    max-width: 300px;
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 16px;
    cursor: pointer;
    transition: background var(--transition-fast, 150ms), border-color var(--transition-fast, 150ms);
    border-top: 3px solid transparent;
}

.summary-card:hover[b-bdoz8fd4lk] {
    background: rgba(255, 255, 255, 0.07);
}

.summary-card-selected[b-bdoz8fd4lk] {
    border-color: var(--color-primary, #e67a2e);
    background: rgba(230, 122, 46, 0.06);
}

.border-pass[b-bdoz8fd4lk] {
    border-top-color: var(--color-success, #52c41a);
}

.border-fail[b-bdoz8fd4lk] {
    border-top-color: var(--color-error, #ff4d4f);
}

.border-none[b-bdoz8fd4lk] {
    border-top-color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.border-running[b-bdoz8fd4lk] {
    border-top-color: var(--color-primary, #e67a2e);
}

.summary-card-header[b-bdoz8fd4lk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.summary-card-name[b-bdoz8fd4lk] {
    font-family: var(--font-display);
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-card-counts[b-bdoz8fd4lk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
    font-size: var(--font-size-xs, 11px);
}

.count-total[b-bdoz8fd4lk] {
    color: var(--text-secondary);
}

.count-passed[b-bdoz8fd4lk] {
    color: var(--color-success, #52c41a);
}

.count-failed[b-bdoz8fd4lk] {
    color: var(--color-error, #ff4d4f);
}

.count-skipped[b-bdoz8fd4lk] {
    color: var(--text-muted);
}

/* ========================================
   Progress Bar
   ======================================== */

.progress-bar[b-bdoz8fd4lk] {
    display: flex;
    height: 4px;
    border-radius: 2px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    margin-bottom: 10px;
}

.progress-passed[b-bdoz8fd4lk] {
    background: var(--color-success, #52c41a);
    transition: width var(--transition-base, 250ms);
}

.progress-failed[b-bdoz8fd4lk] {
    background: var(--color-error, #ff4d4f);
    transition: width var(--transition-base, 250ms);
}

.progress-skipped[b-bdoz8fd4lk] {
    background: var(--text-muted, rgba(255, 255, 255, 0.45));
    transition: width var(--transition-base, 250ms);
}

/* ========================================
   Summary Card Footer
   ======================================== */

.summary-card-footer[b-bdoz8fd4lk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-card-duration[b-bdoz8fd4lk] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    color: var(--text-muted);
}

.summary-card-timestamp[b-bdoz8fd4lk] {
    font-size: var(--font-size-xs, 11px);
    color: var(--text-muted);
}

/* ========================================
   Test Tree Panel
   ======================================== */

.test-tree-panel[b-bdoz8fd4lk] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.test-tree-header[b-bdoz8fd4lk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border-bottom: 1px solid var(--glass-border);
    font-family: var(--font-display);
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--text-primary);
}

[b-bdoz8fd4lk] .test-tree-panel .ant-collapse {
    background: transparent;
    border: none;
}

[b-bdoz8fd4lk] .test-tree-panel .ant-collapse-item {
    border-bottom: 1px solid var(--glass-border);
}

[b-bdoz8fd4lk] .test-tree-panel .ant-collapse-item:last-child {
    border-bottom: none;
}

[b-bdoz8fd4lk] .test-tree-panel .ant-collapse-header {
    color: var(--text-secondary) !important;
    font-size: var(--font-size-md);
    font-weight: 500;
    padding: 10px 16px !important;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
}

[b-bdoz8fd4lk] .test-tree-panel .ant-collapse-content {
    background: transparent;
    border-top: 1px solid var(--glass-border);
}

[b-bdoz8fd4lk] .test-tree-panel .ant-collapse-content-box {
    padding: 4px 0 !important;
}

.test-tree-empty[b-bdoz8fd4lk] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: var(--text-muted);
    font-size: var(--font-size-base);
}

/* ========================================
   Test Method List
   ======================================== */

.test-method-list[b-bdoz8fd4lk] {
    display: flex;
    flex-direction: column;
}

.test-method-item[b-bdoz8fd4lk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    transition: background var(--transition-fast, 150ms);
}

.test-method-item:hover[b-bdoz8fd4lk] {
    background: rgba(255, 255, 255, 0.03);
}

.test-outcome-icon[b-bdoz8fd4lk] {
    font-weight: 700;
    font-size: var(--font-size-md);
    min-width: 18px;
    text-align: center;
    flex-shrink: 0;
}

.outcome-passed[b-bdoz8fd4lk] {
    color: var(--color-success, #52c41a);
}

.outcome-failed[b-bdoz8fd4lk] {
    color: var(--color-error, #ff4d4f);
}

.outcome-skipped[b-bdoz8fd4lk] {
    color: var(--text-muted, rgba(255, 255, 255, 0.45));
}

.test-method-name[b-bdoz8fd4lk] {
    font-size: var(--font-size-sm, 12px);
    color: var(--text-primary);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.test-method-duration[b-bdoz8fd4lk] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    color: var(--text-muted);
    flex-shrink: 0;
}

/* ========================================
   Error / Stack Trace Block
   ======================================== */

.test-error-block[b-bdoz8fd4lk] {
    margin: 4px 16px 12px 44px;
    border-radius: var(--radius-sm, 8px);
    overflow: hidden;
    border: 1px solid rgba(255, 77, 79, 0.2);
}

.test-error-message[b-bdoz8fd4lk] {
    padding: 10px 14px;
    font-size: var(--font-size-sm, 12px);
    color: var(--color-error, #ff4d4f);
    background: rgba(255, 77, 79, 0.06);
    border-bottom: 1px solid rgba(255, 77, 79, 0.15);
}

.test-stack-trace[b-bdoz8fd4lk] {
    margin: 0;
    padding: 12px 14px;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: var(--font-size-xs, 11px);
    line-height: 1.6;
    color: var(--text-secondary);
    background: rgba(0, 0, 0, 0.3);
    overflow-x: auto;
    max-height: 300px;
    overflow-y: auto;
    white-space: pre;
}
/* /Pages/Website/WebsiteCommands.razor.rz.scp.css */
/* ========================================
   Command Card Grid
   ======================================== */

.command-card[b-1ka8vdundv] {
    /* Uses .glass-surface utility */
    background: none;
    border: none;
    text-align: left;
    width: 100%;
    color: inherit;
    font: inherit;
    border-radius: var(--radius-md);
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: transform 0.2s, border-color 0.2s;
}

.command-card:hover[b-1ka8vdundv] {
    transform: translateY(-2px);
    border-color: var(--color-primary);
}

.command-card__name code[b-1ka8vdundv] {
    font-family: var(--font-mono);
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-primary);
    background: var(--color-primary-subtle);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
}

.command-card__description[b-1ka8vdundv] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin: 12px 0;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.command-card__footer[b-1ka8vdundv] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--glass-border);
}

.command-card__origin[b-1ka8vdundv] {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* ========================================
   Detail View
   ======================================== */

.detail-header[b-1ka8vdundv] {
    margin-bottom: 16px;
}

.dashboard-section[b-1ka8vdundv] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.dashboard-section-title[b-1ka8vdundv] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
}

.meta-row[b-1ka8vdundv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 8px;
}

.meta-label[b-1ka8vdundv] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    min-width: 100px;
    flex-shrink: 0;
}

.meta-value[b-1ka8vdundv] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
}

.meta-code[b-1ka8vdundv] {
    font-family: var(--font-mono);
    font-size: var(--font-size-base);
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    color: var(--text-primary);
}

/* ========================================
   Content Viewer Toggle
   ======================================== */

.viewer-toggle[b-1ka8vdundv] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

/* ========================================
   Raw content
   ======================================== */

.raw-content[b-1ka8vdundv] {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px;
    border-radius: var(--radius-sm);
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
}

/* Markdown styles inherited from devdashboard.css .markdown-body */
/* /Pages/Website/WebsiteContent.razor.rz.scp.css */
/* ========================================
   Sidebar
   ======================================== */

.content-sidebar[b-48bh8lrh2q] {
    height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 8px;
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.collection-item[b-48bh8lrh2q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--text-secondary);
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.collection-item:hover[b-48bh8lrh2q] {
    background: rgba(255, 255, 255, 0.04);
    color: var(--text-primary);
}

.collection-item.active[b-48bh8lrh2q] {
    background: var(--color-primary-soft);
    color: var(--text-primary);
}

.collection-name[b-48bh8lrh2q] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========================================
   Main content area
   ======================================== */

.content-main[b-48bh8lrh2q] {
    height: calc(100vh - 120px);
    overflow-y: auto;
    border-radius: var(--radius-md);
    padding: 24px;
}

/* ========================================
   Entry detail view
   ======================================== */

.content-detail-header[b-48bh8lrh2q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.content-detail-locales[b-48bh8lrh2q] {
    display: flex;
    gap: 4px;
}

.content-detail-meta[b-48bh8lrh2q] {
    margin-bottom: 8px;
}

.content-detail-title[b-48bh8lrh2q] {
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 8px;
}

.content-detail-description[b-48bh8lrh2q] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin: 0 0 8px;
}

.content-detail-date[b-48bh8lrh2q] {
    font-size: 12px;
    color: var(--text-muted);
}

/* ========================================
   Back button
   ======================================== */

[b-48bh8lrh2q] .back-button {
    color: var(--text-secondary);
    padding-left: 0;
}

[b-48bh8lrh2q] .back-button:hover {
    color: var(--color-primary);
}

/* ========================================
   Search and filter bar
   ======================================== */

.search-filter-bar[b-48bh8lrh2q] {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.search-row[b-48bh8lrh2q] {
    width: 100%;
}

[b-48bh8lrh2q] .search-input {
    width: 100%;
}

.filter-row[b-48bh8lrh2q] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

[b-48bh8lrh2q] .filter-select {
    min-width: 140px;
}

[b-48bh8lrh2q] .sort-select {
    min-width: 160px;
    margin-left: auto;
}

.locale-filter-group[b-48bh8lrh2q] {
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-48bh8lrh2q] .locale-toggle {
    font-size: 12px;
    padding: 0 8px;
}

[b-48bh8lrh2q] .clear-filters-btn {
    color: var(--text-muted);
    font-size: 12px;
}

[b-48bh8lrh2q] .clear-filters-btn:hover {
    color: var(--color-primary);
}

.results-summary[b-48bh8lrh2q] {
    font-size: 12px;
    color: var(--text-muted);
    padding-left: 2px;
}

/* ========================================
   Table overrides
   ======================================== */

[b-48bh8lrh2q] .content-table .ant-table-row {
    cursor: pointer;
}

[b-48bh8lrh2q] .content-table .ant-table-row:hover td {
    background: rgba(255, 255, 255, 0.04) !important;
}

[b-48bh8lrh2q] .content-table code {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 12px;
    color: var(--color-primary);
    background: rgba(255, 255, 255, 0.08);
    padding: 2px 6px;
    border-radius: 4px;
}

/* Markdown styles inherited from devdashboard.css .markdown-body */
/* /Pages/Website/WebsiteStatusPage.razor.rz.scp.css */
/* ========================================
   Status Sections
   ======================================== */

.status-section[b-6mvuhlmv5t] {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    padding: 24px;
    margin-bottom: 24px;
}

.status-section-title[b-6mvuhlmv5t] {
    font-family: var(--font-display);
    color: var(--text-primary);
    font-size: var(--font-size-xl);
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ========================================
   Dev Server
   ======================================== */

.server-status[b-6mvuhlmv5t] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.server-label[b-6mvuhlmv5t] {
    font-size: var(--font-size-md);
    font-weight: 500;
    color: var(--text-primary);
}

.server-port[b-6mvuhlmv5t] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    color: var(--text-muted);
    margin-left: auto;
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
}

.server-url[b-6mvuhlmv5t] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    color: var(--color-primary);
    margin-left: auto;
    background: var(--glass-bg-light);
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: color 0.2s ease;
}

.server-url:hover[b-6mvuhlmv5t] {
    color: var(--color-primary-hover, #f0944a);
    text-decoration: underline;
}

/* ========================================
   Section Count Tag
   ======================================== */

.section-count-tag[b-6mvuhlmv5t] {
    font-weight: 400;
    font-size: var(--font-size-sm);
}

/* ========================================
   Action Row (Build / TypeScript)
   ======================================== */

.action-row[b-6mvuhlmv5t] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.timestamp[b-6mvuhlmv5t] {
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

/* ========================================
   Output Collapse
   ======================================== */

.output-collapse[b-6mvuhlmv5t] {
    margin-top: 8px;
}

[b-6mvuhlmv5t] .output-collapse .ant-collapse-header {
    color: var(--text-secondary) !important;
    font-size: var(--font-size-base);
}

.output-block[b-6mvuhlmv5t] {
    background: rgba(0, 0, 0, 0.3);
    padding: 16px;
    border-radius: var(--radius-sm);
    overflow-x: auto;
    font-family: var(--font-mono);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    color: var(--text-primary);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 400px;
    overflow-y: auto;
    margin: 0;
}

/* ========================================
   Dependencies
   ======================================== */

.scripts-label[b-6mvuhlmv5t] {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.scripts-list[b-6mvuhlmv5t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ========================================
   Configuration
   ======================================== */

.config-grid[b-6mvuhlmv5t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.config-item[b-6mvuhlmv5t] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    background: var(--glass-bg-light);
    border-radius: var(--radius-sm);
}

.config-label[b-6mvuhlmv5t] {
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.config-value[b-6mvuhlmv5t] {
    color: var(--text-primary);
    font-size: var(--font-size-md);
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}