/* Mobile-first osnova */
:root {
    --plava:   #0d6efd;
    --siva:    #6c757d;
    --zelena:  #198754;
    --crvena:  #dc3545;
    --zuta:    #ffc107;
}

/* Veći touch targeti za mobilne */
.btn, .nav-link, .form-control, .form-select {
    min-height: 44px;
}

.form-control, .form-select {
    font-size: 1rem;
}

/* Kartice s jasnim sjenom */
.card {
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
    border: none;
}

/* Stat kartice na dashboardu */
.stat-card {
    border-left: 4px solid var(--plava);
    padding: .75rem 1rem;
}
.stat-card.zelena { border-color: var(--zelena); }
.stat-card.crvena { border-color: var(--crvena); }
.stat-card.zuta   { border-color: var(--zuta);   }

.stat-card .broj {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.stat-card .oznaka {
    font-size: .8rem;
    color: var(--siva);
    text-transform: uppercase;
    letter-spacing: .04em;
}

/* Tabela istorije — skroluje horizontalno na malim ekranima */
.table-responsive {
    -webkit-overflow-scrolling: touch;
}

/* Dug — crveni badge */
.dug-badge {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
    border-radius: .25rem;
    padding: .15em .4em;
    font-size: .85em;
    white-space: nowrap;
}
.dug-badge.dug-nula {
    background-color: #d1e7dd;
    color: #0f5132;
    border-color: #a3cfbb;
}

/* Stavke naloga — redovi */
.stavka-red {
    display: grid;
    grid-template-columns: 80px 1fr 70px 90px 90px 36px;
    gap: .4rem;
    align-items: center;
    padding: .3rem 0;
    border-bottom: 1px solid #f0f0f0;
}

@media (max-width: 576px) {
    .stavka-red {
        grid-template-columns: 70px 1fr 60px 80px 80px 32px;
        font-size: .88rem;
    }
    .navbar-brand {
        font-size: 1rem;
    }
}

/* Login stranica — centriran card */
.login-wrap {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f6f9;
}
.login-card {
    width: 100%;
    max-width: 380px;
    padding: 2rem;
}