:root {
    --tblr-primary: #6C3BAA;
    --tblr-primary-rgb: 108, 59, 170;
    --uni-primary: #6C3BAA;
    --uni-primary-hover: #4A2178;
    --uni-primary-light: #F0E6FA;
    --uni-dark: #1A0A2E;
    --uni-bg: #FFFFFF;
    --uni-bg-alt: #F8F9FA;
    --uni-text: #333333;
    --uni-text-light: #FFFFFF;
    --uni-success: #28A745;
    --uni-danger: #DC3545;
    --uni-warning: #FFC107;
}

.navbar, .navbar-dark {
    background-color: var(--uni-dark) !important;
}

.navbar-brand-autodark .navbar-brand-image {
    filter: none;
}

.page-header {
    background-color: var(--uni-bg-alt);
}

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

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

.nav-link.active,
.nav-link:hover {
    color: var(--uni-primary) !important;
}

.navbar-nav .nav-link.active {
    color: var(--uni-text-light) !important;
    background-color: rgba(108, 59, 170, 0.3);
    border-radius: 4px;
}

.badge.bg-primary {
    background-color: var(--uni-primary) !important;
}

.badge.bg-success { background-color: var(--uni-success) !important; }
.badge.bg-danger { background-color: var(--uni-danger) !important; }
.badge.bg-warning { background-color: var(--uni-warning) !important; color: #333 !important; }

.sidebar {
    background-color: var(--uni-dark);
}

.sidebar .nav-link {
    color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav-link:hover,
.sidebar .nav-link.active {
    color: #fff;
    background-color: rgba(108, 59, 170, 0.4);
}

.card {
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.table th {
    background-color: var(--uni-bg-alt);
    font-weight: 600;
}

.status-online { color: var(--uni-success); }
.status-offline { color: var(--uni-danger); }
.status-pending { color: var(--uni-warning); }
.status-blocked { color: var(--uni-danger); }
.status-approved { color: var(--uni-success); }

footer {
    background-color: var(--uni-dark);
    color: var(--uni-text-light);
}

.tenant-selector select {
    max-width: 250px;
    border-color: rgba(255,255,255,0.3);
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.tenant-selector select option {
    color: #333;
    background: white;
}

.page-wrapper {
    min-height: 100vh;
}