/* /Components/Pages/Admin/AgentConfig.razor.rz.scp.css */
/* Prom Agent Configuration Page */
.prom-agent-page[b-ge7o6x7eh7] {
    --qsa-background: #F7F5F0;
    --qsa-surface: #FFFFFF;
    --qsa-text: #1C1A17;
    --qsa-text-secondary: #9A9A98;
    --qsa-primary: #4A6B82;
    --qsa-primary-light: #6A8BA2;
    --qsa-border: #e8e6e1;
    --qsa-gold: #D4AF37;
    --qsa-success: #28a745;
    --qsa-error: #dc3545;
    --qsa-warning: #ffc107;

    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.page-header h1[b-ge7o6x7eh7] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin: 0 0 0.25rem 0;
}

.page-header .subtitle[b-ge7o6x7eh7] {
    font-size: 0.9rem;
    color: var(--qsa-text-secondary);
    margin: 0;
}

/* Status Card */
.status-card[b-ge7o6x7eh7] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1rem 1.25rem;
}

.status-card.connected[b-ge7o6x7eh7] {
    border-left: 4px solid var(--qsa-success);
}

.status-card.disconnected[b-ge7o6x7eh7] {
    border-left: 4px solid var(--qsa-error);
}

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

.status-header h2[b-ge7o6x7eh7] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin: 0;
}

.refresh-btn[b-ge7o6x7eh7] {
    width: 32px;
    height: 32px;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    background: var(--qsa-surface);
    color: var(--qsa-text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.refresh-btn:hover:not(:disabled)[b-ge7o6x7eh7] {
    background: var(--qsa-background);
    color: var(--qsa-primary);
    border-color: var(--qsa-primary);
}

.refresh-btn:disabled[b-ge7o6x7eh7] {
    opacity: 0.5;
    cursor: not-allowed;
}

.spinning[b-ge7o6x7eh7] {
    animation: spin-b-ge7o6x7eh7 1s linear infinite;
}

@keyframes spin-b-ge7o6x7eh7 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.status-grid[b-ge7o6x7eh7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.status-item[b-ge7o6x7eh7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-item .label[b-ge7o6x7eh7] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--qsa-text-secondary);
    font-weight: 500;
}

.status-item .value[b-ge7o6x7eh7] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--qsa-text);
    font-family: monospace;
}

.status-item .value.status-ok[b-ge7o6x7eh7] {
    color: var(--qsa-success);
}

.status-error[b-ge7o6x7eh7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--qsa-error);
    font-size: 0.9rem;
}

/* Tabs */
.config-tabs[b-ge7o6x7eh7] {
    display: flex;
    gap: 0.25rem;
    border-bottom: 1px solid var(--qsa-border);
    padding-bottom: 0;
}

.tab[b-ge7o6x7eh7] {
    padding: 0.75rem 1.25rem;
    border: none;
    background: transparent;
    color: var(--qsa-text-secondary);
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: all 0.15s ease;
}

.tab:hover[b-ge7o6x7eh7] {
    color: var(--qsa-text);
}

.tab.active[b-ge7o6x7eh7] {
    color: var(--qsa-primary);
    border-bottom-color: var(--qsa-primary);
}

/* Tab Content */
.tab-content[b-ge7o6x7eh7] {
    background: var(--qsa-surface);
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--qsa-border);
    border-top: none;
    padding: 1.25rem;
    min-height: 400px;
}

/* Editor Styles */
.editor-header[b-ge7o6x7eh7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.editor-header h3[b-ge7o6x7eh7] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin: 0;
}

.editor-actions[b-ge7o6x7eh7] {
    display: flex;
    gap: 0.5rem;
}

.btn[b-ge7o6x7eh7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid transparent;
}

.btn.primary[b-ge7o6x7eh7] {
    background: var(--qsa-primary);
    color: white;
    border-color: var(--qsa-primary);
}

.btn.primary:hover:not(:disabled)[b-ge7o6x7eh7] {
    background: var(--qsa-primary-light);
}

.btn.secondary[b-ge7o6x7eh7] {
    background: var(--qsa-surface);
    color: var(--qsa-text);
    border-color: var(--qsa-border);
}

.btn.secondary:hover:not(:disabled)[b-ge7o6x7eh7] {
    background: var(--qsa-background);
    border-color: var(--qsa-text-secondary);
}

.btn.warning[b-ge7o6x7eh7] {
    background: var(--qsa-warning);
    color: var(--qsa-text);
    border-color: var(--qsa-warning);
}

.btn.warning:hover:not(:disabled)[b-ge7o6x7eh7] {
    filter: brightness(1.1);
}

.btn:disabled[b-ge7o6x7eh7] {
    opacity: 0.6;
    cursor: not-allowed;
}

.message[b-ge7o6x7eh7] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.message.success[b-ge7o6x7eh7] {
    background: rgba(40, 167, 69, 0.1);
    color: var(--qsa-success);
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.message.error[b-ge7o6x7eh7] {
    background: rgba(220, 53, 69, 0.1);
    color: var(--qsa-error);
    border: 1px solid rgba(220, 53, 69, 0.3);
}

.message.info[b-ge7o6x7eh7] {
    background: rgba(74, 107, 130, 0.1);
    color: var(--qsa-primary);
    border: 1px solid rgba(74, 107, 130, 0.3);
}

/* Prompt Editor */
.prompt-textarea[b-ge7o6x7eh7],
.mcp-textarea[b-ge7o6x7eh7] {
    width: 100%;
    min-height: 350px;
    padding: 1rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.85rem;
    line-height: 1.5;
    resize: vertical;
    background: var(--qsa-background);
    color: var(--qsa-text);
}

.prompt-textarea:focus[b-ge7o6x7eh7],
.mcp-textarea:focus[b-ge7o6x7eh7] {
    outline: none;
    border-color: var(--qsa-primary);
    box-shadow: 0 0 0 2px rgba(74, 107, 130, 0.1);
}

.max-tokens-setting[b-ge7o6x7eh7] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--qsa-border);
}

.max-tokens-setting label[b-ge7o6x7eh7] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--qsa-text);
}

.max-tokens-setting input[type="range"][b-ge7o6x7eh7] {
    width: 100%;
    cursor: pointer;
}

.range-labels[b-ge7o6x7eh7] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.editor-footer[b-ge7o6x7eh7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
}

.char-count[b-ge7o6x7eh7] {
    font-family: monospace;
}

.help-text[b-ge7o6x7eh7] {
    color: var(--qsa-text-secondary);
    font-size: 0.8rem;
}

.help-text code[b-ge7o6x7eh7] {
    background: var(--qsa-background);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.75rem;
}

/* MCP Templates */
.mcp-templates[b-ge7o6x7eh7] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--qsa-border);
}

.mcp-templates h4[b-ge7o6x7eh7] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text-secondary);
    margin: 0 0 0.75rem 0;
}

.template-buttons[b-ge7o6x7eh7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.template-btn[b-ge7o6x7eh7] {
    padding: 0.4rem 0.75rem;
    border: 1px dashed var(--qsa-border);
    border-radius: 6px;
    background: transparent;
    color: var(--qsa-text-secondary);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

.template-btn:hover[b-ge7o6x7eh7] {
    border-color: var(--qsa-primary);
    color: var(--qsa-primary);
    background: rgba(74, 107, 130, 0.05);
}

/* System Prompt */
.system-prompt-display[b-ge7o6x7eh7] {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    overflow-x: auto;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    padding: 1rem;
    font-size: 0.8rem;
    line-height: 1.5;
    max-height: 600px;
    overflow-y: auto;
}

.system-prompt-editor[b-ge7o6x7eh7] {
    width: 100%;
    min-height: 400px;
    padding: 1rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 0.8rem;
    line-height: 1.5;
    background: var(--qsa-background);
    color: var(--qsa-text);
    resize: vertical;
    outline: none;
    transition: border-color 0.15s;
}

.system-prompt-editor:focus[b-ge7o6x7eh7] {
    border-color: var(--qsa-primary);
}

/* Tools Viewer */
.tool-search[b-ge7o6x7eh7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.tool-search input[b-ge7o6x7eh7] {
    flex: 1;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    font-size: 0.875rem;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    outline: none;
    transition: border-color 0.15s;
}

.tool-search input:focus[b-ge7o6x7eh7] {
    border-color: var(--qsa-primary);
}

.tool-search .tool-count[b-ge7o6x7eh7] {
    font-size: 0.8rem;
    color: var(--qsa-text-secondary);
    white-space: nowrap;
}

.tools-list[b-ge7o6x7eh7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.tool-card[b-ge7o6x7eh7] {
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    padding: 0.75rem 1rem;
}

.tool-header[b-ge7o6x7eh7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.25rem;
}

.tool-name[b-ge7o6x7eh7] {
    font-weight: 600;
    font-family: monospace;
    color: var(--qsa-text);
}

.tool-server[b-ge7o6x7eh7] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    background: var(--qsa-primary);
    color: white;
    border-radius: 10px;
}

.tool-description[b-ge7o6x7eh7] {
    font-size: 0.85rem;
    color: var(--qsa-text-secondary);
    margin-bottom: 0.5rem;
}

.tool-params[b-ge7o6x7eh7] {
    margin-top: 0.5rem;
}

.tool-params summary[b-ge7o6x7eh7] {
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
    cursor: pointer;
}

.tool-params pre[b-ge7o6x7eh7] {
    margin: 0.5rem 0 0 0;
    padding: 0.75rem;
    background: var(--qsa-surface);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    font-size: 0.75rem;
    overflow-x: auto;
}

/* Backups Table */
.backups-table[b-ge7o6x7eh7] {
    width: 100%;
    border-collapse: collapse;
}

.backups-table th[b-ge7o6x7eh7],
.backups-table td[b-ge7o6x7eh7] {
    padding: 0.75rem;
    text-align: left;
    border-bottom: 1px solid var(--qsa-border);
}

.backups-table th[b-ge7o6x7eh7] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--qsa-text-secondary);
    font-weight: 600;
    background: var(--qsa-background);
}

.backups-table td[b-ge7o6x7eh7] {
    font-size: 0.85rem;
    color: var(--qsa-text);
}

.backups-table .filename[b-ge7o6x7eh7] {
    font-family: monospace;
    font-size: 0.8rem;
}

.backup-type[b-ge7o6x7eh7] {
    font-size: 0.7rem;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-weight: 500;
}

.backup-type.system-prompt[b-ge7o6x7eh7] {
    background: rgba(74, 107, 130, 0.1);
    color: var(--qsa-primary);
}

.backup-type.mcp-servers[b-ge7o6x7eh7] {
    background: rgba(212, 175, 55, 0.1);
    color: var(--qsa-gold);
}

.backups-table tr.viewing[b-ge7o6x7eh7] {
    background: rgba(74, 107, 130, 0.08);
}

.backup-content-viewer[b-ge7o6x7eh7] {
    margin-top: 1rem;
    border: 1px solid var(--qsa-border);
    border-radius: 8px;
    overflow: hidden;
}

.backup-content-header[b-ge7o6x7eh7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--qsa-surface);
    border-bottom: 1px solid var(--qsa-border);
}

.backup-content-header h4[b-ge7o6x7eh7] {
    margin: 0;
    font-family: monospace;
    font-size: 0.85rem;
    font-weight: 600;
}

.backup-loading[b-ge7o6x7eh7] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

.backup-content[b-ge7o6x7eh7] {
    margin: 0;
    padding: 1rem;
    font-family: monospace;
    font-size: 0.8rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    max-height: 500px;
    overflow-y: auto;
    background: var(--qsa-background);
    color: var(--qsa-text);
}

/* Instance Config */
.config-fields[b-ge7o6x7eh7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.config-field[b-ge7o6x7eh7] {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--qsa-border);
}

.config-field:last-child[b-ge7o6x7eh7] {
    border-bottom: none;
    padding-bottom: 0;
}

.config-field label[b-ge7o6x7eh7] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: var(--qsa-text);
}

