/* Заједнички стил админ дела – боје из брендбука листе */
:root {
    --nada-blue: #333995;
    --nada-red: #c02027;
    --nada-dark: #201e68;
}

.navbar {
    background-color: var(--nada-dark) !important;
    border-bottom: 3px solid var(--nada-red);
}
.navbar .navbar-brand,
.navbar .nav-link { color: #fff; }
.navbar .nav-link:hover { color: #cdd2f2; }
.navbar .navbar-brand { background: #fff; border-radius: .5rem; padding: .3rem .55rem; margin-right: 1rem; }
.navbar .navbar-brand img { height: 3.1rem; width: auto; display: block; }
.navbar-toggler { border-color: rgba(255,255,255,.4); }
.navbar-toggler-icon { filter: invert(1); }

.btn-primary {
    background-color: var(--nada-blue);
    border-color: var(--nada-blue);
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--nada-dark);
    border-color: var(--nada-dark);
}
.btn-outline-primary { color: var(--nada-blue); border-color: var(--nada-blue); }
.btn-outline-primary:hover { background-color: var(--nada-blue); border-color: var(--nada-blue); }

a { color: var(--nada-blue); }
.card-header { background-color: #eef0f8; }

/* ---------- страна за пријаву ---------- */
/* Правила су и у самој login.html (inline) да приказ не зависи од кеша ове датотеке. */
.login-page { min-height: 100vh; background: var(--nada-dark); display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; }
.login-card { width: 100%; max-width: 26rem; background: #fff; border-radius: .75rem; box-shadow: 0 1rem 2rem rgba(0,0,0,.3); overflow: hidden; }
.login-card .login-head { padding: 1.25rem 1.5rem 1rem; text-align: center; border-bottom: 3px solid var(--nada-red); }
.login-card .login-head img { display: block; margin: 0 auto; width: 13rem; max-width: 100%; height: auto; }
.login-card .login-body { padding: 1.5rem; }
.login-card .login-title { font-size: 1.05rem; font-weight: 700; color: var(--nada-dark); }
.login-foot { text-align: center; margin-top: 1.25rem; }
.login-foot a { color: #cdd2f2; text-decoration: none; font-size: .9rem; }
.login-foot a:hover { color: #fff; text-decoration: underline; }