.threads-analytics-page{display:grid;gap:18px}.threads-analytics-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.threads-analytics-sync{display:grid;justify-items:end;gap:6px;margin:0}.threads-analytics-sync-status{max-width:280px;color:var(--muted);font-size:11px;text-align:right}.threads-analytics-sync button.is-syncing::before{content:"";display:inline-block;width:14px;height:14px;margin-right:7px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:threadsAnalyticsSpin .75s linear infinite}@keyframes threadsAnalyticsSpin{to{transform:rotate(360deg)}}.threads-analytics-filter{display:flex;align-items:flex-end;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}.threads-analytics-filter label{min-width:170px;margin:0}.threads-analytics-filter select{min-height:42px}.threads-analytics-filter small{margin-left:auto;padding-bottom:11px;color:var(--muted)}.threads-analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.threads-analytics-kpis article{min-height:112px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.threads-analytics-kpis span,.threads-analytics-kpis small{display:block;color:var(--muted);font-size:12px}.threads-analytics-kpis strong{display:block;margin:9px 0 3px;font-size:27px}.threads-analytics-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);gap:16px}.threads-account-performance{display:grid;gap:10px}.threads-account-performance>div{padding:13px;border:1px solid var(--line);border-radius:12px}.threads-account-performance>div>span{float:right;color:var(--muted);font-size:11px}.threads-account-performance dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.threads-account-performance dl div{padding:8px;border-radius:9px;background:#f6f8fb}.threads-account-performance dt{color:var(--muted);font-size:10px}.threads-account-performance dd{margin:3px 0 0;font-weight:800}.threads-performance-chart{display:flex;align-items:flex-end;gap:5px;height:235px;padding:18px 5px 2px;overflow-x:auto;border-bottom:1px solid var(--line)}.threads-chart-column{display:flex;flex:1 0 28px;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:6px}.threads-chart-column span{width:70%;min-height:4px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5b9cff,#1677ff)}.threads-chart-column small{color:var(--muted);font-size:9px;white-space:nowrap;writing-mode:vertical-rl}.threads-performance-table-wrap{overflow:auto}.threads-post-performance table{width:100%;border-collapse:collapse;min-width:780px}.threads-post-performance th,.threads-post-performance td{padding:11px 10px;border-top:1px solid var(--line);text-align:right;font-size:12px}.threads-post-performance th{color:var(--muted);background:#f8fafc}.threads-post-performance th:nth-child(-n+3),.threads-post-performance td:nth-child(-n+3){text-align:left}.threads-post-performance td strong,.threads-post-performance td small{display:block;max-width:360px}.threads-post-performance td small{margin-top:3px;color:var(--muted);font-size:10px}.threads-post-performance a{color:var(--blue);font-weight:700}@media(max-width:900px){.threads-analytics-kpis{grid-template-columns:repeat(2,1fr)}.threads-analytics-grid{grid-template-columns:1fr}.threads-analytics-filter{flex-wrap:wrap}.threads-analytics-filter small{width:100%;margin:0;padding:0}.threads-analytics-hero{align-items:flex-start}.threads-analytics-kpis article:last-child{grid-column:1/-1}}@media(max-width:560px){.threads-analytics-hero{display:grid}.threads-analytics-sync{justify-items:stretch}.threads-analytics-sync-status{max-width:none;text-align:left}.threads-analytics-sync button{width:100%}.threads-analytics-filter label{width:100%}.threads-analytics-filter button{width:100%}.threads-analytics-kpis{gap:8px}.threads-analytics-kpis article{min-height:92px;padding:14px}.threads-analytics-kpis strong{font-size:23px}}
.threads-best-hour{padding:8px 11px;border-radius:999px;background:#eaf3ff;color:#1268d5;font-size:12px;white-space:nowrap}.threads-hour-chart{display:flex;align-items:flex-end;gap:4px;height:250px;padding:30px 4px 4px;overflow-x:auto;border-bottom:1px solid var(--line)}.threads-hour-column{display:flex;flex:1 0 34px;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:5px}.threads-hour-column>strong{height:15px;color:var(--muted);font-size:8px;font-weight:700}.threads-hour-column>span{width:68%;min-height:0;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#73aaff,#2379ed)}.threads-hour-column.is-best>span{background:linear-gradient(180deg,#35c98b,#119967)}.threads-hour-column>small{color:var(--muted);font-size:9px}.threads-analysis-note{margin:12px 0 0;color:var(--muted);font-size:11px}.threads-account-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.threads-account-analysis-grid>article{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.threads-account-analysis-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.threads-account-analysis-head>span{color:var(--muted);font-size:11px}.threads-account-analysis dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.threads-account-analysis dl>div{padding:9px;border-radius:9px;background:#f6f8fb}.threads-account-analysis dt{color:var(--muted);font-size:10px}.threads-account-analysis dd{margin:4px 0 0;font-size:15px;font-weight:800}.threads-account-top-post{display:grid;gap:4px;padding-top:11px;border-top:1px solid var(--line)}.threads-account-top-post>span{color:var(--muted);font-size:10px}.threads-account-top-post>strong{font-size:12px}.threads-account-top-post>a{width:max-content;color:var(--blue);font-size:11px;font-weight:700}@media(max-width:700px){.threads-account-analysis-grid{grid-template-columns:1fr}.threads-hour-chart{height:220px}.threads-hour-column{flex-basis:30px}.threads-best-hour{white-space:normal}}
.threads-xy-chart{position:relative;display:grid;grid-template-columns:58px minmax(520px,1fr);gap:10px;padding:8px 8px 28px 18px;overflow-x:auto}.threads-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:270px;padding-bottom:25px;color:var(--muted);font-size:9px;text-align:right}.threads-xy-plot{position:relative;display:grid;grid-template-columns:repeat(7,minmax(58px,1fr));gap:10px;height:270px;padding:0 8px 25px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#e9eef5 25%)}.threads-weekday-column{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:58px;height:100%;gap:6px}.threads-weekday-column>strong{height:16px;color:var(--muted);font-size:9px}.threads-weekday-bar-area{display:flex;align-items:flex-end;width:100%;height:205px}.threads-weekday-bar-area>span{width:72%;margin:0 auto;border-radius:8px 8px 2px 2px;background:hsl(calc(212 - (var(--view-level) * 55)) calc(65% + (var(--view-level) * 18%)) calc(88% - (var(--view-level) * 43%)));box-shadow:0 2px 8px rgba(22,119,255,.12)}.threads-weekday-column>small{font-size:11px;font-weight:700}.threads-x-axis-title{position:absolute;right:8px;bottom:-23px;color:var(--muted);font-size:10px}.threads-y-axis-title{position:absolute;left:0;top:50%;color:var(--muted);font-size:10px;transform:translate(-35%,-50%) rotate(-90deg);white-space:nowrap}.threads-view-legend{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:3px;color:var(--muted);font-size:10px}.threads-view-legend i{display:block;width:110px;height:8px;border-radius:999px;background:linear-gradient(90deg,hsl(212 65% 88%),hsl(157 83% 45%))}@media(max-width:700px){.threads-xy-chart{grid-template-columns:46px minmax(480px,1fr);padding-left:12px}.threads-y-axis-title{display:none}}
.threads-account-comparison .threads-account-performance{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.threads-heatmap-period-filter{flex-wrap:wrap}.threads-heatmap-period-filter input[type="date"]{width:138px;min-height:36px;padding:5px 8px}@media(max-width:560px){.threads-heatmap-period-filter{grid-template-columns:1fr 1fr}.threads-heatmap-period-filter label{display:grid}.threads-heatmap-period-filter select,.threads-heatmap-period-filter input[type="date"]{width:100%}.threads-heatmap-period-filter button{grid-column:1/-1}.threads-heatmap-period-filter small{grid-column:1/-1}}
.threads-heatmap-scroll{overflow-x:auto;padding:8px 2px 4px}.threads-heatmap{display:grid;grid-template-columns:64px repeat(24,minmax(22px,1fr));grid-template-rows:24px repeat(7,24px);gap:4px;min-width:760px;align-items:center}.threads-heatmap-corner,.threads-heatmap-hour,.threads-heatmap-day{color:var(--muted);font-size:9px}.threads-heatmap-corner{text-align:right;padding-right:5px}.threads-heatmap-hour{text-align:center}.threads-heatmap-day{text-align:right;padding-right:8px;font-size:11px;font-weight:700}.threads-heatmap-cell{width:100%;height:100%;border:1px solid #dce3eb;border-radius:4px;background:#f0f3f6}.threads-heatmap-cell.has-data{border-color:hsl(calc(212 - (var(--view-level) * 55)) 65% 70%);background:hsl(calc(212 - (var(--view-level) * 55)) calc(65% + (var(--view-level) * 18%)) calc(91% - (var(--view-level) * 48%)));cursor:help}.threads-heatmap-cell.is-best{outline:2px solid #0b8457;outline-offset:1px}.threads-heatmap-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:var(--muted);font-size:10px}.threads-heatmap-footer .threads-view-legend{margin:0}@media(max-width:700px){.threads-heatmap-footer{align-items:flex-start;flex-direction:column}.threads-heatmap{grid-template-columns:54px repeat(24,24px)}}
.threads-heatmap-cell{display:flex;align-items:center;justify-content:center;overflow:hidden}.threads-heatmap-cell>span{position:relative;z-index:1;color:#20344a;font-size:9px;font-weight:800;line-height:1;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.55)}.threads-heatmap-cell.has-data[style*="--view-level:0.8"]>span,.threads-heatmap-cell.is-best>span{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}@media(max-width:700px){.threads-heatmap-cell>span{font-size:8px;transform:rotate(-45deg)}}
.threads-heatmap-tabs-wrap{display:flex;align-items:center;gap:10px;margin:4px 0 10px}.threads-heatmap-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:thin}.threads-heatmap-tabs button{min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.threads-heatmap-tabs button:hover{border-color:#9bc2f7;color:var(--blue)}.threads-heatmap-tabs button.is-active,.threads-heatmap-tabs button[aria-selected="true"]{border-color:#2379ed;background:#eaf3ff;color:#1268d5}.threads-heatmap-tabs button:disabled{cursor:wait;opacity:.65}.threads-heatmap-tab-status{flex:0 0 auto;color:var(--muted);font-size:10px}.threads-performance-heatmap[aria-busy="true"] .threads-heatmap-scroll{opacity:.45;pointer-events:none}@media(max-width:700px){.threads-heatmap-tabs-wrap{align-items:flex-start;flex-direction:column}.threads-heatmap-tabs{width:100%}}
.threads-heatmap-overview-note{margin:-2px 0 8px;color:var(--muted);font-size:11px}.threads-account-hour-heatmap{grid-template-columns:132px repeat(24,minmax(22px,1fr));grid-template-rows:24px;grid-auto-rows:24px}.threads-account-hour-heatmap .threads-heatmap-day{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.threads-account-hour-heatmap{grid-template-columns:112px repeat(24,24px)}}
.threads-heatmap-tabs{flex:1 1 auto}.threads-heatmap-period-filter{flex:0 0 auto;align-items:center;margin-left:auto;padding:0;border:0;border-radius:0;background:transparent}.threads-heatmap-period-filter label{display:flex;align-items:center;gap:6px;min-width:0}.threads-heatmap-period-filter label>span{color:var(--muted);font-size:11px;font-weight:700}.threads-heatmap-period-filter select{width:112px;min-height:36px;padding-top:5px;padding-bottom:5px}.threads-heatmap-period-filter button{min-height:36px;padding:7px 12px}.threads-heatmap-period-filter small{margin:0;padding:0;white-space:nowrap}@media(max-width:900px){.threads-heatmap-tabs-wrap{flex-wrap:wrap}.threads-heatmap-period-filter{width:100%;margin-left:0}.threads-heatmap-period-filter small{width:auto}}@media(max-width:560px){.threads-heatmap-period-filter{display:grid;grid-template-columns:1fr auto}.threads-heatmap-period-filter label,.threads-heatmap-period-filter button{width:auto}.threads-heatmap-period-filter small{grid-column:1/-1;width:auto}}
.threads-heatmap-tabs-wrap{flex-wrap:wrap}.threads-heatmap-tabs{flex:1 1 100%;width:100%}.threads-heatmap-period-filter{flex:1 1 100%;width:100%;margin-left:0}.threads-heatmap-tab-status{margin-left:auto}
.threads-heatmap-tabs button.has-view-level{border-color:hsl(calc(212 - (var(--tab-view-level) * 55)) 65% 70%);background:hsl(calc(212 - (var(--tab-view-level) * 55)) calc(65% + (var(--tab-view-level) * 18%)) calc(94% - (var(--tab-view-level) * 48%)));color:hsl(212 45% calc(34% - (var(--tab-view-level) * 18%)))}.threads-heatmap-tabs button.has-view-level[style*="--tab-view-level:1.000"]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.threads-heatmap-tabs button.is-active{outline:2px solid #1677ff;outline-offset:1px}
.threads-analytics-sync{grid-template-columns:auto auto;align-items:center}.threads-analytics-last-synced{color:var(--muted);font-size:11px;white-space:nowrap}.threads-analytics-sync-status{grid-column:1/-1}@media(max-width:560px){.threads-analytics-sync{grid-template-columns:1fr}.threads-analytics-last-synced{grid-row:1}.threads-analytics-sync button{grid-row:2}.threads-analytics-sync-status{grid-column:1;grid-row:3}}
.threads-heatmap-cell>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none;cursor:pointer}.threads-heatmap-cell>a:hover{outline:2px solid #1677ff;outline-offset:-2px;border-radius:3px}.threads-heatmap-cell>a>span{position:relative;z-index:1;color:#20344a;font-size:9px;font-weight:800;line-height:1;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.55)}.threads-heatmap-cell.has-data[style*="--view-level:0.8"]>a>span,.threads-heatmap-cell.is-best>a>span{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}@media(max-width:700px){.threads-heatmap-cell>a>span{font-size:8px;transform:rotate(-45deg)}}