.config-field input[type="number"][b-ge7o6x7eh7] {
    width: 200px;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    background: var(--qsa-input-bg, #fff);
    color: var(--qsa-text);
    font-size: 0.9rem;
    font-family: monospace;
}

/* Empty State */
.empty-state[b-ge7o6x7eh7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: var(--qsa-text-secondary);
    text-align: center;
}

.empty-state .e-icons[b-ge7o6x7eh7] {
    font-size: 2rem;
    margin-bottom: 0.75rem;
    opacity: 0.5;
}

.empty-state p[b-ge7o6x7eh7] {
    margin: 0;
    font-size: 0.9rem;
}

/* Global Actions */
.global-actions[b-ge7o6x7eh7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
}

/* Responsive */
@media (max-width: 768px) {
    .prom-agent-page[b-ge7o6x7eh7] {
        padding: 1rem;
    }

    .status-grid[b-ge7o6x7eh7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .config-tabs[b-ge7o6x7eh7] {
        flex-wrap: wrap;
    }

    .tab[b-ge7o6x7eh7] {
        flex: 1;
        text-align: center;
        padding: 0.5rem 0.75rem;
    }

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

    .global-actions[b-ge7o6x7eh7] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Admin/AgentConnections.razor.rz.scp.css */
/* ── Server Rack ──────────────────────────────────────────────── */
.server-rack[b-8z7n4upbzk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.server-section[b-8z7n4upbzk] {
    background: #FFFFFF;
    border: 1px solid #e8e6e1;
    border-radius: 8px;
    overflow: hidden;
}

.server-header[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: #F7F5F0;
    border-bottom: 1px solid #e8e6e1;
}

.server-header h2[b-8z7n4upbzk] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1C1A17;
}

.server-hardware[b-8z7n4upbzk] {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    background: #4A6B82;
    color: white;
    border-radius: 10px;
}

.server-ports[b-8z7n4upbzk] {
    font-size: 0.75rem;
    color: #9A9A98;
    font-family: monospace;
}

.server-usage[b-8z7n4upbzk] {
    margin-left: auto;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4A6B82;
}

.slot-grid[b-8z7n4upbzk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 6px;
    padding: 0.75rem;
}

.slot[b-8z7n4upbzk] {
    border-radius: 6px;
    padding: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 2px;
}

.slot.provisioned[b-8z7n4upbzk] {
    background: rgba(74, 107, 130, 0.08);
    border: 1px solid rgba(74, 107, 130, 0.25);
}

.slot.provisioned:hover[b-8z7n4upbzk] {
    border-color: #4A6B82;
    background: rgba(74, 107, 130, 0.14);
}

.slot.provisioned.disabled[b-8z7n4upbzk] {
    opacity: 0.5;
}

.slot.empty[b-8z7n4upbzk] {
    background: #FAFAF9;
    border: 1px dashed #e8e6e1;
}

.slot.empty:hover[b-8z7n4upbzk] {
    border-color: #4A6B82;
    border-style: solid;
    background: rgba(74, 107, 130, 0.04);
}

.slot-port[b-8z7n4upbzk] {
    font-size: 0.7rem;
    font-family: monospace;
    font-weight: 600;
    color: #9A9A98;
}

.slot-name[b-8z7n4upbzk] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #1C1A17;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.slot-identity[b-8z7n4upbzk] {
    font-size: 0.65rem;
    color: #4A6B82;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.slot-status[b-8z7n4upbzk] {
    margin-top: 2px;
}

.slot-empty-label[b-8z7n4upbzk] {
    font-size: 0.7rem;
    color: #ccc;
    font-style: italic;
}

.slot.provisioned.selected[b-8z7n4upbzk] {
    border-color: #4A6B82;
    background: rgba(74, 107, 130, 0.18);
    box-shadow: 0 0 0 2px rgba(74, 107, 130, 0.3);
}

/* ── Slot Detail Popup ───────────────────────────────────────── */
.popup-overlay[b-8z7n4upbzk] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.popup-detail[b-8z7n4upbzk] {
    background: #FFFFFF;
    border: 1px solid #e8e6e1;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    width: 520px;
    max-width: 90vw;
    max-height: 80vh;
    overflow-y: auto;
}

.detail-header[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: #F7F5F0;
    border-bottom: 1px solid #e8e6e1;
    gap: 0.75rem;
}

.detail-title[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.detail-title h3[b-8z7n4upbzk] {
    margin: 0;
    font-size: 1rem;
    white-space: nowrap;
}

.detail-url[b-8z7n4upbzk] {
    font-size: 0.75rem;
    font-family: monospace;
    color: #9A9A98;
}

.close-btn[b-8z7n4upbzk] {
    background: none;
    border: none;
    cursor: pointer;
    color: #9A9A98;
    font-size: 1rem;
    padding: 0.25rem;
}
.close-btn:hover[b-8z7n4upbzk] { color: #1C1A17; }

.detail-body[b-8z7n4upbzk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem 1.5rem;
    padding: 1rem;
}

.detail-field[b-8z7n4upbzk] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.detail-field .field-label[b-8z7n4upbzk] {
    font-size: 0.7rem;
    color: #9A9A98;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.detail-field .field-value[b-8z7n4upbzk] {
    font-size: 0.85rem;
    color: #1C1A17;
}

.detail-actions[b-8z7n4upbzk] {
    display: flex;
    gap: 0.4rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid #e8e6e1;
    background: #FAFAF9;
    flex-wrap: wrap;
}

.btn.tiny[b-8z7n4upbzk] {
    font-size: 0.65rem;
    padding: 0.1rem 0.4rem;
    border: 1px solid #e8e6e1;
    border-radius: 4px;
    background: none;
    cursor: pointer;
    color: #4A6B82;
}

.btn.tiny:hover[b-8z7n4upbzk] {
    background: rgba(74, 107, 130, 0.08);
}

/* ── Main Page ───────────────────────────────────────────────── */
.agent-connections-page[b-8z7n4upbzk] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.page-header h1[b-8z7n4upbzk] {
    font-size: 1.5rem;
    color: var(--qsa-text);
    margin: 0;
}

.page-header .subtitle[b-8z7n4upbzk] {
    color: var(--qsa-silver);
    margin: 0;
    flex: 1;
}

.alert[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.alert.success[b-8z7n4upbzk] {
    background: rgba(46, 160, 67, 0.1);
    color: #2ea043;
    border: 1px solid rgba(46, 160, 67, 0.2);
}

.alert.error[b-8z7n4upbzk] {
    background: rgba(248, 81, 73, 0.1);
    color: #f85149;
    border: 1px solid rgba(248, 81, 73, 0.2);
}

.alert.info[b-8z7n4upbzk] {
    background: rgba(88, 166, 255, 0.1);
    color: #58a6ff;
    border: 1px solid rgba(88, 166, 255, 0.2);
}

.dismiss-btn[b-8z7n4upbzk] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    color: inherit;
    opacity: 0.7;
}

.dismiss-btn:hover[b-8z7n4upbzk] {
    opacity: 1;
}

/* Connection Cards Grid */
.connections-grid[b-8z7n4upbzk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

.connection-card[b-8z7n4upbzk] {
    background: var(--qsa-surface, #fff);
    border: 1px solid var(--qsa-border, #e0e0e0);
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.connection-card:hover[b-8z7n4upbzk] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.connection-card.disabled[b-8z7n4upbzk] {
    opacity: 0.6;
}

.card-header[b-8z7n4upbzk] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--qsa-border, #e0e0e0);
}

.card-title-row[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.card-title-row h3[b-8z7n4upbzk] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--qsa-text);
    flex: 1;
}

.card-icon[b-8z7n4upbzk] {
    font-size: 1.2rem;
    color: var(--qsa-primary);
}

.sort-badge[b-8z7n4upbzk] {
    font-size: 0.75rem;
    background: var(--qsa-cream, #f5f5f5);
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    color: var(--qsa-silver);
}

.card-status[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--qsa-silver);
}

.status-dot[b-8z7n4upbzk] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.status-dot.healthy[b-8z7n4upbzk] {
    background: #2ea043;
}

.status-dot.error[b-8z7n4upbzk] {
    background: #f85149;
}

.status-dot.unknown[b-8z7n4upbzk] {
    background: #8b949e;
}

.status-dot.large[b-8z7n4upbzk] {
    width: 12px;
    height: 12px;
}

.card-body[b-8z7n4upbzk] {
    padding: 1rem 1.25rem;
}

.card-field[b-8z7n4upbzk] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
    font-size: 0.85rem;
}

.field-label[b-8z7n4upbzk] {
    color: var(--qsa-silver);
    min-width: 70px;
    flex-shrink: 0;
}

.field-value[b-8z7n4upbzk] {
    color: var(--qsa-text);
    word-break: break-all;
}

.field-value.url[b-8z7n4upbzk] {
    font-family: monospace;
    font-size: 0.8rem;
}

.card-actions[b-8z7n4upbzk] {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid var(--qsa-border, #e0e0e0);
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Buttons */
.btn[b-8z7n4upbzk] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.15s;
}

.btn.primary[b-8z7n4upbzk] {
    background: var(--qsa-primary, #0366d6);
    color: #fff;
}

.btn.primary:hover[b-8z7n4upbzk] {
    opacity: 0.9;
}

.btn.secondary[b-8z7n4upbzk] {
    background: var(--qsa-cream, #f5f5f5);
    color: var(--qsa-text);
}

.btn.secondary:hover[b-8z7n4upbzk] {
    background: var(--qsa-border, #e0e0e0);
}

.btn.small[b-8z7n4upbzk] {
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    background: var(--qsa-cream, #f5f5f5);
    color: var(--qsa-text);
}

.btn.small:hover[b-8z7n4upbzk] {
    background: var(--qsa-border, #e0e0e0);
}

.btn.danger[b-8z7n4upbzk] {
    color: #f85149;
}

.btn.danger:hover[b-8z7n4upbzk] {
    background: rgba(248, 81, 73, 0.1);
}

.btn:disabled[b-8z7n4upbzk] {
    opacity: 0.5;
    cursor: not-allowed;
}

.spinning[b-8z7n4upbzk] {
    animation: spin-b-8z7n4upbzk 1s linear infinite;
}

@keyframes spin-b-8z7n4upbzk {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Empty State */
.empty-state[b-8z7n4upbzk] {
    text-align: center;
    padding: 3rem;
    color: var(--qsa-silver);
}

/* Modal — z-index must exceed Syncfusion overlays (typically 999+) */
.modal-overlay[b-8z7n4upbzk] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.modal-content[b-8z7n4upbzk] {
    background: var(--qsa-surface, #fff);
    border-radius: 12px;
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 100001;
}

.modal-content.small[b-8z7n4upbzk] {
    max-width: 450px;
}

.modal-header[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--qsa-border, #e0e0e0);
}

.modal-header h2[b-8z7n4upbzk] {
    margin: 0;
    font-size: 1.2rem;
}

.close-btn[b-8z7n4upbzk] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--qsa-silver);
    font-size: 1.1rem;
}

.modal-body[b-8z7n4upbzk] {
    padding: 1.5rem;
}

.modal-footer[b-8z7n4upbzk] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--qsa-border, #e0e0e0);
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Form */
.form-group[b-8z7n4upbzk] {
    margin-bottom: 1.25rem;
}

.form-group label[b-8z7n4upbzk] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.35rem;
    color: var(--qsa-text);
}

.form-group select[b-8z7n4upbzk],
.form-group input[type="text"][b-8z7n4upbzk],
.form-group input[type="number"][b-8z7n4upbzk],
.form-group textarea[b-8z7n4upbzk] {
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--qsa-border, #e0e0e0);
    border-radius: 6px;
    font-size: 0.9rem;
    font-family: inherit;
    background: var(--qsa-surface, #fff);
    color: var(--qsa-text);
    box-sizing: border-box;
}

.form-group select:focus[b-8z7n4upbzk],
.form-group input:focus[b-8z7n4upbzk],
.form-group textarea:focus[b-8z7n4upbzk] {
    outline: none;
    border-color: var(--qsa-primary, #0366d6);
}

.form-group small[b-8z7n4upbzk] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
}

.form-row[b-8z7n4upbzk] {
    display: flex;
    gap: 1rem;
}

.form-group.half[b-8z7n4upbzk] {
    flex: 1;
}

.checkbox-label[b-8z7n4upbzk] {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

/* Test Result */
.test-result[b-8z7n4upbzk] {
    padding: 1rem;
    border-radius: 8px;
}

.test-result.success[b-8z7n4upbzk] {
    background: rgba(46, 160, 67, 0.05);
}

.test-result.failure[b-8z7n4upbzk] {
    background: rgba(248, 81, 73, 0.05);
}

.test-status[b-8z7n4upbzk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.test-field[b-8z7n4upbzk] {
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
}
/* /Components/Pages/Admin/Chat.razor.rz.scp.css */
.chat-page[b-oljbodwe2z] {
    display: flex;
    height: calc(100vh - 120px);
    gap: 0;
    background: var(--qsa-background);
    overflow: hidden;
    /* Negate the parent padding so the chat fills the full area */
    margin: calc(-1 * var(--qsa-spacing-xl, 1.5rem));
}

/* Agent Nav */
.agent-nav[b-oljbodwe2z] {
    width: 180px;
    min-width: 180px;
    background: linear-gradient(135deg, var(--qsa-warm-black) 0%, #2a2825 100%);
    display: flex;
    flex-direction: column;
    transition: width 0.2s ease, min-width 0.2s ease;
}

.agent-nav.collapsed[b-oljbodwe2z] {
    width: 48px;
    min-width: 48px;
}

.agent-nav-list[b-oljbodwe2z] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.agent-nav-footer[b-oljbodwe2z] {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 0.25rem 0;
}

.agent-nav-item[b-oljbodwe2z] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.75rem;
    color: var(--qsa-silver);
    text-decoration: none;
    transition: color 0.15s, background 0.15s;
    border-left: 3px solid transparent;
    white-space: nowrap;
    overflow: hidden;
}

.agent-nav.collapsed .agent-nav-item[b-oljbodwe2z] {
    justify-content: center;
    padding: 0.6rem 0;
}

.agent-nav-item:hover[b-oljbodwe2z] {
    color: var(--qsa-cream);
    background: rgba(255,255,255,0.05);
}

.agent-nav-item.active[b-oljbodwe2z] {
    color: var(--qsa-cream);
    background: rgba(255,255,255,0.08);
    border-left-color: var(--qsa-primary);
}

.agent-nav-item .e-icons[b-oljbodwe2z] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.agent-nav-label[b-oljbodwe2z] {
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agent-nav-toggle[b-oljbodwe2z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.5rem;
    background: transparent;
    border: none;
    color: var(--qsa-silver);
    cursor: pointer;
    transition: color 0.15s;
}

.agent-nav-toggle:hover[b-oljbodwe2z] {
    color: var(--qsa-cream);
}

/* Left Sidebar */
.chat-sidebar[b-oljbodwe2z] {
    width: 280px;
    background: var(--qsa-surface);
    border-right: 1px solid var(--qsa-border);
    display: flex;
    flex-direction: column;
}

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

.sidebar-header h3[b-oljbodwe2z] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.new-chat-btn[b-oljbodwe2z] {
    background: var(--qsa-primary);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.5rem;
    cursor: pointer;
    transition: background 0.15s;
}

.new-chat-btn:hover:not(:disabled)[b-oljbodwe2z] {
    filter: brightness(0.85);
}

.new-chat-btn:disabled[b-oljbodwe2z] {
    opacity: 0.5;
    cursor: not-allowed;
}

.no-connection-warning[b-oljbodwe2z] {
    padding: 1rem;
    text-align: center;
    color: var(--qsa-silver);
}

.no-connection-warning .e-icons[b-oljbodwe2z] {
    font-size: 2rem;
    color: #f59e0b;
    margin-bottom: 0.5rem;
}

.no-connection-warning p[b-oljbodwe2z] {
    margin: 0.5rem 0;
    font-size: 0.85rem;
}

.no-connection-warning a[b-oljbodwe2z] {
    color: var(--qsa-primary);
    font-size: 0.85rem;
}

/* Sidebar Tabs */
.sidebar-tabs[b-oljbodwe2z] {
    display: flex;
    border-bottom: 1px solid var(--qsa-border);
}

.sidebar-tab[b-oljbodwe2z] {
    flex: 1;
    padding: 0.5rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-size: 0.8rem;
    color: var(--qsa-silver);
    transition: all 0.15s;
}

.sidebar-tab:hover[b-oljbodwe2z] {
    color: var(--qsa-text);
    background: var(--qsa-cream);
}

.sidebar-tab.active[b-oljbodwe2z] {
    color: var(--qsa-primary);
    border-bottom-color: var(--qsa-primary);
    font-weight: 500;
}

.conversation-list[b-oljbodwe2z] {
    flex: 1;
    overflow-y: auto;
}

.empty-list[b-oljbodwe2z] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.conversation-item[b-oljbodwe2z] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--qsa-border);
    cursor: pointer;
    position: relative;
    transition: background 0.15s;
}

.conversation-item.archived[b-oljbodwe2z] {
    opacity: 0.7;
}

.conversation-item:hover[b-oljbodwe2z] {
    background: var(--qsa-cream);
}

.conversation-item.active[b-oljbodwe2z] {
    background: var(--qsa-cream);
    border-left: 3px solid var(--qsa-primary);
}

.conv-title[b-oljbodwe2z] {
    font-size: 0.9rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 3.5rem;
}

.conv-date[b-oljbodwe2z] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.conv-actions[b-oljbodwe2z] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 0.25rem;
    opacity: 0.5;
    transition: opacity 0.15s;
}

.conversation-item:hover .conv-actions[b-oljbodwe2z] {
    opacity: 1;
}

.archive-conv-btn[b-oljbodwe2z],
.restore-conv-btn[b-oljbodwe2z],
.delete-conv-btn[b-oljbodwe2z] {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    transition: transform 0.15s;
    font-size: 0.9rem;
    line-height: 1;
}

.archive-conv-btn:hover[b-oljbodwe2z] {
    transform: scale(1.2);
}

.restore-conv-btn:hover[b-oljbodwe2z] {
    transform: scale(1.2);
    color: #22c55e;
}

.delete-conv-btn:hover[b-oljbodwe2z] {
    transform: scale(1.2);
    color: #ef4444;
}

/* Main Chat Area */
.chat-main[b-oljbodwe2z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.chat-header[b-oljbodwe2z] {
    padding: 1rem;
    border-bottom: 1px solid var(--qsa-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--qsa-surface);
}

.chat-title[b-oljbodwe2z] {
    font-size: 1.1rem;
    font-weight: 600;
    flex: 1;
}

.context-indicator[b-oljbodwe2z] {
    font-size: 0.7rem;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-right: 0.5rem;
}

.context-indicator.ctx-green[b-oljbodwe2z] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.context-indicator.ctx-yellow[b-oljbodwe2z] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.context-indicator.ctx-orange[b-oljbodwe2z] {
    background: rgba(249, 115, 22, 0.12);
    color: #f97316;
}

.context-indicator.ctx-red[b-oljbodwe2z] {
    background: rgba(239, 68, 68, 0.15);
    color: #ef4444;
}

.context-indicator.model-badge[b-oljbodwe2z] {
    background: rgba(148, 163, 184, 0.1);
    color: var(--qsa-silver);
}

.settings-toggle[b-oljbodwe2z] {
    background: none;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    padding: 0.5rem;
    cursor: pointer;
    transition: all 0.15s;
}

.settings-toggle:hover[b-oljbodwe2z] {
    background: var(--qsa-cream);
    border-color: var(--qsa-primary);
}

.messages-container[b-oljbodwe2z] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.message[b-oljbodwe2z] {
    max-width: 85%;
    padding: 0.75rem 1rem;
    border-radius: 12px;
}

.message.user[b-oljbodwe2z] {
    align-self: flex-end;
    background: var(--qsa-primary);
    color: white;
}

.message.assistant[b-oljbodwe2z] {
    align-self: flex-start;
    background: var(--qsa-surface);
    border: 1px solid var(--qsa-border);
}

.message.system[b-oljbodwe2z] {
    align-self: center;
    background: var(--qsa-cream);
    font-size: 0.85rem;
    color: var(--qsa-silver);
}

.message-role[b-oljbodwe2z] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
    opacity: 0.7;
}

.message-content[b-oljbodwe2z] {
    line-height: 1.5;
    word-wrap: break-word;
}

.message-content code[b-oljbodwe2z] {
    background: rgba(0, 0, 0, 0.1);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-family: monospace;
    font-size: 0.9em;
}

.message.user .message-content code[b-oljbodwe2z] {
    background: rgba(255, 255, 255, 0.2);
}

.message-content pre[b-oljbodwe2z] {
    background: #1e1e1e;
    color: #d4d4d4;
    padding: 0.75rem;
    border-radius: 6px;
    overflow-x: auto;
    margin: 0.5rem 0;
}

.message-content pre code[b-oljbodwe2z] {
    background: none;
    padding: 0;
}

.message-meta[b-oljbodwe2z] {
    font-size: 0.7rem;
    margin-top: 0.5rem;
    opacity: 0.6;
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.message-meta .ctx-green[b-oljbodwe2z] { color: #22c55e; opacity: 1; }
.message-meta .ctx-yellow[b-oljbodwe2z] { color: #f59e0b; opacity: 1; }
.message-meta .ctx-orange[b-oljbodwe2z] { color: #f97316; opacity: 1; }
.message-meta .ctx-red[b-oljbodwe2z] { color: #ef4444; opacity: 1; }
.message-meta .meta-model[b-oljbodwe2z] { font-style: italic; }

/* Tool Calls Debug */
.tool-calls-debug[b-oljbodwe2z] {
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.tool-calls-debug summary[b-oljbodwe2z] {
    cursor: pointer;
    color: var(--qsa-silver);
    font-size: 0.7rem;
    padding: 0.25rem 0;
    user-select: none;
}

.tool-calls-debug summary:hover[b-oljbodwe2z] {
    color: var(--qsa-text);
}

.tool-calls-list[b-oljbodwe2z] {
    margin-top: 0.25rem;
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    overflow: hidden;
}

.tool-call-item[b-oljbodwe2z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
    font-family: monospace;
    font-size: 0.7rem;
}

.tool-call-item:last-child[b-oljbodwe2z] {
    border-bottom: none;
}

.tool-call-item.tc-error[b-oljbodwe2z] {
    background: rgba(239, 68, 68, 0.06);
}

.tool-call-name[b-oljbodwe2z] {
    font-weight: 600;
    color: var(--qsa-primary);
    white-space: nowrap;
}

.tool-call-args[b-oljbodwe2z] {
    color: var(--qsa-silver);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.tool-call-status[b-oljbodwe2z] {
    font-size: 0.65rem;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    white-space: nowrap;
}

.tc-ok .tool-call-status[b-oljbodwe2z] {
    color: var(--qsa-success);
}

.tc-error .tool-call-status[b-oljbodwe2z] {
    color: var(--qsa-danger, #ef4444);
    font-weight: 600;
}

.tool-call-time[b-oljbodwe2z] {
    color: var(--qsa-silver);
    white-space: nowrap;
}

.tool-call-size[b-oljbodwe2z] {
    color: var(--qsa-silver);
    white-space: nowrap;
}

.message.streaming .cursor[b-oljbodwe2z] {
    animation: blink-b-oljbodwe2z 1s infinite;
}

@keyframes blink-b-oljbodwe2z {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* Input Area */
.new-messages-banner[b-oljbodwe2z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.5rem;
    background: var(--qsa-primary);
    color: white;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
}

.new-messages-banner:hover[b-oljbodwe2z] {
    opacity: 0.9;
}

.chat-input-area[b-oljbodwe2z] {
    padding: 1rem;
    border-top: 1px solid var(--qsa-border);
    background: var(--qsa-surface);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.input-options[b-oljbodwe2z] {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--qsa-background);
    border-radius: 6px;
}

.thinking-toggle[b-oljbodwe2z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--qsa-text);
    cursor: pointer;
    user-select: none;
}

.thinking-toggle input[b-oljbodwe2z] {
    cursor: pointer;
}

.input-row[b-oljbodwe2z] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-end;
}

.input-row textarea[b-oljbodwe2z] {
    flex: 1;
    resize: none;
    border: 1px solid var(--qsa-border);
    border-radius: 8px;
    padding: 0.75rem;
    font-family: inherit;
    font-size: 0.95rem;
    line-height: 1.4;
}

.input-row textarea:focus[b-oljbodwe2z] {
    outline: none;
    border-color: var(--qsa-primary);
}

.send-btn[b-oljbodwe2z] {
    background: var(--qsa-primary);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 0.15s;
}

.send-btn:hover:not(:disabled)[b-oljbodwe2z] {
    filter: brightness(0.85);
}

.send-btn:disabled[b-oljbodwe2z] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* No Conversation */
.no-conversation[b-oljbodwe2z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
}

.no-conversation h2[b-oljbodwe2z] {
    margin: 0 0 0.5rem;
    font-size: 1.5rem;
}

.no-conversation p[b-oljbodwe2z] {
    color: var(--qsa-silver);
    margin: 0 0 1.5rem;
}

.start-chat-btn[b-oljbodwe2z], .configure-btn[b-oljbodwe2z] {
    background: var(--qsa-primary);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
}

.start-chat-btn:hover[b-oljbodwe2z], .configure-btn:hover[b-oljbodwe2z] {
    filter: brightness(0.85);
}

/* Settings Sidebar */
.settings-sidebar[b-oljbodwe2z] {
    width: 320px;
    background: var(--qsa-surface);
    border-left: 1px solid var(--qsa-border);
    display: flex;
    flex-direction: column;
}

.settings-header[b-oljbodwe2z] {
    padding: 1rem;
    border-bottom: 1px solid var(--qsa-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings-header h3[b-oljbodwe2z] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.close-settings[b-oljbodwe2z] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    color: var(--qsa-silver);
}

.close-settings:hover[b-oljbodwe2z] {
    color: var(--qsa-text);
}

.settings-content[b-oljbodwe2z] {
    flex: 1;
    padding: 1rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.setting-group[b-oljbodwe2z] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.setting-group label[b-oljbodwe2z] {
    font-size: 0.85rem;
    font-weight: 500;
}

.setting-group textarea[b-oljbodwe2z] {
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    padding: 0.5rem;
    font-family: inherit;
    font-size: 0.85rem;
    resize: vertical;
}

.setting-group textarea:focus[b-oljbodwe2z] {
    outline: none;
    border-color: var(--qsa-primary);
}

.setting-group input[type="range"][b-oljbodwe2z] {
    width: 100%;
}

.setting-group input[type="checkbox"][b-oljbodwe2z] {
    margin-right: 0.5rem;
}

.setting-group small[b-oljbodwe2z] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
}

.save-settings-btn[b-oljbodwe2z] {
    background: var(--qsa-primary, #4A6B82);
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.75rem;
    cursor: pointer;
    font-weight: 500;
    transition: filter 0.15s;
}

.save-settings-btn:hover[b-oljbodwe2z] {
    filter: brightness(0.85);
}

.save-settings-btn:active[b-oljbodwe2z] {
    filter: brightness(0.75);
}

.session-url-group[b-oljbodwe2z] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--qsa-border);
}

.url-display[b-oljbodwe2z] {
    background: var(--qsa-background, #f5f5f5);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    padding: 0.5rem 0.75rem;
    word-break: break-all;
    font-size: 0.75rem;
    user-select: all;
}

.url-display code[b-oljbodwe2z] {
    font-family: monospace;
    color: var(--qsa-text);
}

.session-info[b-oljbodwe2z] {
    margin-top: 0.75rem;
}

.session-info code[b-oljbodwe2z] {
    display: block;
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    word-break: break-all;
    user-select: all;
}

.settings-info[b-oljbodwe2z] {
    padding: 1rem;
    border-top: 1px solid var(--qsa-border);
    font-size: 0.8rem;
}

.info-item[b-oljbodwe2z] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.info-item .label[b-oljbodwe2z] {
    color: var(--qsa-silver);
}

.info-item .value[b-oljbodwe2z] {
    font-weight: 500;
    text-align: right;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Connection Error */
.connection-error[b-oljbodwe2z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(239, 68, 68, 0.1);
    border-bottom: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
    font-size: 0.9rem;
}

.connection-error .e-icons[b-oljbodwe2z] {
    font-size: 1.1rem;
}

.connection-error button[b-oljbodwe2z] {
    margin-left: auto;
    background: #ef4444;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.15s;
}

.connection-error button:hover[b-oljbodwe2z] {
    background: #dc2626;
}

/* Thinking block in messages */
.thinking-block[b-oljbodwe2z] {
    background: rgba(147, 51, 234, 0.1);
    border-left: 3px solid #9333ea;
    padding: 0.75rem;
    margin: 0.5rem 0;
    border-radius: 0 6px 6px 0;
    font-size: 0.85em;
    color: var(--qsa-silver);
}

.thinking-label[b-oljbodwe2z] {
    font-weight: 600;
    color: #9333ea;
    margin-bottom: 0.5rem;
    font-size: 0.8em;
}
/* /Components/Pages/Agents/AgentDirectives.razor.rz.scp.css */
.directives-toolbar[b-jad09gqhn2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.kind-filter[b-jad09gqhn2] {
    display: flex;
    gap: 0.5rem;
}

.directives-card[b-jad09gqhn2] {
    overflow: hidden;
}

.directives-grid[b-jad09gqhn2] {
    width: 100%;
}

/* Kind badges */
.kind-badge[b-jad09gqhn2] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.kind-trait[b-jad09gqhn2] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.25);
}

.kind-behavior[b-jad09gqhn2] {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

/* Row actions */
.row-actions[b-jad09gqhn2] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

/* Dialog */
.dialog-form[b-jad09gqhn2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-jad09gqhn2] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-row label[b-jad09gqhn2] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--qsa-text-secondary);
}

.hint[b-jad09gqhn2] {
    font-weight: 400;
    color: var(--qsa-silver);
    font-size: 0.75rem;
}

.dialog-error[b-jad09gqhn2] {
    padding: 0.5rem 0.75rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 4px;
    color: #dc2626;
    font-size: 0.82rem;
}

.empty-state[b-jad09gqhn2] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}
/* /Components/Pages/Agents/AgentDomains.razor.rz.scp.css */
.domains-layout[b-1kwvt3dxko] {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 1rem;
    height: calc(100vh - 120px);
}

/* Tree panel */
.domain-tree-panel[b-1kwvt3dxko] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.domain-tree[b-1kwvt3dxko] {
    flex: 1;
    overflow-y: auto;
}

.domain-node[b-1kwvt3dxko] {
    cursor: pointer;
    border-bottom: 1px solid var(--qsa-border);
    transition: background 0.1s;
}

.domain-node:hover[b-1kwvt3dxko] {
    background: var(--qsa-cream, rgba(0,0,0,0.03));
}

.domain-node.selected > .domain-node-content[b-1kwvt3dxko] {
    background: rgba(var(--qsa-primary-rgb, 59, 130, 246), 0.08);
    border-left: 3px solid var(--qsa-primary);
}

.domain-node-content[b-1kwvt3dxko] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.75rem;
}

.domain-level-dot[b-1kwvt3dxko] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.level-0 .domain-level-dot[b-1kwvt3dxko], .domain-level-dot.level-0[b-1kwvt3dxko] {
    background: var(--qsa-primary);
}

.level-1 .domain-level-dot[b-1kwvt3dxko], .domain-level-dot.level-1[b-1kwvt3dxko] {
    background: #8b5cf6;
}

.level-2 .domain-level-dot[b-1kwvt3dxko], .domain-level-dot.level-2[b-1kwvt3dxko] {
    background: #f59e0b;
}

.domain-node-name[b-1kwvt3dxko] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
    flex: 1;
}

.depth-0 .domain-node-name[b-1kwvt3dxko] {
    font-weight: 600;
}

.level-tag[b-1kwvt3dxko] {
    font-size: 0.65rem;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.level-tag.level-0[b-1kwvt3dxko] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
}

.level-tag.level-1[b-1kwvt3dxko] {
    background: rgba(139, 92, 246, 0.1);
    color: #7c3aed;
}

.level-tag.level-2[b-1kwvt3dxko] {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
}

.identity-count[b-1kwvt3dxko] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    background: var(--qsa-background);
    padding: 0.1rem 0.4rem;
    border-radius: 8px;
}

/* Detail panel */
.domain-detail-panel[b-1kwvt3dxko] {
    display: flex;
    flex-direction: column;
}

.domain-detail-content[b-1kwvt3dxko] {
    padding: 1rem;
}

.domain-attrs[b-1kwvt3dxko] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.attr-item[b-1kwvt3dxko] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.attr-item label[b-1kwvt3dxko] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--qsa-silver);
}

.attr-item span[b-1kwvt3dxko] {
    font-size: 0.85rem;
    color: var(--qsa-text);
}

.level-badge[b-1kwvt3dxko] {
    display: inline-block;
    font-size: 0.8rem;
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
}

.level-badge.level-0[b-1kwvt3dxko] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
}

.level-badge.level-1[b-1kwvt3dxko] {
    background: rgba(139, 92, 246, 0.1);
    color: #7c3aed;
}

.level-badge.level-2[b-1kwvt3dxko] {
    background: rgba(245, 158, 11, 0.1);
    color: #d97706;
}

.delete-blocked-notice[b-1kwvt3dxko] {
    margin-top: 1rem;
    padding: 0.5rem 0.75rem;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 4px;
    font-size: 0.82rem;
    color: #d97706;
}

/* Dialog */
.dialog-form[b-1kwvt3dxko] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-1kwvt3dxko] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-row label[b-1kwvt3dxko] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--qsa-text-secondary);
}

.parent-info[b-1kwvt3dxko] {
    font-size: 0.85rem;
    color: var(--qsa-text);
    padding: 0.4rem 0.5rem;
    background: var(--qsa-surface);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
}

.dialog-error[b-1kwvt3dxko] {
    padding: 0.5rem 0.75rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 4px;
    color: #dc2626;
    font-size: 0.82rem;
}

/* Empty / no selection */
.empty-state[b-1kwvt3dxko] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.no-selection[b-1kwvt3dxko] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}
/* /Components/Pages/Agents/AgentIdentities.razor.rz.scp.css */
/* Push notification banner */
.push-notification[b-4fuvzn257n] {
    padding: 0.6rem 1rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.push-notification.success[b-4fuvzn257n] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.push-notification.warning[b-4fuvzn257n] {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: #856404;
}

.push-notification.error[b-4fuvzn257n] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #dc3545;
}

.push-notification .dismiss-btn[b-4fuvzn257n] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    color: inherit;
    opacity: 0.6;
    padding: 0 0.25rem;
}

.push-notification .dismiss-btn:hover[b-4fuvzn257n] {
    opacity: 1;
}

.identities-layout[b-4fuvzn257n] {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 1rem;
    height: calc(100vh - 120px);
}

/* Identity List */
.identity-list[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.identity-items[b-4fuvzn257n] {
    flex: 1;
    overflow-y: auto;
}

.identity-item[b-4fuvzn257n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--qsa-border);
    cursor: pointer;
    transition: background 0.1s;
}

.identity-item:hover[b-4fuvzn257n] {
    background: var(--qsa-cream, rgba(0,0,0,0.03));
}

.identity-item.selected[b-4fuvzn257n] {
    background: rgba(var(--qsa-primary-rgb, 59, 130, 246), 0.08);
    border-left: 3px solid var(--qsa-primary);
}

.identity-info[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.identity-name[b-4fuvzn257n] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--qsa-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.identity-domain[b-4fuvzn257n] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
}

.identity-meta[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    flex-shrink: 0;
}

.model-badge[b-4fuvzn257n] {
    font-size: 0.7rem;
    padding: 0.1rem 0.4rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    color: var(--qsa-text-secondary);
    white-space: nowrap;
}

.version-badge[b-4fuvzn257n] {
    font-size: 0.7rem;
    padding: 0.1rem 0.4rem;
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 4px;
    color: #16a34a;
}

/* Identity Detail */
.identity-detail[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.identity-header-info[b-4fuvzn257n] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--qsa-border);
}

.identity-description[b-4fuvzn257n] {
    font-size: 0.85rem;
    color: var(--qsa-text-secondary);
    margin: 0 0 0.5rem;
}

.identity-attrs[b-4fuvzn257n] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.attr-item[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.attr-item label[b-4fuvzn257n] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--qsa-silver);
}

.attr-item span[b-4fuvzn257n] {
    font-size: 0.82rem;
    color: var(--qsa-text);
}

/* Tab content */
.tab-content[b-4fuvzn257n] {
    padding: 1rem;
}

/* Composition */
.composition-section[b-4fuvzn257n] {
    margin-bottom: 1.5rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    overflow: hidden;
}

.composition-header[b-4fuvzn257n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: var(--qsa-surface);
    border-bottom: 1px solid var(--qsa-border);
}

.composition-title[b-4fuvzn257n] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--qsa-text-secondary);
}

.composition-items[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
}

.composition-item[b-4fuvzn257n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
    gap: 0.5rem;
}

.composition-item:last-child[b-4fuvzn257n] {
    border-bottom: none;
}

.comp-item-info[b-4fuvzn257n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.comp-drag-handle[b-4fuvzn257n] {
    color: var(--qsa-silver);
    cursor: grab;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.comp-item-name[b-4fuvzn257n] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

.comp-item-sub[b-4fuvzn257n] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
}

.comp-empty[b-4fuvzn257n] {
    padding: 0.75rem;
    font-size: 0.82rem;
    color: var(--qsa-silver);
    margin: 0;
}

/* Kind badges */
.kind-badge[b-4fuvzn257n] {
    font-size: 0.65rem;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kind-trait[b-4fuvzn257n] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

.kind-behavior[b-4fuvzn257n] {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

/* Projections */
.projections-toolbar[b-4fuvzn257n] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.composing-indicator[b-4fuvzn257n] {
    font-size: 0.82rem;
    color: var(--qsa-silver);
    font-style: italic;
}

.projection-list[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.projection-row[b-4fuvzn257n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    background: var(--qsa-surface);
}

.projection-row.projection-active[b-4fuvzn257n] {
    border-color: rgba(34, 197, 94, 0.5);
    background: rgba(34, 197, 94, 0.05);
}

.projection-info[b-4fuvzn257n] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.proj-version[b-4fuvzn257n] {
    font-weight: 600;
    font-size: 0.85rem;
}

.proj-strategy[b-4fuvzn257n] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    background: var(--qsa-background);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

.proj-date[b-4fuvzn257n] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
}

.proj-chars[b-4fuvzn257n] {
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
}

.active-badge[b-4fuvzn257n] {
    font-size: 0.65rem;
    padding: 0.1rem 0.5rem;
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
}

.projection-actions[b-4fuvzn257n] {
    display: flex;
    gap: 0.5rem;
}

/* Connections */
.connections-list[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.connection-row[b-4fuvzn257n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
}

.conn-info[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.conn-name[b-4fuvzn257n] {
    font-size: 0.85rem;
    font-weight: 500;
}

.conn-url[b-4fuvzn257n] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    font-family: monospace;
}

.conn-status[b-4fuvzn257n] {}

.enabled-badge[b-4fuvzn257n] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
    border-radius: 4px;
}

.disabled-badge[b-4fuvzn257n] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border-radius: 4px;
}

/* Projection viewer */
.projection-content[b-4fuvzn257n] {
    white-space: pre-wrap;
    font-family: monospace;
    font-size: 0.82rem;
    line-height: 1.6;
    color: var(--qsa-text);
    margin: 0;
    overflow-y: auto;
    max-height: 380px;
}

/* Dialog form */
.dialog-form[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-4fuvzn257n] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-row label[b-4fuvzn257n] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--qsa-text-secondary);
}

.dialog-error[b-4fuvzn257n] {
    padding: 0.5rem 0.75rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 4px;
    color: #dc2626;
    font-size: 0.82rem;
}

/* No selection state */
.no-selection[b-4fuvzn257n] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

/* Empty state */
.empty-state[b-4fuvzn257n] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}
/* /Components/Pages/Agents/AgentSections.razor.rz.scp.css */
.sections-layout[b-iqpt2zrmuy] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1rem;
    height: calc(100vh - 120px);
}

/* Section list */
.section-list[b-iqpt2zrmuy] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.section-items[b-iqpt2zrmuy] {
    flex: 1;
    overflow-y: auto;
}

.section-item[b-iqpt2zrmuy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--qsa-border);
    cursor: pointer;
    transition: background 0.1s;
}

.section-item:hover[b-iqpt2zrmuy] {
    background: var(--qsa-cream, rgba(0,0,0,0.03));
}

.section-item.selected[b-iqpt2zrmuy] {
    background: rgba(var(--qsa-primary-rgb, 59, 130, 246), 0.08);
    border-left: 3px solid var(--qsa-primary);
}

.section-info[b-iqpt2zrmuy] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.section-name[b-iqpt2zrmuy] {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--qsa-text);
}

.section-sub[b-iqpt2zrmuy] {
    font-size: 0.74rem;
    color: var(--qsa-silver);
}

.section-order[b-iqpt2zrmuy] {
    font-size: 0.72rem;
    color: var(--qsa-silver);
    background: var(--qsa-background);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

/* Section detail */
.section-detail[b-iqpt2zrmuy] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.section-detail-content[b-iqpt2zrmuy] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.detail-sub-header[b-iqpt2zrmuy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.detail-title[b-iqpt2zrmuy] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--qsa-text-secondary);
}

/* Directive list */
.directive-list[b-iqpt2zrmuy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.directive-row[b-iqpt2zrmuy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    background: var(--qsa-surface);
}

.dir-info[b-iqpt2zrmuy] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.dir-order[b-iqpt2zrmuy] {
    font-size: 0.72rem;
    color: var(--qsa-silver);
    min-width: 1.5rem;
    text-align: right;
}

.dir-name[b-iqpt2zrmuy] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
    white-space: nowrap;
}

.dir-intent[b-iqpt2zrmuy] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Kind badges */
.kind-badge[b-iqpt2zrmuy] {
    display: inline-block;
    font-size: 0.65rem;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

.kind-trait[b-iqpt2zrmuy] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
}

.kind-behavior[b-iqpt2zrmuy] {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
}

/* Dialog */
.dialog-form[b-iqpt2zrmuy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-iqpt2zrmuy] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-row label[b-iqpt2zrmuy] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--qsa-text-secondary);
}

.dialog-error[b-iqpt2zrmuy] {
    padding: 0.5rem 0.75rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 4px;
    color: #dc2626;
    font-size: 0.82rem;
}

.empty-state[b-iqpt2zrmuy] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.no-selection[b-iqpt2zrmuy] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}
/* /Components/Pages/Agents/AgentServers.razor.rz.scp.css */
.servers-page[b-4fhoy21xy8] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.page-header[b-4fhoy21xy8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.page-header h1[b-4fhoy21xy8] { margin: 0; font-size: 1.3rem; color: #1C1A17; }
.page-description[b-4fhoy21xy8] { margin: 0.25rem 0 0; font-size: 0.8rem; color: #9A9A98; }

.btn-primary[b-4fhoy21xy8] {
    padding: 0.45rem 1rem;
    background: #4A6B82;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8rem;
    white-space: nowrap;
}
.btn-primary:hover[b-4fhoy21xy8] { background: #3a5a6f; }

.message[b-4fhoy21xy8] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.message.success[b-4fhoy21xy8] { background: rgba(40, 167, 69, 0.1); border: 1px solid rgba(40, 167, 69, 0.3); color: #28a745; }
.message.error[b-4fhoy21xy8] { background: rgba(220, 53, 69, 0.1); border: 1px solid rgba(220, 53, 69, 0.3); color: #dc3545; }
.message .dismiss[b-4fhoy21xy8] { background: none; border: none; cursor: pointer; color: inherit; opacity: 0.6; }

.servers-list[b-4fhoy21xy8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.server-card[b-4fhoy21xy8] {
    background: #FFFFFF;
    border: 1px solid #e8e6e1;
    border-radius: 8px;
    overflow: hidden;
}

.server-card.editing[b-4fhoy21xy8] {
    border-color: #4A6B82;
}

.server-card.new-server[b-4fhoy21xy8] {
    border-color: #4A6B82;
    border-style: dashed;
}

.server-card-header[b-4fhoy21xy8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #F7F5F0;
}

.server-info[b-4fhoy21xy8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.server-info h2[b-4fhoy21xy8] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1C1A17;
}

.hardware-badge[b-4fhoy21xy8] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    background: #4A6B82;
    color: white;
    border-radius: 10px;
}

.port-range[b-4fhoy21xy8] {
    font-size: 0.75rem;
    font-family: monospace;
    color: #9A9A98;
}

.slot-count[b-4fhoy21xy8] {
    font-size: 0.75rem;
    color: #9A9A98;
}

.server-actions[b-4fhoy21xy8] {
    display: flex;
    gap: 0.4rem;
}

.btn-sm[b-4fhoy21xy8] {
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    border: 1px solid #e8e6e1;
    border-radius: 4px;
    background: white;
    cursor: pointer;
    color: #1C1A17;
}
.btn-sm:hover[b-4fhoy21xy8] { background: #F7F5F0; }
.btn-sm.danger[b-4fhoy21xy8] { color: #dc3545; border-color: rgba(220, 53, 69, 0.3); }
.btn-sm.danger:hover[b-4fhoy21xy8] { background: rgba(220, 53, 69, 0.05); }

.btn-primary-sm[b-4fhoy21xy8] {
    padding: 0.3rem 0.8rem;
    font-size: 0.75rem;
    background: #4A6B82;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.btn-primary-sm:hover[b-4fhoy21xy8] { background: #3a5a6f; }

.edit-form[b-4fhoy21xy8] {
    padding: 0.75rem 1rem;
    border-top: 1px solid #e8e6e1;
}

.form-grid[b-4fhoy21xy8] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.6rem;
}

.form-field label[b-4fhoy21xy8] {
    display: block;
    font-size: 0.7rem;
    color: #9A9A98;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.2rem;
}

.form-field input[b-4fhoy21xy8] {
    width: 100%;
    padding: 0.4rem 0.5rem;
    border: 1px solid #e8e6e1;
    border-radius: 4px;
    font-size: 0.8rem;
    color: #1C1A17;
    background: #FAFAF9;
    box-sizing: border-box;
}

.form-field input:focus[b-4fhoy21xy8],
.form-field textarea:focus[b-4fhoy21xy8] {
    border-color: #4A6B82;
    outline: none;
}

.form-field textarea[b-4fhoy21xy8] {
    width: 100%;
    padding: 0.4rem 0.5rem;
    border: 1px solid #e8e6e1;
    border-radius: 4px;
    font-size: 0.8rem;
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    color: #1C1A17;
    background: #FAFAF9;
    box-sizing: border-box;
    resize: vertical;
}

.form-field.full-width[b-4fhoy21xy8] {
    margin-top: 0.4rem;
}

.form-field small[b-4fhoy21xy8] {
    font-size: 0.65rem;
    color: #9A9A98;
}

.form-actions[b-4fhoy21xy8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
    margin-top: 0.6rem;
}
/* /Components/Pages/Agents/AgentTemplates.razor.rz.scp.css */
.templates-layout[b-77pffbzuck] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 1rem;
    height: calc(100vh - 120px);
}

/* Template list */
.template-list[b-77pffbzuck] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.template-items[b-77pffbzuck] {
    flex: 1;
    overflow-y: auto;
}

.template-item[b-77pffbzuck] {
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--qsa-border);
    cursor: pointer;
    transition: background 0.1s;
}

.template-item:hover[b-77pffbzuck] {
    background: var(--qsa-cream, rgba(0,0,0,0.03));
}

.template-item.selected[b-77pffbzuck] {
    background: rgba(var(--qsa-primary-rgb, 59, 130, 246), 0.08);
    border-left: 3px solid var(--qsa-primary);
}

.template-info[b-77pffbzuck] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.template-name[b-77pffbzuck] {
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--qsa-text);
}

.template-desc[b-77pffbzuck] {
    font-size: 0.74rem;
    color: var(--qsa-silver);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Template detail */
.template-detail[b-77pffbzuck] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.template-description-row[b-77pffbzuck] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--qsa-border);
}

.template-desc-text[b-77pffbzuck] {
    font-size: 0.85rem;
    color: var(--qsa-text-secondary);
    margin: 0;
}

.template-sub-section[b-77pffbzuck] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--qsa-border);
}

.template-sub-section:last-child[b-77pffbzuck] {
    border-bottom: none;
    flex: 1;
    overflow-y: auto;
}

.detail-sub-header[b-77pffbzuck] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.65rem;
}

.detail-title[b-77pffbzuck] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--qsa-text-secondary);
}

