/* Màn soạn báo giá (mockup 4g) — tiền tố bg-. Chỉ dùng token trong tokens.css. */
.bg-canh { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px solid var(--warn); background: var(--warn-tint); border-radius: var(--radius-sm); color: var(--ink); }
.bg-canh > svg { color: var(--warn); margin-top: 2px; }
.bg-canh.bg-tra { border-color: var(--danger); background: var(--danger-tint); } .bg-canh.bg-tra > svg { color: var(--danger); }
.bg-canh.bg-ok { border-color: var(--ok); background: var(--ok-tint); } .bg-canh.bg-ok > svg { color: var(--ok); }
.bg-luoi { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; align-items: start; }
@media (max-width: 1100px) { .bg-luoi { grid-template-columns: 1fr; } }
.bg-dong-card { overflow: hidden; }
.bg-bang td { height: 54px; }
.bg-bang .two .t .tag { margin-left: 6px; vertical-align: middle; }
input.inp.bg-o { height: 32px; text-align: right; padding: 0 10px; display: inline-block; }
input.bg-sl { width: 64px; } input.bg-ck { width: 72px; } input.bg-dg { width: 120px; }
.bg-x { width: 28px; height: 28px; }
.bg-chan { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 16px; padding: 16px; border-top: 1px solid var(--line); }
@media (max-width: 760px) { .bg-chan { grid-template-columns: 1fr; } }
.bg-chan textarea.inp { min-height: 72px; }
.bg-hl input.inp { width: 180px; }
.bg-tong-kv { grid-template-columns: 1fr auto; align-content: start; }
.bg-tong-kv dd { text-align: right; }
.bg-ck-am { color: var(--warn); }
.bg-tong-kv dt.bg-tong-t { color: var(--ink); font-weight: 700; align-self: center; }
.bg-tong-kv dd.bg-tong { font: 700 18px/1.2 var(--font-sans); font-variant-numeric: tabular-nums; }
select.inp.bg-chon { height: auto; padding: 4px; }
select.inp.bg-chon option { padding: 6px 8px; }