/* ── DQ · chỉnh giao diện DQR Tracker cũ (#dq-app) cho khớp UI tbao Tool ── */
.page--dq { padding: 0; }
#dq-app[hidden] { display: none !important; }
#dq-app {
  background: transparent;
  font-family: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
#dq-app .w { max-width: none; margin: 0; padding: 0; }
/* phần của bản cũ mà tbao Tool đã có sẵn: sidebar riêng, thanh tiêu đề, nút sáng/tối, Hide Name */
#dq-app .w > .rw:first-child,
#dq-app #tabs,
#dq-app #th,
#dq-app #ha { display: none !important; }
#dq-app .gxy { display: none !important; }
/* nút Get Script nằm trong khung Online / Total */
#dq-app .top > .pn { display: flex; flex-direction: column; }
#dq-app .dq-gs {
  margin-top: auto; align-self: stretch; min-height: 38px; padding: 8px 14px;
  border: 1.5px solid rgba(74, 222, 128, .6) !important; border-radius: 10px !important;
  background: rgba(74, 222, 128, .1) !important; color: #4ade80 !important; font-weight: 800; letter-spacing: .02em;
}
#dq-app .dq-gs:hover { background: rgba(74, 222, 128, .2) !important; }
/* bản cũ chừa 290px bên trái cho sidebar riêng → bỏ (tbao Tool có sidebar chung) */
#dq-app .w, #dq-app .w:has(#tabs:not([style*="none"])), #dq-app .w:has(#tabs.collapsed) { padding: 0 !important; max-width: none !important; }
/* cửa sổ nổi của DQ nằm trên viền neon của tool (neon: z-index 100, cửa sổ của tool: 200) */
#dq-app .ov { z-index: 210 !important; }
#dq-app #t { z-index: 220 !important; }
/* khung lớn: viền xanh phát sáng giống .perf-wrap của tool */
#dq-app .top > .pn,
#dq-app .w > .pn,
#dq-app .tabframe {
  border: 1.5px solid rgba(0, 180, 255, .4) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 0 1px rgba(0, 180, 255, .08), 0 0 22px rgba(0, 180, 255, .1) !important;
  background: rgba(0, 180, 255, .015) !important;
}