/* Attachment rows */
.attachment-list[b-77pffbzuck] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.attachment-row[b-77pffbzuck] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--qsa-border);
    border-radius: 5px;
    background: var(--qsa-surface);
}

.attach-info[b-77pffbzuck] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.attach-order[b-77pffbzuck] {
    font-size: 0.72rem;
    color: var(--qsa-silver);
    min-width: 1.5rem;
    text-align: right;
    flex-shrink: 0;
}

.attach-name[b-77pffbzuck] {
    font-size: 0.84rem;
    font-weight: 500;
    color: var(--qsa-text);
    white-space: nowrap;
}

.attach-sub[b-77pffbzuck] {
    font-size: 0.74rem;
    color: var(--qsa-silver);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attach-empty[b-77pffbzuck] {
    font-size: 0.82rem;
    color: var(--qsa-silver);
    padding: 0.35rem 0;
}

/* Kind badges */
.kind-badge[b-77pffbzuck] {
    display: inline-block;
    font-size: 0.65rem;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

.kind-trait[b-77pffbzuck] {
    background: rgba(59, 130, 246, 0.1);
    color: #2563eb;
}

.kind-behavior[b-77pffbzuck] {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
}

/* Dialog */
.dialog-form[b-77pffbzuck] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-row[b-77pffbzuck] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-row label[b-77pffbzuck] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--qsa-text-secondary);
}

.dialog-error[b-77pffbzuck] {
    padding: 0.5rem 0.75rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 4px;
    color: #dc2626;
    font-size: 0.82rem;
}

.empty-state[b-77pffbzuck] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.no-selection[b-77pffbzuck] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}
/* /Components/Pages/Research/ChainRuns.razor.rz.scp.css */
/* ── Page Header ──────────────────────────────────────────────────────────── */
.page-header[b-aw90xdvh0z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.page-header h1[b-aw90xdvh0z] {
    margin: 0 0 0.2rem;
}

.page-description[b-aw90xdvh0z] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--qsa-text-secondary);
}

/* ── Filters ──────────────────────────────────────────────────────────────── */
.filters-card[b-aw90xdvh0z] {
    margin-bottom: 1rem;
}

.filters-row[b-aw90xdvh0z] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    padding: 0.75rem 1rem;
    flex-wrap: wrap;
}

.filter-group[b-aw90xdvh0z] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.filter-group label[b-aw90xdvh0z] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--qsa-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.filter-date[b-aw90xdvh0z] {
    width: 150px;
}

.filter-type[b-aw90xdvh0z] {
    width: 160px;
}

.filter-btn[b-aw90xdvh0z] {
    align-self: flex-end;
}

/* ── Form elements ────────────────────────────────────────────────────────── */
.form-input[b-aw90xdvh0z] {
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
    font-family: inherit;
}

.form-input:focus[b-aw90xdvh0z] {
    border-color: var(--qsa-primary);
}

.form-select[b-aw90xdvh0z] {
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    cursor: pointer;
}

.form-select:focus[b-aw90xdvh0z] {
    border-color: var(--qsa-primary);
}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.btn-primary[b-aw90xdvh0z] {
    background: var(--qsa-primary);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.4rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
    font-family: inherit;
}

.btn-primary:hover[b-aw90xdvh0z] { opacity: 0.88; }
.btn-primary:disabled[b-aw90xdvh0z] { opacity: 0.5; cursor: default; }

/* ── Runs Table ───────────────────────────────────────────────────────────── */
.runs-card[b-aw90xdvh0z] {
    overflow: hidden;
}

.runs-table[b-aw90xdvh0z] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.runs-table thead th[b-aw90xdvh0z] {
    padding: 0.55rem 0.85rem;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--qsa-text-secondary);
    border-bottom: 1px solid var(--qsa-border);
    background: rgba(74, 107, 130, 0.03);
    white-space: nowrap;
}

.runs-table tbody tr.run-row[b-aw90xdvh0z] {
    cursor: pointer;
    transition: background 0.1s;
    border-bottom: 1px solid var(--qsa-border);
}

.runs-table tbody tr.run-row:hover[b-aw90xdvh0z] {
    background: rgba(74, 107, 130, 0.04);
}

.runs-table tbody tr.run-row.expanded[b-aw90xdvh0z] {
    background: rgba(74, 107, 130, 0.07);
}

.runs-table tbody td[b-aw90xdvh0z] {
    padding: 0.55rem 0.85rem;
    vertical-align: middle;
}

.progress-cell[b-aw90xdvh0z] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.step-progress[b-aw90xdvh0z] {
    font-size: 0.82rem;
    color: var(--qsa-text);
}

.failed-steps[b-aw90xdvh0z] {
    font-size: 0.75rem;
    color: var(--qsa-error);
}

.duration[b-aw90xdvh0z] {
    font-size: 0.82rem;
    color: var(--qsa-text-secondary);
    font-variant-numeric: tabular-nums;
}

.started-at[b-aw90xdvh0z] {
    font-size: 0.82rem;
    color: var(--qsa-text-secondary);
    font-variant-numeric: tabular-nums;
}

.text-muted[b-aw90xdvh0z] {
    color: var(--qsa-text-secondary);
    opacity: 0.5;
}

/* ── Chain Type Badges ────────────────────────────────────────────────────── */
.chain-type-badge[b-aw90xdvh0z] {
    display: inline-block;
    font-size: 0.68rem;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.chain-type-dailyfull[b-aw90xdvh0z] {
    background: rgba(74, 107, 130, 0.12);
    color: var(--qsa-primary);
    border: 1px solid rgba(74, 107, 130, 0.25);
}

.chain-type-intradayrefresh[b-aw90xdvh0z] {
    background: rgba(212, 175, 55, 0.12);
    color: #a88a1a;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

.chain-type-adhoc[b-aw90xdvh0z] {
    background: rgba(154, 154, 152, 0.12);
    color: var(--qsa-text-secondary);
    border: 1px solid rgba(154, 154, 152, 0.25);
}

/* ── Status Badges ────────────────────────────────────────────────────────── */
.status-badge[b-aw90xdvh0z] {
    display: inline-block;
    font-size: 0.68rem;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.status-completed[b-aw90xdvh0z] {
    background: rgba(40, 167, 69, 0.12);
    color: var(--qsa-success);
    border: 1px solid rgba(40, 167, 69, 0.25);
}

.status-failed[b-aw90xdvh0z] {
    background: rgba(220, 53, 69, 0.1);
    color: var(--qsa-error);
    border: 1px solid rgba(220, 53, 69, 0.25);
}

.status-running[b-aw90xdvh0z] {
    background: rgba(74, 107, 130, 0.12);
    color: var(--qsa-primary);
    border: 1px solid rgba(74, 107, 130, 0.25);
}

.status-pending[b-aw90xdvh0z],
.status-cancelled[b-aw90xdvh0z],
.status-skipped[b-aw90xdvh0z] {
    background: rgba(154, 154, 152, 0.12);
    color: var(--qsa-text-secondary);
    border: 1px solid rgba(154, 154, 152, 0.25);
}

/* ── Detail / Expanded Row ────────────────────────────────────────────────── */
.detail-row td[b-aw90xdvh0z] {
    padding: 0;
    background: var(--qsa-background);
    border-bottom: 1px solid var(--qsa-border);
}

.run-detail[b-aw90xdvh0z] {
    padding: 1rem 1.25rem;
}

/* ── Steps List ───────────────────────────────────────────────────────────── */
.steps-list[b-aw90xdvh0z] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.step-item[b-aw90xdvh0z] {
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    overflow: hidden;
    background: var(--qsa-surface);
}

.step-item.step-selected[b-aw90xdvh0z] {
    border-color: var(--qsa-primary);
}

.step-item-header[b-aw90xdvh0z] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    transition: background 0.1s;
    flex-wrap: wrap;
}

.step-item-header:hover[b-aw90xdvh0z] {
    background: rgba(74, 107, 130, 0.04);
}

.step-icon[b-aw90xdvh0z] {
    font-size: 1rem;
    width: 1.2rem;
    text-align: center;
    flex-shrink: 0;
}

.step-order[b-aw90xdvh0z] {
    font-size: 0.72rem;
    background: var(--qsa-primary);
    color: #fff;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    font-weight: 700;
    flex-shrink: 0;
}

.step-name[b-aw90xdvh0z] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--qsa-text);
    flex: 1;
    min-width: 0;
}

.step-agent[b-aw90xdvh0z] {
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
    font-style: italic;
    flex-shrink: 0;
}

.step-duration[b-aw90xdvh0z] {
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}

.view-report-hint[b-aw90xdvh0z] {
    font-size: 0.68rem;
    color: var(--qsa-primary);
    opacity: 0.7;
    font-style: italic;
    flex-shrink: 0;
}

.step-error[b-aw90xdvh0z] {
    padding: 0.4rem 0.75rem;
    font-size: 0.78rem;
    color: var(--qsa-error);
    background: rgba(220, 53, 69, 0.06);
    border-top: 1px solid rgba(220, 53, 69, 0.15);
}

/* ── Step Report ──────────────────────────────────────────────────────────── */
.step-report[b-aw90xdvh0z] {
    border-top: 1px solid var(--qsa-border);
    background: var(--qsa-background);
}

.step-report-header[b-aw90xdvh0z] {
    padding: 0.4rem 0.75rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--qsa-text-secondary);
    border-bottom: 1px solid var(--qsa-border);
    background: rgba(74, 107, 130, 0.03);
}

.report-content[b-aw90xdvh0z] {
    margin: 0;
    padding: 0.75rem;
    font-size: 0.82rem;
    font-family: 'Courier New', Consolas, monospace;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    color: var(--qsa-text);
    line-height: 1.5;
    max-height: 480px;
    overflow-y: auto;
}

/* ── Loading / Empty States ───────────────────────────────────────────────── */
.loading-state[b-aw90xdvh0z],
.empty-state[b-aw90xdvh0z] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-text-secondary);
    font-size: 0.85rem;
}

.loading-state-inline[b-aw90xdvh0z],
.empty-state-inline[b-aw90xdvh0z] {
    padding: 1rem;
    text-align: center;
    color: var(--qsa-text-secondary);
    font-size: 0.82rem;
    font-style: italic;
}
/* /Components/Pages/Research/ChainTemplates.razor.rz.scp.css */
/* ── Page Header ──────────────────────────────────────────────────────────── */
.page-header[b-en8x7eb54r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.page-header h1[b-en8x7eb54r] {
    margin: 0 0 0.2rem;
}

/* ── Layout ───────────────────────────────────────────────────────────────── */
.chain-templates-layout[b-en8x7eb54r] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 1rem;
    align-items: start;
}

/* ── Template List ────────────────────────────────────────────────────────── */
.template-list-card[b-en8x7eb54r] {
    overflow: hidden;
}

.template-items[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
}

.template-item[b-en8x7eb54r] {
    padding: 0.65rem 1rem;
    cursor: pointer;
    border-bottom: 1px solid var(--qsa-border);
    transition: background 0.12s;
}

.template-item:last-child[b-en8x7eb54r] {
    border-bottom: none;
}

.template-item:hover[b-en8x7eb54r] {
    background: rgba(74, 107, 130, 0.05);
}

.template-item.selected[b-en8x7eb54r] {
    background: rgba(74, 107, 130, 0.1);
    border-left: 3px solid var(--qsa-primary);
}

.template-item-main[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.template-name[b-en8x7eb54r] {
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--qsa-text);
}

.template-meta[b-en8x7eb54r] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    flex-wrap: wrap;
}

.step-count[b-en8x7eb54r] {
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
}

/* ── Chain Type badges ────────────────────────────────────────────────────── */
.chain-type-badge[b-en8x7eb54r] {
    display: inline-block;
    font-size: 0.68rem;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.chain-type-dailyfull[b-en8x7eb54r] {
    background: rgba(74, 107, 130, 0.12);
    color: var(--qsa-primary);
    border: 1px solid rgba(74, 107, 130, 0.25);
}

.chain-type-intradayrefresh[b-en8x7eb54r] {
    background: rgba(212, 175, 55, 0.12);
    color: #a88a1a;
    border: 1px solid rgba(212, 175, 55, 0.3);
}

.chain-type-adhoc[b-en8x7eb54r] {
    background: rgba(154, 154, 152, 0.12);
    color: var(--qsa-text-secondary);
    border: 1px solid rgba(154, 154, 152, 0.25);
}

/* ── Status badges ────────────────────────────────────────────────────────── */
.active-badge[b-en8x7eb54r] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    background: rgba(40, 167, 69, 0.12);
    color: var(--qsa-success);
    border: 1px solid rgba(40, 167, 69, 0.25);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.inactive-badge[b-en8x7eb54r] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    background: rgba(220, 53, 69, 0.08);
    color: var(--qsa-error);
    border: 1px solid rgba(220, 53, 69, 0.2);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Editor card ──────────────────────────────────────────────────────────── */
.template-editor-card[b-en8x7eb54r] {
    overflow: visible;
}

.header-actions[b-en8x7eb54r] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.editor-body[b-en8x7eb54r] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.editor-error[b-en8x7eb54r] {
    padding: 0.5rem 0.75rem;
    background: rgba(220, 53, 69, 0.08);
    border: 1px solid rgba(220, 53, 69, 0.25);
    border-radius: 4px;
    color: var(--qsa-error);
    font-size: 0.82rem;
}

/* ── Editor sections ──────────────────────────────────────────────────────── */
.editor-section[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.section-sub-header[b-en8x7eb54r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--qsa-border);
}

.section-sub-title[b-en8x7eb54r] {
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--qsa-text-secondary);
}

/* ── Form elements ────────────────────────────────────────────────────────── */
.form-row[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.form-row label[b-en8x7eb54r] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--qsa-text-secondary);
}

.form-row-inline[b-en8x7eb54r] {
    display: flex;
    gap: 1.5rem;
}

.form-row-inline .form-row[b-en8x7eb54r] {
    flex: 1;
}

.form-input[b-en8x7eb54r] {
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.form-input:focus[b-en8x7eb54r] {
    border-color: var(--qsa-primary);
}

.form-select[b-en8x7eb54r] {
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
    font-size: 0.85rem;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    cursor: pointer;
}

.form-select:focus[b-en8x7eb54r] {
    border-color: var(--qsa-primary);
}

/* ── Toggle ───────────────────────────────────────────────────────────────── */
.toggle-label[b-en8x7eb54r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.85rem;
}

.toggle-input[b-en8x7eb54r] {
    display: none;
}

.toggle-track[b-en8x7eb54r] {
    display: inline-block;
    width: 36px;
    height: 20px;
    background: var(--qsa-border);
    border-radius: 10px;
    position: relative;
    transition: background 0.2s;
    flex-shrink: 0;
}

.toggle-input:checked + .toggle-track[b-en8x7eb54r] {
    background: var(--qsa-primary);
}

.toggle-track[b-en8x7eb54r]::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    transition: left 0.2s;
}

.toggle-input:checked + .toggle-track[b-en8x7eb54r]::after {
    left: 19px;
}

/* ── Parameters list ──────────────────────────────────────────────────────── */
.params-list[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.param-row[b-en8x7eb54r] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.param-fields[b-en8x7eb54r] {
    display: flex;
    gap: 0.4rem;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
}

.param-name[b-en8x7eb54r] { flex: 1.5; min-width: 80px; }
.param-type[b-en8x7eb54r] { flex: 0 0 90px; }
.param-default[b-en8x7eb54r] { flex: 1; min-width: 70px; }
.param-desc[b-en8x7eb54r] { flex: 2; min-width: 100px; }

.required-check[b-en8x7eb54r] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--qsa-text-secondary);
    white-space: nowrap;
    cursor: pointer;
}

/* ── Steps ────────────────────────────────────────────────────────────────── */
.step-card[b-en8x7eb54r] {
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    overflow: hidden;
    background: var(--qsa-background);
}

.step-header[b-en8x7eb54r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: rgba(74, 107, 130, 0.04);
    border-bottom: 1px solid var(--qsa-border);
    gap: 0.5rem;
}

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

.step-header-right[b-en8x7eb54r] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.step-order[b-en8x7eb54r] {
    width: 64px;
    flex-shrink: 0;
    text-align: center;
}

.step-name[b-en8x7eb54r] {
    flex: 1;
    font-weight: 600;
}

.optional-check[b-en8x7eb54r] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--qsa-text-secondary);
    cursor: pointer;
    white-space: nowrap;
}

.step-body[b-en8x7eb54r] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.prior-steps-list[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 0.4rem 0;
}

.prior-step-check[b-en8x7eb54r] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    cursor: pointer;
    color: var(--qsa-text);
}

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.btn-primary[b-en8x7eb54r] {
    background: var(--qsa-primary);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
    font-family: inherit;
}

.btn-primary:hover[b-en8x7eb54r] { opacity: 0.88; }
.btn-primary:disabled[b-en8x7eb54r] { opacity: 0.5; cursor: default; }

.btn-primary-sm[b-en8x7eb54r] {
    background: var(--qsa-primary);
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
    font-family: inherit;
}

.btn-primary-sm:hover[b-en8x7eb54r] { opacity: 0.88; }
.btn-primary-sm:disabled[b-en8x7eb54r] { opacity: 0.5; cursor: default; }

.btn-secondary-sm[b-en8x7eb54r] {
    background: transparent;
    color: var(--qsa-primary);
    border: 1px solid var(--qsa-primary);
    border-radius: 4px;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
    font-family: inherit;
}

.btn-secondary-sm:hover[b-en8x7eb54r] {
    background: rgba(74, 107, 130, 0.08);
}

.btn-danger-sm[b-en8x7eb54r] {
    background: transparent;
    color: var(--qsa-error);
    border: 1px solid rgba(220, 53, 69, 0.35);
    border-radius: 4px;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
    font-family: inherit;
}

.btn-danger-sm:hover[b-en8x7eb54r] {
    background: rgba(220, 53, 69, 0.07);
}

.btn-run[b-en8x7eb54r] {
    background: var(--qsa-gold);
    color: #1C1A17;
    border: none;
    border-radius: 4px;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: 0.03em;
    transition: opacity 0.15s;
    font-family: inherit;
}

.btn-run:hover[b-en8x7eb54r] { opacity: 0.88; }
.btn-run:disabled[b-en8x7eb54r] { opacity: 0.4; cursor: default; }

.btn-add[b-en8x7eb54r] {
    background: transparent;
    color: var(--qsa-primary);
    border: 1px dashed rgba(74, 107, 130, 0.5);
    border-radius: 4px;
    padding: 0.25rem 0.6rem;
    font-size: 0.78rem;
    cursor: pointer;
    transition: background 0.15s;
    font-family: inherit;
}

.btn-add:hover[b-en8x7eb54r] {
    background: rgba(74, 107, 130, 0.07);
}

.btn-remove[b-en8x7eb54r] {
    background: transparent;
    color: var(--qsa-text-secondary);
    border: none;
    padding: 0.2rem 0.35rem;
    font-size: 0.82rem;
    cursor: pointer;
    border-radius: 4px;
    font-family: inherit;
    white-space: nowrap;
    transition: color 0.15s;
}

.btn-remove:hover[b-en8x7eb54r] {
    color: var(--qsa-error);
}

/* ── Detail (read-only) view ──────────────────────────────────────────────── */
.detail-view[b-en8x7eb54r] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.detail-row[b-en8x7eb54r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.detail-label[b-en8x7eb54r] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--qsa-text-secondary);
    width: 110px;
    flex-shrink: 0;
}

.detail-section[b-en8x7eb54r] {
    margin-top: 0.5rem;
}

.detail-section-title[b-en8x7eb54r] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--qsa-text-secondary);
    margin-bottom: 0.5rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid var(--qsa-border);
}

.params-summary[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.param-summary-row[b-en8x7eb54r] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0.82rem;
}

.param-summary-name[b-en8x7eb54r] {
    font-weight: 600;
    color: var(--qsa-text);
}

.param-summary-type[b-en8x7eb54r] {
    font-size: 0.72rem;
    background: rgba(154, 154, 152, 0.12);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    color: var(--qsa-text-secondary);
}

.param-summary-desc[b-en8x7eb54r] {
    color: var(--qsa-text-secondary);
    font-size: 0.78rem;
    font-style: italic;
}

.required-tag[b-en8x7eb54r] {
    font-size: 0.68rem;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    background: rgba(220, 53, 69, 0.08);
    color: var(--qsa-error);
    font-weight: 600;
    text-transform: uppercase;
}

.default-tag[b-en8x7eb54r] {
    font-size: 0.72rem;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    background: rgba(74, 107, 130, 0.07);
    color: var(--qsa-primary);
    font-family: 'Courier New', monospace;
}

.optional-tag[b-en8x7eb54r] {
    font-size: 0.68rem;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    background: rgba(154, 154, 152, 0.12);
    color: var(--qsa-text-secondary);
    font-weight: 600;
}

.step-summary-card[b-en8x7eb54r] {
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--qsa-border);
    border-radius: 5px;
    margin-bottom: 0.4rem;
    background: var(--qsa-background);
}

.step-summary-header[b-en8x7eb54r] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.step-summary-order[b-en8x7eb54r] {
    font-size: 0.72rem;
    background: var(--qsa-primary);
    color: #fff;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    font-weight: 700;
}

.step-summary-name[b-en8x7eb54r] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--qsa-text);
}

.step-summary-agent[b-en8x7eb54r] {
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
    font-style: italic;
}

.step-summary-intent[b-en8x7eb54r] {
    margin: 0.35rem 0 0;
    font-size: 0.78rem;
    color: var(--qsa-text-secondary);
}

/* ── Run dialog ───────────────────────────────────────────────────────────── */
.run-dialog-body[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.run-desc[b-en8x7eb54r] {
    margin: 0;
    font-size: 0.85rem;
}

.run-params[b-en8x7eb54r] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.run-status[b-en8x7eb54r] {
    padding: 0.5rem 0.75rem;
    border-radius: 4px;
    font-size: 0.82rem;
    margin-top: 0.25rem;
}

.run-status-ok[b-en8x7eb54r] {
    background: rgba(40, 167, 69, 0.08);
    border: 1px solid rgba(40, 167, 69, 0.25);
    color: var(--qsa-success);
}

.run-status-error[b-en8x7eb54r] {
    background: rgba(220, 53, 69, 0.08);
    border: 1px solid rgba(220, 53, 69, 0.25);
    color: var(--qsa-error);
}

/* ── Delete dialog ────────────────────────────────────────────────────────── */
.dialog-warn[b-en8x7eb54r] {
    font-size: 0.82rem;
    color: var(--qsa-error);
    margin-top: 0.25rem;
}

/* ── Misc ─────────────────────────────────────────────────────────────────── */
.no-selection[b-en8x7eb54r],
.empty-state[b-en8x7eb54r] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-text-secondary);
    font-size: 0.85rem;
}

.no-items-hint[b-en8x7eb54r] {
    font-size: 0.78rem;
    color: var(--qsa-text-secondary);
    font-style: italic;
    margin: 0;
}

.required[b-en8x7eb54r] {
    color: var(--qsa-error);
    font-weight: 700;
}

.param-hint[b-en8x7eb54r] {
    font-weight: 400;
    font-style: italic;
    color: var(--qsa-text-secondary);
    font-size: 0.75rem;
}
/* /Components/Pages/Trading/BracketTrade.razor.rz.scp.css */
/* Bracket Trade Page Layout */
.bracket-trade-page[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Section Divider */
.section-divider[b-hgpjrt7e8v] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Common Section Styles */
.section-title[b-hgpjrt7e8v] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

/* Section Backgrounds */
.accounts-section[b-hgpjrt7e8v],
.trade-entry-section[b-hgpjrt7e8v],
.summary-section[b-hgpjrt7e8v] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-header h3[b-hgpjrt7e8v] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.section-title-inline[b-hgpjrt7e8v] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

/* Trade Entry Grid */
.trade-entry-grid[b-hgpjrt7e8v] {
    display: grid;
    grid-template-columns: 280px 1px 1fr 1px 300px;
    column-gap: 1.5rem;
}

.trade-col[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-col[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.col-divider[b-hgpjrt7e8v] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

/* Field Groups */
.field-group[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-hgpjrt7e8v] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-group label.profit-label[b-hgpjrt7e8v] {
    color: #28a745;
}

.field-group label.loss-label[b-hgpjrt7e8v] {
    color: #dc3545;
}

.field-input[b-hgpjrt7e8v] {
    width: 100%;
}

.symbol-input[b-hgpjrt7e8v] {
    text-transform: uppercase;
}

/* Price Controls */
.price-control[b-hgpjrt7e8v] {
    display: flex;
    align-items: stretch;
    background: var(--qsa-background);
    border-radius: 4px;
    border: 1px solid var(--qsa-border);
    overflow: hidden;
}

.price-control.profit[b-hgpjrt7e8v] {
    border-color: rgba(40, 167, 69, 0.5);
}

.price-control.loss[b-hgpjrt7e8v] {
    border-color: rgba(220, 53, 69, 0.5);
}

.qty-btn[b-hgpjrt7e8v] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-text);
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-hgpjrt7e8v] {
    background: var(--qsa-silver);
}

.sync-price-btn[b-hgpjrt7e8v] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--qsa-border);
}

.sync-price-btn:hover:not(:disabled)[b-hgpjrt7e8v] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.sync-price-btn:disabled[b-hgpjrt7e8v] {
    opacity: 0.4;
    cursor: not-allowed;
}

.price-input[b-hgpjrt7e8v] {
    flex: 1;
    min-width: 60px;
}

.price-input input[b-hgpjrt7e8v] {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

.price-hint[b-hgpjrt7e8v] {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.25rem;
}

.price-hint.profit[b-hgpjrt7e8v] {
    color: #28a745;
}

.price-hint.loss[b-hgpjrt7e8v] {
    color: #dc3545;
}

/* Bracket Presets */
.bracket-presets[b-hgpjrt7e8v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--qsa-border);
}

.preset-label[b-hgpjrt7e8v] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.preset-btn[b-hgpjrt7e8v] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    color: var(--qsa-text);
    cursor: pointer;
    transition: all 0.15s;
}

.preset-btn:hover[b-hgpjrt7e8v] {
    border-color: var(--qsa-gold);
    color: var(--qsa-gold);
}

/* Quote Card */
.quote-card[b-hgpjrt7e8v] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    border-left: 3px solid var(--qsa-silver);
}

.quote-card.positive[b-hgpjrt7e8v] {
    border-left-color: #28a745;
}

.quote-card.negative[b-hgpjrt7e8v] {
    border-left-color: #dc3545;
}

.quote-card.loading[b-hgpjrt7e8v],
.quote-card.empty[b-hgpjrt7e8v] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-text[b-hgpjrt7e8v],
.empty-text[b-hgpjrt7e8v] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

.quote-header[b-hgpjrt7e8v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.ticker-logo[b-hgpjrt7e8v] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: contain;
    background: white;
    padding: 2px;
}

.ticker-logo-placeholder[b-hgpjrt7e8v] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--qsa-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-silver);
}

.quote-title[b-hgpjrt7e8v] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.quote-symbol[b-hgpjrt7e8v] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-name[b-hgpjrt7e8v] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-price-row[b-hgpjrt7e8v] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price[b-hgpjrt7e8v] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.price-change[b-hgpjrt7e8v] {
    font-size: 0.85rem;
    font-weight: 600;
}

.price-change.positive[b-hgpjrt7e8v] {
    color: #28a745;
}

.price-change.negative[b-hgpjrt7e8v] {
    color: #dc3545;
}

.price-change.neutral[b-hgpjrt7e8v] {
    color: var(--qsa-silver);
}

.quote-details[b-hgpjrt7e8v] {
    display: flex;
    gap: 1.5rem;
}

.quote-row[b-hgpjrt7e8v] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.qlabel[b-hgpjrt7e8v] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.qvalue[b-hgpjrt7e8v] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

