.btn{background:#0a4f89;color:#fff}
.btn-green{background:var(--ok);color:#fff}
.btn-green:hover{background:var(--ok-dark)}
.btn-orange{background:#e67e22;color:#fff}
.btn-orange:hover{background:#d35400}
.danger-ghost{background:transparent;border:2px solid rgba(255,255,255,.25);color:#fff}
.icon-barcode{display:inline-block;width:1.05em;height:1em;border:1px solid currentColor;border-radius:2px;background:repeating-linear-gradient(to right,currentColor 0,currentColor 2px,transparent 2px,transparent 4px);margin-right:6px;vertical-align:middle;position:relative;top:-1px}

.hamburger-btn{ background:transparent; border:2px solid rgba(255,255,255,.25); border-radius:10px; color:#fff; font-size:calc(20px * var(--ui-scale)); padding:10px 12px; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.hamburger-btn:hover{background:rgba(255,255,255,.08)}

/* Small clear button next to inputs */
#btnClearQProd{ padding:6px 10px; }

/* View toggle buttons */
#viewToggle .view-btn{padding:6px 10px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.06);color:#fff;font-size:calc(14px * var(--ui-scale))}
#viewToggle .view-btn.active{background:#fff;color:#0a4f89;font-weight:800}