:root { --brand: #fa4616; --brand-dark: #d93a0f; }
body { background: #f4f5f7; }
.btn-brand { background: var(--brand); border-color: var(--brand); color: #fff; }
.btn-brand:hover, .btn-brand:focus { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; }
.nav-pills .nav-link.active { background: var(--brand); }
.nav-pills .nav-link { color: #333; }
.topbar { background: #1f2933; color: #fff; padding: .6rem 0; position: sticky; top: 0; z-index: 1030; }
.min-w-0 { min-width: 0; }
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; }
.login-card { width: 100%; max-width: 420px; }
.search-sticky { position: sticky; top: 58px; z-index: 10; background: #f4f5f7; padding-bottom: .25rem; }
.sifra { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 700; background: #fff3ee; color: #b0300a; padding: 0 .35rem; border-radius: .25rem; }
.art-row { padding-top: .75rem; padding-bottom: .75rem; }
.qty { font-size: 1.75rem; font-weight: 700; }
.table-sm td, .table-sm th { white-space: nowrap; }
.table td.wrap { white-space: normal; min-width: 220px; }
.stat { background: #fff; border-radius: .5rem; padding: .75rem 1rem; border: 1px solid #e5e7eb; }
.stat .v { font-size: 1.5rem; font-weight: 700; }
.scan-box { position: relative; background: #000; border-radius: .5rem; overflow: hidden; }
.scan-box #scanVideo { width: 100%; min-height: 200px; }
.scan-box #scanVideo video { width: 100% !important; height: auto !important; display: block; object-fit: cover; }
.scan-bar { position: absolute; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-between; align-items: center;
  gap: .5rem; padding: .4rem .5rem; background: rgba(0,0,0,.55); color: #fff; }
.scan-flash { animation: scanflash .35s; }
@keyframes scanflash { from { box-shadow: inset 0 0 0 6px #22c55e; } to { box-shadow: inset 0 0 0 0 transparent; } }
.p-row.nebrojano { border-left: 4px solid #ffc107; }
.nav-pills .nav-link { padding-left: .5rem; padding-right: .5rem; }
.toast-nc, .toast-nc .toast { pointer-events: none; }
.serijski, .sn-list { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .85rem; }