/* Accounts Grid */
.accounts-grid[b-hgpjrt7e8v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.account-card[b-hgpjrt7e8v] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border: 2px solid var(--qsa-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.account-card:hover[b-hgpjrt7e8v] {
    border-color: var(--qsa-silver);
}

.account-card.selected[b-hgpjrt7e8v] {
    border-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.account-select-indicator[b-hgpjrt7e8v] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
}

.account-card.selected .account-select-indicator[b-hgpjrt7e8v] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.account-info[b-hgpjrt7e8v] {
    flex: 1;
    min-width: 0;
}

.account-name[b-hgpjrt7e8v] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.9rem;
}

.account-details[b-hgpjrt7e8v] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.account-cash[b-hgpjrt7e8v] {
    color: var(--qsa-gold);
    font-weight: 500;
}

/* Summary Section */
.summary-actions[b-hgpjrt7e8v] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-hgpjrt7e8v] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

/* Bracket Summary */
.bracket-summary[b-hgpjrt7e8v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.bracket-visual[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 8px;
}

.bracket-level[b-hgpjrt7e8v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    border-left: 4px solid;
}

.bracket-level.profit[b-hgpjrt7e8v] {
    border-left-color: #28a745;
    background: rgba(40, 167, 69, 0.1);
}

.bracket-level.entry[b-hgpjrt7e8v] {
    border-left-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.bracket-level.loss[b-hgpjrt7e8v] {
    border-left-color: #dc3545;
    background: rgba(220, 53, 69, 0.1);
}

.level-label[b-hgpjrt7e8v] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
}

.level-price[b-hgpjrt7e8v] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.level-pct[b-hgpjrt7e8v] {
    font-size: 0.85rem;
    font-weight: 600;
}

.level-pct.profit[b-hgpjrt7e8v] {
    color: #28a745;
}

.level-pct.loss[b-hgpjrt7e8v] {
    color: #dc3545;
}

.level-action[b-hgpjrt7e8v] {
    font-size: 0.85rem;
    color: var(--qsa-gold);
    font-weight: 500;
}

.bracket-stats[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stat-row[b-hgpjrt7e8v] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
}

.stat-row:last-child[b-hgpjrt7e8v] {
    border-bottom: none;
}

.stat-label[b-hgpjrt7e8v] {
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.stat-value[b-hgpjrt7e8v] {
    font-weight: 600;
    color: var(--qsa-text);
}

.stat-value.profit[b-hgpjrt7e8v] {
    color: #28a745;
}

.stat-value.loss[b-hgpjrt7e8v] {
    color: #dc3545;
}

/* Messages */
.page-error-message[b-hgpjrt7e8v],
.page-success-message[b-hgpjrt7e8v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.page-error-message[b-hgpjrt7e8v] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #dc3545;
}

.page-success-message[b-hgpjrt7e8v] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.dismiss-btn[b-hgpjrt7e8v] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.dismiss-btn:hover[b-hgpjrt7e8v] {
    opacity: 1;
}

.page-error-message .dismiss-btn[b-hgpjrt7e8v] {
    color: #dc3545;
}

.page-success-message .dismiss-btn[b-hgpjrt7e8v] {
    color: #28a745;
}

/* Confirmation Dialog */
.confirm-content[b-hgpjrt7e8v] {
    padding: 0.5rem 0;
}

.confirm-summary[b-hgpjrt7e8v] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-summary.buy[b-hgpjrt7e8v] {
    color: #28a745;
    border-left: 4px solid #28a745;
}

.confirm-summary.sell_short[b-hgpjrt7e8v] {
    color: #dc3545;
    border-left: 4px solid #dc3545;
}

.confirm-bracket[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-bracket-row[b-hgpjrt7e8v] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    border-radius: 4px;
}

.confirm-bracket-row.profit[b-hgpjrt7e8v] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.confirm-bracket-row.entry[b-hgpjrt7e8v] {
    background: rgba(212, 175, 55, 0.1);
    color: var(--qsa-gold);
}

.confirm-bracket-row.loss[b-hgpjrt7e8v] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.confirm-bracket-row .label[b-hgpjrt7e8v] {
    font-weight: 500;
}

.confirm-bracket-row .value[b-hgpjrt7e8v] {
    font-weight: 600;
}

.confirm-details[b-hgpjrt7e8v] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.confirm-row[b-hgpjrt7e8v] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-background);
}

.confirm-row .label[b-hgpjrt7e8v] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-hgpjrt7e8v] {
    font-weight: 500;
    color: var(--qsa-text);
}

.confirm-accounts-list[b-hgpjrt7e8v] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-accounts-list h4[b-hgpjrt7e8v] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.confirm-account-row[b-hgpjrt7e8v] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.confirm-account-row:last-child[b-hgpjrt7e8v] {
    border-bottom: none;
}

.confirm-account-row .account-name[b-hgpjrt7e8v] {
    color: var(--qsa-text);
    font-weight: 500;
}

.confirm-account-row .account-qty[b-hgpjrt7e8v] {
    color: var(--qsa-gold);
    font-weight: 600;
}

.warning-box[b-hgpjrt7e8v] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .trade-entry-grid[b-hgpjrt7e8v] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-hgpjrt7e8v] {
        display: none;
    }

    .quote-col[b-hgpjrt7e8v] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .bracket-summary[b-hgpjrt7e8v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .bracket-trade-page[b-hgpjrt7e8v] {
        padding: 0.5rem;
    }

    .trade-entry-grid[b-hgpjrt7e8v] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .accounts-grid[b-hgpjrt7e8v] {
        grid-template-columns: 1fr;
    }

    .summary-actions[b-hgpjrt7e8v] {
        flex-direction: column;
        width: 100%;
    }

    .summary-actions button[b-hgpjrt7e8v] {
        width: 100%;
    }
}
/* /Components/Pages/Trading/BulkBracketTrade.razor.rz.scp.css */
/* Bulk Bracket Trade Page Layout */
.bulk-bracket-trade-page[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Section Divider */
.section-divider[b-06650dqutk] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Common Section Styles */
.section-title[b-06650dqutk] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

/* Section Backgrounds */
.accounts-section[b-06650dqutk],
.trade-entry-section[b-06650dqutk],
.summary-section[b-06650dqutk] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-header h3[b-06650dqutk] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.section-title-inline[b-06650dqutk] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

/* Trade Entry Grid */
.trade-entry-grid[b-06650dqutk] {
    display: grid;
    grid-template-columns: 280px 1px 1fr 1px 300px;
    column-gap: 1.5rem;
}

.trade-col[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-col[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.col-divider[b-06650dqutk] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

/* Field Groups */
.field-group[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-06650dqutk] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-group label.profit-label[b-06650dqutk] {
    color: #28a745;
}

.field-group label.loss-label[b-06650dqutk] {
    color: #dc3545;
}

.field-input[b-06650dqutk] {
    width: 100%;
}

.symbol-input[b-06650dqutk] {
    text-transform: uppercase;
}

/* Price Controls */
.price-control[b-06650dqutk] {
    display: flex;
    align-items: stretch;
    background: var(--qsa-background);
    border-radius: 4px;
    border: 1px solid var(--qsa-border);
    overflow: hidden;
}

.price-control.profit[b-06650dqutk] {
    border-color: rgba(40, 167, 69, 0.5);
}

.price-control.loss[b-06650dqutk] {
    border-color: rgba(220, 53, 69, 0.5);
}

.qty-btn[b-06650dqutk] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-text);
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-06650dqutk] {
    background: var(--qsa-silver);
}

.sync-price-btn[b-06650dqutk] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--qsa-border);
}

.sync-price-btn:hover:not(:disabled)[b-06650dqutk] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.sync-price-btn:disabled[b-06650dqutk] {
    opacity: 0.4;
    cursor: not-allowed;
}

.price-input[b-06650dqutk] {
    flex: 1;
    min-width: 60px;
}

.price-input input[b-06650dqutk] {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

.price-hint[b-06650dqutk] {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.25rem;
}

.price-hint.profit[b-06650dqutk] {
    color: #28a745;
}

.price-hint.loss[b-06650dqutk] {
    color: #dc3545;
}

/* Bracket Presets */
.bracket-presets[b-06650dqutk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--qsa-border);
}

.preset-label[b-06650dqutk] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.preset-btn[b-06650dqutk] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    color: var(--qsa-text);
    cursor: pointer;
    transition: all 0.15s;
}

.preset-btn:hover[b-06650dqutk] {
    border-color: var(--qsa-gold);
    color: var(--qsa-gold);
}

/* Quote Card */
.quote-card[b-06650dqutk] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    border-left: 3px solid var(--qsa-silver);
}

.quote-card.positive[b-06650dqutk] {
    border-left-color: #28a745;
}

.quote-card.negative[b-06650dqutk] {
    border-left-color: #dc3545;
}

.quote-card.loading[b-06650dqutk],
.quote-card.empty[b-06650dqutk] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-text[b-06650dqutk],
.empty-text[b-06650dqutk] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

.quote-header[b-06650dqutk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.ticker-logo[b-06650dqutk] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: contain;
    background: white;
    padding: 2px;
}

.ticker-logo-placeholder[b-06650dqutk] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--qsa-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-silver);
}

.quote-title[b-06650dqutk] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.quote-symbol[b-06650dqutk] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-name[b-06650dqutk] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-price-row[b-06650dqutk] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price[b-06650dqutk] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.price-change[b-06650dqutk] {
    font-size: 0.85rem;
    font-weight: 600;
}

.price-change.positive[b-06650dqutk] {
    color: #28a745;
}

.price-change.negative[b-06650dqutk] {
    color: #dc3545;
}

.price-change.neutral[b-06650dqutk] {
    color: var(--qsa-silver);
}

.quote-details[b-06650dqutk] {
    display: flex;
    gap: 1.5rem;
}

.quote-row[b-06650dqutk] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.qlabel[b-06650dqutk] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.qvalue[b-06650dqutk] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

/* Accounts Grid */
.accounts-grid[b-06650dqutk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.account-card[b-06650dqutk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border: 2px solid var(--qsa-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.account-card:hover[b-06650dqutk] {
    border-color: var(--qsa-silver);
}

.account-card.selected[b-06650dqutk] {
    border-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.account-select-indicator[b-06650dqutk] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
}

.account-card.selected .account-select-indicator[b-06650dqutk] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.account-info[b-06650dqutk] {
    flex: 1;
    min-width: 0;
}

.account-name[b-06650dqutk] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.9rem;
}

.account-details[b-06650dqutk] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.account-cash[b-06650dqutk] {
    color: var(--qsa-gold);
    font-weight: 500;
}

/* Summary Section */
.summary-actions[b-06650dqutk] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-06650dqutk] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

/* Bracket Summary */
.bracket-summary[b-06650dqutk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.bracket-visual[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 8px;
}

.bracket-level[b-06650dqutk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    border-left: 4px solid;
}

.bracket-level.profit[b-06650dqutk] {
    border-left-color: #28a745;
    background: rgba(40, 167, 69, 0.1);
}

.bracket-level.entry[b-06650dqutk] {
    border-left-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.bracket-level.loss[b-06650dqutk] {
    border-left-color: #dc3545;
    background: rgba(220, 53, 69, 0.1);
}

.level-label[b-06650dqutk] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
}

.level-price[b-06650dqutk] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.level-pct[b-06650dqutk] {
    font-size: 0.85rem;
    font-weight: 600;
}

.level-pct.profit[b-06650dqutk] {
    color: #28a745;
}

.level-pct.loss[b-06650dqutk] {
    color: #dc3545;
}

.level-action[b-06650dqutk] {
    font-size: 0.85rem;
    color: var(--qsa-gold);
    font-weight: 500;
}

.bracket-stats[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stat-row[b-06650dqutk] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
}

.stat-row:last-child[b-06650dqutk] {
    border-bottom: none;
}

.stat-label[b-06650dqutk] {
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.stat-value[b-06650dqutk] {
    font-weight: 600;
    color: var(--qsa-text);
}

.stat-value.profit[b-06650dqutk] {
    color: #28a745;
}

.stat-value.loss[b-06650dqutk] {
    color: #dc3545;
}

/* Messages */
.page-error-message[b-06650dqutk],
.page-success-message[b-06650dqutk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.page-error-message[b-06650dqutk] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #dc3545;
}

.page-success-message[b-06650dqutk] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.dismiss-btn[b-06650dqutk] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.dismiss-btn:hover[b-06650dqutk] {
    opacity: 1;
}

.page-error-message .dismiss-btn[b-06650dqutk] {
    color: #dc3545;
}

.page-success-message .dismiss-btn[b-06650dqutk] {
    color: #28a745;
}

/* Confirmation Dialog */
.confirm-content[b-06650dqutk] {
    padding: 0.5rem 0;
}

.confirm-summary[b-06650dqutk] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-summary.buy[b-06650dqutk] {
    color: #28a745;
    border-left: 4px solid #28a745;
}

.confirm-summary.sell_short[b-06650dqutk] {
    color: #dc3545;
    border-left: 4px solid #dc3545;
}

.confirm-bracket[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-bracket-row[b-06650dqutk] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    border-radius: 4px;
}

.confirm-bracket-row.profit[b-06650dqutk] {
    background: rgba(40, 167, 69, 0.1);
    color: #28a745;
}

.confirm-bracket-row.entry[b-06650dqutk] {
    background: rgba(212, 175, 55, 0.1);
    color: var(--qsa-gold);
}

.confirm-bracket-row.loss[b-06650dqutk] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.confirm-bracket-row .label[b-06650dqutk] {
    font-weight: 500;
}

.confirm-bracket-row .value[b-06650dqutk] {
    font-weight: 600;
}

.confirm-details[b-06650dqutk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.confirm-row[b-06650dqutk] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-background);
}

.confirm-row .label[b-06650dqutk] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-06650dqutk] {
    font-weight: 500;
    color: var(--qsa-text);
}

.confirm-accounts-list[b-06650dqutk] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-accounts-list h4[b-06650dqutk] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.confirm-account-row[b-06650dqutk] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.confirm-account-row:last-child[b-06650dqutk] {
    border-bottom: none;
}

.confirm-account-row .account-name[b-06650dqutk] {
    color: var(--qsa-text);
    font-weight: 500;
}

.confirm-account-row .account-qty[b-06650dqutk] {
    color: var(--qsa-gold);
    font-weight: 600;
}

.warning-box[b-06650dqutk] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .trade-entry-grid[b-06650dqutk] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-06650dqutk] {
        display: none;
    }

    .quote-col[b-06650dqutk] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .bracket-summary[b-06650dqutk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .bracket-trade-page[b-06650dqutk] {
        padding: 0.5rem;
    }

    .trade-entry-grid[b-06650dqutk] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .accounts-grid[b-06650dqutk] {
        grid-template-columns: 1fr;
    }

    .summary-actions[b-06650dqutk] {
        flex-direction: column;
        width: 100%;
    }

    .summary-actions button[b-06650dqutk] {
        width: 100%;
    }
}
/* /Components/Pages/Trading/BulkTrade.razor.rz.scp.css */
/* Bulk Trade Page Layout */
.bulk-trade-page[b-clwddjczp8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Section Divider */
.section-divider[b-clwddjczp8] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Common Section Styles */
.section-title[b-clwddjczp8] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

/* Section 1: Accounts Selection */
.accounts-section[b-clwddjczp8] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-title-inline[b-clwddjczp8] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.accounts-grid[b-clwddjczp8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.account-card[b-clwddjczp8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border: 2px solid var(--qsa-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.account-card:hover[b-clwddjczp8] {
    border-color: var(--qsa-silver);
}

.account-card.selected[b-clwddjczp8] {
    border-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.account-select-indicator[b-clwddjczp8] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
}

.account-card.selected .account-select-indicator[b-clwddjczp8] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.account-info[b-clwddjczp8] {
    flex: 1;
    min-width: 0;
}

.account-name[b-clwddjczp8] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-details[b-clwddjczp8] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.account-cash[b-clwddjczp8] {
    color: var(--qsa-gold);
    font-weight: 500;
}

.account-bp[b-clwddjczp8] {
    color: var(--qsa-silver);
    font-weight: 500;
}

.account-options[b-clwddjczp8] {
    color: #dc3545;
    font-weight: 500;
    font-size: 0.7rem;
}

/* Section 2: Trade Entry */
.trade-entry-section[b-clwddjczp8] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

.trade-entry-grid[b-clwddjczp8] {
    display: grid;
    grid-template-columns: 280px 1px 1fr 1px 280px;
    column-gap: 1.5rem;
}

.trade-col[b-clwddjczp8] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-col[b-clwddjczp8] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Column Dividers */
.col-divider[b-clwddjczp8] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

/* Field Groups */
.field-group[b-clwddjczp8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-clwddjczp8] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-input[b-clwddjczp8] {
    width: 100%;
}

.static-field[b-clwddjczp8] {
    padding: 0.5rem 0.75rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    color: var(--qsa-text);
    font-size: 0.9rem;
}

.checkbox-group[b-clwddjczp8] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--qsa-border);
}

.checkbox-group .e-checkbox-wrapper[b-clwddjczp8] {
    margin-bottom: 0.25rem;
}

.field-hint[b-clwddjczp8] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    opacity: 0.8;
    margin-top: 0.25rem;
}

.symbol-input[b-clwddjczp8] {
    text-transform: uppercase;
}

/* Price Controls */
.price-control[b-clwddjczp8] {
    display: flex;
    align-items: stretch;
    background: var(--qsa-background);
    border-radius: 4px;
    border: 1px solid var(--qsa-border);
    overflow: hidden;
}

.qty-btn[b-clwddjczp8] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-text);
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-clwddjczp8] {
    background: var(--qsa-border);
}

.sync-price-btn[b-clwddjczp8] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--qsa-border);
}

.sync-price-btn:hover:not(:disabled)[b-clwddjczp8] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.sync-price-btn:disabled[b-clwddjczp8] {
    opacity: 0.4;
    cursor: not-allowed;
}

.price-input[b-clwddjczp8] {
    flex: 1;
    min-width: 60px;
}

.price-input input[b-clwddjczp8] {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

/* Quote Card */
.quote-card[b-clwddjczp8] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    border-left: 3px solid var(--qsa-silver);
}

.quote-card.positive[b-clwddjczp8] {
    border-left-color: #28a745;
}

.quote-card.negative[b-clwddjczp8] {
    border-left-color: #dc3545;
}

.quote-card.loading[b-clwddjczp8],
.quote-card.empty[b-clwddjczp8] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-text[b-clwddjczp8],
.empty-text[b-clwddjczp8] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

.quote-header[b-clwddjczp8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.ticker-logo[b-clwddjczp8] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: contain;
    background: white;
    padding: 2px;
}

.ticker-logo-placeholder[b-clwddjczp8] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--qsa-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-silver);
}

.quote-title[b-clwddjczp8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.quote-symbol[b-clwddjczp8] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-name[b-clwddjczp8] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-price-row[b-clwddjczp8] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price[b-clwddjczp8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.price-change[b-clwddjczp8] {
    font-size: 0.85rem;
    font-weight: 600;
}

.price-change.positive[b-clwddjczp8] {
    color: #28a745;
}

.price-change.negative[b-clwddjczp8] {
    color: #dc3545;
}

.price-change.neutral[b-clwddjczp8] {
    color: var(--qsa-silver);
}

.quote-details[b-clwddjczp8] {
    display: flex;
    gap: 1.5rem;
}

.quote-row[b-clwddjczp8] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.qlabel[b-clwddjczp8] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.qvalue[b-clwddjczp8] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

/* Section 3: Summary */
.summary-section[b-clwddjczp8] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-header h3[b-clwddjczp8] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.summary-actions[b-clwddjczp8] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-clwddjczp8] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

.qty-value[b-clwddjczp8] {
    font-weight: 600;
    color: var(--qsa-gold);
}

.qty-value.sell[b-clwddjczp8] {
    color: #dc3545;
}

.account-shares[b-clwddjczp8] {
    color: var(--qsa-gold);
    font-weight: 500;
}

.account-cost-basis[b-clwddjczp8] {
    color: var(--qsa-silver);
    font-size: 0.85em;
}

.account-qty.sell[b-clwddjczp8] {
    color: #dc3545;
}

.total-value.sell[b-clwddjczp8] {
    color: #dc3545;
}

.summary-totals[b-clwddjczp8] {
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--qsa-border);
    justify-content: flex-end;
}

.total-row[b-clwddjczp8] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.total-label[b-clwddjczp8] {
    font-size: 0.8rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.total-value[b-clwddjczp8] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

/* Page-level Error/Info Message */
.page-error-message[b-clwddjczp8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.9rem;
}

.page-error-message .dismiss-btn[b-clwddjczp8] {
    background: none;
    border: none;
    color: #dc3545;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.page-error-message .dismiss-btn:hover[b-clwddjczp8] {
    opacity: 1;
}

/* Confirmation Dialog */
.confirm-content[b-clwddjczp8] {
    padding: 0.5rem 0;
}

.confirm-summary[b-clwddjczp8] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-summary.buy[b-clwddjczp8],
.confirm-summary.buy_to_cover[b-clwddjczp8] {
    color: #28a745;
    border-left: 4px solid #28a745;
}

.confirm-summary.sell[b-clwddjczp8],
.confirm-summary.sell_short[b-clwddjczp8] {
    color: #dc3545;
    border-left: 4px solid #dc3545;
}

.confirm-details[b-clwddjczp8] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.confirm-row[b-clwddjczp8] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-background);
}

.confirm-row:last-child[b-clwddjczp8] {
    border-bottom: none;
}

.confirm-row .label[b-clwddjczp8] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-clwddjczp8] {
    font-weight: 500;
    color: var(--qsa-text);
}

.confirm-accounts-list[b-clwddjczp8] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-accounts-list h4[b-clwddjczp8] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.confirm-account-row[b-clwddjczp8] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.confirm-account-row:last-child[b-clwddjczp8] {
    border-bottom: none;
}

.confirm-account-row .account-name[b-clwddjczp8] {
    color: var(--qsa-text);
    font-weight: 500;
}

.confirm-account-row .account-qty[b-clwddjczp8] {
    color: var(--qsa-gold);
    font-weight: 600;
}

.confirm-account-row .account-cost[b-clwddjczp8] {
    color: var(--qsa-silver);
}

.warning-box[b-clwddjczp8] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .trade-entry-grid[b-clwddjczp8] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-clwddjczp8] {
        display: none;
    }

    .quote-col[b-clwddjczp8] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 768px) {
    .bulk-trade-page[b-clwddjczp8] {
        padding: 0.5rem;
    }

    .trade-entry-grid[b-clwddjczp8] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .accounts-grid[b-clwddjczp8] {
        grid-template-columns: 1fr;
    }

    .summary-totals[b-clwddjczp8] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-end;
    }

    .summary-actions[b-clwddjczp8] {
        flex-direction: column;
        width: 100%;
    }

    .summary-actions button[b-clwddjczp8] {
        width: 100%;
    }
}
/* /Components/Pages/Trading/EarningsImpact.razor.rz.scp.css */
.earnings-impact-page[b-s2zaej5boc] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 1.5rem;
}

.page-header h1[b-s2zaej5boc] { margin: 0; font-size: 1.3rem; color: #1C1A17; }
.page-description[b-s2zaej5boc] { margin: 0.25rem 0 1rem; font-size: 0.8rem; color: #9A9A98; }

.controls-row[b-s2zaej5boc] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.control-group label[b-s2zaej5boc] {
    display: block;
    font-size: 0.7rem;
    color: #9A9A98;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.2rem;
}

.control-group select[b-s2zaej5boc],
.control-group input[type="text"][b-s2zaej5boc] {
    padding: 0.4rem 0.5rem;
    border: 1px solid #e8e6e1;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #1C1A17;
    background: #FAFAF9;
}

.control-group select[b-s2zaej5boc] { min-width: 300px; }

.control-group select:focus[b-s2zaej5boc],
.control-group input:focus[b-s2zaej5boc] {
    border-color: #4A6B82;
    outline: none;
}

.ticker-input-row[b-s2zaej5boc] {
    display: flex;
    gap: 0.4rem;
}

.ticker-input-row input[b-s2zaej5boc] { width: 100px; text-transform: uppercase; }

.btn-primary[b-s2zaej5boc] {
    padding: 0.45rem 1rem;
    background: #4A6B82;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8rem;
    white-space: nowrap;
}
.btn-primary:hover[b-s2zaej5boc] { background: #3a5a6f; }
.btn-primary:disabled[b-s2zaej5boc] { opacity: 0.5; cursor: not-allowed; }

.universe-checkboxes[b-s2zaej5boc] {
    margin-bottom: 1rem;
}

.section-label[b-s2zaej5boc] {
    display: block;
    font-size: 0.7rem;
    color: #9A9A98;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.4rem;
}

.checkbox-row[b-s2zaej5boc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.checkbox-item[b-s2zaej5boc] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.8rem;
    color: #1C1A17;
    cursor: pointer;
}

.checkbox-item input[type="checkbox"][b-s2zaej5boc] {
    accent-color: #4A6B82;
    cursor: pointer;
}

.loading[b-s2zaej5boc] {
    padding: 1rem;
    text-align: center;
    color: #9A9A98;
    font-size: 0.85rem;
}

.summary-bar[b-s2zaej5boc] {
    display: flex;
    gap: 1.5rem;
    padding: 0.5rem 0.75rem;
    background: #F7F5F0;
    border: 1px solid #e8e6e1;
    border-radius: 6px;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    color: #1C1A17;
    flex-wrap: wrap;
}

.summary-item.gainers[b-s2zaej5boc] { color: #28a745; }
.summary-item.losers[b-s2zaej5boc] { color: #dc3545; }

.source-ticker-impact[b-s2zaej5boc] {
    padding: 0.5rem 0.75rem;
    background: rgba(74, 107, 130, 0.06);
    border: 1px solid rgba(74, 107, 130, 0.2);
    border-radius: 6px;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
}

.impact-table[b-s2zaej5boc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.impact-table thead[b-s2zaej5boc] { background: #F7F5F0; }

.impact-table th[b-s2zaej5boc] {
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-weight: 600;
    color: #1C1A17;
    border-bottom: 2px solid #e8e6e1;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.impact-table th:hover[b-s2zaej5boc] { color: #4A6B82; }

.impact-table td[b-s2zaej5boc] {
    padding: 0.4rem 0.75rem;
    border-bottom: 1px solid #f0ede8;
    color: #1C1A17;
}

.impact-table tbody tr:hover[b-s2zaej5boc] { background: rgba(74, 107, 130, 0.04); }

.col-ticker[b-s2zaej5boc] { font-weight: 600; font-family: monospace; width: 80px; }
.col-universe[b-s2zaej5boc] { font-size: 0.8rem; color: #9A9A98; width: 180px; }
.col-price[b-s2zaej5boc] { text-align: right; width: 100px; }
.col-impact[b-s2zaej5boc] { text-align: right; width: 100px; font-weight: 600; }
.col-impact.up[b-s2zaej5boc] { color: #28a745; }
.col-impact.down[b-s2zaej5boc] { color: #dc3545; }
.up[b-s2zaej5boc] { color: #28a745; }
.down[b-s2zaej5boc] { color: #dc3545; }
/* /Components/Pages/Trading/GroupLimitTrade.razor.rz.scp.css */
/* Group Limit Trade Page - Following QSA Brand Guidelines
   Brand Colors:
   - Cream: #F7F5F0 (background)
   - Warm Black: #1C1A17 (text)
   - Steel Blue: #4A6B82 (accent/primary)
   - Steel Blue Light: #6A8BA2
   - Silver: #9A9A98 (secondary text)
   - White: #FFFFFF (surface/cards)
*/

.bulk-trade-page[b-jh3qhhejfa] {
    /* Brand-compliant colors */
    --qsa-background: #F7F5F0;
    --qsa-surface: #FFFFFF;
    --qsa-text: #1C1A17;
    --qsa-silver: #9A9A98;
    --qsa-primary: #4A6B82;
    --qsa-primary-light: #6A8BA2;
    --qsa-border: #e8e6e1;
    --qsa-gold: #D4AF37;

    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
    background: var(--qsa-background);
}

/* Section Divider */
.section-divider[b-jh3qhhejfa] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Common Section Styles */
.section-title[b-jh3qhhejfa] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

/* Section 1: Accounts Selection */
.accounts-section[b-jh3qhhejfa] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-title-inline[b-jh3qhhejfa] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.accounts-grid[b-jh3qhhejfa] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 0.75rem;
}

.account-card[b-jh3qhhejfa] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border: 2px solid var(--qsa-border);
    border-radius: 6px;
    transition: all 0.15s ease;
}

.account-card:hover[b-jh3qhhejfa] {
    border-color: var(--qsa-silver);
}

.account-card.selected[b-jh3qhhejfa] {
    border-color: var(--qsa-primary);
    background: rgba(74, 107, 130, 0.08);
}

.account-select-indicator[b-jh3qhhejfa] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--qsa-border);
    color: var(--qsa-primary);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s;
}

.account-select-indicator:hover[b-jh3qhhejfa] {
    background: #d8d6d1;
}

.account-card.selected .account-select-indicator[b-jh3qhhejfa] {
    background: var(--qsa-primary);
    color: white;
}

.account-info[b-jh3qhhejfa] {
    flex: 1;
    min-width: 0;
}

.account-name[b-jh3qhhejfa] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-details[b-jh3qhhejfa] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.account-cash[b-jh3qhhejfa] {
    color: var(--qsa-primary);
    font-weight: 500;
}

.account-bp[b-jh3qhhejfa] {
    color: var(--qsa-silver);
    font-weight: 500;
}

.account-options[b-jh3qhhejfa] {
    color: #dc3545;
    font-weight: 500;
    font-size: 0.7rem;
}

/* Shares Input Row - Group Limit Trade specific */
.shares-input-row[b-jh3qhhejfa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--qsa-border);
}

.shares-input-row label[b-jh3qhhejfa] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    min-width: 45px;
}

.shares-input-row[b-jh3qhhejfa]  .e-numerictextbox {
    width: 80px;
}

.shares-input-row[b-jh3qhhejfa]  .e-input-group {
    background: var(--qsa-surface);
    border-color: var(--qsa-border);
}

.shares-input-row[b-jh3qhhejfa]  input {
    text-align: center;
    font-weight: 600;
    color: var(--qsa-primary);
}

.max-hint[b-jh3qhhejfa] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    opacity: 0.8;
}

.amount-display[b-jh3qhhejfa] {
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: var(--qsa-text);
    font-weight: 500;
}

/* Section 2: Trade Entry */
.trade-entry-section[b-jh3qhhejfa] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

.trade-entry-grid[b-jh3qhhejfa] {
    display: grid;
    grid-template-columns: 280px 1px 1fr 1px 280px;
    column-gap: 1.5rem;
}

.trade-col[b-jh3qhhejfa] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-col[b-jh3qhhejfa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Column Dividers */
.col-divider[b-jh3qhhejfa] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

/* Field Groups */
.field-group[b-jh3qhhejfa] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-jh3qhhejfa] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-input[b-jh3qhhejfa] {
    width: 100%;
}

.static-field[b-jh3qhhejfa] {
    padding: 0.5rem 0.75rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    color: var(--qsa-text);
    font-size: 0.9rem;
}

.checkbox-group[b-jh3qhhejfa] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--qsa-border);
}

.checkbox-group .e-checkbox-wrapper[b-jh3qhhejfa] {
    margin-bottom: 0.25rem;
}

.field-hint[b-jh3qhhejfa] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    opacity: 0.8;
    margin-top: 0.25rem;
}

.symbol-input[b-jh3qhhejfa] {
    text-transform: uppercase;
}

/* Price Controls */
.price-control[b-jh3qhhejfa] {
    display: flex;
    align-items: stretch;
    background: var(--qsa-surface);
    border-radius: 4px;
    border: 1px solid var(--qsa-border);
    overflow: hidden;
}

.qty-btn[b-jh3qhhejfa] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-background);
    color: var(--qsa-text);
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-jh3qhhejfa] {
    background: var(--qsa-border);
}

.sync-price-btn[b-jh3qhhejfa] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-background);
    color: var(--qsa-primary);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--qsa-border);
}

