/* ParallelLinesLab Custom Styles */
.parallel-lines-lab-container {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.bg-gradient-success-subtle {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #bbf7d0 100%);
}

/* Tab Navigation */
.parallel-lines-lab-container .nav-pills .nav-link {
    color: #4b5563;
    transition: all 0.2s ease-in-out;
}

.parallel-lines-lab-container .nav-pills .nav-link:hover {
    background-color: rgba(22, 163, 74, 0.08);
    color: #16a34a;
}

.parallel-lines-lab-container .nav-pills .nav-link.active {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3);
}

/* Canvas styling */
.canvas-container canvas {
    touch-action: none;
    user-select: none;
}

/* Dark Mode Adjustments */
[data-bs-theme="dark"] .bg-gradient-success-subtle {
    background: linear-gradient(135deg, #052e16 0%, #14532d 50%, #166534 100%);
    color: #dcfce7;
}

[data-bs-theme="dark"] .canvas-container {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* Dynamic Transversal & Line Control Cards */
.multi-line-ctrl-card {
    border-left: 4px solid var(--ctrl-line-color, #16a34a);
    background: var(--card-bg, #ffffff);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.multi-line-ctrl-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.preset-chip-mini {
    font-size: 0.75rem;
    padding: 0.15rem 0.45rem;
    border-radius: 9999px;
}