/* ============================================
   Additional Panel Styles — Strategies tab,
   MT5 hints, strategy toggles
   ============================================ */

/* Strategies history table */
.strategies-container {
    padding: 4px;
}

.strat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px 6px;
    font-size: 11px;
    color: var(--text-muted);
}

/* Strategy code badges */
td .strat-code {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-mono);
}

.strat-code.dom   { background: rgba(68,138,255,0.15); color: var(--blue); }
.strat-code.ob    { background: rgba(179,136,255,0.15); color: var(--purple); }
.strat-code.cvd   { background: rgba(0,230,118,0.15);  color: var(--green); }
.strat-code.comp  { background: rgba(255,215,64,0.15); color: var(--yellow); }

/* Tab toolbar (used in History tab) */
.tab-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px 6px;
    border-bottom: 1px solid var(--border-primary);
    background: var(--bg-secondary);
}

.tab-toolbar-title {
    font-size: 11px;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 5px;
}

.tab-toolbar-btn {
    padding: 2px 8px;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    color: var(--text-secondary);
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    transition: var(--transition);
}

.tab-toolbar-btn:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* MT5 hint block */
.mt5-hint {
    margin-top: 12px;
    padding: 10px 12px;
    background: rgba(68,138,255,0.06);
    border: 1px solid rgba(68,138,255,0.2);
    border-radius: var(--radius-sm);
    font-size: 11px;
    color: var(--text-secondary);
    line-height: 1.6;
}

.mt5-hint b { color: var(--blue); }

/* Settings section form-checks smaller */
.settings-section .form-check {
    padding: 4px 0;
    margin-bottom: 2px;
}

.settings-section .form-check label {
    font-size: 12px;
}