/* Boje aplikacije preuzete iz logotipa Blažič:
   tamna #1E303E (slova i znak), narančasta #FFB347 (točkice iznad Ž i Č). */
:root {
    --boja-primarna: #1e303e;
    --boja-primarna-tamna: #14212b;
    --boja-naglasak: #ffb347;

    --bs-primary: var(--boja-primarna);
    --bs-primary-rgb: 30, 48, 62;
    --bs-link-color: var(--boja-primarna);
    --bs-link-color-rgb: 30, 48, 62;
    --bs-link-hover-color: var(--boja-primarna-tamna);
    --bs-link-hover-color-rgb: 20, 33, 43;
}

body {
    background-color: #f4f5f7;
    color: #212b33;
}

/* Navigacija: svijetla (logotip ima tamna slova) s narančastom linijom */
.navbar-aplikacija {
    background-color: #fff;
    border-bottom: 3px solid var(--boja-naglasak);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.navbar-aplikacija .logotip {
    height: 34px;
    width: auto;
}

.navbar-aplikacija .nav-link {
    color: var(--boja-primarna);
    font-weight: 500;
}

.navbar-aplikacija .nav-link.active {
    border-bottom: 2px solid var(--boja-naglasak);
}

.btn-primary {
    --bs-btn-bg: var(--boja-primarna);
    --bs-btn-border-color: var(--boja-primarna);
    --bs-btn-hover-bg: var(--boja-primarna-tamna);
    --bs-btn-hover-border-color: var(--boja-primarna-tamna);
    --bs-btn-active-bg: var(--boja-primarna-tamna);
    --bs-btn-active-border-color: var(--boja-primarna-tamna);
    --bs-btn-disabled-bg: var(--boja-primarna);
    --bs-btn-disabled-border-color: var(--boja-primarna);
}

.btn-outline-primary {
    --bs-btn-color: var(--boja-primarna);
    --bs-btn-border-color: var(--boja-primarna);
    --bs-btn-hover-bg: var(--boja-primarna);
    --bs-btn-hover-border-color: var(--boja-primarna);
    --bs-btn-active-bg: var(--boja-primarna);
    --bs-btn-active-border-color: var(--boja-primarna);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--boja-primarna);
    box-shadow: 0 0 0 0.2rem rgba(255, 179, 71, 0.35);
}

/* Prijava */
.prijava-logotip {
    display: block;
    width: 220px;
    max-width: 100%;
    margin: 0 auto 1.5rem;
}

/* AG Grid: zaglavlje u bojama aplikacije */
.mreza-aplikacije {
    --ag-header-background-color: var(--boja-primarna);
    --ag-header-foreground-color: #fff;
    --ag-header-cell-hover-background-color: var(--boja-primarna-tamna);
    --ag-row-hover-color: rgba(255, 179, 71, 0.15);
    --ag-selected-row-background-color: rgba(255, 179, 71, 0.3);
    --ag-font-size: 14px;
}

.mreza-aplikacije .ag-header-cell-menu-button,
.mreza-aplikacije .ag-header-icon {
    color: #fff;
}

.mreza-korisnika {
    height: calc(100vh - 215px);
    min-height: 320px;
}

/* Pregledi logova: iznad tablice je obrazac s filterima */
.mreza-logova {
    height: calc(100vh - 340px);
    min-height: 360px;
}

.mreza-aplikacije .status-4xx {
    color: #b45309;
    font-weight: 600;
}

.mreza-aplikacije .status-5xx {
    color: #b42318;
    font-weight: 600;
}