.sync-price-btn:hover:not(:disabled)[b-jh3qhhejfa] {
    background: var(--qsa-primary);
    color: white;
}

.sync-price-btn:disabled[b-jh3qhhejfa] {
    opacity: 0.4;
    cursor: not-allowed;
}

.price-input[b-jh3qhhejfa] {
    flex: 1;
    min-width: 60px;
}

.price-input input[b-jh3qhhejfa] {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

/* Quote Card */
.quote-card[b-jh3qhhejfa] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    border-left: 3px solid var(--qsa-silver);
}

.quote-card.positive[b-jh3qhhejfa] {
    border-left-color: #28a745;
}

.quote-card.negative[b-jh3qhhejfa] {
    border-left-color: #dc3545;
}

.quote-card.loading[b-jh3qhhejfa],
.quote-card.empty[b-jh3qhhejfa] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-text[b-jh3qhhejfa],
.empty-text[b-jh3qhhejfa] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

.quote-header[b-jh3qhhejfa] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.ticker-logo[b-jh3qhhejfa] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: contain;
    background: white;
    padding: 2px;
}

.ticker-logo-placeholder[b-jh3qhhejfa] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--qsa-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-silver);
}

.quote-title[b-jh3qhhejfa] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.quote-symbol[b-jh3qhhejfa] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-name[b-jh3qhhejfa] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-price-row[b-jh3qhhejfa] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price[b-jh3qhhejfa] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.price-change[b-jh3qhhejfa] {
    font-size: 0.85rem;
    font-weight: 600;
}

.price-change.positive[b-jh3qhhejfa] {
    color: #28a745;
}

.price-change.negative[b-jh3qhhejfa] {
    color: #dc3545;
}

.price-change.neutral[b-jh3qhhejfa] {
    color: var(--qsa-silver);
}

.quote-details[b-jh3qhhejfa] {
    display: flex;
    gap: 1.5rem;
}

.quote-row[b-jh3qhhejfa] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.qlabel[b-jh3qhhejfa] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.qvalue[b-jh3qhhejfa] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

/* Section 3: Summary */
.summary-section[b-jh3qhhejfa] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-header h3[b-jh3qhhejfa] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.summary-actions[b-jh3qhhejfa] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-jh3qhhejfa] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

.qty-value[b-jh3qhhejfa] {
    font-weight: 600;
    color: var(--qsa-primary);
}

.qty-value.sell[b-jh3qhhejfa] {
    color: #dc3545;
}

.account-shares[b-jh3qhhejfa] {
    color: var(--qsa-primary);
    font-weight: 500;
}

.account-cost-basis[b-jh3qhhejfa] {
    color: var(--qsa-silver);
    font-size: 0.85em;
}

.account-qty.sell[b-jh3qhhejfa] {
    color: #dc3545;
}

.total-value.sell[b-jh3qhhejfa] {
    color: #dc3545;
}

.summary-totals[b-jh3qhhejfa] {
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--qsa-border);
    justify-content: flex-end;
}

.total-row[b-jh3qhhejfa] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.total-label[b-jh3qhhejfa] {
    font-size: 0.8rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.total-value[b-jh3qhhejfa] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

/* Page-level Error/Info Message */
.page-error-message[b-jh3qhhejfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.9rem;
}

.page-error-message .dismiss-btn[b-jh3qhhejfa] {
    background: none;
    border: none;
    color: #dc3545;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.page-error-message .dismiss-btn:hover[b-jh3qhhejfa] {
    opacity: 1;
}

/* Confirmation Dialog */
.confirm-content[b-jh3qhhejfa] {
    padding: 0.5rem 0;
}

.confirm-summary[b-jh3qhhejfa] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-summary.buy[b-jh3qhhejfa],
.confirm-summary.buy_to_cover[b-jh3qhhejfa] {
    color: #28a745;
    border-left: 4px solid #28a745;
}

.confirm-summary.sell[b-jh3qhhejfa],
.confirm-summary.sell_short[b-jh3qhhejfa] {
    color: #dc3545;
    border-left: 4px solid #dc3545;
}

.confirm-details[b-jh3qhhejfa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.confirm-row[b-jh3qhhejfa] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
}

.confirm-row:last-child[b-jh3qhhejfa] {
    border-bottom: none;
}

.confirm-row .label[b-jh3qhhejfa] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-jh3qhhejfa] {
    font-weight: 500;
    color: var(--qsa-text);
}

.confirm-accounts-list[b-jh3qhhejfa] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-accounts-list h4[b-jh3qhhejfa] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.confirm-account-row[b-jh3qhhejfa] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.confirm-account-row:last-child[b-jh3qhhejfa] {
    border-bottom: none;
}

.confirm-account-row .account-name[b-jh3qhhejfa] {
    color: var(--qsa-text);
    font-weight: 500;
}

.confirm-account-row .account-qty[b-jh3qhhejfa] {
    color: var(--qsa-primary);
    font-weight: 600;
}

.confirm-account-row .account-cost[b-jh3qhhejfa] {
    color: var(--qsa-silver);
}

.warning-box[b-jh3qhhejfa] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #856404;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .trade-entry-grid[b-jh3qhhejfa] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-jh3qhhejfa] {
        display: none;
    }

    .quote-col[b-jh3qhhejfa] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 768px) {
    .bulk-trade-page[b-jh3qhhejfa] {
        padding: 0.5rem;
    }

    .trade-entry-grid[b-jh3qhhejfa] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .accounts-grid[b-jh3qhhejfa] {
        grid-template-columns: 1fr;
    }

    .summary-totals[b-jh3qhhejfa] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-end;
    }

    .summary-actions[b-jh3qhhejfa] {
        flex-direction: column;
        width: 100%;
    }

    .summary-actions button[b-jh3qhhejfa] {
        width: 100%;
    }
}
/* /Components/Pages/Trading/OptionsScreener.razor.rz.scp.css */
/* Options Screener Page */
.screener-page[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    max-width: 1600px;
    margin: 0 auto;
}

.page-header[b-1qj6ewpevf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-header h1[b-1qj6ewpevf] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--qsa-text);
}

.page-description[b-1qj6ewpevf] {
    color: var(--qsa-silver);
    margin: 0.25rem 0 0 0;
    font-size: 0.9rem;
}

/* Messages */
.page-message[b-1qj6ewpevf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.page-message.error[b-1qj6ewpevf] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #dc3545;
}

.page-message .dismiss-btn[b-1qj6ewpevf] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
    color: inherit;
}

.page-message .dismiss-btn:hover[b-1qj6ewpevf] {
    opacity: 1;
}

/* Main layout: sidebar + content */
.screener-layout[b-1qj6ewpevf] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 1.5rem;
    align-items: start;
}

/* Sidebar */
.screener-sidebar[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    background: var(--qsa-surface);
    border: 1px solid var(--qsa-border);
    border-radius: 8px;
    overflow: hidden;
}

.sidebar-section[b-1qj6ewpevf] {
    padding: 1rem;
    border-bottom: 1px solid var(--qsa-border);
}

.sidebar-section:last-child[b-1qj6ewpevf] {
    border-bottom: none;
}

.section-label[b-1qj6ewpevf] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--qsa-silver);
    margin-bottom: 0.65rem;
    font-weight: 600;
}

.optional-hint[b-1qj6ewpevf] {
    font-size: 0.65rem;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    color: var(--qsa-silver);
    opacity: 0.7;
}

/* Mode toggle */
.mode-toggle[b-1qj6ewpevf] {
    display: flex;
    gap: 0;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    overflow: hidden;
}

.mode-btn[b-1qj6ewpevf] {
    flex: 1;
    padding: 0.5rem 0;
    border: none;
    background: var(--qsa-background);
    color: var(--qsa-text);
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    font-weight: 500;
}

.mode-btn:hover:not(.active)[b-1qj6ewpevf] {
    background: var(--qsa-cream, rgba(0,0,0,0.04));
}

.mode-btn.active[b-1qj6ewpevf] {
    background: var(--qsa-primary, #0d6efd);
    color: #fff;
}

/* Lens / Universe checkbox lists */
.lens-list[b-1qj6ewpevf],
.universe-list[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 220px;
    overflow-y: auto;
}

.check-item[b-1qj6ewpevf] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.25rem 0;
}

.check-item input[type="checkbox"][b-1qj6ewpevf] {
    margin-top: 0.15rem;
    flex-shrink: 0;
    cursor: pointer;
}

.check-label[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    font-size: 0.85rem;
    color: var(--qsa-text);
    line-height: 1.3;
}

.lens-hint[b-1qj6ewpevf] {
    font-size: 0.72rem;
    color: var(--qsa-silver);
}

.empty-hint[b-1qj6ewpevf] {
    font-size: 0.82rem;
    color: var(--qsa-silver);
    font-style: italic;
}

/* Portfolio dropdown */
.sidebar-dropdown[b-1qj6ewpevf] {
    width: 100%;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--qsa-border);
    border-radius: 5px;
    background: var(--qsa-background);
    color: var(--qsa-text);
    font-size: 0.85rem;
    outline: none;
}

.sidebar-dropdown:focus[b-1qj6ewpevf] {
    border-color: var(--qsa-primary);
}

/* Date range */
.date-range[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.date-field[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.date-field label[b-1qj6ewpevf] {
    font-size: 0.72rem;
    color: var(--qsa-silver);
}

.sidebar-date[b-1qj6ewpevf] {
    width: 100%;
    padding: 0.4rem 0.6rem;
    border: 1px solid var(--qsa-border);
    border-radius: 5px;
    background: var(--qsa-background);
    color: var(--qsa-text);
    font-size: 0.82rem;
    outline: none;
    box-sizing: border-box;
}

.sidebar-date:focus[b-1qj6ewpevf] {
    border-color: var(--qsa-primary);
}

/* Run button */
.run-section[b-1qj6ewpevf] {
    padding-top: 0.85rem;
}

.run-button[b-1qj6ewpevf] {
    width: 100%;
    padding: 0.65rem 1rem;
    background: var(--qsa-primary, #0d6efd);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.run-button:hover:not(:disabled)[b-1qj6ewpevf] {
    opacity: 0.88;
}

.run-button:disabled[b-1qj6ewpevf] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Inline spinner */
.spinner-inline[b-1qj6ewpevf] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-1qj6ewpevf 0.7s linear infinite;
}

@keyframes spin-b-1qj6ewpevf {
    to { transform: rotate(360deg); }
}

/* Content area */
.screener-content[b-1qj6ewpevf] {
    background: var(--qsa-surface);
    border: 1px solid var(--qsa-border);
    border-radius: 8px;
    padding: 1.25rem;
    min-height: 400px;
}

/* Result header */
.result-header[b-1qj6ewpevf] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.result-title[b-1qj6ewpevf] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.result-meta[b-1qj6ewpevf] {
    font-size: 0.82rem;
    color: var(--qsa-silver);
}

/* Tab content */
.tab-content[b-1qj6ewpevf] {
    padding: 0.75rem 0 0;
}

/* Loading state */
.loading-state[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 4rem 2rem;
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

/* Empty state */
.empty-state-content[b-1qj6ewpevf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    gap: 0.75rem;
    text-align: center;
}

.empty-state-icon[b-1qj6ewpevf] {
    font-size: 2.5rem;
    opacity: 0.4;
}

.empty-state-text p[b-1qj6ewpevf] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
    margin: 0;
}

.empty-state[b-1qj6ewpevf] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.88rem;
    font-style: italic;
}

/* Ticker link */
.ticker-link[b-1qj6ewpevf] {
    color: var(--qsa-primary);
    text-decoration: none;
    font-weight: 500;
}

.ticker-link:hover[b-1qj6ewpevf] {
    text-decoration: underline;
}

/* n/a placeholder */
.na[b-1qj6ewpevf] {
    color: var(--qsa-silver);
    opacity: 0.6;
}

/* Annualized return color coding */
.ann-return[b-1qj6ewpevf] {
    font-size: 0.85rem;
}

.ann-return--mid[b-1qj6ewpevf] {
    color: #28a745;
}

.ann-return--high[b-1qj6ewpevf] {
    color: #28a745;
    font-weight: 700;
}

/* Assignment gain */
.assign-gain--positive[b-1qj6ewpevf] {
    color: #28a745;
}

.assign-gain--negative[b-1qj6ewpevf] {
    color: #dc3545;
}

/* Earnings badges */
.earnings-badge[b-1qj6ewpevf] {
    display: inline-block;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.earnings--safe[b-1qj6ewpevf] {
    background: rgba(40, 167, 69, 0.12);
    color: #28a745;
}

.earnings--spans[b-1qj6ewpevf] {
    background: rgba(255, 193, 7, 0.18);
    color: #b38600;
}

.earnings--onexpiry[b-1qj6ewpevf] {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

/* Gravity badge */
.gravity-badge[b-1qj6ewpevf] {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--qsa-silver);
}

.gravity-badge.below[b-1qj6ewpevf],
.gravity-badge.safe[b-1qj6ewpevf] {
    color: #28a745;
}

.gravity-badge.above[b-1qj6ewpevf],
.gravity-badge.assign[b-1qj6ewpevf] {
    color: #dc3545;
}

.gravity-badge.atpain[b-1qj6ewpevf],
.gravity-badge.neutral[b-1qj6ewpevf] {
    color: var(--qsa-text);
}

/* Responsive: collapse to single column below 900px */
@media (max-width: 900px) {
    .screener-layout[b-1qj6ewpevf] {
        grid-template-columns: 1fr;
    }

    .screener-sidebar[b-1qj6ewpevf] {
        order: 1;
    }

    .screener-content[b-1qj6ewpevf] {
        order: 2;
    }
}
/* /Components/Pages/Trading/OptionsTrade.razor.rz.scp.css */
/* Covered Calls Page Layout */
.covered-calls-page[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

.page-error-message[b-7wwlbmrrqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.9rem;
}

.page-error-message .dismiss-btn[b-7wwlbmrrqu] {
    background: none;
    border: none;
    color: #dc3545;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.page-error-message .dismiss-btn:hover[b-7wwlbmrrqu] {
    opacity: 1;
}

/* Trade Config Section - 3 Column Layout using Grid */
.trade-config-section[b-7wwlbmrrqu] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

.trade-config-grid[b-7wwlbmrrqu] {
    display: grid;
    grid-template-columns: 260px 1px 1fr;
    column-gap: 1.5rem;
}

.config-col[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.col-divider[b-7wwlbmrrqu] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

.section-title[b-7wwlbmrrqu] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--qsa-silver);
    margin-bottom: 0.5rem;
}

.field-group[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-7wwlbmrrqu] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-input[b-7wwlbmrrqu] {
    width: 100%;
}

.symbol-input[b-7wwlbmrrqu] {
    text-transform: uppercase;
}

/* Quote Display */
.quote-display[b-7wwlbmrrqu] {
    padding: 0.75rem;
    background: var(--qsa-background);
    border-radius: 8px;
    border-left: 3px solid var(--qsa-silver);
}

.quote-display .quote-price[b-7wwlbmrrqu] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-display .quote-change[b-7wwlbmrrqu] {
    font-size: 0.85rem;
}

.quote-display.positive[b-7wwlbmrrqu] {
    border-left-color: #28a745;
}

.quote-display.positive .quote-price[b-7wwlbmrrqu],
.quote-display.positive .quote-change[b-7wwlbmrrqu] {
    color: #28a745;
}

.quote-display.negative[b-7wwlbmrrqu] {
    border-left-color: #dc3545;
}

.quote-display.negative .quote-price[b-7wwlbmrrqu],
.quote-display.negative .quote-change[b-7wwlbmrrqu] {
    color: #dc3545;
}

/* Action Toggle */
.action-toggle[b-7wwlbmrrqu] {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--qsa-border);
}

.action-btn[b-7wwlbmrrqu] {
    flex: 1;
    padding: 0.625rem 0.75rem;
    background: var(--qsa-background);
    border: none;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--qsa-text);
}

.action-btn:first-child[b-7wwlbmrrqu] {
    border-right: 1px solid var(--qsa-border);
}

.action-btn:hover[b-7wwlbmrrqu] {
    background: var(--qsa-border);
}

.action-btn.selected.sell[b-7wwlbmrrqu] {
    background: #dc3545;
    color: white;
}

.action-btn.selected.buy[b-7wwlbmrrqu] {
    background: #28a745;
    color: white;
}

/* Selection Column - DTE and Strikes side by side */
.selection-col[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.selection-row[b-7wwlbmrrqu] {
    display: flex;
    gap: 1.5rem;
    flex: 1;
}

.dte-section[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 110px;
}

.dte-section > label[b-7wwlbmrrqu],
.strike-section > label[b-7wwlbmrrqu] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.strike-section[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

/* DTE Options - Vertical Buttons */
.dte-options[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.dte-btn[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0.75rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s;
    min-width: 90px;
    color: var(--qsa-text);
}

.dte-btn:hover[b-7wwlbmrrqu] {
    border-color: var(--qsa-gold);
    background: var(--qsa-border);
}

.dte-btn.selected[b-7wwlbmrrqu] {
    background: #D4AF37 !important;
    color: #1a1a1a !important;
    border-color: #D4AF37 !important;
    font-weight: 600;
}

.dte-btn .dte-date[b-7wwlbmrrqu] {
    font-weight: 600;
    font-size: 0.85rem;
}

.dte-btn .dte-days[b-7wwlbmrrqu] {
    font-size: 0.7rem;
    opacity: 0.8;
}

/* Strike Table */
.strike-table-container[b-7wwlbmrrqu] {
    max-height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    position: relative;
}

.strike-table[b-7wwlbmrrqu] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.8rem;
}

.strike-table thead[b-7wwlbmrrqu] {
    position: sticky;
    top: 0;
    z-index: 100;
}

.strike-table thead th[b-7wwlbmrrqu] {
    padding: 0.5rem 0.4rem;
    text-align: right;
    font-weight: 600;
    color: var(--qsa-silver);
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.05em;
    background: var(--qsa-background);
    border-bottom: 2px solid var(--qsa-border);
}

.strike-table th.col-strike[b-7wwlbmrrqu] {
    text-align: left;
}

.strike-table td[b-7wwlbmrrqu] {
    padding: 0.4rem;
    text-align: right;
    color: var(--qsa-text);
}

.strike-table td.col-strike[b-7wwlbmrrqu] {
    text-align: left;
    font-weight: 600;
}

.strike-row[b-7wwlbmrrqu] {
    cursor: pointer;
    transition: background 0.1s;
    border-bottom: 1px solid var(--qsa-background);
}

.strike-row:hover[b-7wwlbmrrqu] {
    background: var(--qsa-border);
}

.strike-row.selected[b-7wwlbmrrqu] {
    background: rgba(212, 175, 55, 0.25);
}

.strike-row.selected td[b-7wwlbmrrqu] {
    color: var(--qsa-gold);
}

.strike-row.atm[b-7wwlbmrrqu] {
    background: rgba(212, 175, 55, 0.1);
}

.strike-row.atm td.col-strike[b-7wwlbmrrqu] {
    color: var(--qsa-gold);
}

.strike-row.itm[b-7wwlbmrrqu] {
    background: rgba(40, 167, 69, 0.08);
}

.strike-row.itm td.col-strike[b-7wwlbmrrqu] {
    color: #28a745;
}

.col-bid[b-7wwlbmrrqu], .col-ask[b-7wwlbmrrqu] {
    color: var(--qsa-silver);
}

.col-mark[b-7wwlbmrrqu] {
    font-weight: 600;
}

.col-oi[b-7wwlbmrrqu] {
    color: var(--qsa-silver);
    font-size: 0.75rem;
}

/* Our Bid Section */
.our-bid-section[b-7wwlbmrrqu] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1rem 1.5rem;
}

.bid-content[b-7wwlbmrrqu] {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.contract-info[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 180px;
}

.contract-info .contract-symbol[b-7wwlbmrrqu] {
    font-family: monospace;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.contract-info .contract-greeks[b-7wwlbmrrqu] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
}

.market-quotes[b-7wwlbmrrqu] {
    display: flex;
    gap: 1.5rem;
}

.market-quotes .quote-item[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
}

.market-quotes .quote-item .label[b-7wwlbmrrqu] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
}

.market-quotes .quote-item .value[b-7wwlbmrrqu] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.market-quotes .quote-item .value.streaming[b-7wwlbmrrqu] {
    color: var(--qsa-gold);
}

.our-bid-input[b-7wwlbmrrqu] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.our-bid-input label[b-7wwlbmrrqu] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--qsa-gold);
    text-transform: uppercase;
}

.bid-input-row[b-7wwlbmrrqu] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.bid-input[b-7wwlbmrrqu] {
    width: 120px;
}

.loading-text[b-7wwlbmrrqu] {
    font-size: 0.85rem;
    color: var(--qsa-silver);
    padding: 1rem 0;
}

/* Premium Column */
.premium-col[b-7wwlbmrrqu] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    margin: -0.5rem;
}

.contract-display[b-7wwlbmrrqu] {
    margin-bottom: 0.75rem;
}

.contract-symbol[b-7wwlbmrrqu] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    word-break: break-all;
}

.premium-quotes[b-7wwlbmrrqu] {
    background: var(--qsa-surface);
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.premium-quotes .quote-row[b-7wwlbmrrqu] {
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0;
}

.premium-quotes .quote-row .label[b-7wwlbmrrqu] {
    color: var(--qsa-silver);
    font-size: 0.8rem;
}

.premium-quotes .quote-row .value[b-7wwlbmrrqu] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--qsa-text);
}

.premium-quotes .quote-row .value.streaming[b-7wwlbmrrqu] {
    color: var(--qsa-gold);
}

.greeks-display[b-7wwlbmrrqu] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.greeks-display .greek[b-7wwlbmrrqu] {
    text-align: center;
}

.greeks-display .greek .label[b-7wwlbmrrqu] {
    display: block;
    font-size: 0.65rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.greeks-display .greek .value[b-7wwlbmrrqu] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.offer-group[b-7wwlbmrrqu] {
    margin-top: 1rem;
}

.offer-input-row[b-7wwlbmrrqu] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.offer-input[b-7wwlbmrrqu] {
    flex: 1;
}

.sync-btn[b-7wwlbmrrqu] {
    padding: 0 0.75rem;
    background: var(--qsa-border);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    cursor: pointer;
    color: var(--qsa-gold);
    transition: all 0.15s;
}

.sync-btn:hover[b-7wwlbmrrqu] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.empty-premium[b-7wwlbmrrqu] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

/* Section Divider */
.section-divider[b-7wwlbmrrqu] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Accounts Section */
.accounts-section[b-7wwlbmrrqu] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.header-buttons[b-7wwlbmrrqu] {
    display: flex;
    gap: 0.5rem;
}

.section-title-inline[b-7wwlbmrrqu] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.empty-state[b-7wwlbmrrqu] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

/* Accounts Grid */
.accounts-grid[b-7wwlbmrrqu] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.account-card[b-7wwlbmrrqu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border: 2px solid var(--qsa-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.account-card:hover[b-7wwlbmrrqu] {
    border-color: var(--qsa-silver);
}

.account-card.selected[b-7wwlbmrrqu] {
    border-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.account-select-indicator[b-7wwlbmrrqu] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
}

.account-card.selected .account-select-indicator[b-7wwlbmrrqu] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.account-info[b-7wwlbmrrqu] {
    flex: 1;
    min-width: 0;
}

.account-name[b-7wwlbmrrqu] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.9rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.account-details[b-7wwlbmrrqu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.account-shares[b-7wwlbmrrqu] {
    color: var(--qsa-gold);
    font-weight: 500;
}

.account-contracts[b-7wwlbmrrqu] {
    font-weight: 600;
    color: var(--qsa-gold);
}

.contract-qty[b-7wwlbmrrqu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-left: auto;
}

.contract-qty label[b-7wwlbmrrqu] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    white-space: nowrap;
}

.qty-input[b-7wwlbmrrqu] {
    width: 80px;
}

/* Trade Summary */
.trade-summary[b-7wwlbmrrqu] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.trade-summary .summary-row[b-7wwlbmrrqu] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
}

.trade-summary .label[b-7wwlbmrrqu] {
    font-size: 0.85rem;
    color: var(--qsa-silver);
}

.trade-summary .value[b-7wwlbmrrqu] {
    font-weight: 600;
    color: var(--qsa-text);
}

.trade-summary .value.total[b-7wwlbmrrqu] {
    font-size: 1.1rem;
    color: #28a745;
}

.summary-actions[b-7wwlbmrrqu] {
    margin-left: auto;
    display: flex;
    gap: 0.75rem;
}

/* Confirm Dialog */
.confirm-content[b-7wwlbmrrqu] {
    padding: 0.5rem 0;
}

.confirm-summary[b-7wwlbmrrqu] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-summary.sell[b-7wwlbmrrqu] {
    color: #dc3545;
    border-left: 4px solid #dc3545;
}

.confirm-summary.buy[b-7wwlbmrrqu] {
    color: #28a745;
    border-left: 4px solid #28a745;
}

.confirm-details[b-7wwlbmrrqu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.confirm-row[b-7wwlbmrrqu] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-background);
}

.confirm-row:last-child[b-7wwlbmrrqu] {
    border-bottom: none;
}

.confirm-row .label[b-7wwlbmrrqu] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-7wwlbmrrqu] {
    font-weight: 500;
    color: var(--qsa-text);
}

.confirm-row .value.total[b-7wwlbmrrqu] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #28a745;
}

.confirm-accounts[b-7wwlbmrrqu] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-accounts h4[b-7wwlbmrrqu] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.confirm-account-row[b-7wwlbmrrqu] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.confirm-account-row:last-child[b-7wwlbmrrqu] {
    border-bottom: none;
}

.confirm-account-row .account-name[b-7wwlbmrrqu] {
    color: var(--qsa-text);
    font-weight: 500;
}

.confirm-account-row .account-qty[b-7wwlbmrrqu] {
    color: var(--qsa-gold);
    font-weight: 600;
}

.confirm-account-row .account-premium[b-7wwlbmrrqu] {
    font-weight: 600;
    color: var(--qsa-text);
}

.warning-box[b-7wwlbmrrqu] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .trade-config-grid[b-7wwlbmrrqu] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-7wwlbmrrqu] {
        display: none;
    }

    .bid-content[b-7wwlbmrrqu] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .our-bid-input[b-7wwlbmrrqu] {
        margin-left: 0;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .covered-calls-page[b-7wwlbmrrqu] {
        padding: 0.5rem;
    }

    .selection-row[b-7wwlbmrrqu] {
        flex-direction: column;
    }

    .accounts-grid[b-7wwlbmrrqu] {
        grid-template-columns: 1fr;
    }

    .trade-summary[b-7wwlbmrrqu] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .summary-actions[b-7wwlbmrrqu] {
        margin-left: 0;
        flex-direction: column;
    }

    .market-quotes[b-7wwlbmrrqu] {
        justify-content: space-around;
    }
}
/* /Components/Pages/Trading/Orders.razor.rz.scp.css */
/* Orders Page Layout */
.orders-page[b-4ttr7qpkbh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

.page-header[b-4ttr7qpkbh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-header h1[b-4ttr7qpkbh] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--qsa-text);
}

.page-description[b-4ttr7qpkbh] {
    color: var(--qsa-silver);
    margin: 0.25rem 0 0 0;
    font-size: 0.9rem;
}

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

