/* Prilagodbe Tabler teme za inFiskal. */

/* logo 525×73 – veličinu određuje visina */
.brand-logo {
    height: 1.5rem;
    width: auto;
}

.brand-logo-lg {
    height: 2.5rem;
    max-width: 100%;
}

.nav-link.disabled .badge {
    margin-left: auto;
}

/* htmx: zatamni rezultate dok se učitavaju */
.htmx-loading-target.htmx-request {
    opacity: .5;
    transition: opacity .2s;
}

/* sadržaj računa (POS ispis) */
.receipt-text {
    font-family: var(--tblr-font-monospace);
    font-size: .75rem;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--tblr-body-color); /* Tabler <pre> je svijetli tekst za tamnu pozadinu */
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0 0 .5rem;
}

/* ispis: samo sadržaj računa */
@media print {
    body.printing-receipt * {
        visibility: hidden;
    }
    body.printing-receipt .receipt-print,
    body.printing-receipt .receipt-print * {
        visibility: visible;
    }
    body.printing-receipt .receipt-print {
        position: absolute;
        inset: 0 auto auto 0;
        width: 80mm;
    }
}

/* modal s formom: <form> omata header/body/footer – da pomicanje (modal-dialog-scrollable) radi */
.modal-dialog-scrollable .modal-content > form {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-content > form > .modal-body {
    overflow-y: auto;
}

/* tamna tema: tom-select ima tvrdo zadane svijetle boje i --bs-* varijable koje Tabler ne postavlja */
.ts-control,
.ts-wrapper.single.input-active .ts-control,
.ts-dropdown,
.ts-dropdown .optgroup-header {
    background: var(--tblr-bg-forms);
    color: var(--tblr-body-color);
}
.ts-dropdown {
    border-color: var(--tblr-border-color);
}
.ts-dropdown .active,
.ts-dropdown .active.create {
    background-color: var(--tblr-active-bg);
    color: var(--tblr-body-color);
}
.ts-wrapper.multi .ts-control > div {
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-body-color);
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left-color: var(--tblr-border-color);
}

/* račun je papir: i u tamnoj temi crno na bijelom (logo i QR su crni na prozirnom/bijelom) */
.receipt-print {
    background: #fff;
    color: #182433;
    padding: .75rem;
    border-radius: var(--tblr-border-radius);
}
.receipt-print .receipt-text {
    color: inherit;
}

/* filteri perioda: datumi uski da gumbi brzog odabira stanu u jedan red */
@media (min-width: 992px) {
    .filter-date {
        width: 9.5rem;
    }
}

/* glavni stupac tablice (naziv) se ne smije stisnuti zbog stupca s gumbima */
th.col-name {
    min-width: 14rem;
}
/* gumbi obveznika smiju u dva reda, ali ne uže od dva gumba */
td.taxpayer-actions {
    min-width: 15rem;
}

/* tom-select iste visine kao ostala polja (Tabler .form-control/.form-select = 40px) */
.ts-wrapper.form-select .ts-control {
    min-height: calc(2.5rem - 2px);
    align-items: center;
}
