/*
 * Dopune na Landrick temu — samo ono što tema nema.
 * Sve ostalo dolazi iz assets/tema/css/style.min.css.
 */

/* ---------- sidebar ---------- */
.sidebar-wrapper .sidebar-brand {
    padding: 18px 20px;
}

.sidebar-wrapper .sidebar-menu li > a {
    display: block;
    padding: 10px 20px;
    font-size: 14px;
}

.sidebar-wrapper .sidebar-menu li.active > a {
    color: #fff;
    background: rgba(47, 85, 212, .22);
    border-left: 3px solid #2f55d4;
}

.sidebar-menu-header small {
    font-size: 10px;
}

/* ---------- kartice sa brojkama ---------- */
.kpi-kartica {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    background: #fff;
    padding: 18px;
    height: 100%;
    transition: box-shadow .15s ease, transform .15s ease;
}

.kpi-kartica:hover {
    box-shadow: 0 6px 20px rgba(60, 72, 88, .1);
    transform: translateY(-2px);
}

.kpi-kartica .kpi-ikona {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}

.kpi-kartica .kpi-broj {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.1;
    color: #161c2d;
}

.kpi-kartica .kpi-oznaka {
    font-size: 12px;
    color: #8492a6;
    text-transform: uppercase;
    letter-spacing: .4px;
}

/* ---------- tabele ---------- */
.tabela-okvir {
    overflow-x: auto;
}

.table > :not(caption) > * > * {
    padding: .7rem .75rem;
}

.table thead th {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #8492a6;
    font-weight: 600;
    white-space: nowrap;
}

.table thead th a {
    color: inherit;
    text-decoration: none;
}

.table thead th a:hover {
    color: #2f55d4;
}

.table td {
    vertical-align: middle;
    font-size: 14px;
}

.red-upozorenje {
    background: #fff8e6 !important;
}

.red-greska {
    background: #fdeeee !important;
}

/* ---------- status tačka ---------- */
.tackica {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

.tackica-ok      { background: #3cb37a; box-shadow: 0 0 0 3px rgba(60, 179, 122, .18); }
.tackica-lose    { background: #e43f52; box-shadow: 0 0 0 3px rgba(228, 63, 82, .18); }
.tackica-cekanje { background: #f1b561; box-shadow: 0 0 0 3px rgba(241, 181, 97, .18); }
.tackica-mirno   { background: #adb5bd; }

/* ---------- forme ---------- */
.form-label {
    font-weight: 500;
    font-size: 13px;
    color: #3c4858;
    margin-bottom: .35rem;
}

.obavezno {
    color: #e43f52;
}

.pomoc {
    font-size: 12px;
    color: #8492a6;
    margin-top: .25rem;
}

.greska-tekst {
    font-size: 12px;
    color: #e43f52;
    margin-top: .25rem;
}

.form-control.greska,
.form-select.greska {
    border-color: #e43f52;
}

/* ---------- token za uparivanje ---------- */
.token-kutija {
    font-family: Consolas, "Courier New", monospace;
    font-size: 17px;
    letter-spacing: 1.5px;
    background: #f6f8fc;
    border: 1px dashed #b6c2d9;
    border-radius: 8px;
    padding: 14px 16px;
    word-break: break-all;
}

/* ---------- paginacija (Core\Paginator) ---------- */
nav.pagination {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    padding: 12px 0 0;
}

nav.pagination a,
nav.pagination span {
    display: inline-block;
    min-width: 34px;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    font-size: 13px;
    color: #3c4858;
    text-decoration: none;
    background: #fff;
}

nav.pagination a:hover {
    border-color: #2f55d4;
    color: #2f55d4;
}

nav.pagination span.active {
    background: #2f55d4;
    border-color: #2f55d4;
    color: #fff;
    font-weight: 600;
}

nav.pagination span.gap {
    border: 0;
    background: transparent;
}

/* ---------- sitnice ---------- */
.oznaka-da { color: #3cb37a; font-weight: 600; }
.oznaka-ne { color: #8492a6; }

.tabela-slika {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 6px;
}

.prazna-lista {
    text-align: center;
    padding: 48px 20px;
    color: #8492a6;
}

.prazna-lista i {
    font-size: 44px;
    display: block;
    margin-bottom: 12px;
    opacity: .35;
}

.mono {
    font-family: Consolas, "Courier New", monospace;
    font-size: 12.5px;
}

.linija-log {
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
    padding: 3px 0;
    border-bottom: 1px solid #f1f3f7;
}

.napredak-tanko {
    height: 5px;
}

@media (max-width: 767.98px) {
    .kpi-kartica .kpi-broj { font-size: 22px; }
}

/* ---------- tipografija ----------
 * Landrick tema traži Nunito sa Google Fonts servera. Taj @import je uklonjen
 * (CSP zabranjuje strane resurse, a IP adrese korisnika ne šaljemo trećoj strani),
 * pa ovde definišemo sistemski font stek istog karaktera.
 */
body,
.sidebar-wrapper,
.btn,
.form-control,
.form-select,
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", system-ui, -apple-system, sans-serif;
}