/**
 * Logistic Regression Visualizer Styles
 */

:root {
    --logreg-boundary-color: #333;
    --logreg-prob-low: rgba(228, 26, 28, 0.25);
    --logreg-prob-high: rgba(55, 126, 184, 0.25);
    --logreg-sigmoid-color: #e41a1c;
    --logreg-sigmoid-marker: #ff9800;
}

[data-theme="gruvbox-dark"] {
    --logreg-boundary-color: #ebdbb2;
    --logreg-prob-low: rgba(251, 73, 52, 0.2);
    --logreg-prob-high: rgba(131, 165, 152, 0.2);
    --logreg-sigmoid-color: #fb4934;
    --logreg-sigmoid-marker: #fe8019;
}

#logistic-canvas { cursor: crosshair; position: relative; z-index: 2; }

.legend-line.boundary-line {
    background-color: var(--logreg-boundary-color);
    height: 3px; width: 24px;
}

.legend-color.prob-gradient {
    background: linear-gradient(to right, var(--logreg-prob-low), var(--logreg-prob-high));
    border-radius: 2px;
}

.logreg-controls-panel { display: flex; gap: 20px; }
.logreg-options-col { flex: 1; }

.logreg-option-group {
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 6px;
}
.logreg-option-group:last-child { margin-bottom: 0; }

.logreg-options-col .option-row {
    display: flex; align-items: center; gap: 8px;
}
.logreg-options-col .option-row > label:first-child {
    min-width: 60px; font-size: 12px; margin: 0;
}
.logreg-options-col .option-row select {
    width: auto; min-width: 120px; font-size: 12px;
}
.logreg-options-col .checkbox-label { font-size: 12px; margin-right: 10px; }

.logreg-playback-col {
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    border-left: 1px solid var(--viz-border); padding-left: 20px;
}
.logreg-playback-col .btn-toolbar { display: flex; gap: 4px; }
.logreg-playback-col .btn-toolbar .btn { padding: 4px 8px; }
.logreg-playback-col .speed-control {
    display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--viz-text-muted); width: 100%;
}
.logreg-playback-col .speed-control input[type="range"] { flex: 1; }

@media (max-width: 992px) {
    .logreg-controls-panel { flex-direction: column; }
    .logreg-playback-col {
        border-left: none; border-top: 1px solid var(--viz-border);
        padding-left: 0; padding-top: 15px;
    }
}