.trend-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.trend-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}.lab-chart-frame{position:relative;height:220px;min-height:220px;margin:8px 0 14px;overflow:visible;border-radius:12px}.trend-card canvas{width:100%;max-width:100%;height:100%!important;display:block;border-radius:12px;background:#0b111a}.lab-chart-note{position:absolute;right:10px;top:8px;margin:0;color:var(--muted);font-size:.82rem;background:rgba(5,7,11,.84);border:1px solid var(--line);border-radius:999px;padding:4px 8px}.lab-chart-tooltip{position:absolute;z-index:50;visibility:hidden;opacity:0;max-width:min(280px,calc(100vw - 36px));background:#05070b;color:#f8fafc;border:1px solid #8b97a8;border-radius:10px;padding:10px;box-shadow:0 18px 48px rgba(0,0,0,.78);pointer-events:none;line-height:1.32}.lab-chart-tooltip.is-visible{visibility:visible;opacity:1}.lab-chart-tooltip strong,.lab-chart-tooltip span{display:block}.lab-chart-tooltip span{color:#dbe4ef;font-size:.86rem;margin-top:3px}.lab-chart-frame.is-empty{display:grid;place-items:center;border:1px dashed var(--line);border-radius:12px}.lab-chart-frame.is-empty:after{content:"No chart points yet.";color:var(--muted)}
