/* Minification failed. Returning unminified contents.
(23,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-bg'
(24,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-base'
(25,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-base'
(26,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-base'
(27,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(38,19): run-time error CSS1039: Token not allowed after unary operator: '-page-padding-y'
(38,41): run-time error CSS1039: Token not allowed after unary operator: '-space-4'
(39,15): run-time error CSS1039: Token not allowed after unary operator: '-space-4'
(46,21): run-time error CSS1039: Token not allowed after unary operator: '-login-card-max-width'
(47,28): run-time error CSS1039: Token not allowed after unary operator: '-surface-card'
(48,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(49,25): run-time error CSS1039: Token not allowed after unary operator: '-login-card-radius'
(50,22): run-time error CSS1039: Token not allowed after unary operator: '-login-card-shadow'
(62,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(63,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semibold'
(73,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary'
(83,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(85,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-medium'
(89,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-hover'
(96,28): run-time error CSS1039: Token not allowed after unary operator: '-input-addon-bg'
(97,17): run-time error CSS1039: Token not allowed after unary operator: '-input-addon-color'
(98,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(99,21): run-time error CSS1039: Token not allowed after unary operator: '-input-addon-width'
(104,19): run-time error CSS1039: Token not allowed after unary operator: '-input-padding-y'
(104,42): run-time error CSS1039: Token not allowed after unary operator: '-input-padding-x'
(105,21): run-time error CSS1039: Token not allowed after unary operator: '-input-font-size'
(111,24): run-time error CSS1039: Token not allowed after unary operator: '-input-border-focus'
(112,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-rgb'
(118,32): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(124,17): run-time error CSS1039: Token not allowed after unary operator: '-login-aside-eyebrow'
(135,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-login-aside-bg'
(142,33): run-time error CSS1039: Token not allowed after unary operator: '-login-aside-border'
(146,17): run-time error CSS1039: Token not allowed after unary operator: '-login-aside-eyebrow'
(156,17): run-time error CSS1039: Token not allowed after unary operator: '-login-aside-eyebrow'
(162,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-text-color'
(163,21): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-size'
(174,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5'
(183,36): run-time error CSS1039: Token not allowed after unary operator: '-login-aside-border'
 */
/*
 * login-layout.css
 * -------------------------------------------------------------
 * Komponentni selektori za _LayoutLogin.cshtml.
 *
 * S-login redesign (2026-07): dvokolonski auth-card.
 *   - Lijevo (col-md-7): LAUS CC brand header + forma + AAI SSO.
 *   - Desno (col-md-5): tenant/institucija logo na svijetloj podlozi.
 * Bivši crveni brand panel maknut; brand crvena sada je M3 #B93221 accent.
 *
 * Struktura (card grid, razmaci, ikone) koristi Bootstrap 5.3 utility
 * klase direktno u markupu. Ova datoteka NE definira brand tokene —
 * samo komponentne selektore + izvučene inline stilove iz mockupa.
 * Sve boje/dimenzije čitaju iz CSS varijabli u tenant-theme.css.
 *
 * Verzija: 2.0 (S-login redesign; zamjenjuje split-card v1.0)
 * -------------------------------------------------------------
 */

/* ============ PAGE WRAPPER ============ */

body {
    background-color: var(--surface-bg);
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--bs-body-color);
    margin: 0;
    min-height: 100vh;
}

.login-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--page-padding-y) var(--space-4);
    gap: var(--space-4);
}

/* ============ AUTH CARD (dvokolonski) ============ */

.auth-card {
    width: 100%;
    max-width: var(--login-card-max-width);
    background-color: var(--surface-card);
    border: 1px solid var(--border-default);
    border-radius: var(--login-card-radius);
    box-shadow: var(--login-card-shadow);
    overflow: hidden;
}

/* ============ BRAND HEADER (LAUS CC, vrh forme) ============ */

.auth-brand__logo {
    height: 26px;
    width: auto;
}

.auth-brand__name {
    color: var(--text-secondary);
    font-weight: var(--font-weight-semibold);
}

/* ============ FORM HEADINGS ============ */

.auth-title {
    letter-spacing: -0.01em;
}

.auth-lead {
    color: var(--text-tertiary);
}

/* ============ PRIMARY BUTTON (brand) ============ */
/* .btn-brand je centraliziran u dashboard.css (dijeljena definicija).
   _LayoutLogin.cshtml učitava ~/Content/css/dashboard bundle radi njega. */

/* ============ BRAND LINK ============ */

.link-brand {
    color: var(--brand-primary);
    text-decoration: none;
    font-weight: var(--font-weight-medium);
}

.link-brand:hover {
    color: var(--brand-primary-hover);
    text-decoration: underline;
}

/* ============ INPUT GROUP (login forma) ============ */

.auth-card .input-group-text {
    background-color: var(--input-addon-bg);
    color: var(--input-addon-color);
    border-color: var(--border-default);
    min-width: var(--input-addon-width);
    justify-content: center;
}

.auth-card .form-control {
    padding: var(--input-padding-y) var(--input-padding-x);
    font-size: var(--input-font-size);
}

/* Fokus u brand crvenoj umjesto BS plave (cijela grupa kad je addon prisutan). */
.auth-card .form-control:focus,
.auth-card .input-group:focus-within .form-control {
    border-color: var(--input-border-focus);
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.18);
}

/* ============ DIVIDER ("ili") ============ */

.auth-divider hr {
    border-top: 1px solid var(--border-default);
    opacity: 1;
    margin: 0;
}

.auth-divider__label {
    color: var(--login-aside-eyebrow);
}

/* ============ AAI SSO BUTTON ============ */

.auth-sso__logo {
    height: 24px;
    width: auto;
}

.auth-sso__label {
    color: var(--brand-primary);
}

/* ============ ASIDE (desni panel — institucija) ============ */

.auth-aside {
    background-color: var(--login-aside-bg);
    border-left: 1px solid var(--login-aside-border);
}

.auth-aside__eyebrow {
    color: var(--login-aside-eyebrow);
    letter-spacing: 0.18em;
}

.auth-aside__logo {
    max-width: 230px;
    height: auto;
}

.auth-aside__powered {
    color: var(--login-aside-eyebrow);
}

/* ============ FOOTER ============ */

.login-footer {
    color: var(--footer-text-color);
    font-size: var(--footer-font-size);
    text-align: center;
}

.login-footer small {
    font-size: inherit;
}

/* ============ INFO PAGE (KorisnikVecPrijavljen i sl.) ============ */

.info-page {
    padding: var(--space-5) 0;
}

/* ============ RESPONSIVE — Mobile (< 768px) ============ */

@media (max-width: 767.98px) {
    /* Aside ide ispod forme; lijevi rub -> gornji rub. */
    .auth-aside {
        border-left: 0;
        border-top: 1px solid var(--login-aside-border);
    }
}

/* End of login-layout.css */