/* 서울 행정동 × 업종 분기 매출 추이 — 동×업종 #strend (tools/gen_area.py · dong_extra.adong_sales · 10-08 B4) */
.qbars { display: flex; align-items: flex-end; gap: 3px; height: 150px; margin: 12px 0 26px; }
.qb { position: relative; flex: 1; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.qb i { display: block; width: 80%; background: var(--blue); border-radius: 3px 3px 0 0; min-height: 1px; }
.qb:last-child i { background: #0e7490; }
.qb span { position: absolute; bottom: -20px; font-size: 11px; color: #6b7280; white-space: nowrap; }
.qb:hover i { opacity: .8; }
.qb:hover::after { content: attr(data-tip); position: absolute; bottom: calc(100% + 4px); left: 50%; transform: translateX(-50%); padding: 5px 9px; border-radius: 8px; background: #121a2b; color: #fff; font-size: 12px; white-space: nowrap; pointer-events: none; z-index: 2; }
.up { color: var(--blue); font-weight: 700; } .dn { color: #c2410c; font-weight: 700; }