/* Trend Intelligence filters share the CreatorOS palette in both themes. */
#trendVideoResults :is(th,td):nth-child(6){text-align:center;vertical-align:middle}
#trendVideoResults .trend-score{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:26px;padding:4px 7px;line-height:1.3;font-variant-numeric:tabular-nums}
#competitorList [data-remove-competitor]{display:grid;place-items:center;flex-shrink:0;width:24px;height:26px;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--muted)}
#competitorList [data-remove-competitor] svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#competitorList [data-remove-competitor]:hover{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}
#competitorList [data-remove-competitor]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#page-trends .trend-video-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
#page-trends .trend-copy-link{flex-shrink:0;border:1px solid var(--line);border-radius:6px;padding:3px 6px;background:var(--panel2);color:var(--accent);font:inherit;font-size:10px;line-height:1.5;white-space:nowrap;cursor:pointer}
#page-trends .trend-copy-link:hover,#page-trends .trend-copy-link[data-copied=true]{background:var(--tint);border-color:var(--accent)}
#page-trends .trend-copy-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Keep long feeds inside their own scroll regions; wheel/touch target the region under the pointer. */
#page-trends .trend-panel>.table-wrap{max-height:min(680px,65dvh);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#page-trends .trend-panel>.table-wrap thead{position:sticky;top:0;z-index:1;background:var(--panel2)}
#page-trends #competitorList{max-height:min(360px,45dvh);min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:6px}
#page-trends :is(.trend-panel>.table-wrap,#competitorList,.trend-rail){scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
#page-trends :is(.trend-panel>.table-wrap,#competitorList,.trend-rail)::-webkit-scrollbar{width:8px;height:8px}
#page-trends :is(.trend-panel>.table-wrap,#competitorList,.trend-rail)::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid transparent;background-clip:content-box;border-radius:8px}
#page-trends :is(.trend-panel>.table-wrap,#competitorList):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
@media(min-width:1181px){#page-trends .trend-rail{max-height:calc(100dvh - 113px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:4px}#page-trends .trend-rail>.panel{flex-shrink:0}}
#page-trends .trend-advanced-filters{margin:18px 0 20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:none;overflow:hidden}
#page-trends .trend-advanced-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 22px;color:var(--text);border:0;list-style:none}
#page-trends .trend-advanced-filters>summary::after{content:none}
#page-trends .trend-advanced-filters>summary::-webkit-details-marker{display:none}
#page-trends .trend-advanced-filters[open]>summary{border-bottom:1px solid var(--line);margin:0 16px;padding-inline:6px}
#page-trends .trend-filter-title{display:flex;align-items:center;gap:14px;min-width:0}
#page-trends .trend-filter-title>svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}
#page-trends .trend-filter-title strong{display:block;font-size:15px;font-weight:600;line-height:1.5}
#page-trends .trend-filter-title small{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.6}
#page-trends .trend-advanced-filters svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#page-trends .trend-filter-status,#page-trends .trend-filter-badge{flex-shrink:0;white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:500;color:var(--accent);background:var(--tint);line-height:1.5}
#page-trends .trend-filter-status[data-state=idle]{color:var(--muted);background:var(--panel2)}
#page-trends .trend-filter-status[data-state=pending]{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 12%,var(--panel))}
#page-trends .trend-filter-content{padding:23px 16px 0}
#page-trends .trend-filter-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding:0 6px 28px}
#page-trends .trend-filter-columns>section{min-width:0;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
#page-trends .trend-filter-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:25px;margin-bottom:13px}
#page-trends .trend-filter-section-heading h4{margin:0;color:var(--text);font-size:14px;font-weight:600;line-height:1.5}
#page-trends .trend-filter-section-heading>svg{width:17px;height:17px;color:var(--muted)}
#page-trends .trend-filter-presets{display:flex;flex-wrap:wrap;gap:7px;min-height:33px;margin-bottom:27px}
#page-trends .trend-filter-presets button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--label);padding:7px 9px;font:inherit;font-size:10px;font-weight:400;line-height:1.5;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
#page-trends .trend-filter-presets button:hover{background:var(--hover);border-color:var(--muted)}
#page-trends .trend-filter-presets button[aria-pressed=true]{color:var(--accent);background:var(--tint);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
#page-trends .trend-duration-range-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 10px;color:var(--muted);font-size:11px;line-height:1.6}
#page-trends .trend-duration-range-heading output{color:var(--text);font-size:11px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
#page-trends .trend-dual-range{position:relative;height:26px;margin:3px 10px 10px;--range-start:0%;--range-end:100%}
#page-trends .trend-range-track{position:absolute;top:11px;left:8px;right:8px;height:4px;border-radius:8px;background:linear-gradient(to right,var(--line) var(--range-start),var(--accent) var(--range-start),var(--accent) var(--range-end),var(--line) var(--range-end))}
#page-trends .trend-dual-range input[type=range]{position:absolute;inset:0;display:block;width:100%;height:26px;min-height:0;margin:0;padding:0;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;pointer-events:none;z-index:var(--thumb-layer,1)}
#page-trends .trend-dual-range input[type=range]:focus-visible{z-index:3}
#page-trends .trend-dual-range input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent;border:0}
#page-trends .trend-dual-range input[type=range]::-moz-range-track{height:4px;background:transparent;border:0}
#page-trends .trend-dual-range input[type=range]::-moz-range-progress{background:transparent}
#page-trends .trend-dual-range input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;border:2px solid var(--panel);border-radius:50%;background:var(--accent);pointer-events:auto;cursor:ew-resize}
#page-trends .trend-dual-range input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--panel);border-radius:50%;background:var(--accent);pointer-events:auto;cursor:ew-resize}
#page-trends .trend-dual-range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--tint);outline:2px solid var(--accent);outline-offset:2px}
#page-trends .trend-dual-range input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--tint);outline:2px solid var(--accent);outline-offset:2px}
#page-trends .trend-duration-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 10px}
#page-trends .trend-duration-inputs>label,#page-trends .trend-filter-dates .adv-dates>label{display:flex;flex-direction:column;gap:6px;color:var(--label);font-size:12px;line-height:1.5;min-width:0}
#page-trends .trend-filter-number{display:flex;align-items:center;gap:4px;background:var(--field);border:1px solid var(--line);border-radius:9px;padding-right:9px;min-width:0;overflow:hidden}
#page-trends .trend-filter-number:focus-within{border-color:var(--accent);outline:2px solid var(--tint)}
#page-trends .trend-filter-number>input{width:100%;min-width:0;min-height:42px;border:0;background:transparent;color:var(--text);box-shadow:none;padding:10px 8px;font-size:13px;font-weight:500;outline:0;appearance:textfield;font-variant-numeric:tabular-nums}
#page-trends .trend-filter-number>input::-webkit-inner-spin-button,#page-trends .trend-filter-number>input::-webkit-outer-spin-button{appearance:none;margin:0}
#page-trends .trend-filter-number>span{flex-shrink:0;color:var(--muted);font-size:10px}
#page-trends .trend-filter-dates .adv-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 10px}
#page-trends .trend-filter-dates input[type=date]{width:100%;min-width:0;min-height:44px;margin:0;padding:10px 9px;font-size:11px;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:9px;color-scheme:inherit}
#page-trends .trend-filter-timezone{display:flex;align-items:flex-start;gap:7px;margin:15px 10px 0;color:var(--muted);font-size:10px;line-height:1.7}
#page-trends .trend-filter-timezone svg,#page-trends .trend-filter-footer svg{width:14px;height:14px;flex-shrink:0}
#page-trends .trend-filter-timezone svg{margin-top:1px}
#page-trends .trend-filter-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:18px 0 15px}
#page-trends .trend-filter-footer>p{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:10px}
#page-trends .trend-filter-footer .trend-date-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
#page-trends .trend-filter-footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:22px;min-height:34px;font-size:11px;padding:7px 15px}
#page-trends .trend-filter-footer .btn:disabled{opacity:.6;cursor:wait}
#page-trends .trend-filter-content>.form-error{margin:0 6px 15px;font-size:11px;line-height:1.6;color:var(--red)}
#page-trends .trend-filter-content>.form-error:empty{display:none}
#page-trends .trend-advanced-filters :is(button,input,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#page-trends .trend-filter-number>input:focus-visible,#page-trends .trend-dual-range input:focus-visible{outline:0}
#page-trends .trend-filter-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1450px) and (min-width:1181px),(max-width:850px){#page-trends .trend-filter-columns{grid-template-columns:minmax(0,1fr);gap:27px}#page-trends .trend-filter-presets{margin-bottom:20px}#page-trends .trend-filter-dates{border-top:1px solid var(--line);padding-top:22px}}
@media(max-width:480px){#page-trends .trend-advanced-filters>summary{padding:17px 14px;gap:8px}#page-trends .trend-advanced-filters[open]>summary{margin-inline:12px;padding-inline:0}#page-trends .trend-filter-title{gap:9px}#page-trends .trend-filter-title strong{font-size:13px}#page-trends .trend-filter-title small{font-size:10px;max-width:175px}#page-trends .trend-filter-status{font-size:9px;padding:3px 6px}#page-trends .trend-filter-content{padding:18px 12px 0}#page-trends .trend-filter-columns{padding-inline:0}#page-trends .trend-duration-inputs,#page-trends .trend-filter-dates .adv-dates{margin-inline:0}#page-trends .trend-filter-presets{gap:5px}#page-trends .trend-filter-presets button{padding:7px 8px}#page-trends .trend-filter-footer{gap:14px}#page-trends .trend-filter-footer>p{flex-basis:100%}#page-trends .trend-filter-footer .trend-date-actions{width:100%}#page-trends #applyTrendDates{flex:1}}