/* MedSentry — assets/css/app.css */

:root {
    --ms-primary:    #1a6b8a;
    --ms-primary-dk: #134f68;
    --ms-light:      #e8f4f8;
    --ms-accent:     #28a745;
}

/* ── Brand Colors ───────────────────────────────────── */
.ms-primary          { color: var(--ms-primary) !important; }
.bg-ms-primary       { background-color: var(--ms-primary) !important; }
.bg-ms-light         { background-color: var(--ms-light) !important; }

.btn-ms-primary {
    background-color: var(--ms-primary);
    border-color:     var(--ms-primary);
    color: #fff;
}
.btn-ms-primary:hover {
    background-color: var(--ms-primary-dk);
    border-color:     var(--ms-primary-dk);
    color: #fff;
}

/* ── Navbar ─────────────────────────────────────────── */
.ms-navbar {
    background-color: var(--ms-primary);
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

/* ── Stat Cards ─────────────────────────────────────── */
.stat-card { border-radius: 12px; }
.stat-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
}

/* ── Login ──────────────────────────────────────────── */
.login-body { background: linear-gradient(135deg, var(--ms-primary) 0%, var(--ms-primary-dk) 100%); }
.login-card { border-radius: 16px; border: none; }
.login-logo {
    width: 72px; height: 72px;
    background: var(--ms-light);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto;
    font-size: 2rem;
    color: var(--ms-primary);
}