/*
 * Application-wide leftovers (aliases + small helpers).
 * Design system: app/assets/stylesheets/design_system/*.css
 * Auth: auth.css
 * Gantt: gantt.css (page-specific)
 *
 * Keep --accent-* aliases for gantt.css compatibility.
 */

:root {
    --accent-color: var(--color-accent, #0A4FFF);
    --accent-hover: var(--color-accent-hover, #123A8C);
    --accent-200: var(--brand-blue-light, #7FB3FF);
    --accent-soft: var(--color-accent-soft, rgba(10, 79, 255, 0.12));
    --sidebar-bg: var(--color-bg-alt, #F5F7FA);
    --border-color: var(--color-border, #e8eaed);
}

.toggle-switch input:checked + .toggle-bg {
    background-color: var(--accent-color);
}

.toggle-switch input:checked + .toggle-bg .toggle-dot {
    transform: translateX(1.25rem);
}

/* Legacy tab helper (nav buttons still migrating) */
.tab-button.active {
    border-color: var(--accent-color);
    color: var(--accent-color);
    background-color: var(--color-accent-soft);
}

/* Hide scrollbar while keeping scroll */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.btn-warning {
    color: var(--amber, #d4800a);
    border-color: rgba(212, 128, 10, 0.35);
    background: rgba(212, 128, 10, 0.08);
}

.btn-warning:hover {
    background: rgba(212, 128, 10, 0.15);
    border-color: rgba(212, 128, 10, 0.5);
}

/* Wider content area than portal default (dense tables) */
.main-inner--wide {
    max-width: none;
}