.vvbd .vvbd-gia-do { text-decoration: underline dashed; text-underline-offset: 3px; }
.vvbd .vvbd-gia-cu { color: #b26200; }

.vvgia-dk { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font: 13px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif; }
.vvgia-cc { display: inline-flex; border: 1px solid #98a2b3; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 1px 4px rgba(16, 24, 40, .25); }
.vvgia-cc button, .vvgia-nut-so, .vvgia-tb button {
  appearance: none; border: 0; margin: 0; cursor: pointer; font: inherit; color: #344054; background: #fff; padding: 6px 10px; min-height: 32px;
}
.vvgia-cc button + button { border-left: 1px solid #d0d5dd; }
.vvgia-cc button.is-on { background: #1d4ed8; color: #fff; font-weight: 600; }
.vvgia-nut-so { border: 1px solid #98a2b3; border-radius: 8px; box-shadow: 0 1px 4px rgba(16, 24, 40, .25); }
.vvgia-nut-so[aria-expanded="true"] { background: #eff4ff; border-color: #1d4ed8; color: #1d4ed8; }
.vvgia-panel { width: min(92vw, 520px); max-height: 55vh; overflow: auto; padding: 10px; background: #fff; border: 1px solid #d0d5dd; border-radius: 10px; box-shadow: 0 6px 24px rgba(16, 24, 40, .28); }
.vvgia-panel[hidden] { display: none; }
.vvgia-tb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 8px; }
.vvgia-tb button { border: 1px solid #98a2b3; border-radius: 6px; padding: 4px 10px; min-height: 28px; }
.vvgia-cl { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }

.vvgia-bang { width: 100%; border-collapse: collapse; font-size: 13px; }
.vvgia-bang th { text-align: left; padding: 6px 8px; border-bottom: 2px solid #d0d5dd; color: #475467; font-weight: 600; white-space: nowrap; }
.vvgia-bang td { padding: 6px 8px; border-bottom: 1px solid #eaecf0; vertical-align: top; }
.vvgia-bang tbody tr[data-slug] { cursor: pointer; }
.vvgia-bang tbody tr[data-slug]:hover { background: #f5f8ff; }
.vvgia-gia b { font-size: 14px; white-space: nowrap; }
.vvgia-re-nhat .vvgia-gia b { color: #067647; }
.vvgia-do .vvgia-gia b { text-decoration: underline dashed; text-underline-offset: 3px; }
.vvgia-khac-loai { opacity: .4; }
.vvgia-loai, .vvgia-nguon { color: #475467; }
.vvgia-nguon small { color: #667085; }
.vvgia-cu { color: #b26200; font-weight: 600; }
.vvgia-chu, .vvgia-trong { margin: 8px 0 0; font-size: 12px; color: #667085; }

.vvtc-gia-du-an { margin: 10px 0; padding: 8px 12px; background: #fff; border: 1px solid #d0d5dd; border-radius: 10px; }
.vvtc-gia-du-an > summary { cursor: pointer; font-weight: 600; }
.vvtc-gia-du-an[hidden] { display: none; }
.vvtc-gia-du-an .vvgia-cl { margin: 8px 0; }
@media (max-width: 560px) {
  .vvgia-bang { font-size: 12px; }
  .vvgia-bang th, .vvgia-bang td { padding: 5px 4px; }
}

.vvbd .vvbd-gia-re { color: #1a6fa8; }
.vvbd .vvbd-gia-dat { color: #b85a1e; }
.vvgia-m-re .vvgia-tv-cot { color: #1a6fa8; }
.vvgia-m-dat .vvgia-tv-cot { color: #b85a1e; }
.vvgia-tv-cot { white-space: nowrap; font-variant-numeric: tabular-nums; }
.vvgia-sv { overflow-x: auto; margin-bottom: 8px; }
.vvgia-thanh { display: block; width: 100%; min-width: 520px; height: auto; font: 12px system-ui, sans-serif; }
.vvgia-thanh text { fill: #1d2939; }
.vvgia-thanh .vvgia-mu { fill: #667085; font-size: 11px; }
.vvgia-thanh .vvgia-tr { stroke: #d0d5dd; stroke-width: 2; }
.vvgia-thanh .vvgia-tv { stroke: #1d2939; stroke-width: 2.5; }
.vvgia-cham line { stroke: #667085; }
.vvgia-cham circle { fill: #667085; stroke: #667085; stroke-width: 2.5; }
.vvgia-cham.vvgia-m-re circle, .vvgia-cham.vvgia-m-re line { fill: #1a6fa8; stroke: #1a6fa8; }
.vvgia-cham.vvgia-m-dat circle, .vvgia-cham.vvgia-m-dat line { fill: #b85a1e; stroke: #b85a1e; }
.vvgia-cham.vvgia-do circle { fill: #fff; stroke-dasharray: 3 2; }
.vvgia-cham.vvgia-khac-loai { opacity: .3; }
.vvgia-cham { cursor: pointer; }
.vvgia-chuthich { margin: 4px 0 0; font-size: 12px; color: #667085; }