/* ===== MagiAI Admin — theme on top of AdminLTE 3 defaults ===== */
:root {
    --mg-indigo:      #3C2E6B;
    --mg-indigo-light:#5B4B96;
    --mg-violet:      #7C5CFA;
    --mg-lilac:       #C9BEF0;
    --mg-mist:        #F5F3FC;
    --mg-dark:        #1E1638;
    --mg-success:     #3F9A6E;
    --mg-danger:      #C0392B;
    --mg-muted:       #8B84A8;
    --mg-warning:     #B58900;
}

/* ----- Sidebar ----- */
.mg-sidebar {
    background: var(--mg-indigo) !important;
}

.mg-sidebar .brand-link,
.mg-sidebar .brand-link:hover {
    background: var(--mg-dark) !important;
    border-bottom-color: var(--mg-indigo-light) !important;
}

.mg-brand-link {
    color: var(--mg-lilac) !important;
}

.mg-sidebar .nav-sidebar .nav-link {
    color: var(--mg-lilac) !important;
}

.mg-sidebar .nav-sidebar .nav-link:hover {
    background: var(--mg-indigo-light) !important;
    color: #fff !important;
}

.mg-sidebar .nav-sidebar .nav-link.active {
    background: var(--mg-violet) !important;
    color: #fff !important;
}

.mg-sidebar .nav-header {
    color: var(--mg-violet) !important;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
}

/* ----- Navbar ----- */
.mg-navbar {
    background: var(--mg-mist) !important;
    border-bottom: 2px solid var(--mg-lilac);
}

.mg-brand-text {
    color: var(--mg-indigo) !important;
    font-weight: 700;
    font-size: 1.1rem;
}

.mg-logout-btn {
    color: var(--mg-violet) !important;
    padding: 0.5rem 1rem;
}

.mg-logout-btn:hover {
    color: var(--mg-indigo) !important;
}

/* ----- Content ----- */
.content-wrapper {
    background: var(--mg-mist) !important;
}

/* ----- Cards ----- */
.mg-card {
    border: 1px solid var(--mg-lilac) !important;
    border-radius: 6px;
}

.mg-card-header {
    background: var(--mg-lilac) !important;
    color: var(--mg-dark) !important;
    border-bottom: 2px solid var(--mg-violet) !important;
}

/* ----- Info boxes (dashboard stat tiles) ----- */
.mg-info-box {
    background: #fff !important;
    border: 1px solid var(--mg-lilac) !important;
    border-radius: 6px;
}

.mg-icon-tenants { background: var(--mg-indigo) !important; color: #fff !important; }
.mg-icon-users   { background: var(--mg-violet) !important; color: #fff !important; }
.mg-icon-calls   { background: var(--mg-success) !important; color: #fff !important; }
.mg-icon-errors  { background: var(--mg-danger)  !important; color: #fff !important; }

/* ----- Buttons ----- */
.mg-btn-primary {
    background: var(--mg-violet) !important;
    border-color: var(--mg-violet) !important;
    color: #fff !important;
}

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

.mg-btn-details {
    background: var(--mg-lilac) !important;
    border-color: var(--mg-lilac) !important;
    color: var(--mg-dark) !important;
    font-size: 0.78rem;
}

/* ----- Badges ----- */
.mg-badge-aktiv {
    background: var(--mg-success) !important;
    color: #fff !important;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 10px;
}

.mg-badge-inaktiv {
    background: var(--mg-muted) !important;
    color: #fff !important;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 10px;
}

.mg-badge-warning {
    background: var(--mg-warning) !important;
    color: #fff !important;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 10px;
}

.mg-badge-danger {
    background: var(--mg-danger) !important;
    color: #fff !important;
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 10px;
}

/* ----- Page title ----- */
.mg-page-title {
    color: var(--mg-indigo) !important;
    font-weight: 700;
}

/* ----- Footer ----- */
.mg-footer {
    background: var(--mg-lilac) !important;
    color: var(--mg-muted) !important;
    border-top: 1px solid var(--mg-lilac) !important;
}

/* ----- Login page ----- */
.mg-login-page {
    background: linear-gradient(135deg, var(--mg-indigo) 0%, var(--mg-indigo-light) 50%, var(--mg-violet) 100%) !important;
}

.mg-login-card {
    background: var(--mg-mist) !important;
}

.login-box-msg {
    color: var(--mg-muted);
}

.mg-btn-login {
    background: var(--mg-violet) !important;
    border-color: var(--mg-violet) !important;
    color: #fff !important;
    font-weight: 600;
}

.mg-btn-login:hover {
    background: var(--mg-indigo) !important;
    border-color: var(--mg-indigo) !important;
}

.login-logo a {
    color: var(--mg-lilac) !important;
}