.analytics-dialog { width:min(1190px,calc(100% - 40px)); max-width:none; max-height:calc(100dvh - 40px); border:0; border-radius:24px; padding:30px; background:var(--page); color:var(--ink); overscroll-behavior:contain; }
.analytics-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.analytics-heading p { font-size:12px; margin-bottom:7px; }
.analytics-heading h2 { font-size:26px; overflow-wrap:anywhere; }
.analytics-heading .icon-btn { background:var(--surface); border:1px solid var(--line); }
.analytics-identity { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:17px; }
.analytics-identity .source-logo { width:30px; height:30px; }
.analytics-identity .creator-cell { max-width:none; }
.analytics-address { display:flex; align-items:center; gap:10px; color:var(--primary); margin-top:12px; font-size:13px; }
.analytics-address > span { overflow-wrap:anywhere; }
.analytics-controls { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin:20px 0; }
.analytics-controls form { display:flex; align-items:center; gap:9px; }
.analytics-controls input { min-height:42px; font-size:13px; padding:9px 11px; }
.analytics-controls .secondary { min-height:42px; padding:9px 13px; font-size:13px; }
#analyticsRefresh { margin-left:auto; background:var(--surface); border:1px solid var(--line); }
.analytics-content { display:grid; gap:20px; }
.analytics-content .kpi { min-height:146px; padding:22px; }
.analytics-content .kpi .value { font-size:35px; }
.analytics-content .kpi .label { display:block; min-height:42px; line-height:1.45; }
.analytics-content .kpi:first-child .hint { color:var(--muted); }
.analytics-loading { padding:50px 20px; text-align:center; color:var(--muted); }
.analytics-error { padding:15px 0; }
.analytics-content .panel-head { padding-top:22px; }
.analytics-content .panel-head h3 { font:800 17px var(--display); }
.analytics-content .panel-head > .muted { font-size:12px; text-align:right; }
.analytics-note { font-size:12px; line-height:1.7; padding:13px 25px 18px; color:var(--muted); }
.analytics-footnote { padding:0 2px 2px; }
.analytics-table-wrap { overflow-x:auto; padding-bottom:3px; }
.analytics-table { min-width:620px; }
.analytics-table th { white-space:normal; }
.analytics-table td { font-size:13px; padding:16px; vertical-align:middle; }
.analytics-table th:first-child,.analytics-table td:first-child { padding-left:25px; }
.analytics-table th:last-child,.analytics-table td:last-child { padding-right:25px; }
.analytics-source-host { display:flex; align-items:center; gap:11px; overflow-wrap:anywhere; max-width:430px; }
.analytics-source-host .icon { color:var(--muted); width:17px; height:17px; }
.analytics-pagination { display:flex; justify-content:space-between; align-items:center; padding:15px 25px; font-size:12px; color:var(--muted); }
.analytics-pagination:empty { display:none; }
.analytics-breakdowns { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.analytics-breakdowns h3 small { display:block; color:var(--muted); font:400 11px var(--font); margin-top:4px; }
.analytics-ranks { padding:18px 22px 23px; max-height:360px; overflow:auto; }
.analytics-rank { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 10px; margin-bottom:17px; font-size:12px; }
.analytics-rank > span { overflow-wrap:anywhere; }
.analytics-rank > i { grid-column:1/-1; height:4px; background:var(--soft); border-radius:4px; }
.analytics-rank b { display:block; height:100%; background:var(--chart-hit); border-radius:4px; }
.analytics-referrer { display:flex; align-items:center; gap:5px; margin-top:5px; font-size:12px; color:var(--primary); max-width:390px; overflow-wrap:anywhere; }
.analytics-referrer .icon { width:13px; height:13px; }
.analytics-bot { display:block; color:var(--warning); font-size:11px; margin-top:5px; }
.stats-link-button { color:var(--primary); background:var(--primary-soft); }
.link-name:hover { color:var(--primary); }
.drawer-stats-button { margin-top:17px; }
.success-card > .secondary { margin-top:12px; }
.brand-card-metrics small { max-width:150px; white-space:normal; }
.kpi-top .label { min-width:0; }
@media(max-width:1000px) { .analytics-breakdowns { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) {
  .analytics-dialog { width:100%; max-height:100dvh; height:100dvh; margin:0; border-radius:0; padding:22px 17px; }
  .analytics-heading h2 { font-size:23px; }
  .analytics-content .kpi { padding:18px; }
  .analytics-content .kpi .value { font-size:29px; }
  .analytics-controls { gap:12px; }
  .analytics-controls form { order:2; flex-basis:100%; flex-wrap:wrap; gap:7px; }
  .analytics-controls input { width:calc(50% - 15px); flex:1; }
  .analytics-controls .secondary { width:100%; }
  .analytics-content .panel-head { padding:20px 17px 0; flex-wrap:wrap; gap:10px; }
  .analytics-content .legend { font-size:11px; gap:10px; }
  .analytics-note { padding:12px 17px 17px; }
  .analytics-dialog .analytics-table { display:table; min-width:580px; }
  .analytics-dialog .analytics-table thead { display:table-header-group; }
  .analytics-dialog .analytics-table tbody { display:table-row-group; }
  .analytics-dialog .analytics-table tr { display:table-row; }
  .analytics-dialog .analytics-table td { display:table-cell; padding:15px 17px !important; border-bottom:1px solid var(--line); }
  .analytics-dialog .analytics-table td:after { display:none; }
  .analytics-dialog .analytics-table td:nth-child(6) { text-align:inherit; }
  .analytics-ranks { padding:17px; }
  .analytics-breakdowns { gap:12px; }
  .analytics-pagination { padding:14px 17px; }
  .analytics-footnote { padding:0 0 20px; }
}