/* Messages */
.page-message[b-4ttr7qpkbh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.page-message.success[b-4ttr7qpkbh] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.page-message.error[b-4ttr7qpkbh] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #dc3545;
}

.page-message .dismiss-btn[b-4ttr7qpkbh] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
    color: inherit;
}

.page-message .dismiss-btn:hover[b-4ttr7qpkbh] {
    opacity: 1;
}

/* Filters Section */
.filters-section[b-4ttr7qpkbh] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    padding: 1rem;
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
}

.filter-group[b-4ttr7qpkbh] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-group label[b-4ttr7qpkbh] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
}

.filter-dropdown[b-4ttr7qpkbh] {
    min-width: 180px;
}

/* Orders Grid Section */
.orders-grid-section[b-4ttr7qpkbh] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1rem;
}

.loading-state[b-4ttr7qpkbh],
.empty-state[b-4ttr7qpkbh] {
    padding: 3rem;
    text-align: center;
    color: var(--qsa-silver);
}

/* Table Styling */
.ticker-link[b-4ttr7qpkbh] {
    color: var(--qsa-gold);
    text-decoration: none;
    font-weight: 600;
    font-family: monospace;
}

.ticker-link:hover[b-4ttr7qpkbh] {
    text-decoration: underline;
}

.order-date[b-4ttr7qpkbh] {
    font-size: 0.85rem;
    color: var(--qsa-silver);
    font-family: monospace;
}

/* Instruction Badge */
.instruction-badge[b-4ttr7qpkbh] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.instruction-badge.buy[b-4ttr7qpkbh] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.instruction-badge.sell[b-4ttr7qpkbh] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.instruction-badge.buy_to_cover[b-4ttr7qpkbh] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.instruction-badge.sell_short[b-4ttr7qpkbh] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

/* Status Badge */
.status-badge[b-4ttr7qpkbh] {
    display: inline-block;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
}

.status-badge.filled[b-4ttr7qpkbh] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.status-badge.working[b-4ttr7qpkbh] {
    background: rgba(212, 175, 55, 0.15);
    color: var(--qsa-gold);
}

.status-badge.canceled[b-4ttr7qpkbh] {
    background: var(--qsa-border);
    color: var(--qsa-silver);
}

.status-badge.failed[b-4ttr7qpkbh] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.status-badge.pending[b-4ttr7qpkbh] {
    background: rgba(108, 117, 125, 0.15);
    color: #6c757d;
}

/* Data cells */
.filled-qty[b-4ttr7qpkbh] {
    color: #28a745;
    font-weight: 600;
}

.avg-price[b-4ttr7qpkbh] {
    color: var(--qsa-text);
    font-weight: 500;
}

.na[b-4ttr7qpkbh] {
    color: var(--qsa-border);
}

/* Row Actions */
.row-actions[b-4ttr7qpkbh] {
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
}

.action-btn[b-4ttr7qpkbh] {
    padding: 0.25rem 0.5rem;
    border: 1px solid var(--qsa-border);
    background: var(--qsa-background);
    border-radius: 4px;
    font-size: 0.7rem;
    cursor: pointer;
    color: var(--qsa-text);
    transition: all 0.15s;
}

.action-btn:hover[b-4ttr7qpkbh] {
    background: var(--qsa-border);
}

.action-btn.cancel[b-4ttr7qpkbh] {
    color: #dc3545;
    border-color: rgba(220, 53, 69, 0.3);
}

.action-btn.cancel:hover[b-4ttr7qpkbh] {
    background: rgba(220, 53, 69, 0.1);
}

.action-btn.refresh[b-4ttr7qpkbh] {
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Cancel Dialog */
.cancel-order-details[b-4ttr7qpkbh] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
}

.detail-row[b-4ttr7qpkbh] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
}

.detail-row:last-child[b-4ttr7qpkbh] {
    border-bottom: none;
}

.detail-row .label[b-4ttr7qpkbh] {
    color: var(--qsa-silver);
}

.detail-row .value[b-4ttr7qpkbh] {
    font-weight: 600;
    color: var(--qsa-text);
}

/* Cancel All Summary */
.cancel-all-summary[b-4ttr7qpkbh] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 0.75rem;
    margin: 1rem 0;
    max-height: 200px;
    overflow-y: auto;
}

.cancel-all-row[b-4ttr7qpkbh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.cancel-all-row:last-child[b-4ttr7qpkbh] {
    border-bottom: none;
}

.cancel-all-ticker[b-4ttr7qpkbh] {
    font-weight: 600;
    color: var(--qsa-gold);
    font-family: monospace;
    min-width: 60px;
}

.cancel-all-qty[b-4ttr7qpkbh] {
    color: var(--qsa-text);
    font-weight: 500;
    min-width: 50px;
    text-align: right;
}

.cancel-all-account[b-4ttr7qpkbh] {
    color: var(--qsa-silver);
    font-size: 0.8rem;
    flex: 1;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Warning Box */
.warning-box[b-4ttr7qpkbh] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Filter Action */
.filter-action[b-4ttr7qpkbh] {
    margin-left: auto;
}

/* Pagination Bar */
.pagination-bar[b-4ttr7qpkbh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    margin-top: 1rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.pagination-info[b-4ttr7qpkbh] {
    font-size: 0.85rem;
    color: var(--qsa-silver);
}

.pagination-controls[b-4ttr7qpkbh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-size-select[b-4ttr7qpkbh] {
    padding: 0.375rem 0.5rem;
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    font-size: 0.85rem;
    cursor: pointer;
}

.page-btn[b-4ttr7qpkbh] {
    padding: 0.375rem 0.625rem;
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.15s;
}

.page-btn:hover:not(:disabled)[b-4ttr7qpkbh] {
    background: var(--qsa-background);
    border-color: var(--qsa-silver);
}

.page-btn:disabled[b-4ttr7qpkbh] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-indicator[b-4ttr7qpkbh] {
    font-size: 0.85rem;
    color: var(--qsa-text);
    padding: 0 0.5rem;
}

/* Responsive */
@media (max-width: 1100px) {
    .filters-section[b-4ttr7qpkbh] {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .orders-page[b-4ttr7qpkbh] {
        padding: 0.5rem;
    }

    .page-header[b-4ttr7qpkbh] {
        flex-direction: column;
        gap: 1rem;
    }

    .filters-section[b-4ttr7qpkbh] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-dropdown[b-4ttr7qpkbh] {
        min-width: 100%;
    }
}
/* /Components/Pages/Trading/OtoTrade.razor.rz.scp.css */
/* OTO Trade Page Layout — mirrors BracketTrade.razor.css with OTO-specific extensions */

.bracket-trade-page[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Section Divider */
.section-divider[b-75m3k2hivr] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Common Section Styles */
.section-title[b-75m3k2hivr] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

.accounts-section[b-75m3k2hivr],
.trade-entry-section[b-75m3k2hivr],
.summary-section[b-75m3k2hivr] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-header h3[b-75m3k2hivr] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.section-title-inline[b-75m3k2hivr] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

/* Trade Entry Grid */
.trade-entry-grid[b-75m3k2hivr] {
    display: grid;
    grid-template-columns: 280px 1px 1fr 1px 300px;
    column-gap: 1.5rem;
}

.trade-col[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-col[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.col-divider[b-75m3k2hivr] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

/* Field Groups */
.field-group[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-75m3k2hivr] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-group label.loss-label[b-75m3k2hivr] {
    color: #dc3545;
}

.field-input[b-75m3k2hivr] {
    width: 100%;
}

.symbol-input[b-75m3k2hivr] {
    text-transform: uppercase;
}

/* Static action display (long-only "BUY" badge + sizing description) */
.static-action-display[b-75m3k2hivr] {
    padding: 0.5rem 0.75rem;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 4px;
    font-weight: 600;
    color: var(--qsa-gold);
    font-size: 0.9rem;
}

/* Quantity & Price Controls */
.qty-control[b-75m3k2hivr],
.price-control[b-75m3k2hivr] {
    display: flex;
    align-items: stretch;
    background: var(--qsa-background);
    border-radius: 4px;
    border: 1px solid var(--qsa-border);
    overflow: hidden;
}

.price-control.loss[b-75m3k2hivr] {
    border-color: rgba(220, 53, 69, 0.5);
}

.qty-btn[b-75m3k2hivr] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-text);
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-75m3k2hivr] {
    background: var(--qsa-silver);
}

.sync-price-btn[b-75m3k2hivr] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--qsa-border);
}

.sync-price-btn:hover:not(:disabled)[b-75m3k2hivr] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.sync-price-btn:disabled[b-75m3k2hivr] {
    opacity: 0.4;
    cursor: not-allowed;
}

.qty-input[b-75m3k2hivr],
.price-input[b-75m3k2hivr] {
    flex: 1;
    min-width: 60px;
}

.price-input input[b-75m3k2hivr],
.qty-input input[b-75m3k2hivr] {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

.price-hint[b-75m3k2hivr] {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.25rem;
    color: var(--qsa-silver);
}

.price-hint.loss[b-75m3k2hivr] {
    color: #dc3545;
}

.price-hint code[b-75m3k2hivr] {
    background: rgba(0, 0, 0, 0.15);
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    font-size: 0.85em;
}

/* Quote Card */
.quote-card[b-75m3k2hivr] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    border-left: 3px solid var(--qsa-silver);
}

.quote-card.positive[b-75m3k2hivr] {
    border-left-color: #28a745;
}

.quote-card.negative[b-75m3k2hivr] {
    border-left-color: #dc3545;
}

.quote-card.loading[b-75m3k2hivr],
.quote-card.empty[b-75m3k2hivr] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-text[b-75m3k2hivr],
.empty-text[b-75m3k2hivr] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

.quote-header[b-75m3k2hivr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.ticker-logo[b-75m3k2hivr] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: contain;
    background: white;
    padding: 2px;
}

.ticker-logo-placeholder[b-75m3k2hivr] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--qsa-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-silver);
}

.quote-title[b-75m3k2hivr] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.quote-symbol[b-75m3k2hivr] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-name[b-75m3k2hivr] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-price-row[b-75m3k2hivr] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price[b-75m3k2hivr] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.price-change[b-75m3k2hivr] {
    font-size: 0.85rem;
    font-weight: 600;
}

.price-change.positive[b-75m3k2hivr] {
    color: #28a745;
}

.price-change.negative[b-75m3k2hivr] {
    color: #dc3545;
}

.price-change.neutral[b-75m3k2hivr] {
    color: var(--qsa-silver);
}

.quote-details[b-75m3k2hivr] {
    display: flex;
    gap: 1.5rem;
}

.quote-row[b-75m3k2hivr] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.qlabel[b-75m3k2hivr] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.qvalue[b-75m3k2hivr] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

/* Accounts Grid */
.accounts-grid[b-75m3k2hivr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.account-card[b-75m3k2hivr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border: 2px solid var(--qsa-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.account-card:hover[b-75m3k2hivr] {
    border-color: var(--qsa-silver);
}

.account-card.selected[b-75m3k2hivr] {
    border-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.account-select-indicator[b-75m3k2hivr] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
}

.account-card.selected .account-select-indicator[b-75m3k2hivr] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.account-info[b-75m3k2hivr] {
    flex: 1;
    min-width: 0;
}

.account-name[b-75m3k2hivr] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.9rem;
}

.account-details[b-75m3k2hivr] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.account-cash[b-75m3k2hivr] {
    color: var(--qsa-gold);
    font-weight: 500;
}

.accounts-summary-row[b-75m3k2hivr] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    font-size: 0.8rem;
    color: var(--qsa-silver);
}

/* Summary Section */
.summary-actions[b-75m3k2hivr] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-75m3k2hivr] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

/* OTO Summary (mirrors bracket-summary but two-leg only) */
.bracket-summary[b-75m3k2hivr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.bracket-visual[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 8px;
}

.bracket-level[b-75m3k2hivr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    border-left: 4px solid;
}

.bracket-level.entry[b-75m3k2hivr] {
    border-left-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.bracket-level.loss[b-75m3k2hivr] {
    border-left-color: #dc3545;
    background: rgba(220, 53, 69, 0.1);
}

.level-label[b-75m3k2hivr] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
}

.level-price[b-75m3k2hivr] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.level-pct[b-75m3k2hivr] {
    font-size: 0.85rem;
    font-weight: 600;
}

.level-pct.loss[b-75m3k2hivr] {
    color: #dc3545;
}

.level-action[b-75m3k2hivr] {
    font-size: 0.85rem;
    color: var(--qsa-gold);
    font-weight: 500;
}

.bracket-stats[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stat-row[b-75m3k2hivr] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
}

.stat-row:last-child[b-75m3k2hivr] {
    border-bottom: none;
}

.stat-label[b-75m3k2hivr] {
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.stat-value[b-75m3k2hivr] {
    font-weight: 600;
    color: var(--qsa-text);
}

.stat-value.loss[b-75m3k2hivr] {
    color: #dc3545;
}

/* OTO-specific: per-account allocation table (cash-aware sizing) */
.allocation-table-wrapper[b-75m3k2hivr] {
    grid-column: 1 / -1;
    margin-top: 1rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    background: var(--qsa-background);
    overflow: hidden;
}

.allocation-table-header[b-75m3k2hivr],
.allocation-table-row[b-75m3k2hivr] {
    display: grid;
    grid-template-columns: 2fr 1.2fr 0.9fr 1.2fr 1.2fr 0.7fr;
    gap: 0.75rem;
    align-items: center;
    padding: 0.6rem 1rem;
}

.allocation-table-header[b-75m3k2hivr] {
    background: rgba(0, 0, 0, 0.2);
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--qsa-silver);
    border-bottom: 1px solid var(--qsa-border);
}

.allocation-table-row[b-75m3k2hivr] {
    border-top: 1px solid var(--qsa-border);
    font-size: 0.85rem;
    color: var(--qsa-text);
}

.allocation-table-row:first-of-type[b-75m3k2hivr] {
    border-top: none;
}

.allocation-table-row.excluded[b-75m3k2hivr] {
    opacity: 0.45;
    color: var(--qsa-silver);
}

.allocation-table-row .col-account[b-75m3k2hivr] {
    font-weight: 500;
}

.allocation-table-row .col-funds[b-75m3k2hivr],
.allocation-table-row .col-cost[b-75m3k2hivr],
.allocation-table-row .col-remaining[b-75m3k2hivr] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--qsa-silver);
}

.allocation-table-row .col-shares[b-75m3k2hivr] {
    text-align: right;
    font-weight: 700;
    color: var(--qsa-gold);
    font-variant-numeric: tabular-nums;
}

.allocation-table-header .col-funds[b-75m3k2hivr],
.allocation-table-header .col-cost[b-75m3k2hivr],
.allocation-table-header .col-remaining[b-75m3k2hivr],
.allocation-table-header .col-shares[b-75m3k2hivr] {
    text-align: right;
}

.allocation-table-header .col-include[b-75m3k2hivr],
.allocation-table-row .col-include[b-75m3k2hivr] {
    text-align: center;
}

/* Messages */
.page-error-message[b-75m3k2hivr],
.page-success-message[b-75m3k2hivr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.page-error-message[b-75m3k2hivr] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #dc3545;
}

.page-success-message[b-75m3k2hivr] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.dismiss-btn[b-75m3k2hivr] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.dismiss-btn:hover[b-75m3k2hivr] {
    opacity: 1;
}

.page-error-message .dismiss-btn[b-75m3k2hivr] {
    color: #dc3545;
}

.page-success-message .dismiss-btn[b-75m3k2hivr] {
    color: #28a745;
}

/* Confirmation Dialog */
.confirm-content[b-75m3k2hivr] {
    padding: 0.5rem 0;
}

.confirm-summary[b-75m3k2hivr] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-summary.buy[b-75m3k2hivr] {
    color: #28a745;
    border-left: 4px solid #28a745;
}

.confirm-bracket[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-bracket-row[b-75m3k2hivr] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    border-radius: 4px;
}

.confirm-bracket-row.entry[b-75m3k2hivr] {
    background: rgba(212, 175, 55, 0.1);
    color: var(--qsa-gold);
}

.confirm-bracket-row.loss[b-75m3k2hivr] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

.confirm-bracket-row .label[b-75m3k2hivr] {
    font-weight: 500;
}

.confirm-bracket-row .value[b-75m3k2hivr] {
    font-weight: 600;
}

.confirm-details[b-75m3k2hivr] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.confirm-row[b-75m3k2hivr] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-background);
}

.confirm-row .label[b-75m3k2hivr] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-75m3k2hivr] {
    font-weight: 500;
    color: var(--qsa-text);
}

.confirm-accounts-list[b-75m3k2hivr] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-accounts-list h4[b-75m3k2hivr] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.confirm-account-row[b-75m3k2hivr] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.confirm-account-row:last-child[b-75m3k2hivr] {
    border-bottom: none;
}

.confirm-account-row .account-name[b-75m3k2hivr] {
    color: var(--qsa-text);
    font-weight: 500;
}

.confirm-account-row .account-qty[b-75m3k2hivr] {
    color: var(--qsa-gold);
    font-weight: 600;
}

.confirm-account-row.excluded[b-75m3k2hivr] {
    opacity: 0.5;
    text-decoration: line-through;
}

.warning-box[b-75m3k2hivr] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .trade-entry-grid[b-75m3k2hivr] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-75m3k2hivr] {
        display: none;
    }

    .quote-col[b-75m3k2hivr] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .bracket-summary[b-75m3k2hivr] {
        grid-template-columns: 1fr;
    }

    .allocation-table-header[b-75m3k2hivr],
    .allocation-table-row[b-75m3k2hivr] {
        grid-template-columns: 1.5fr 1fr 0.8fr 1fr 1fr 0.6fr;
        font-size: 0.78rem;
    }
}

@media (max-width: 768px) {
    .bracket-trade-page[b-75m3k2hivr] {
        padding: 0.5rem;
    }

    .trade-entry-grid[b-75m3k2hivr] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .accounts-grid[b-75m3k2hivr] {
        grid-template-columns: 1fr;
    }

    .summary-actions[b-75m3k2hivr] {
        flex-direction: column;
        width: 100%;
    }

    .summary-actions button[b-75m3k2hivr] {
        width: 100%;
    }

    .allocation-table-header[b-75m3k2hivr] {
        display: none;
    }

    .allocation-table-row[b-75m3k2hivr] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .allocation-table-row > span[b-75m3k2hivr] {
        text-align: left !important;
    }
}
/* /Components/Pages/Trading/Scalping.razor.rz.scp.css */
/* Live Flow Page - Following QSA Brand Guidelines
   Brand Colors (from brand-guidelines.html):
   - Cream: #F7F5F0 (background)
   - Warm Black: #1C1A17 (text)
   - Steel Blue: #4A6B82 (accent/primary)
   - Steel Blue Light: #6A8BA2
   - Silver: #9A9A98 (secondary text)
   - White: #FFFFFF (surface/cards)
*/

.scalping-page[b-lbt65xyavx] {
    /* Brand-compliant colors */
    --qsa-background: #F7F5F0;      /* Cream */
    --qsa-surface: #FFFFFF;          /* White - card backgrounds */
    --qsa-text: #1C1A17;            /* Warm Black - primary text */
    --qsa-text-secondary: #9A9A98;  /* Silver - secondary text */
    --qsa-silver: #9A9A98;
    --qsa-primary: #4A6B82;         /* Steel Blue */
    --qsa-primary-light: #6A8BA2;   /* Steel Blue Light */
    --qsa-border: #e8e6e1;
    --qsa-gold: #D4AF37;

    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
    min-height: calc(100vh - 100px);
    background: var(--qsa-background);
}

/* Symbol Input Section */
.symbol-section[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    flex-wrap: wrap;
}

.symbol-input-group[b-lbt65xyavx] {
    display: flex;
    gap: 0.5rem;
    min-width: 280px;
    max-width: 350px;
    flex-shrink: 0;
}

.symbol-input[b-lbt65xyavx] {
    flex: 1;
    text-transform: uppercase;
    min-width: 200px;
}

.refresh-btn[b-lbt65xyavx] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
}

.connection-status[b-lbt65xyavx] {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-weight: 500;
    white-space: nowrap;
}

.connection-status.connected[b-lbt65xyavx] {
    background: rgba(40, 167, 69, 0.2);
    color: #28a745;
}

.connection-status.connecting[b-lbt65xyavx] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

.connection-status.disconnected[b-lbt65xyavx] {
    background: rgba(220, 53, 69, 0.2);
    color: #dc3545;
}

/* Recent Tickers */
.recent-tickers[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    flex-wrap: nowrap;
    flex-shrink: 1;
    overflow: hidden;
}

.recent-tickers-label[b-lbt65xyavx] {
    font-size: 0.65rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 500;
    white-space: nowrap;
}

.recent-ticker-btn[b-lbt65xyavx] {
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    font-family: monospace;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    color: var(--qsa-silver);
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.recent-ticker-btn:hover[b-lbt65xyavx] {
    background: var(--qsa-border);
    color: var(--qsa-text);
    border-color: var(--qsa-silver);
}

.recent-ticker-btn.active[b-lbt65xyavx] {
    background: var(--qsa-gold);
    color: var(--qsa-text);
    border-color: var(--qsa-gold);
}

/* Quote + Positions Row - Single condensed row layout */
.quote-positions-row[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 0.75rem;
    align-items: start;
}

/* When positions exist, add the third column */
.quote-positions-row:has(.positions-panel-inline)[b-lbt65xyavx] {
    grid-template-columns: 300px 1fr 260px;
}

/* Quote Card - Compact with integrated metrics */
.quote-card[b-lbt65xyavx] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 0.75rem;
    border-left: 4px solid var(--qsa-silver);
    min-width: 0;
    max-height: none;
    overflow: visible;
}

/* Chart Section (middle column - fills remaining space) */
.chart-section[b-lbt65xyavx] {
    min-width: 200px;
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 0.5rem;
    overflow: hidden;
    position: relative;
    flex: 1;
}

.chart-section-header[b-lbt65xyavx] {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    z-index: 10;
}

.chart-refresh-btn[b-lbt65xyavx] {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    background: var(--qsa-surface);
    color: var(--qsa-silver);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.chart-refresh-btn:hover:not(:disabled)[b-lbt65xyavx] {
    background: var(--qsa-background);
    color: var(--qsa-primary);
    border-color: var(--qsa-primary);
}

.chart-refresh-btn:disabled[b-lbt65xyavx] {
    opacity: 0.5;
    cursor: not-allowed;
}

.chart-refresh-btn .e-icons[b-lbt65xyavx] {
    font-size: 12px;
}

.chart-refresh-btn .spinning[b-lbt65xyavx] {
    animation: spin-b-lbt65xyavx 1s linear infinite;
}

@keyframes spin-b-lbt65xyavx {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.chart-section[b-lbt65xyavx]  .realtime-chart-container {
    background: var(--qsa-background);
    border: none;
    padding: 0.25rem;
}

.chart-section[b-lbt65xyavx]  .chart-header {
    padding: 0.25rem 0.5rem;
}

.chart-section[b-lbt65xyavx]  .chart-legend {
    font-size: 0.75rem;
}

.chart-section[b-lbt65xyavx]  .legend-label {
    color: var(--qsa-text);
}

.chart-section[b-lbt65xyavx]  .chart-time-label {
    color: var(--qsa-silver);
    font-size: 0.7rem;
}

.chart-loading[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 180px;
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.quote-card.positive[b-lbt65xyavx] {
    border-left-color: #28a745;
}

.quote-card.negative[b-lbt65xyavx] {
    border-left-color: #dc3545;
}

/* Inline Positions Panel - Right side, compact */
.positions-panel-inline[b-lbt65xyavx] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    border-left: 4px solid var(--qsa-gold);
    min-width: 240px;
    max-width: 280px;
    display: flex;
    flex-direction: column;
    max-height: 220px;
    overflow-y: auto;
}

.positions-header-inline[b-lbt65xyavx] {
    padding: 0.5rem 0.75rem;
    background: var(--qsa-background);
    border-bottom: 1px solid var(--qsa-border);
}

.positions-header-inline .panel-title[b-lbt65xyavx] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--qsa-silver);
}

.positions-content-inline[b-lbt65xyavx] {
    padding: 0.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    overflow-y: auto;
}

.position-row-inline[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 0.5rem;
    padding: 0.35rem 0.5rem;
    font-size: 0.75rem;
    font-family: monospace;
    align-items: center;
    border-radius: 4px;
    background: var(--qsa-background);
}

.position-row-inline.total[b-lbt65xyavx] {
    border-top: 1px solid var(--qsa-border);
    margin-top: 0.25rem;
    font-weight: 600;
}

.pos-account[b-lbt65xyavx] {
    color: var(--qsa-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.7rem;
}

.pos-shares[b-lbt65xyavx] {
    color: var(--qsa-silver);
    text-align: right;
}

.pos-basis[b-lbt65xyavx] {
    color: var(--qsa-silver);
    text-align: right;
}

.pos-pl[b-lbt65xyavx] {
    text-align: right;
    font-weight: 500;
    min-width: 60px;
}

.pos-pl.positive[b-lbt65xyavx] {
    color: #28a745;
}

.pos-pl.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.quote-header[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.ticker-info[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ticker-symbol[b-lbt65xyavx] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.ticker-name[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.quote-timestamp[b-lbt65xyavx] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    font-family: monospace;
}

.quote-price-row[b-lbt65xyavx] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price[b-lbt65xyavx] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--qsa-text);
    font-family: monospace;
    transition: color 0.15s ease;
}

.current-price.flash-up[b-lbt65xyavx] {
    color: #28a745;
}

.current-price.flash-down[b-lbt65xyavx] {
    color: #dc3545;
}

.price-change[b-lbt65xyavx] {
    font-size: 1rem;
    font-weight: 600;
}

.price-change.positive[b-lbt65xyavx] {
    color: #28a745;
}

.price-change.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.price-change.neutral[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

/* Quote Metrics Grid - Two column layout for bid/ask and VWAP/Range/Delta */
.quote-metrics-grid[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0.4rem;
    background: var(--qsa-background);
    border-radius: 6px;
}

.quote-metric-col[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.quote-metrics-grid .quote-row[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-family: monospace;
}

.quote-metrics-grid .label[b-lbt65xyavx] {
    font-size: 0.55rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 600;
    min-width: 38px;
}

.quote-metrics-grid .value[b-lbt65xyavx] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.quote-metrics-grid .size[b-lbt65xyavx] {
    font-size: 0.65rem;
    color: var(--qsa-silver);
    margin-left: auto;
}

.quote-metrics-grid .size.positive[b-lbt65xyavx] {
    color: #28a745;
}

.quote-metrics-grid .size.negative[b-lbt65xyavx] {
    color: #dc3545;
}

/* Legacy bid-ask-vertical support */
.bid-ask-vertical[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.4rem;
    background: var(--qsa-background);
    border-radius: 6px;
}

.bid-ask-vertical .quote-row[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-family: monospace;
}

.bid-ask-vertical .label[b-lbt65xyavx] {
    font-size: 0.6rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 600;
    width: 40px;
}

.bid-ask-vertical .value[b-lbt65xyavx] {
    font-size: 0.85rem;
    font-weight: 600;
}

.bid-ask-vertical .value.bid[b-lbt65xyavx] {
    color: #28a745;
}

.bid-ask-vertical .value.ask[b-lbt65xyavx] {
    color: #dc3545;
}

.bid-ask-vertical .value.spread[b-lbt65xyavx] {
    color: var(--qsa-gold);
}

.bid-ask-vertical .size[b-lbt65xyavx] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-left: auto;
}

/* Content Grid - 60/40 split: Time & Sales left, Metrics right */
.content-grid[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: 60fr 40fr;
    gap: 1rem;
    flex: 1;
}

/* Panel Styles */
.time-sales-panel[b-lbt65xyavx],
.metrics-panel[b-lbt65xyavx] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.panel-header[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border-bottom: 1px solid var(--qsa-border);
}

.panel-title[b-lbt65xyavx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--qsa-text);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.tick-count[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
}

/* Time & Sales Header - Wide layout with all trade details */
.time-sales-header[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: 95px 75px 75px 90px 75px 75px 55px 40px 28px;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem 0.35rem;
    border-bottom: 1px solid var(--qsa-border);
    background: var(--qsa-background);
}

.col-header[b-lbt65xyavx] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 600;
    letter-spacing: 0.3px;
    cursor: help;
}

.col-header.col-price[b-lbt65xyavx],
.col-header.col-size[b-lbt65xyavx],
.col-header.col-value[b-lbt65xyavx],
.col-header.col-bid[b-lbt65xyavx],
.col-header.col-ask[b-lbt65xyavx] {
    text-align: right;
}

.col-header.col-exch[b-lbt65xyavx],
.col-header.col-cond[b-lbt65xyavx],
.col-header.col-vwap[b-lbt65xyavx],
.col-header.col-aggr[b-lbt65xyavx] {
    text-align: center;
}

/* Time & Sales List */
.time-sales-list[b-lbt65xyavx] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
    max-height: 500px;
}

.tick-row[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: 95px 75px 75px 90px 75px 75px 55px 40px 28px;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.8rem;
    font-family: monospace;
    border-radius: 3px;
    align-items: center;
}

.tick-row:nth-child(odd)[b-lbt65xyavx] {
    background: rgba(0, 0, 0, 0.02);
}

.tick-row.buy[b-lbt65xyavx] {
    background: rgba(40, 167, 69, 0.08);
}

.tick-row.sell[b-lbt65xyavx] {
    background: rgba(220, 53, 69, 0.08);
}

