/* ── Auth Center — custom overrides for Bootstrap 5 ────────────────────── */

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: #f8fafc;
}

/* Navbar active link highlight */
.navbar .nav-link.active,
.navbar .nav-link:hover {
    color: var(--bs-primary) !important;
}

/* App grid cards on dashboard */
.app-card {
    transition: transform .15s, box-shadow .15s;
    cursor: pointer;
    border-radius: 12px;
}
.app-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0,0,0,.1);
}
.app-card .app-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    border-radius: 12px;
}
.app-card .app-name {
    color: #374151;
}

/* Dashboard welcome avatar fallback */
.dashboard-avatar {
    width: 56px;
    height: 56px;
    object-fit: cover;
}

/* Status badges */
.status-active { color: #16a34a; }
.status-disabled { color: #dc2626; }

/* Toast container */
#toast-container { z-index: 1090; }

/* Spinner for login button (legacy compat) */
.spinner {
    width: 14px; height: 14px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }