/* CEO-Board – RUHR Group CI Overrides for Tabler */

:root {
    --rg-violet: #2C2B80;
    --rg-violet-dark: #1e1d5c;
    --rg-orange: #FF433E;
    --rg-orange-hover: #e8352f;
}

/* Sidebar active state */
.navbar-vertical .nav-link.active,
.navbar-vertical .dropdown-item.active {
    background-color: var(--rg-orange) !important;
    color: #fff !important;
    border-radius: 6px;
}

.navbar-vertical .nav-link:hover,
.navbar-vertical .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 6px;
}

/* Sidebar dropdown */
.navbar-vertical .dropdown-menu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 1rem;
}

.navbar-vertical .dropdown-item {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 0.875rem;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
}

.navbar-vertical .dropdown-item:hover {
    color: #fff !important;
}

.navbar-vertical .dropdown-item.active {
    color: #fff !important;
}

/* Logo spacing */
.navbar-brand img {
    height: 22px !important;
}

/* Logo auf Mobile immer sichtbar */
.navbar-brand {
    display: flex !important;
}

/* Logo auf Desktop größer und tiefer */
@media (min-width: 992px) {
    .navbar-brand {
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }
    .navbar-brand img {
        height: 28px !important;
    }
}

/* Page title color */
.page-title {
    color: var(--rg-violet);
}

/* Orange buttons */
.btn-primary {
    background-color: var(--rg-orange) !important;
    border-color: var(--rg-orange) !important;
}

.btn-primary:hover {
    background-color: var(--rg-orange-hover) !important;
    border-color: var(--rg-orange-hover) !important;
}

/* Card hover effect */
a.card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.08);
}

/* Progress bar colors */
.progress-bar-success { background-color: #2fb344; }
.progress-bar-warning { background-color: #f76707; }
.progress-bar-danger { background-color: #d63939; }

/* Kachel-Abstände kleiner */
.row-cards {
    --tblr-gutter-x: 0.75rem;
    --tblr-gutter-y: 0.75rem;
}

/* Status dots */
.status-dot-success { background-color: #2fb344; }
.status-dot-warning { background-color: #f76707; }
.status-dot-danger { background-color: #d63939; }