.tick-time[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

.tick-price[b-lbt65xyavx] {
    color: var(--qsa-text);
    font-weight: 500;
    text-align: right;
}

.tick-size[b-lbt65xyavx] {
    color: var(--qsa-silver);
    text-align: right;
}

.tick-value[b-lbt65xyavx] {
    text-align: right;
    color: var(--qsa-text);
    font-weight: 500;
}

.tick-bid[b-lbt65xyavx] {
    text-align: right;
    color: #28a745;
    font-size: 0.75rem;
}

.tick-ask[b-lbt65xyavx] {
    text-align: right;
    color: #dc3545;
    font-size: 0.75rem;
}

.tick-exchange[b-lbt65xyavx] {
    text-align: center;
    font-size: 0.7rem;
    color: var(--qsa-silver);
}

.tick-vwap[b-lbt65xyavx] {
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
}

.tick-vwap.above[b-lbt65xyavx] {
    color: #28a745;
}

.tick-vwap.below[b-lbt65xyavx] {
    color: #dc3545;
}

.tick-vwap.at[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

.tick-condition[b-lbt65xyavx] {
    text-align: center;
    font-size: 0.7rem;
    color: var(--qsa-silver);
}

.tick-direction[b-lbt65xyavx] {
    text-align: center;
    font-size: 0.7rem;
}

.tick-row.buy .tick-direction[b-lbt65xyavx] {
    color: #28a745;
}

.tick-row.sell .tick-direction[b-lbt65xyavx] {
    color: #dc3545;
}

.tick-row.neutral .tick-direction[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

/* Odd lot trades */
.tick-row.odd-lot[b-lbt65xyavx] {
    opacity: 0.7;
}

.tick-row.odd-lot .tick-condition[b-lbt65xyavx] {
    color: #6c757d;
}

/* Extended hours trades */
.tick-row.ext-hours[b-lbt65xyavx] {
    background: rgba(108, 117, 125, 0.1) !important;
}

.tick-row.ext-hours .tick-condition[b-lbt65xyavx] {
    color: #17a2b8;
}

/* Intermarket sweep */
.tick-row.sweep[b-lbt65xyavx] {
    border-left: 2px solid #17a2b8;
}

.tick-row.sweep .tick-condition[b-lbt65xyavx] {
    color: #17a2b8;
    font-weight: 600;
}

/* Time & Sales Legend */
.time-sales-legend[b-lbt65xyavx] {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 0.75rem;
    background: var(--qsa-background);
    border-top: 1px solid var(--qsa-border);
    font-size: 0.65rem;
    color: var(--qsa-silver);
}

.legend-item[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.legend-icon[b-lbt65xyavx] {
    font-size: 0.7rem;
}

.legend-icon.buy[b-lbt65xyavx] {
    color: #28a745;
}

.legend-icon.sell[b-lbt65xyavx] {
    color: #dc3545;
}

.legend-icon.large[b-lbt65xyavx] {
    color: var(--qsa-gold);
}

.legend-icon.odd-lot[b-lbt65xyavx] {
    color: #6c757d;
}

/* Large Trade Highlighting - strong visual distinction for buy vs sell */
.tick-row.large-trade[b-lbt65xyavx] {
    font-weight: 600;
    border-radius: 4px;
    margin: 2px 0;
}

.tick-row.large-trade.buy[b-lbt65xyavx] {
    background: #d4edda !important;
    border-left: 5px solid #28a745;
    box-shadow: 0 1px 3px rgba(40, 167, 69, 0.3);
}

.tick-row.large-trade.sell[b-lbt65xyavx] {
    background: #f8d7da !important;
    border-left: 5px solid #dc3545;
    box-shadow: 0 1px 3px rgba(220, 53, 69, 0.3);
}

.tick-row.large-trade .tick-size[b-lbt65xyavx] {
    font-weight: 800;
    font-size: 0.9rem;
}

.tick-row.large-trade.buy .tick-size[b-lbt65xyavx] {
    color: #155724;
}

.tick-row.large-trade.sell .tick-size[b-lbt65xyavx] {
    color: #721c24;
}

.tick-row.large-trade.buy .tick-price[b-lbt65xyavx],
.tick-row.large-trade.buy .tick-value[b-lbt65xyavx] {
    color: #155724;
    font-weight: 700;
}

.tick-row.large-trade.sell .tick-price[b-lbt65xyavx],
.tick-row.large-trade.sell .tick-value[b-lbt65xyavx] {
    color: #721c24;
    font-weight: 700;
}


/* Day Range */
.day-range-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.range-values[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    font-family: monospace;
}

.range-low[b-lbt65xyavx] {
    color: #dc3545;
}

.range-high[b-lbt65xyavx] {
    color: #28a745;
}

.range-bar[b-lbt65xyavx] {
    height: 8px;
    background: linear-gradient(90deg, #dc3545, var(--qsa-silver), #28a745);
    border-radius: 4px;
    position: relative;
}

.range-position[b-lbt65xyavx] {
    position: absolute;
    top: -4px;
    width: 4px;
    height: 16px;
    background: var(--qsa-text);
    border-radius: 2px;
    transform: translateX(-50%);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.range-percent[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-align: center;
}

/* VWAP */
.vwap-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vwap-value[b-lbt65xyavx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
    font-family: monospace;
}

.vwap-diff[b-lbt65xyavx] {
    font-size: 0.8rem;
    font-weight: 500;
    font-family: monospace;
}

.vwap-diff.positive[b-lbt65xyavx] {
    color: #28a745;
}

.vwap-diff.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.vwap-hint[b-lbt65xyavx] {
    font-size: 0.65rem;
    color: var(--qsa-silver);
    font-style: italic;
}

/* Cumulative Delta */
.delta-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.delta-value[b-lbt65xyavx] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: monospace;
}

.delta-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.delta-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.delta-breakdown[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    font-family: monospace;
}

.delta-breakdown .buy-vol[b-lbt65xyavx] {
    color: #28a745;
}

.delta-breakdown .sell-vol[b-lbt65xyavx] {
    color: #dc3545;
}

.delta-bar[b-lbt65xyavx] {
    height: 10px;
    background: #dc3545;
    border-radius: 5px;
    overflow: hidden;
}

.delta-fill[b-lbt65xyavx] {
    height: 100%;
    background: #28a745;
    border-radius: 5px 0 0 5px;
    transition: width 0.3s ease;
}

/* Metrics Panel */
.metrics-panel[b-lbt65xyavx] {
    overflow-y: auto;
}

/* Metrics Vertical Sidebar */
.metrics-grid[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.metrics-column[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    gap: 0.5rem;
}

.metrics-column:first-child[b-lbt65xyavx] {
    border-bottom: 1px solid var(--qsa-border);
}

/* Metric sections in sidebar */
.metrics-panel .metric-section[b-lbt65xyavx] {
    padding: 0.5rem 0.75rem;
}

.metric-section[b-lbt65xyavx] {
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 6px;
    border: 1px solid var(--qsa-border);
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
}

.metric-header[b-lbt65xyavx] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

/* Spread Tracker */
.spread-tracker[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.spread-current .value[b-lbt65xyavx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-gold);
    font-family: monospace;
}

.spread-bar[b-lbt65xyavx] {
    height: 8px;
    background: var(--qsa-border);
    border-radius: 4px;
    overflow: hidden;
}

.spread-fill[b-lbt65xyavx] {
    height: 100%;
    background: linear-gradient(90deg, #28a745, #ffc107, #dc3545);
    border-radius: 4px;
    transition: width 0.2s ease;
}

.spread-range[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    font-size: 0.65rem;
    color: var(--qsa-silver);
    font-family: monospace;
}

/* Activity Grid - Combined velocity, tick rate, volume stats */
.activity-grid[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.activity-row[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.15rem 0;
    font-family: monospace;
}

.activity-label[b-lbt65xyavx] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
}

.activity-value[b-lbt65xyavx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.activity-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.activity-value.neutral[b-lbt65xyavx] {
    color: #ffc107;
}

.activity-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.activity-unit[b-lbt65xyavx] {
    font-size: 0.65rem;
    font-weight: 400;
    color: var(--qsa-silver);
}

/* Legacy Volume Velocity */
.velocity-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.velocity-value[b-lbt65xyavx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
    font-family: monospace;
}

.velocity-label[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    margin-top: -0.25rem;
}

.velocity-bar[b-lbt65xyavx] {
    height: 6px;
    background: var(--qsa-border);
    border-radius: 3px;
    overflow: hidden;
}

.velocity-fill[b-lbt65xyavx] {
    height: 100%;
    background: linear-gradient(90deg, #17a2b8, #28a745);
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* Legacy Tick Rate */
.tick-rate-display[b-lbt65xyavx] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.tick-rate-value[b-lbt65xyavx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
    font-family: monospace;
}

.tick-rate-label[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
}

/* Buy/Sell Pressure */
.pressure-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pressure-bar[b-lbt65xyavx] {
    height: 12px;
    background: #dc3545;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.buy-fill[b-lbt65xyavx] {
    height: 100%;
    background: #28a745;
    border-radius: 6px 0 0 6px;
    transition: width 0.3s ease;
}

.pressure-labels[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    font-size: 0.7rem;
    font-weight: 500;
}

.buy-pct[b-lbt65xyavx] {
    color: #28a745;
}

.sell-pct[b-lbt65xyavx] {
    color: #dc3545;
}

/* Bid/Ask Imbalance */
.imbalance-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.imbalance-value[b-lbt65xyavx] {
    font-size: 1.1rem;
    font-weight: 700;
    font-family: monospace;
}

.imbalance-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.imbalance-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.imbalance-bar[b-lbt65xyavx] {
    height: 8px;
    background: var(--qsa-border);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.imbalance-center[b-lbt65xyavx] {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--qsa-silver);
    transform: translateX(-50%);
    z-index: 1;
}

.imbalance-fill[b-lbt65xyavx] {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 50%;
    transition: width 0.3s ease;
}

.imbalance-fill.positive[b-lbt65xyavx] {
    background: #28a745;
    border-radius: 0 4px 4px 0;
}

.imbalance-fill.negative[b-lbt65xyavx] {
    background: #dc3545;
    border-radius: 4px 0 0 4px;
}

.imbalance-label[b-lbt65xyavx] {
    font-size: 0.65rem;
    color: var(--qsa-silver);
    text-align: center;
}

/* Momentum Indicators */
.metric-section.momentum-highlight[b-lbt65xyavx] {
    background: rgba(255, 193, 7, 0.05);
    border-color: rgba(255, 193, 7, 0.3);
}

.momentum-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.momentum-value[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    font-family: monospace;
}

.momentum-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.momentum-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.momentum-value.neutral[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

.momentum-arrow[b-lbt65xyavx] {
    font-size: 0.9rem;
}

.momentum-unit[b-lbt65xyavx] {
    font-size: 0.7rem;
    font-weight: 400;
    color: var(--qsa-silver);
}

.momentum-bar-container[b-lbt65xyavx] {
    height: 6px;
    background: var(--qsa-border);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.momentum-bar-center[b-lbt65xyavx] {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--qsa-silver);
    transform: translateX(-50%);
    z-index: 1;
}

.momentum-bar-fill[b-lbt65xyavx] {
    position: absolute;
    top: 0;
    bottom: 0;
    max-width: 50%;
    transition: width 0.15s ease;
}

.momentum-bar-fill.positive[b-lbt65xyavx] {
    background: #28a745;
    border-radius: 0 3px 3px 0;
}

.momentum-bar-fill.negative[b-lbt65xyavx] {
    background: #dc3545;
    border-radius: 3px 0 0 3px;
}

.momentum-bar-fill.neutral[b-lbt65xyavx] {
    background: var(--qsa-silver);
    width: 2px !important;
    left: 50% !important;
    transform: translateX(-50%);
}

/* Drift Display */
.drift-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.drift-row[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: monospace;
}

.drift-label[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.drift-value[b-lbt65xyavx] {
    font-size: 0.85rem;
    font-weight: 600;
}

.drift-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.drift-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.drift-value.neutral[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

/* Spread Velocity */
.spread-vel-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}

.spread-vel-value[b-lbt65xyavx] {
    font-size: 0.9rem;
    font-weight: 600;
    font-family: monospace;
}

.spread-vel-label[b-lbt65xyavx] {
    font-size: 0.7rem;
    font-weight: 500;
}

.spread-vel-value.positive[b-lbt65xyavx],
.spread-vel-label.positive[b-lbt65xyavx] {
    color: #28a745;
}

.spread-vel-value.negative[b-lbt65xyavx],
.spread-vel-label.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.spread-vel-value.neutral[b-lbt65xyavx],
.spread-vel-label.neutral[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

/* Tape Trend */
.tape-trend-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}

.tape-trend-value[b-lbt65xyavx] {
    font-size: 0.9rem;
    font-weight: 600;
    font-family: monospace;
}

.tape-trend-label[b-lbt65xyavx] {
    font-size: 0.7rem;
    font-weight: 500;
}

.tape-trend-value.positive[b-lbt65xyavx],
.tape-trend-label.positive[b-lbt65xyavx] {
    color: #28a745;
}

.tape-trend-value.negative[b-lbt65xyavx],
.tape-trend-label.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.tape-trend-value.neutral[b-lbt65xyavx],
.tape-trend-label.neutral[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

/* Micro Momentum */
.micro-momentum-display[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.micro-momentum-value[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: monospace;
}

.micro-momentum-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.micro-momentum-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.micro-momentum-value.neutral[b-lbt65xyavx] {
    color: var(--qsa-silver);
}

.micro-momentum-bar[b-lbt65xyavx] {
    height: 6px;
    background: var(--qsa-border);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

/* Volume Comparison */
.vol-comparison[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.vol-bar[b-lbt65xyavx] {
    flex: 1;
    height: 6px;
    background: var(--qsa-border);
    border-radius: 3px;
    overflow: hidden;
}

.vol-fill[b-lbt65xyavx] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
    max-width: 100%;
}

.vol-fill.positive[b-lbt65xyavx] {
    background: #28a745;
}

.vol-fill.neutral[b-lbt65xyavx] {
    background: #ffc107;
}

.vol-fill.negative[b-lbt65xyavx] {
    background: #dc3545;
}

.stat-item.full-width[b-lbt65xyavx] {
    grid-column: 1 / -1;
}

/* Session Stats */
.stats-grid[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.stat-item[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.stat-label[b-lbt65xyavx] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
}

.stat-value[b-lbt65xyavx] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--qsa-text);
    font-family: monospace;
}

.stat-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.stat-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

/* Welcome/Empty State */
.welcome-state[b-lbt65xyavx],
.empty-state[b-lbt65xyavx],
.loading-state[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    text-align: center;
    color: var(--qsa-silver);
}

.welcome-state[b-lbt65xyavx] {
    flex: 1;
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
}

.welcome-icon[b-lbt65xyavx] {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}

.welcome-title[b-lbt65xyavx] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 0.5rem;
}

.welcome-text[b-lbt65xyavx] {
    font-size: 0.9rem;
    color: var(--qsa-silver);
}

.empty-state[b-lbt65xyavx] {
    padding: 2rem;
    font-size: 0.85rem;
}

.loading-state[b-lbt65xyavx] {
    padding: 2rem;
}

/* Scrollbar Styling */
.time-sales-list[b-lbt65xyavx]::-webkit-scrollbar {
    width: 6px;
}

.time-sales-list[b-lbt65xyavx]::-webkit-scrollbar-track {
    background: var(--qsa-background);
}

.time-sales-list[b-lbt65xyavx]::-webkit-scrollbar-thumb {
    background: var(--qsa-silver);
    border-radius: 3px;
}

.time-sales-list[b-lbt65xyavx]::-webkit-scrollbar-thumb:hover {
    background: var(--qsa-silver);
}

/* Positions Panel */
.positions-panel[b-lbt65xyavx] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    border-left: 4px solid var(--qsa-gold);
}

.positions-panel .panel-header[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border-bottom: 1px solid var(--qsa-border);
}

.position-count[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
}

.positions-list[b-lbt65xyavx] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.position-card[b-lbt65xyavx] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 0.75rem 1rem;
}

.position-account[b-lbt65xyavx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.position-details[b-lbt65xyavx] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.position-stat[b-lbt65xyavx] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.position-stat .stat-label[b-lbt65xyavx] {
    font-size: 0.6rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    letter-spacing: 0.3px;
}

.position-stat .stat-value[b-lbt65xyavx] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
    font-family: monospace;
}

.position-stat .stat-value.positive[b-lbt65xyavx] {
    color: #28a745;
}

.position-stat .stat-value.negative[b-lbt65xyavx] {
    color: #dc3545;
}

.positions-total[b-lbt65xyavx] {
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border-top: 1px solid var(--qsa-border);
}

.total-row[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.total-label[b-lbt65xyavx] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.total-shares[b-lbt65xyavx] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--qsa-text);
    font-family: monospace;
}

.total-basis[b-lbt65xyavx] {
    font-size: 0.9rem;
    color: var(--qsa-gold);
    font-family: monospace;
}

.total-pl[b-lbt65xyavx] {
    font-size: 0.9rem;
    font-weight: 600;
    font-family: monospace;
}

.total-pl.positive[b-lbt65xyavx] {
    color: #28a745;
}

.total-pl.negative[b-lbt65xyavx] {
    color: #dc3545;
}

/* Responsive - only stack on very narrow screens */
@media (max-width: 900px) {
    .quote-positions-row[b-lbt65xyavx] {
        grid-template-columns: 1fr;
    }

    .quote-positions-row:has(.positions-panel-inline)[b-lbt65xyavx] {
        grid-template-columns: 1fr;
    }

    .chart-section[b-lbt65xyavx] {
        order: -1; /* Chart on top on tablet/mobile */
        min-width: auto;
    }

    .quote-card[b-lbt65xyavx] {
        max-width: none;
    }

    .quote-metrics-grid[b-lbt65xyavx] {
        grid-template-columns: 1fr 1fr;
    }

    .positions-panel-inline[b-lbt65xyavx] {
        min-width: auto;
        max-width: none;
        max-height: none;
    }
}

@media (max-width: 900px) {
    .content-grid[b-lbt65xyavx] {
        grid-template-columns: 1fr;
    }

    .metrics-panel[b-lbt65xyavx] {
        order: -1;
    }

    .metrics-grid[b-lbt65xyavx] {
        grid-template-columns: 1fr 1fr;
    }

    .time-sales-list[b-lbt65xyavx] {
        max-height: 300px;
    }
}

@media (max-width: 600px) {
    .scalping-page[b-lbt65xyavx] {
        padding: 0.5rem;
    }

    .symbol-section[b-lbt65xyavx] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .symbol-input-group[b-lbt65xyavx] {
        max-width: none;
        min-width: auto;
    }

    .symbol-input[b-lbt65xyavx] {
        min-width: auto;
    }

    .recent-tickers[b-lbt65xyavx] {
        margin-left: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow: visible;
    }

    .recent-ticker-btn[b-lbt65xyavx] {
        padding: 0.2rem 0.4rem;
        font-size: 0.65rem;
    }

    .metrics-grid[b-lbt65xyavx] {
        grid-template-columns: 1fr;
    }

    .metrics-column:first-child[b-lbt65xyavx] {
        border-right: none;
        border-bottom: 1px solid var(--qsa-border);
    }

    .bid-ask-row[b-lbt65xyavx] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .bid-side[b-lbt65xyavx],
    .ask-side[b-lbt65xyavx] {
        justify-content: space-between;
    }

    .spread-display[b-lbt65xyavx] {
        border-left: none;
        border-right: none;
        border-top: 1px solid var(--qsa-border);
        border-bottom: 1px solid var(--qsa-border);
        padding: 0.75rem 0;
    }

    .tick-row[b-lbt65xyavx] {
        grid-template-columns: 60px 1fr 60px 20px;
        font-size: 0.75rem;
    }

    .stats-grid[b-lbt65xyavx] {
        grid-template-columns: 1fr 1fr;
    }

    .position-row-inline[b-lbt65xyavx] {
        grid-template-columns: 1fr 1fr;
        gap: 0.25rem;
    }

    .pos-basis[b-lbt65xyavx] {
        display: none;
    }
}

/* Quick Trade Toggle Button */
.quick-trade-toggle[b-lbt65xyavx] {
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--qsa-primary);
    border-radius: 6px;
    background: transparent;
    color: var(--qsa-primary);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.quick-trade-toggle:hover[b-lbt65xyavx] {
    background: rgba(74, 107, 130, 0.1);
}

.quick-trade-toggle.active[b-lbt65xyavx] {
    background: var(--qsa-primary);
    color: white;
}

/* Panic Trading Controls */
.panic-controls-row[b-lbt65xyavx] {
    display: flex;
    gap: 0.75rem;
}

.panic-controls-panel[b-lbt65xyavx] {
    background: var(--qsa-surface);
    border: 2px solid var(--qsa-primary);
    border-radius: 8px;
    padding: 0.75rem;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.panic-header[b-lbt65xyavx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.panic-header .panel-title[b-lbt65xyavx] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--qsa-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.panic-message[b-lbt65xyavx] {
    font-size: 0.75rem;
    padding: 0.5rem;
    border-radius: 4px;
    text-align: center;
}

.panic-message.success[b-lbt65xyavx] {
    background: rgba(40, 167, 69, 0.15);
    color: #28a745;
}

.panic-message.error[b-lbt65xyavx] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.panic-offset-row[b-lbt65xyavx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.panic-offset-row label[b-lbt65xyavx] {
    font-size: 0.75rem;
    color: var(--qsa-text-secondary);
    white-space: nowrap;
}

.panic-offset-input[b-lbt65xyavx] {
    width: 70px;
}

[b-lbt65xyavx] .panic-offset-input .e-input {
    text-align: center;
    font-weight: 600;
}

.panic-buttons[b-lbt65xyavx] {
    display: flex;
    gap: 0.5rem;
}

.panic-btn[b-lbt65xyavx] {
    flex: 1;
    padding: 0.75rem 0.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.8rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    transition: all 0.15s ease;
    text-transform: uppercase;
}

.panic-btn.buy[b-lbt65xyavx] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

.panic-btn.buy:hover:not(:disabled)[b-lbt65xyavx] {
    background: linear-gradient(135deg, #218838 0%, #1aa179 100%);
    transform: scale(1.02);
}

.panic-btn.sell[b-lbt65xyavx] {
    background: linear-gradient(135deg, #dc3545 0%, #e83e8c 100%);
    color: white;
}

.panic-btn.sell:hover:not(:disabled)[b-lbt65xyavx] {
    background: linear-gradient(135deg, #c82333 0%, #d63384 100%);
    transform: scale(1.02);
}

.panic-btn:disabled[b-lbt65xyavx] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.panic-btn.loading[b-lbt65xyavx] {
    opacity: 0.7;
}

.panic-price[b-lbt65xyavx] {
    font-size: 0.7rem;
    font-weight: 500;
    opacity: 0.9;
}

.panic-info[b-lbt65xyavx] {
    font-size: 0.7rem;
    color: var(--qsa-text-secondary);
    text-align: center;
    padding-top: 0.25rem;
    border-top: 1px solid var(--qsa-border);
}

/* Responsive adjustments for panic controls */
@media (max-width: 1200px) {
    .panic-controls-panel[b-lbt65xyavx] {
        min-width: 160px;
    }

    .panic-btn[b-lbt65xyavx] {
        padding: 0.5rem;
        font-size: 0.75rem;
    }
}
/* /Components/Pages/Trading/Trade.razor.rz.scp.css */
/* Trade Page - 3 Column Layout */
.trade-page[b-94dogyqhe4] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Order Entry Section - 3 Columns with Dividers */
.order-entry-section[b-94dogyqhe4] {
    display: grid;
    grid-template-columns: 280px 1px 1fr 1px 280px;
    column-gap: 1.5rem;
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

.section-title[b-94dogyqhe4] {
    grid-column: 1 / -1;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

.order-col[b-94dogyqhe4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Column Dividers */
.col-divider[b-94dogyqhe4] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

/* Column 1 - Order inputs */
.order-col-1[b-94dogyqhe4] {
    min-width: 0;
}

/* Column 2 - Quote & Price */
.order-col-2[b-94dogyqhe4] {
    min-width: 0;
}

/* Column 3 - Account & Actions */
.order-col-3[b-94dogyqhe4] {
    min-width: 0;
}

/* Field Groups */
.field-group[b-94dogyqhe4] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-94dogyqhe4] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-input[b-94dogyqhe4] {
    width: 100%;
}

.symbol-input[b-94dogyqhe4] {
    text-transform: uppercase;
}

/* Symbol Autocomplete Items */
.symbol-item[b-94dogyqhe4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem 0;
}

.symbol-ticker[b-94dogyqhe4] {
    font-weight: 600;
    color: var(--qsa-text);
    min-width: 50px;
}

.symbol-name[b-94dogyqhe4] {
    color: var(--qsa-silver);
    font-size: 0.85rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.symbol-shares[b-94dogyqhe4] {
    color: var(--qsa-gold);
    font-size: 0.75rem;
    font-weight: 500;
}

/* Quantity/Price Controls */
.quantity-control[b-94dogyqhe4],
.price-control[b-94dogyqhe4] {
    display: flex;
    align-items: stretch;
    background: var(--qsa-background);
    border-radius: 4px;
    border: 1px solid var(--qsa-border);
    overflow: hidden;
}

.qty-btn[b-94dogyqhe4] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-text);
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-94dogyqhe4] {
    background: var(--qsa-border);
}

.qty-btn:active[b-94dogyqhe4] {
    background: var(--qsa-silver);
}

.qty-input[b-94dogyqhe4],
.price-input[b-94dogyqhe4] {
    flex: 1;
    min-width: 60px;
}

.qty-input input[b-94dogyqhe4],
.price-input input[b-94dogyqhe4] {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

/* Quote Card */
.quote-card[b-94dogyqhe4] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    border-left: 3px solid var(--qsa-silver);
}

.quote-card.positive[b-94dogyqhe4] {
    border-left-color: #28a745;
}

.quote-card.negative[b-94dogyqhe4] {
    border-left-color: #dc3545;
}

.quote-card.loading[b-94dogyqhe4],
.quote-card.empty[b-94dogyqhe4] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-text[b-94dogyqhe4],
.empty-text[b-94dogyqhe4] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

/* Quote Header with Logo */
.quote-header[b-94dogyqhe4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.ticker-logo[b-94dogyqhe4] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    object-fit: contain;
    background: white;
    padding: 2px;
}

.ticker-logo-placeholder[b-94dogyqhe4] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: var(--qsa-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--qsa-silver);
}

.quote-title[b-94dogyqhe4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.quote-symbol[b-94dogyqhe4] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-name[b-94dogyqhe4] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Market Status Badge */
.market-status[b-94dogyqhe4] {
    font-size: 0.6rem;
    font-weight: 600;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.market-status.open[b-94dogyqhe4] {
    background: rgba(40, 167, 69, 0.2);
    color: #28a745;
}

.market-status.closed[b-94dogyqhe4] {
    background: rgba(108, 117, 125, 0.2);
    color: #6c757d;
}

.market-status.extended[b-94dogyqhe4] {
    background: rgba(0, 123, 255, 0.2);
    color: #007bff;
}

/* Quote Price Row */
.quote-price-row[b-94dogyqhe4] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.current-price[b-94dogyqhe4] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.price-change[b-94dogyqhe4] {
    font-size: 0.9rem;
    font-weight: 600;
}

.price-change.positive[b-94dogyqhe4] {
    color: #28a745;
}

.price-change.negative[b-94dogyqhe4] {
    color: #dc3545;
}

.price-change.neutral[b-94dogyqhe4] {
    color: var(--qsa-silver);
}

/* Quote Details Grid */
.quote-details[b-94dogyqhe4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem 1rem;
}

.quote-row[b-94dogyqhe4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.qlabel[b-94dogyqhe4] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.qvalue[b-94dogyqhe4] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

/* Account Summary */
.account-summary[b-94dogyqhe4] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
}

.account-row[b-94dogyqhe4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.35rem 0;
}

.account-row:not(:last-child)[b-94dogyqhe4] {
    border-bottom: 1px solid var(--qsa-border);
}

.account-row.highlight[b-94dogyqhe4] {
    padding-top: 0.5rem;
}

.alabel[b-94dogyqhe4] {
    font-size: 0.75rem;
    color: var(--qsa-silver);
}

.avalue[b-94dogyqhe4] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.account-row.highlight .avalue[b-94dogyqhe4] {
    color: #28a745;
    font-size: 1.1rem;
}

/* Estimated Block */
.estimated-block[b-94dogyqhe4] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    text-align: center;
}

.estimate-label[b-94dogyqhe4] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    margin-bottom: 0.25rem;
}

.estimate-value[b-94dogyqhe4] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.estimate-note[b-94dogyqhe4] {
    font-size: 0.65rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

/* Order Actions */
.order-actions[b-94dogyqhe4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: auto;
}

.clear-btn[b-94dogyqhe4],
.review-btn[b-94dogyqhe4] {
    width: 100%;
}

/* Page-level Error/Info Message */
.page-error-message[b-94dogyqhe4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    border-radius: 6px;
    color: #dc3545;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.page-error-message .dismiss-btn[b-94dogyqhe4] {
    background: none;
    border: none;
    color: #dc3545;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.page-error-message .dismiss-btn:hover[b-94dogyqhe4] {
    opacity: 1;
}

/* Section Divider */
.section-divider[b-94dogyqhe4] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Order History Section */
.order-history-section[b-94dogyqhe4] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1rem;
}

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

.section-header h3[b-94dogyqhe4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.empty-state[b-94dogyqhe4] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

/* Status Badges */
.side-badge[b-94dogyqhe4] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.side-badge.buy[b-94dogyqhe4] {
    background: rgba(40, 167, 69, 0.2);
    color: #28a745;
}

.side-badge.sell[b-94dogyqhe4] {
    background: rgba(220, 53, 69, 0.2);
    color: #dc3545;
}

.status-badge[b-94dogyqhe4] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    font-size: 0.7rem;
    font-weight: 500;
}

.status-badge.working[b-94dogyqhe4],
.status-badge.accepted[b-94dogyqhe4],
.status-badge.queued[b-94dogyqhe4],
.status-badge.submitted[b-94dogyqhe4] {
    background: rgba(0, 123, 255, 0.2);
    color: #007bff;
}

.status-badge.filled[b-94dogyqhe4] {
    background: rgba(40, 167, 69, 0.2);
    color: #28a745;
}

.status-badge.canceled[b-94dogyqhe4],
.status-badge.rejected[b-94dogyqhe4],
.status-badge.expired[b-94dogyqhe4],
.status-badge.replaced[b-94dogyqhe4] {
    background: rgba(108, 117, 125, 0.2);
    color: #6c757d;
}

.status-badge.pending_submit[b-94dogyqhe4],
.status-badge.pending_cancel[b-94dogyqhe4] {
    background: rgba(255, 193, 7, 0.2);
    color: #ffc107;
}

.status-badge.submit_failed[b-94dogyqhe4] {
    background: rgba(220, 53, 69, 0.2);
    color: #dc3545;
}

/* Confirmation Dialog */
.confirm-content[b-94dogyqhe4] {
    padding: 0.5rem 0;
}

.confirm-summary[b-94dogyqhe4] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-summary.buy[b-94dogyqhe4],
.confirm-summary.buy_to_cover[b-94dogyqhe4] {
    color: #28a745;
    border-left: 4px solid #28a745;
}

.confirm-summary.sell[b-94dogyqhe4],
.confirm-summary.sell_short[b-94dogyqhe4] {
    color: #dc3545;
    border-left: 4px solid #dc3545;
}

.confirm-details[b-94dogyqhe4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.confirm-row[b-94dogyqhe4] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-background);
}

.confirm-row:last-child[b-94dogyqhe4] {
    border-bottom: none;
}

.confirm-row .label[b-94dogyqhe4] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-94dogyqhe4] {
    font-weight: 500;
    color: var(--qsa-text);
}

.warning-box[b-94dogyqhe4] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .order-entry-section[b-94dogyqhe4] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-94dogyqhe4] {
        display: none;
    }

    .order-col-1[b-94dogyqhe4] {
        padding-bottom: 1.5rem;
    }

    .order-col-2[b-94dogyqhe4] {
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 1.5rem 0;
        border-top: 1px solid var(--qsa-border);
        border-bottom: 1px solid var(--qsa-border);
    }

    .order-col-3[b-94dogyqhe4] {
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .trade-page[b-94dogyqhe4] {
        padding: 0.5rem;
    }

    .order-entry-section[b-94dogyqhe4] {
        grid-template-columns: 1fr;
        padding: 1rem;
        gap: 0;
    }

    .col-divider[b-94dogyqhe4] {
        display: none;
    }

    .order-col-1[b-94dogyqhe4],
    .order-col-2[b-94dogyqhe4],
    .order-col-3[b-94dogyqhe4] {
        padding: 0;
        padding-bottom: 1rem;
        border-bottom: 1px solid var(--qsa-border);
    }

    .order-col-2[b-94dogyqhe4] {
        border-top: none;
    }

    .order-col-3[b-94dogyqhe4] {
        border-bottom: none;
        padding-bottom: 0;
    }

    .quote-details[b-94dogyqhe4] {
        grid-template-columns: 1fr;
    }

    .order-actions[b-94dogyqhe4] {
        flex-direction: row;
    }

    .clear-btn[b-94dogyqhe4],
    .review-btn[b-94dogyqhe4] {
        flex: 1;
    }
}
/* /Components/Pages/Trading/TradingPlans.razor.rz.scp.css */
.trading-plans-page[b-0i36be7vaj] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* Page Header */
.page-header[b-0i36be7vaj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.page-header h1[b-0i36be7vaj] {
    font-family: var(--qsa-font-headline);
    font-size: 1.75rem;
    margin: 0;
}

.subtitle[b-0i36be7vaj] {
    color: var(--qsa-silver);
    margin: 0;
    flex: 1;
}

.header-actions[b-0i36be7vaj] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.filter-select[b-0i36be7vaj],
.filter-input[b-0i36be7vaj] {
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--qsa-border);
    border-radius: 6px;
    background: var(--qsa-surface);
    color: var(--qsa-text);
    font-size: 0.85rem;
}

.filter-input[b-0i36be7vaj] {
    width: 140px;
}

/* Alert */
.alert[b-0i36be7vaj] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alert.success[b-0i36be7vaj] { background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.3); color: #22c55e; }
.alert.error[b-0i36be7vaj] { background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); color: #ef4444; }
.alert.info[b-0i36be7vaj] { background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3); color: #3b82f6; }

.dismiss-btn[b-0i36be7vaj] {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0 0.25rem;
}

/* States */
.loading-state[b-0i36be7vaj],
.empty-state[b-0i36be7vaj] {
    text-align: center;
    padding: 4rem 2rem;
    color: var(--qsa-silver);
}

.empty-icon[b-0i36be7vaj] {
    font-size: 3rem;
    display: block;
    margin-bottom: 1rem;
    opacity: 0.3;
}

.empty-state h3[b-0i36be7vaj] { margin: 0.5rem 0; color: var(--qsa-text); }
.empty-state p[b-0i36be7vaj] { margin: 0; }
.empty-state code[b-0i36be7vaj] { background: var(--qsa-surface); padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.85rem; }

/* Plans Grid */
.plans-grid[b-0i36be7vaj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

.plan-card[b-0i36be7vaj] {
    background: var(--qsa-surface);
    border: 1px solid var(--qsa-border);
    border-radius: 10px;
    padding: 1.25rem;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.plan-card:hover[b-0i36be7vaj] {
    border-color: var(--qsa-primary);
    box-shadow: var(--qsa-shadow-md);
}

.plan-card.pass[b-0i36be7vaj] { border-left: 3px solid #22c55e; }
.plan-card.fail[b-0i36be7vaj] { border-left: 3px solid #ef4444; }
.plan-card.caveat[b-0i36be7vaj] { border-left: 3px solid #f59e0b; }
.plan-card.pending[b-0i36be7vaj] { border-left: 3px solid var(--qsa-silver); }

/* Card Header */
.card-header[b-0i36be7vaj] { display: flex; flex-direction: column; gap: 0.4rem; }

.card-title-row[b-0i36be7vaj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-title-row h3[b-0i36be7vaj] {
    font-family: var(--qsa-font-headline);
    font-size: 1.25rem;
    margin: 0;
    letter-spacing: 0.02em;
}

.verdict-badge[b-0i36be7vaj] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.verdict-badge.pass[b-0i36be7vaj] { background: rgba(34, 197, 94, 0.15); color: #22c55e; }
.verdict-badge.fail[b-0i36be7vaj] { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
.verdict-badge.caveat[b-0i36be7vaj] { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.verdict-badge.pending[b-0i36be7vaj] { background: rgba(148, 163, 184, 0.15); color: var(--qsa-silver); }

.card-meta[b-0i36be7vaj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.8rem;
    color: var(--qsa-silver);
}

.status-pill[b-0i36be7vaj] {
    font-size: 0.65rem;
    padding: 0.1rem 0.5rem;
    border-radius: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.status-pill.draft[b-0i36be7vaj] { background: rgba(148, 163, 184, 0.15); color: var(--qsa-silver); }
.status-pill.completed[b-0i36be7vaj] { background: rgba(34, 197, 94, 0.1); color: #22c55e; }
.status-pill.expired[b-0i36be7vaj] { background: rgba(239, 68, 68, 0.1); color: #ef4444; }
.status-pill.cancelled[b-0i36be7vaj] { background: rgba(148, 163, 184, 0.1); color: var(--qsa-silver); }

/* Card Stats */
.card-stats[b-0i36be7vaj] {
    display: flex;
    gap: 1rem;
}

.stat[b-0i36be7vaj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 50px;
}

.stat-value[b-0i36be7vaj] {
    font-weight: 700;
    font-size: 1rem;
    font-family: var(--qsa-font-headline);
}

.stat-label[b-0i36be7vaj] {
    font-size: 0.65rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.vol-regime[b-0i36be7vaj] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    display: inline-block;
    width: fit-content;
}

.vol-regime.low[b-0i36be7vaj] { background: rgba(34, 197, 94, 0.1); color: #22c55e; }
.vol-regime.normal[b-0i36be7vaj] { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }
.vol-regime.high[b-0i36be7vaj] { background: rgba(239, 68, 68, 0.1); color: #ef4444; }

/* Check Dots */
.card-checks[b-0i36be7vaj] {
    display: flex;
    gap: 0.35rem;
}

.check-dot[b-0i36be7vaj] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    font-weight: 700;
}

.check-dot.pass[b-0i36be7vaj] { background: rgba(34, 197, 94, 0.2); color: #22c55e; }
.check-dot.fail[b-0i36be7vaj] { background: rgba(239, 68, 68, 0.2); color: #ef4444; }
.check-dot.warning[b-0i36be7vaj] { background: rgba(245, 158, 11, 0.2); color: #f59e0b; }
.check-dot.na[b-0i36be7vaj] { background: rgba(148, 163, 184, 0.1); color: var(--qsa-silver); }
.check-dot.pending[b-0i36be7vaj] { background: rgba(148, 163, 184, 0.08); color: rgba(148, 163, 184, 0.5); }

.card-reason[b-0i36be7vaj] {
    font-size: 0.8rem;
    color: var(--qsa-silver);
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Modal */
.modal-overlay[b-0i36be7vaj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}

.detail-modal[b-0i36be7vaj] {
    background: var(--qsa-bg, #1a1a2e);
    border: 1px solid var(--qsa-border);
    border-radius: 12px;
    width: 90vw;
    max-width: 700px;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: var(--qsa-shadow-lg);
}

.modal-header[b-0i36be7vaj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.modal-header h2[b-0i36be7vaj] {
    font-family: var(--qsa-font-headline);
    font-size: 1.3rem;
    margin: 0;
}

.close-btn[b-0i36be7vaj] {
    background: none;
    border: none;
    color: var(--qsa-silver);
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.25rem;
}

.close-btn:hover[b-0i36be7vaj] { color: var(--qsa-text); }

.modal-body[b-0i36be7vaj] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.detail-meta[b-0i36be7vaj] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    flex-wrap: wrap;
}

/* Check Detail Rows */
.checks-detail[b-0i36be7vaj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.check-row[b-0i36be7vaj] {
    display: grid;
    grid-template-columns: 28px 120px 80px 1fr;
    align-items: start;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.02);
    font-size: 0.85rem;
}

.check-num[b-0i36be7vaj] {
    font-weight: 700;
    color: var(--qsa-silver);
}

.check-name[b-0i36be7vaj] {
    font-weight: 600;
}

.check-result[b-0i36be7vaj] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    text-align: center;
}

.check-result.pass[b-0i36be7vaj] { background: rgba(34, 197, 94, 0.15); color: #22c55e; }
.check-result.fail[b-0i36be7vaj] { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
.check-result.warning[b-0i36be7vaj] { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.check-result.pending[b-0i36be7vaj] { background: rgba(148, 163, 184, 0.1); color: var(--qsa-silver); }

.check-reasoning[b-0i36be7vaj] {
    color: var(--qsa-silver);
    font-size: 0.8rem;
    line-height: 1.4;
}

.exit-summary[b-0i36be7vaj],
.verdict-summary[b-0i36be7vaj] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.85rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--qsa-border);
}

.detail-footer[b-0i36be7vaj] {
    font-size: 0.75rem;
    color: rgba(148, 163, 184, 0.5);
}

/* Buttons */
.btn[b-0i36be7vaj] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 500;
    transition: opacity 0.2s;
}

.btn:hover[b-0i36be7vaj] { opacity: 0.85; }

.btn.primary[b-0i36be7vaj] { background: var(--qsa-primary); color: white; }
.btn.secondary[b-0i36be7vaj] { background: var(--qsa-surface); color: var(--qsa-text); border: 1px solid var(--qsa-border); }
/* /Components/Pages/Trading/TrailingStop.razor.rz.scp.css */
/* Trailing Stop Page Layout */
.trailing-stop-page[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
}

/* Section Divider */
.section-divider[b-bn9gha10x5] {
    border: none;
    border-top: 1px solid var(--qsa-border);
    margin: 0.5rem 0;
}

/* Common Section Styles */
.section-title[b-bn9gha10x5] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

/* Section Backgrounds */
.accounts-section[b-bn9gha10x5],
.trade-entry-section[b-bn9gha10x5],
.summary-section[b-bn9gha10x5] {
    background: var(--qsa-surface);
    border-radius: 8px;
    border: 1px solid var(--qsa-border);
    padding: 1.5rem;
}

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

.section-header h3[b-bn9gha10x5] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

.section-title-inline[b-bn9gha10x5] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--qsa-text);
}

/* Trade Entry Grid */
.trade-entry-grid[b-bn9gha10x5] {
    display: grid;
    grid-template-columns: 280px 1px 1fr 1px 300px;
    column-gap: 1.5rem;
}

.trade-col[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-col[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.col-divider[b-bn9gha10x5] {
    width: 1px;
    min-width: 1px;
    background: var(--qsa-border);
    align-self: stretch;
}

/* Field Groups */
.field-group[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field-group label[b-bn9gha10x5] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
    letter-spacing: 0.3px;
}

.field-input[b-bn9gha10x5] {
    width: 100%;
}

.symbol-input[b-bn9gha10x5] {
    text-transform: uppercase;
}

/* Price Controls */
.price-control[b-bn9gha10x5] {
    display: flex;
    align-items: stretch;
    background: var(--qsa-background);
    border-radius: 4px;
    border: 1px solid var(--qsa-border);
    overflow: hidden;
}

.price-control.trail[b-bn9gha10x5] {
    border-color: rgba(23, 162, 184, 0.5);
}

.qty-btn[b-bn9gha10x5] {
    width: 36px;
    height: 36px;
    border: none;
    background: var(--qsa-border);
    color: var(--qsa-text);
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-bn9gha10x5] {
    background: var(--qsa-silver);
}

.price-input[b-bn9gha10x5] {
    flex: 1;
    min-width: 60px;
}

.price-input input[b-bn9gha10x5] {
    text-align: center;
    border: none !important;
    background: transparent !important;
}

.price-hint[b-bn9gha10x5] {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.25rem;
    color: #17a2b8;
}

/* Trail Presets */
.trail-presets[b-bn9gha10x5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--qsa-border);
}

.preset-label[b-bn9gha10x5] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.preset-btn[b-bn9gha10x5] {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    background: var(--qsa-background);
    border: 1px solid var(--qsa-border);
    border-radius: 4px;
    color: var(--qsa-text);
    cursor: pointer;
    transition: all 0.15s;
}

.preset-btn:hover[b-bn9gha10x5] {
    border-color: var(--qsa-gold);
    color: var(--qsa-gold);
}

/* Quote Card */
.quote-card[b-bn9gha10x5] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1rem;
    border-left: 3px solid var(--qsa-silver);
}

.quote-card.positive[b-bn9gha10x5] {
    border-left-color: #28a745;
}

.quote-card.negative[b-bn9gha10x5] {
    border-left-color: #dc3545;
}

.quote-card.loading[b-bn9gha10x5],
.quote-card.empty[b-bn9gha10x5] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-text[b-bn9gha10x5],
.empty-text[b-bn9gha10x5] {
    color: var(--qsa-silver);
    font-size: 0.9rem;
}

.quote-header[b-bn9gha10x5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--qsa-border);
}

.ticker-logo[b-bn9gha10x5] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    object-fit: contain;
    background: white;
    padding: 2px;
}

.ticker-logo-placeholder[b-bn9gha10x5] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: var(--qsa-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--qsa-silver);
}

.quote-title[b-bn9gha10x5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.quote-symbol[b-bn9gha10x5] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.quote-name[b-bn9gha10x5] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-price-row[b-bn9gha10x5] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.current-price[b-bn9gha10x5] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.price-change[b-bn9gha10x5] {
    font-size: 0.85rem;
    font-weight: 600;
}

.price-change.positive[b-bn9gha10x5] {
    color: #28a745;
}

.price-change.negative[b-bn9gha10x5] {
    color: #dc3545;
}

.price-change.neutral[b-bn9gha10x5] {
    color: var(--qsa-silver);
}

.quote-details[b-bn9gha10x5] {
    display: flex;
    gap: 1.5rem;
}

.quote-row[b-bn9gha10x5] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.qlabel[b-bn9gha10x5] {
    font-size: 0.7rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.qvalue[b-bn9gha10x5] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--qsa-text);
}

/* Accounts Grid */
.accounts-grid[b-bn9gha10x5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}

.account-card[b-bn9gha10x5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--qsa-background);
    border: 2px solid var(--qsa-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.account-card:hover[b-bn9gha10x5] {
    border-color: var(--qsa-silver);
}

.account-card.selected[b-bn9gha10x5] {
    border-color: var(--qsa-gold);
    background: rgba(212, 175, 55, 0.1);
}

.account-select-indicator[b-bn9gha10x5] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--qsa-border);
    color: var(--qsa-gold);
    font-size: 0.9rem;
}

.account-card.selected .account-select-indicator[b-bn9gha10x5] {
    background: var(--qsa-gold);
    color: var(--qsa-surface);
}

.account-info[b-bn9gha10x5] {
    flex: 1;
    min-width: 0;
}

.account-name[b-bn9gha10x5] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.9rem;
}

.account-details[b-bn9gha10x5] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: var(--qsa-silver);
    margin-top: 0.25rem;
}

.account-position[b-bn9gha10x5] {
    font-weight: 500;
}

.account-position.long[b-bn9gha10x5] {
    color: #28a745;
}

.account-position.short[b-bn9gha10x5] {
    color: #dc3545;
}

/* Summary Section */
.summary-actions[b-bn9gha10x5] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-bn9gha10x5] {
    padding: 2rem;
    text-align: center;
    color: var(--qsa-silver);
}

/* Trailing Stop Summary */
.trailing-summary[b-bn9gha10x5] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 2rem;
}

/* Trail Visual Diagram */
.trail-visual[b-bn9gha10x5] {
    background: var(--qsa-background);
    border-radius: 8px;
    padding: 1.5rem;
}

.trail-diagram[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.trail-header[b-bn9gha10x5] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--qsa-text);
    text-align: center;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--qsa-border);
}

.price-ladder[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.scenario[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.scenario-label[b-bn9gha10x5] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
}

.price-bar[b-bn9gha10x5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 6px;
    background: var(--qsa-surface);
    border: 1px solid var(--qsa-border);
    position: relative;
}

.scenario.up .price-bar[b-bn9gha10x5] {
    border-color: rgba(40, 167, 69, 0.3);
    background: rgba(40, 167, 69, 0.05);
}

.scenario.current .price-bar[b-bn9gha10x5] {
    border-color: rgba(23, 162, 184, 0.5);
    background: rgba(23, 162, 184, 0.1);
    border-width: 2px;
}

.scenario.down .price-bar[b-bn9gha10x5] {
    border-color: rgba(220, 53, 69, 0.3);
    background: rgba(220, 53, 69, 0.05);
}

.price-bar.triggered[b-bn9gha10x5] {
    background: rgba(220, 53, 69, 0.15);
    border-color: #dc3545;
}

.bar-segment[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bar-segment .segment-label[b-bn9gha10x5] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
}

.bar-segment .segment-price[b-bn9gha10x5] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--qsa-text);
}

.bar-segment.profit .segment-price[b-bn9gha10x5] {
    color: #28a745;
}

.bar-segment.stop .segment-price[b-bn9gha10x5] {
    color: #17a2b8;
}

.bar-segment.triggered .segment-label[b-bn9gha10x5] {
    color: #dc3545;
    font-weight: 600;
}

.bar-segment.triggered .segment-price[b-bn9gha10x5] {
    color: #dc3545;
    font-size: 0.85rem;
}

.trail-gap[b-bn9gha10x5] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.trail-gap[b-bn9gha10x5]::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: repeating-linear-gradient(
        90deg,
        #17a2b8 0,
        #17a2b8 8px,
        transparent 8px,
        transparent 12px
    );
}

.gap-label[b-bn9gha10x5] {
    background: var(--qsa-surface);
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #17a2b8;
    border-radius: 4px;
    z-index: 1;
}

.bar-marker[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.1rem;
    font-weight: 700;
    font-size: 1rem;
    color: var(--qsa-text);
}

.bar-marker.high[b-bn9gha10x5] {
    color: #28a745;
}

.bar-marker .marker-arrow[b-bn9gha10x5] {
    font-size: 0.85rem;
}

.bar-marker .marker-label[b-bn9gha10x5] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--qsa-silver);
    font-weight: 500;
}

.scenario-note[b-bn9gha10x5] {
    font-size: 0.75rem;
    padding-left: 0.5rem;
}

.scenario-note.profit[b-bn9gha10x5] {
    color: #28a745;
}

.scenario-note.loss[b-bn9gha10x5] {
    color: #dc3545;
}

/* Trail Stats */
.trail-stats[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stat-row[b-bn9gha10x5] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
}

.stat-row:last-child[b-bn9gha10x5] {
    border-bottom: none;
}

.stat-label[b-bn9gha10x5] {
    color: var(--qsa-silver);
    font-size: 0.85rem;
}

.stat-value[b-bn9gha10x5] {
    font-weight: 600;
    color: var(--qsa-text);
}

.stat-value.sell[b-bn9gha10x5] {
    color: #dc3545;
}

.stat-value.cover[b-bn9gha10x5] {
    color: #28a745;
}

.stat-value.loss[b-bn9gha10x5] {
    color: #dc3545;
}

/* Messages */
.page-error-message[b-bn9gha10x5],
.page-success-message[b-bn9gha10x5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.9rem;
}

.page-error-message[b-bn9gha10x5] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #dc3545;
}

.page-success-message[b-bn9gha10x5] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #28a745;
}

.dismiss-btn[b-bn9gha10x5] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
    opacity: 0.7;
}

.dismiss-btn:hover[b-bn9gha10x5] {
    opacity: 1;
}

.page-error-message .dismiss-btn[b-bn9gha10x5] {
    color: #dc3545;
}

.page-success-message .dismiss-btn[b-bn9gha10x5] {
    color: #28a745;
}

/* Confirmation Dialog */
.confirm-content[b-bn9gha10x5] {
    padding: 0.5rem 0;
}

.confirm-summary[b-bn9gha10x5] {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
    border-left: 4px solid #17a2b8;
    color: #17a2b8;
}

.confirm-summary.sell[b-bn9gha10x5] {
    color: #dc3545;
    border-left-color: #dc3545;
}

.confirm-summary.buy_to_cover[b-bn9gha10x5] {
    color: #28a745;
    border-left-color: #28a745;
}

/* Confirm Trail Visual */
.confirm-trail-visual[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    background: var(--qsa-background);
    border-radius: 6px;
    margin-bottom: 1rem;
}

.confirm-trail-row[b-bn9gha10x5] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.trail-icon[b-bn9gha10x5] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: rgba(23, 162, 184, 0.15);
    color: #17a2b8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.trail-icon.stop[b-bn9gha10x5] {
    background: rgba(220, 53, 69, 0.15);
    color: #dc3545;
}

.trail-info[b-bn9gha10x5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.trail-title[b-bn9gha10x5] {
    font-weight: 600;
    color: var(--qsa-text);
    font-size: 0.95rem;
}

.trail-desc[b-bn9gha10x5] {
    font-size: 0.8rem;
    color: var(--qsa-silver);
}

.confirm-details[b-bn9gha10x5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.confirm-row[b-bn9gha10x5] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-background);
}

.confirm-row .label[b-bn9gha10x5] {
    color: var(--qsa-silver);
}

.confirm-row .value[b-bn9gha10x5] {
    font-weight: 500;
    color: var(--qsa-text);
}

.confirm-accounts-list[b-bn9gha10x5] {
    background: var(--qsa-background);
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.confirm-accounts-list h4[b-bn9gha10x5] {
    margin: 0 0 0.75rem 0;
    font-size: 0.85rem;
    color: var(--qsa-silver);
    text-transform: uppercase;
}

.confirm-account-row[b-bn9gha10x5] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--qsa-border);
    font-size: 0.9rem;
}

.confirm-account-row:last-child[b-bn9gha10x5] {
    border-bottom: none;
}

.confirm-account-row .account-name[b-bn9gha10x5] {
    color: var(--qsa-text);
    font-weight: 500;
}

.confirm-account-row .account-qty[b-bn9gha10x5] {
    color: var(--qsa-gold);
    font-weight: 600;
}

.warning-box[b-bn9gha10x5] {
    padding: 0.75rem;
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    border-radius: 4px;
    color: #ffc107;
    font-size: 0.85rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .trade-entry-grid[b-bn9gha10x5] {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }

    .col-divider[b-bn9gha10x5] {
        display: none;
    }

    .quote-col[b-bn9gha10x5] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .trailing-summary[b-bn9gha10x5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .trailing-stop-page[b-bn9gha10x5] {
        padding: 0.5rem;
    }

    .trade-entry-grid[b-bn9gha10x5] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .accounts-grid[b-bn9gha10x5] {
        grid-template-columns: 1fr;
    }

    .summary-actions[b-bn9gha10x5] {
        flex-direction: column;
        width: 100%;
    }

    .summary-actions button[b-bn9gha10x5] {
        width: 100%;
    }
}
/* /Components/Pages/Trading/UniversePriceCompare.razor.rz.scp.css */
.price-compare-page[b-kja9cha98b] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 1.5rem;
}

.page-header h1[b-kja9cha98b] { margin: 0; font-size: 1.3rem; color: #1C1A17; }
.page-description[b-kja9cha98b] { margin: 0.25rem 0 1rem; font-size: 0.8rem; color: #9A9A98; }

.controls-row[b-kja9cha98b] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.control-group label[b-kja9cha98b] {
    display: block;
    font-size: 0.7rem;
    color: #9A9A98;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.2rem;
}

.control-group select[b-kja9cha98b],
.control-group input[type="date"][b-kja9cha98b] {
    padding: 0.4rem 0.5rem;
    border: 1px solid #e8e6e1;
    border-radius: 4px;
    font-size: 0.85rem;
    color: #1C1A17;
    background: #FAFAF9;
}

.control-group select:focus[b-kja9cha98b],
.control-group input:focus[b-kja9cha98b] {
    border-color: #4A6B82;
    outline: none;
}

.btn-primary[b-kja9cha98b] {
    padding: 0.45rem 1rem;
    background: #4A6B82;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.8rem;
}
.btn-primary:hover[b-kja9cha98b] { background: #3a5a6f; }
.btn-primary:disabled[b-kja9cha98b] { opacity: 0.5; cursor: not-allowed; }

.loading[b-kja9cha98b] {
    padding: 1rem;
    text-align: center;
    color: #9A9A98;
    font-size: 0.85rem;
}

.summary-bar[b-kja9cha98b] {
    display: flex;
    gap: 1.5rem;
    padding: 0.5rem 0.75rem;
    background: #F7F5F0;
    border: 1px solid #e8e6e1;
    border-radius: 6px;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    color: #1C1A17;
}

.summary-item.gainers[b-kja9cha98b] { color: #28a745; }
.summary-item.losers[b-kja9cha98b] { color: #dc3545; }

.price-table[b-kja9cha98b] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.price-table thead[b-kja9cha98b] {
    background: #F7F5F0;
}

.price-table th[b-kja9cha98b] {
    padding: 0.5rem 0.75rem;
    text-align: left;
    font-weight: 600;
    color: #1C1A17;
    border-bottom: 2px solid #e8e6e1;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.price-table th:hover[b-kja9cha98b] {
    color: #4A6B82;
}

.price-table td[b-kja9cha98b] {
    padding: 0.4rem 0.75rem;
    border-bottom: 1px solid #f0ede8;
    color: #1C1A17;
}

.price-table tbody tr:hover[b-kja9cha98b] {
    background: rgba(74, 107, 130, 0.04);
}

.col-ticker[b-kja9cha98b] {
    font-weight: 600;
    font-family: monospace;
    width: 100px;
}

.col-price[b-kja9cha98b] {
    text-align: right;
    width: 120px;
}

.col-change[b-kja9cha98b] {
    text-align: right;
    width: 110px;
}

.col-change.up[b-kja9cha98b] { color: #28a745; }
.col-change.down[b-kja9cha98b] { color: #dc3545; }
.up[b-kja9cha98b] { color: #28a745; }
.down[b-kja9cha98b] { color: #dc3545; }

.col-rsi[b-kja9cha98b] {
    text-align: right;
    width: 70px;
}

.col-rsi.overbought[b-kja9cha98b] { color: #dc3545; font-weight: 600; }
.col-rsi.oversold[b-kja9cha98b] { color: #28a745; font-weight: 600; }

.col-earnings[b-kja9cha98b] {
    width: 120px;
    white-space: nowrap;
}

.earnings-soon[b-kja9cha98b] {
    color: #D4AF37;
    font-weight: 600;
}

.days-out[b-kja9cha98b] {
    font-size: 0.75rem;
    color: #9A9A98;
}

.empty-state[b-kja9cha98b] {
    padding: 2rem;
    text-align: center;
    color: #9A9A98;
    font-size: 0.85rem;
}