/* QHub branded chart widget */
.qh-chart{ position:relative; background:#16191e; border:1px solid #20242c; border-radius:16px; overflow:hidden; margin:18px 0; }
.qh-chart-ttl{ padding:12px 14px 2px; font-weight:800; color:#e8eaee; }
.qh-chart-ttl b{ color:#C0894C; }
.qh-chart-stage{ position:relative; }
.qh-chart-canvas{ width:100%; height:var(--qhc-h,460px); background:#16191e; }
/* OUR watermark — real Q mark + wordmark, subtle, non-blocking */
.qh-chart-wm{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
  pointer-events:none; z-index:2; opacity:.11; transform:rotate(-6deg); }
.qh-chart-wm svg{ width:148px; height:auto; filter:drop-shadow(0 3px 10px rgba(0,0,0,.35)); }
.qh-chart-wm span{ margin-top:14px; font-family:'Montserrat','Segoe UI',Tahoma,Arial,sans-serif; font-weight:600; font-size:34px; letter-spacing:3px; color:#C0894C; }
.qh-chart-bar{ display:flex; gap:8px; flex-wrap:wrap; padding:10px 12px; border-top:1px solid #20242c; background:#12151a; }
.qh-chart-bar button{ background:#1c2027; color:#e8eaee; border:1px solid #2a2f38; border-radius:8px; padding:6px 14px; font:inherit; font-size:12.5px; cursor:pointer; transition:.15s; }
.qh-chart-bar button:hover{ border-color:#C0894C; color:#C0894C; }
.qh-chart-bar button.on{ background:#C0894C; border-color:#C0894C; color:#0f1114; font-weight:700; }
.qh-chart-err{ display:flex; align-items:center; justify-content:center; height:var(--qhc-h,460px); color:#aab0b8; font-size:13px; }
@media (max-width:680px){
  .qh-chart-canvas{ height:340px; }
  .qh-chart-err{ height:340px; }
  .qh-chart-wm svg{ width:104px; }
  .qh-chart-wm span{ font-size:24px; letter-spacing:2px; }
}