.hd-traffic-panel{position:fixed;z-index:85;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:22px;background:white;border:1px solid #dde5f0;border-radius:16px;box-shadow:0 16px 60px #12254330}.hd-traffic-panel .hd-section-title{position:sticky;top:-22px;background:white;padding:8px 0 16px;z-index:2}.hd-traffic-total{display:flex;align-items:baseline;gap:12px;margin:10px 0 16px}.hd-traffic-total strong{font-size:30px}.hd-traffic-total span{font-size:11px;color:#8190a5}.hd-difference{background:#fffbef;color:#8d7026;padding:10px;border-radius:8px;font-size:11px;line-height:1.5;margin-bottom:12px}.hd-source-row{display:grid;grid-template-columns:1fr 60px 60px;gap:6px 12px;align-items:start;margin:15px 0}.hd-source-row b{font-size:12px;font-weight:600;overflow-wrap:anywhere}.hd-source-row small{display:block;font-size:10px;color:#8a96a8;margin-top:3px}.hd-source-row>strong,.hd-source-row>span{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.hd-source-row>span{color:#71809a}.hd-source-bar{grid-column:1/-1;background:#f0f4fa;height:4px;border-radius:3px}.hd-source-bar i{display:block;height:100%;background:#668dbf;border-radius:3px}.hd-traffic-note{display:block;border-top:1px solid #e9edf3;padding-top:15px;color:#8190a5;font-size:10px;line-height:1.6}
.ht-pan .ht-hit{cursor:grab}.ht-pan.is-dragging .ht-hit{cursor:grabbing}
.ht-bar-frame .ht-axis-zero{top:65%}
.ht-chart-frame{position:relative;padding-left:44px;padding-right:8px}.ht-pan{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#c6d3e5 #f5f8fc}.ht-pan.is-dragging{cursor:grabbing;user-select:none}.ht-pan .ht-chart{max-width:none;display:block}.ht-axis{position:absolute;left:0;font-size:10px;color:#8190a5;pointer-events:none}.ht-axis-max{top:13%}.ht-axis-zero{top:73%}.ht-chart-frame:nth-of-type(2) .ht-axis-zero{top:67%}.ht-window{color:#617da3;font-size:11px;margin-bottom:8px}.ht-timeline-controls{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:10px}.ht-timeline-controls button{border:1px solid #dce5f1;border-radius:6px;background:#f5f8fc;color:#3c6598;padding:5px 8px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.ht-timeline-controls button:disabled{color:#94a3b8;cursor:default}.ht-page-status{font-size:10px;color:#8190a5;text-align:center}@media(max-width:600px){.ht-timeline-controls{flex-wrap:wrap}.ht-page-status{order:3;width:100%;text-align:left}.ht-chart-frame{padding-left:32px}.ht-axis{font-size:9px}}
.ht-event-key{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:10px;color:#8a795e;margin-top:10px}.ht-chart .ht-event-label{fill:#ba7621;font-size:11px;font-weight:600}.ht-chart .ht-five-label{fill:#c57d1f;font-size:9px;font-weight:600}.ht-event-detail{padding:8px 10px;color:#8e6a28;font-size:11px;background:#fff9ee;border-radius:6px;margin:6px 0}
.hd-traffic-panel.ht-wide{width:min(860px,calc(100vw - 24px))}.ht-tabs{display:flex;gap:6px;margin-top:10px}.ht-tabs button{border:1px solid #dce5f1;background:#f5f8fc;border-radius:7px;padding:6px 12px;color:#64748b;cursor:pointer;font:inherit;font-size:12px}.ht-tabs button[aria-selected="true"]{background:#eaf1ff;color:#2563eb;border-color:#a9c4fa;font-weight:700}.hd-traffic-panel [hidden]{display:none!important}.ht-range{font-size:11px;color:#7a8ba5;margin:12px 0}.ht-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ht-summary>div{background:#f5f8fc;border:1px solid #e5ecf5;border-radius:9px;padding:10px}.ht-summary small{display:block;font-size:10px;color:#8190a5}.ht-summary b{display:block;font-size:19px;margin:5px 0;font-variant-numeric:tabular-nums}.ht-chart{width:100%;display:block;overflow:visible}.ht-chart text{fill:#8190a5;font-size:10px}.ht-selected{stroke:#2563eb;stroke-opacity:0;stroke-dasharray:3 3}.ht-selected.active{stroke-opacity:.4}.ht-hit{cursor:pointer}.ht-hit:focus{outline:none;stroke:#2563eb;stroke-width:1}.ht-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:10px;color:#60738f}.ht-legend span{display:flex;align-items:center;gap:5px}.ht-legend i{width:8px;height:8px;border-radius:2px;flex-shrink:0}.ht-day-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#eef4ff;border-radius:8px;padding:10px;font-size:12px}.ht-day-heading span{color:#657c9d}.ht-missing{padding:14px 0;color:#8190a5;font-size:12px}.hd-traffic-panel h4{margin:14px 0 6px;font-size:13px}@media(max-width:600px){.ht-summary b{font-size:15px}.ht-summary>div{padding:8px}.ht-chart{min-height:120px}}.ht-chart-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.ht-current{font-size:11px;font-weight:500;color:#60738f}
.hd-traffic-panel{box-sizing:border-box;max-height:calc(100dvh - 24px);padding:14px 16px;overscroll-behavior:contain}.hd-traffic-panel .hd-section-title{top:-14px;flex-wrap:nowrap;align-items:flex-start;padding:4px 0 10px;gap:10px;border-bottom:1px solid #e9edf3}.hd-traffic-panel .hd-section-title>div{min-width:0;flex:1}.hd-traffic-panel .hd-section-title h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.hd-traffic-panel .close{flex:0 0 28px;margin:0}.hd-traffic-panel .hd-traffic-total{margin:8px 0 10px}.hd-traffic-panel .hd-traffic-total strong{font-size:26px}.hd-traffic-panel .hd-source-row{margin:10px 0;gap:4px 10px;grid-template-columns:minmax(0,1fr) 52px 52px}.hd-traffic-panel .hd-source-row small{margin-top:1px}.hd-traffic-panel .hd-traffic-note{padding-top:10px}
.ht-current-total{color:#2563eb;font-weight:800;font-size:14px}.ht-current-cvr{color:#dc3545}.ht-metric-key{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;margin-top:12px;color:#2563eb}.ht-metric-key span:last-child{color:#dc3545}.ht-chart-frame{padding-right:44px}.ht-cvr-axis{left:auto;right:0;color:#dc3545}@media(max-width:600px){.ht-chart-frame{padding-right:34px}}
.hd-traffic-panel .hd-section-title{display:flex;justify-content:space-between;z-index:2}.hd-traffic-panel .hd-section-title h3{font-size:15px;margin:0 0 5px}.hd-traffic-panel .hd-section-title span{font-size:11px;color:#8190a5}.hd-traffic-panel .hd-empty{padding:36px 12px;text-align:center;color:#748198;font-size:13px;line-height:2}.product-trend-scope{font-size:10px;line-height:1.5;color:#8190a5;margin:5px 0 0}.product-trend-retry{border:1px solid #bdd2f8;border-radius:6px;background:#eef5ff;color:#2563eb;padding:5px 12px;font:inherit;cursor:pointer}.product-trend-button{display:inline-flex;align-items:center;justify-content:center;gap:3px;justify-self:start;max-width:100%;min-height:27px;margin-top:4px;padding:4px 6px;border:1px solid #c5d9fb;border-radius:7px;background:linear-gradient(135deg,#edf5ff,#e3edff);box-shadow:0 1px 3px #2563eb10;color:#2563eb;font-family:inherit;font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.product-trend-button svg{width:12px;height:12px;flex:none}.product-trend-button:hover{background:linear-gradient(135deg,#e0edff,#d6e5ff);border-color:#86b0f4;box-shadow:0 2px 5px #2563eb20}.product-trend-button:focus-visible,.product-trend-retry:focus-visible{outline:2px solid #2563eb;outline-offset:3px}.product-trend-button:disabled{opacity:.5;cursor:default}.product-trend-button:active{box-shadow:inset 0 1px 3px #2563eb20}
.ht-roas-key{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;color:#8190a5;margin:6px 0}.ht-roas-rpp{color:#0d9488}.ht-roas-exp{color:#8b5cf6}.ht-roas-current{font-size:11px;font-weight:600;color:#60738f}.ht-roas-frame .ht-axis-zero{top:73%}.ht-roas-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.ht-roas-detail>div{border:1px solid #e3eaf4;border-radius:8px;padding:10px;background:#f8faff;overflow-wrap:anywhere}.ht-roas-detail b{font-size:12px}.ht-roas-detail small{display:block;font-size:10px;color:#8190a5;margin-top:5px;line-height:1.5}