/* ===========================================
   Site Analytics Dashboard — Steel
   Accent: #64748B
   Namespace: .siteana-*
   =========================================== */

/* ── COMING SOON GATE ──────────────────── */
.siteana-coming-soon {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 1rem 0 2rem;
}

.siteana-cs-icon {
  font-size: 3.5rem;
  margin-bottom: 0.5rem;
  filter: drop-shadow(0 0 20px rgba(6,182,212,0.4));
}

.siteana-cs-title {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: #64748B;
  margin: 0 0 0.5rem;
}

.siteana-cs-subtitle {
  font-size: 1.1rem;
  color: rgba(255,255,255,0.7);
  margin: 0 0 2rem;
  line-height: 1.5;
}

.siteana-cs-intro {
  text-align: left;
  background: rgba(6,182,212,0.04);
  border: 1px solid rgba(6,182,212,0.15);
  border-radius: 14px;
  padding: 1.5rem 2rem;
  margin-bottom: 2rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.siteana-cs-intro p {
  color: rgba(255,255,255,0.7);
  font-size: 0.95rem;
  line-height: 1.7;
  margin: 0 0 0.8rem;
}

.siteana-cs-intro p:last-child { margin-bottom: 0; }

.siteana-cs-intro strong { color: rgba(255,255,255,0.9); }

.siteana-cs-intro code {
  background: rgba(6,182,212,0.12);
  padding: 0.15em 0.5em;
  border-radius: 4px;
  font-size: 0.88em;
  color: #64748B;
}

.siteana-cs-divider {
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, transparent, #64748B, transparent);
  margin: 2rem auto;
  border-radius: 2px;
}

.siteana-cs-section-title {
  font-family: var(--font-heading);
  font-size: 1.2rem;
  color: rgba(255,255,255,0.9);
  margin: 0 0 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.siteana-cs-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  text-align: left;
  margin-bottom: 2rem;
}

.siteana-cs-feature {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 1.25rem;
  transition: border-color 0.2s;
}

.siteana-cs-feature:hover {
  border-color: rgba(6,182,212,0.25);
}

.siteana-cs-emoji {
  font-size: 1.5rem;
  display: block;
  margin-bottom: 0.5rem;
}

.siteana-cs-feature h3 {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.9);
  margin: 0 0 0.4rem;
  font-weight: 600;
}

.siteana-cs-feature p {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.5);
  line-height: 1.5;
  margin: 0;
}

.siteana-cs-why {
  text-align: left;
  background: rgba(6,182,212,0.06);
  border-left: 3px solid #64748B;
  border-radius: 0 12px 12px 0;
  padding: 1.25rem 1.5rem;
  margin-bottom: 2rem;
}

.siteana-cs-why h3 {
  font-size: 1rem;
  color: #64748B;
  margin: 0 0 0.5rem;
  font-weight: 600;
}

.siteana-cs-why p {
  font-size: 0.9rem;
  color: rgba(255,255,255,0.6);
  line-height: 1.6;
  margin: 0 0 0.6rem;
}

.siteana-cs-why p:last-child { margin-bottom: 0; }

.siteana-cs-notify {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.siteana-cs-notify p {
  color: rgba(255,255,255,0.7);
  font-size: 0.95rem;
  margin: 0 0 1rem;
}

.siteana-cs-links {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

.siteana-cs-links a {
  color: #64748B;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: color 0.2s;
}

.siteana-cs-links a:hover { color: #22D3EE; }

/* Password gate — centered, prominent */
.siteana-gate-card {
  max-width: 480px;
  margin: 4rem auto 2rem;
  padding: 2.5rem 2rem;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  text-align: center;
}

.siteana-gate-lock {
  font-size: 3rem;
  margin-bottom: 1rem;
  filter: drop-shadow(0 0 12px rgba(100,116,139,0.4));
}

.siteana-gate-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5rem;
}

.siteana-gate-subtitle {
  color: rgba(255,255,255,0.55);
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.siteana-gate-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}

.siteana-gate-form input {
  width: 100%;
  max-width: 320px;
  background: rgba(255,255,255,0.06);
  border: 2px solid rgba(255,255,255,0.15);
  border-radius: 14px;
  color: #e6edf3;
  padding: 0.85rem 1rem;
  font-size: 1rem;
  text-align: center;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.siteana-gate-form input:focus {
  border-color: #64748B;
  box-shadow: 0 0 16px rgba(100,116,139,0.25);
}

.siteana-gate-form button {
  width: 100%;
  max-width: 320px;
  background: #64748B;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 14px;
  padding: 0.85rem 1.5rem;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

.siteana-gate-form button:hover {
  background: #7c8da0;
  box-shadow: 0 4px 16px rgba(100,116,139,0.3);
}

.siteana-gate-error {
  color: #ff6b6b;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}

.siteana-gate-hint {
  color: rgba(255,255,255,0.3);
  font-size: 0.82rem;
  margin-top: 2rem;
}

@media (max-width: 640px) {
  .siteana-cs-features { grid-template-columns: 1fr; }
  .siteana-cs-title { font-size: 1.5rem; }
  .siteana-cs-intro { padding: 1rem 1.25rem; }
}

.siteana-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1.5rem 3rem;
}

.siteana-page-title {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 700;
  color: #64748B;
  margin: 0;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.siteana-page-subtitle {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.4);
  white-space: nowrap;
}

.siteana-page-sep {
  color: rgba(255,255,255,0.15);
  font-size: 0.8rem;
}

.siteana-compact-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin: 0.25rem 0 0.75rem;
}

/* Stats Bar */
.siteana-stats-bar {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.siteana-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 1.5rem;
  background: rgba(6,182,212,0.06);
  border: 1px solid rgba(6,182,212,0.15);
  border-radius: 16px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  min-width: 100px;
}

.siteana-stat-num {
  font-family: var(--font-heading);
  font-size: 1.8rem;
  font-weight: 700;
  color: #64748B;
  line-height: 1.2;
}

.siteana-stat-label {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.25rem;
}

/* Week-over-week change badges */
.siteana-wow {
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  border-radius: 20px;
  margin-top: 0.25rem;
}

.siteana-wow-up {
  background: rgba(16,185,129,0.15);
  color: #10B981;
  border: 1px solid rgba(16,185,129,0.3);
}

.siteana-wow-down {
  background: rgba(239,68,68,0.15);
  color: #EF4444;
  border: 1px solid rgba(239,68,68,0.3);
}

.siteana-wow-flat {
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.4);
  border: 1px solid rgba(255,255,255,0.1);
}

/* Tabs */
.siteana-tabs {
  display: flex;
  gap: 0.5rem;
  padding: 0.35rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.siteana-tab {
  background: none;
  border: 1px solid transparent;
  color: rgba(255,255,255,0.5);
  font-size: 0.85rem;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  padding: 0.6rem 1.1rem;
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  flex: 1;
  text-align: center;
  white-space: nowrap;
}

.siteana-tab:hover {
  color: rgba(255,255,255,0.8);
  background: rgba(255,255,255,0.06);
}

.siteana-tab.active {
  color: #fff;
  background: #64748B;
  border-color: #64748B;
  box-shadow: 0 2px 8px rgba(100, 116, 139, 0.3);
  font-weight: 600;
}

/* Panels */
.siteana-panel { display: none; }
.siteana-panel.active { display: block; }

/* Grid */
.siteana-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .siteana-grid-2 { grid-template-columns: 1fr; }
}

/* Cards */
.siteana-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 1.5rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  margin-bottom: 1.5rem;
}

.siteana-card canvas {
  max-height: 220px;
  width: 100% !important;
}

.siteana-card-title {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  color: rgba(255,255,255,0.9);
  margin: 0 0 1rem;
}

.siteana-hint {
  font-size: 0.82rem;
  color: rgba(255,255,255,0.5);
  margin: -0.5rem 0 1rem;
}

/* Leaderboard */
.siteana-lb-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-lb-item:last-child { border-bottom: none; }

.siteana-lb-rank {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 700;
  color: rgba(255,255,255,0.3);
  min-width: 2rem;
  text-align: center;
}

.siteana-lb-rank.gold { color: #E5A00D; }
.siteana-lb-rank.silver { color: #9CA3AF; }
.siteana-lb-rank.bronze { color: #CD7F32; }

.siteana-lb-info { flex: 1; }

.siteana-lb-name {
  font-weight: 600;
  color: rgba(255,255,255,0.9);
  font-size: 0.95rem;
}

.siteana-lb-count {
  font-size: 0.8rem;
  color: rgba(255,255,255,0.5);
}

.siteana-lb-bar-wrap {
  flex: 1;
  max-width: 200px;
  height: 8px;
  background: rgba(255,255,255,0.05);
  border-radius: 4px;
  overflow: hidden;
}

.siteana-lb-bar {
  height: 100%;
  border-radius: 4px;
  transition: width 0.6s ease;
}

.siteana-lb-total {
  font-family: var(--font-heading);
  font-size: 0.95rem;
  font-weight: 600;
  color: #64748B;
  min-width: 3.5rem;
  text-align: right;
}

/* Search queries */
.siteana-search-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-search-item:last-child { border-bottom: none; }

.siteana-search-query {
  font-family: 'Fira Code', monospace;
  font-size: 0.88rem;
  color: rgba(255,255,255,0.75);
}

.siteana-search-count {
  font-size: 0.82rem;
  color: rgba(6,182,212,0.7);
  font-weight: 600;
}

/* Content stats */
.siteana-content-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  text-align: center;
}

.siteana-content-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  color: rgba(255,255,255,0.6);
  font-size: 0.85rem;
}

.siteana-content-num {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: #64748B;
}

@media (max-width: 480px) {
  .siteana-content-stats { grid-template-columns: repeat(2, 1fr); }
}

/* Transparency */
.siteana-transparency {
  margin-bottom: 1.5rem;
  border-color: rgba(6,182,212,0.2);
}
.siteana-transparency p {
  color: rgba(255,255,255,0.6);
  font-size: 0.88rem;
  line-height: 1.6;
  margin: 0.5rem 0;
}
.siteana-transparency code {
  background: rgba(6,182,212,0.1);
  padding: 0.15em 0.4em;
  border-radius: 4px;
  font-size: 0.85em;
}
.siteana-transparency a { color: #64748B; }

/* FAQ */
.siteana-faq {
  margin-top: 2rem;
}
.siteana-faq h2 {
  font-family: var(--font-heading);
  font-size: 1.3rem;
  color: #64748B;
  margin-bottom: 1rem;
}
.siteana-faq-item {
  background: rgba(6,182,212,0.04);
  border: 1px solid rgba(6,182,212,0.12);
  border-radius: 16px;
  padding: 1rem 1.25rem;
  margin-bottom: 0.75rem;
}
.siteana-faq-item h3 {
  font-size: 0.95rem;
  color: #64748B;
  margin: 0 0 0.5rem;
  font-weight: 600;
}
.siteana-faq-item p {
  color: rgba(255,255,255,0.7);
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
}

/* Empty/loading states */
.siteana-empty {
  text-align: center;
  color: rgba(255,255,255,0.5);
  padding: 2rem;
  font-size: 0.95rem;
}

/* Nav accent */
.page-site-analytics .site-nav { border-bottom-color: #64748B; }

/* ── LIVE PULSE CARD ─────────────── */
.siteana-live-card {
  border-color: rgba(239,68,68,0.25);
  background: rgba(239,68,68,0.04);
}

.siteana-live-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.siteana-live-badge {
  margin-left: auto;
  font-size: 0.78rem;
  font-weight: 600;
  color: #EF4444;
  background: rgba(239,68,68,0.12);
  border: 1px solid rgba(239,68,68,0.25);
  padding: 0.2rem 0.75rem;
  border-radius: 20px;
}

.siteana-live-pages {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.siteana-live-page {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.65);
  padding: 0.3rem 0;
}

.siteana-live-page-dot {
  width: 6px;
  height: 6px;
  background: #EF4444;
  border-radius: 50%;
  flex-shrink: 0;
}

.siteana-live-page-count {
  margin-left: auto;
  font-weight: 600;
  color: rgba(255,255,255,0.8);
  font-size: 0.82rem;
}

/* ── FEATURED TOOL OF THE DAY ────── */
.siteana-featured-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(100,116,139,0.3);
  background: linear-gradient(135deg, rgba(100,116,139,0.08), rgba(100,116,139,0.02));
}

.siteana-featured-badge {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #E5A00D;
  background: rgba(229,160,13,0.12);
  border: 1px solid rgba(229,160,13,0.25);
  padding: 0.25rem 0.8rem;
  border-radius: 20px;
  margin-bottom: 1rem;
}

.siteana-featured-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.siteana-featured-name {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  transition: opacity 0.2s;
}

.siteana-featured-name:hover { opacity: 0.8; }

.siteana-featured-tagline {
  font-size: 0.92rem;
  color: rgba(255,255,255,0.6);
  margin: 0;
  line-height: 1.5;
}

.siteana-featured-stats {
  display: flex;
  gap: 1.5rem;
  font-size: 0.82rem;
  color: rgba(255,255,255,0.5);
  margin: 0.25rem 0;
}

.siteana-featured-cta {
  display: inline-block;
  padding: 0.6rem 1.5rem;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 0.88rem;
  text-decoration: none;
  text-align: center;
  max-width: 180px;
  transition: opacity 0.2s, box-shadow 0.2s;
}

.siteana-featured-cta:hover {
  opacity: 0.9;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

/* ── RISING STARS ────────────────── */
.siteana-rising-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-rising-item:last-child { border-bottom: none; }

.siteana-rising-pct {
  font-size: 0.82rem;
  font-weight: 700;
  color: #10B981;
  background: rgba(16,185,129,0.12);
  border: 1px solid rgba(16,185,129,0.25);
  padding: 0.15rem 0.6rem;
  border-radius: 20px;
}

/* ── HIDDEN GEMS ─────────────────── */
.siteana-gem-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-gem-item:last-child { border-bottom: none; }

.siteana-gem-tagline {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.4);
  flex: 1;
  min-width: 100px;
}

.siteana-gem-views {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.5);
  font-weight: 600;
}

/* ── SEARCH INTELLIGENCE ─────────── */
.siteana-search-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-search-row:last-child { border-bottom: none; }

.siteana-search-rank {
  font-family: var(--font-heading);
  font-size: 0.85rem;
  font-weight: 700;
  color: rgba(255,255,255,0.3);
  min-width: 1.5rem;
  text-align: center;
}

.siteana-search-query {
  flex: 1;
  font-size: 0.88rem;
  color: rgba(255,255,255,0.8);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.siteana-pos-badge {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  border-radius: 20px;
  background: rgba(255,255,255,0.06);
  color: rgba(255,255,255,0.4);
  border: 1px solid rgba(255,255,255,0.1);
  white-space: nowrap;
}

.siteana-pos-gold {
  background: rgba(229,160,13,0.15);
  color: #E5A00D;
  border-color: rgba(229,160,13,0.3);
}

.siteana-pos-blue {
  background: rgba(56,189,248,0.12);
  color: #38BDF8;
  border-color: rgba(56,189,248,0.25);
}

.siteana-search-metric {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.5);
  font-weight: 600;
  white-space: nowrap;
}

.siteana-search-imp {
  color: rgba(255,255,255,0.35);
}

@media (max-width: 640px) {
  .siteana-search-imp { display: none; }
  .siteana-search-query { font-size: 0.82rem; }
}

/* ── CONTENT FRESHNESS RADAR ─────── */
.siteana-freshness {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.siteana-fresh-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.siteana-fresh-item:last-child { border-bottom: none; }

.siteana-fresh-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.siteana-fresh-name {
  flex: 1;
  font-size: 0.9rem;
  color: rgba(255,255,255,0.8);
  font-weight: 500;
}

.siteana-fresh-freq {
  font-size: 0.78rem;
  font-weight: 600;
}

/* ── FUN FACTS ───────────────────── */
.siteana-funfacts-card {
  border-color: rgba(251,191,36,0.2);
  background: linear-gradient(135deg, rgba(251,191,36,0.04), rgba(251,191,36,0.01));
}

.siteana-funfacts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

@media (max-width: 640px) {
  .siteana-funfacts { grid-template-columns: 1fr; }
}

.siteana-fact {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
}

.siteana-fact-icon {
  font-size: 1.4rem;
  flex-shrink: 0;
  line-height: 1.3;
}

.siteana-fact p {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.55;
  margin: 0;
}

.siteana-fact strong {
  color: rgba(255,255,255,0.95);
}

/* ── GROWTH MILESTONES ───────────── */
.siteana-milestones {
  position: relative;
  padding-left: 2rem;
}

.siteana-milestones::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(to bottom, #64748B, rgba(100,116,139,0.2));
}

.siteana-ms-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.5rem 0;
  position: relative;
}

.siteana-ms-marker {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 3px;
  position: absolute;
  left: -2rem;
}

.siteana-ms-done .siteana-ms-marker {
  background: #64748B;
  box-shadow: 0 0 8px rgba(100,116,139,0.4);
}

.siteana-ms-next .siteana-ms-marker {
  background: transparent;
  border: 2px solid #FBBF24;
  box-shadow: 0 0 8px rgba(251,191,36,0.3);
}

.siteana-ms-body {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.siteana-ms-body strong {
  font-size: 0.82rem;
  color: #64748B;
}

.siteana-ms-next .siteana-ms-body strong {
  color: #FBBF24;
}

.siteana-ms-body span {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.65);
  line-height: 1.4;
}

/* ── SPARKLINE (already exists, ensure name-row flex) ─── */
.siteana-lb-name-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.siteana-sparkline {
  flex-shrink: 0;
}

/* ── FLAG EMOJI ──────────────────── */
.siteana-flag {
  font-size: 1.1rem;
  line-height: 1;
  flex-shrink: 0;
}

/* ── YOUR JOURNEY CARD ───────────── */
.siteana-journey-card {
  border-color: rgba(167,139,250,0.25);
  background: linear-gradient(135deg, rgba(167,139,250,0.06), rgba(167,139,250,0.01));
}

.siteana-journey-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.35rem;
}

.siteana-journey-wave { font-size: 2rem; }

.siteana-journey-inner > p {
  color: rgba(255,255,255,0.75);
  font-size: 0.92rem;
  line-height: 1.5;
  margin: 0;
}

.siteana-journey-inner > p strong { color: #A78BFA; }

.siteana-journey-privacy {
  font-size: 0.75rem !important;
  color: rgba(255,255,255,0.35) !important;
  margin-top: 0.5rem !important;
}

/* ── BUILT IN PUBLIC CARD ────────── */
.siteana-bip-card {
  border-color: rgba(20,184,166,0.25);
  background: linear-gradient(135deg, rgba(20,184,166,0.06), rgba(20,184,166,0.01));
}

.siteana-bip-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.siteana-bip-badge {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #14B8A6;
  background: rgba(20,184,166,0.12);
  border: 1px solid rgba(20,184,166,0.25);
  padding: 0.2rem 0.65rem;
  border-radius: 20px;
}

.siteana-bip-lead {
  color: rgba(255,255,255,0.7);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 1rem;
}

.siteana-bip-lead strong { color: rgba(255,255,255,0.95); }

.siteana-bip-stack {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0.75rem;
}

.siteana-bip-row {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  font-size: 0.85rem;
}

.siteana-bip-row:last-child { border-bottom: none; }

.siteana-bip-label {
  width: 130px;
  flex-shrink: 0;
  color: rgba(255,255,255,0.5);
  font-weight: 500;
}

.siteana-bip-value {
  flex: 1;
  color: rgba(255,255,255,0.8);
}

.siteana-bip-cost {
  font-weight: 700;
  color: #10B981;
  text-align: right;
  min-width: 70px;
}

.siteana-bip-total {
  background: rgba(16,185,129,0.08);
  border-radius: 8px;
  padding: 0.6rem 0.5rem;
  margin-top: 0.25rem;
}

.siteana-bip-total .siteana-bip-label { color: rgba(255,255,255,0.9); font-weight: 700; }
.siteana-bip-total .siteana-bip-cost { font-size: 1.1rem; color: #10B981; }

.siteana-bip-footnote {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.35);
  margin: 0 0 0.75rem;
  line-height: 1.5;
}

.siteana-bip-cta {
  display: inline-block;
  padding: 0.55rem 1.25rem;
  background: rgba(20,184,166,0.15);
  border: 1px solid rgba(20,184,166,0.3);
  border-radius: 10px;
  color: #14B8A6;
  font-weight: 600;
  font-size: 0.85rem;
  text-decoration: none;
  transition: all 0.2s;
}

.siteana-bip-cta:hover {
  background: rgba(20,184,166,0.25);
  border-color: rgba(20,184,166,0.5);
}

@media (max-width: 640px) {
  .siteana-bip-label { width: 90px; font-size: 0.78rem; }
  .siteana-bip-value { font-size: 0.78rem; }
}

/* ── COMMUNITY IMPACT ────────────── */
.siteana-impact-card {
  border-color: rgba(56,189,248,0.2);
  background: linear-gradient(135deg, rgba(56,189,248,0.04), rgba(56,189,248,0.01));
}

.siteana-impact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.75rem;
}

@media (max-width: 768px) {
  .siteana-impact-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .siteana-impact-grid { grid-template-columns: 1fr; }
}

.siteana-impact-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
}

.siteana-impact-icon {
  font-size: 1.5rem;
  flex-shrink: 0;
}

.siteana-impact-body {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.siteana-impact-range {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 700;
  color: #38BDF8;
}

.siteana-impact-label {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.5);
}

/* ── OPEN DATA CARD ──────────────── */
.siteana-opendata-card {
  border-color: rgba(100,116,139,0.3);
}

.siteana-opendata-lead {
  font-size: 0.92rem;
  color: rgba(255,255,255,0.7);
  margin: 0 0 1rem;
}

.siteana-opendata-api {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.siteana-opendata-code {
  flex: 1;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  padding: 0.65rem 1rem;
  font-family: 'Fira Code', 'Consolas', monospace;
  font-size: 0.82rem;
  color: #10B981;
  overflow-x: auto;
  white-space: nowrap;
}

.siteana-opendata-copy {
  background: rgba(100,116,139,0.2);
  border: 1px solid rgba(100,116,139,0.3);
  color: rgba(255,255,255,0.7);
  border-radius: 10px;
  padding: 0.5rem 1rem;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.siteana-opendata-copy:hover {
  background: rgba(100,116,139,0.35);
  color: #fff;
}

.siteana-opendata-endpoints {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
}

.siteana-opendata-ep {
  display: flex;
  gap: 0.75rem;
  font-size: 0.82rem;
  padding: 0.35rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.siteana-opendata-ep:last-child { border-bottom: none; }

.siteana-opendata-ep strong {
  min-width: 100px;
  color: rgba(255,255,255,0.6);
  font-weight: 600;
}

.siteana-opendata-ep span {
  color: rgba(255,255,255,0.4);
  font-family: 'Fira Code', 'Consolas', monospace;
  font-size: 0.78rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.siteana-opendata-note {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.35);
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .siteana-opendata-api { flex-direction: column; }
  .siteana-opendata-code { font-size: 0.75rem; }
}

/* ── MORNING BRIEF ─────────────────── */
.siteana-brief {
  margin-bottom: 1.5rem;
}

.siteana-brief-inner {
  background: linear-gradient(135deg, rgba(100,116,139,0.12), rgba(100,116,139,0.04));
  border: 1px solid rgba(100,116,139,0.25);
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  font-size: 0.92rem;
  color: rgba(255,255,255,0.8);
  line-height: 1.7;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.siteana-brief-inner strong { color: #fff; }

/* ── SINCE LAST VISIT ─────────────── */
.siteana-since { margin-bottom: 1.25rem; }

.siteana-since-inner {
  background: rgba(16,185,129,0.08);
  border: 1px solid rgba(16,185,129,0.2);
  border-radius: 12px;
  padding: 0.75rem 1.25rem;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.7);
  text-align: center;
}

.siteana-since-inner strong { color: #10B981; }

/* ── HEALTH SCORE ─────────────────── */
.siteana-grid-health {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.siteana-health-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.siteana-health-info { margin-top: 0.5rem; }

.siteana-health-score {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 800;
  display: block;
  line-height: 1;
}

.siteana-health-label {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 0.15rem;
}

.siteana-health-sub {
  font-size: 0.68rem;
  color: rgba(255,255,255,0.35);
  display: block;
  margin-top: 0.4rem;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .siteana-grid-health { grid-template-columns: 1fr; }
  .siteana-health-card { flex-direction: row; gap: 1rem; padding: 1rem; }
}

/* ── HEATMAP CALENDAR ─────────────── */
.siteana-heatmap-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}

.siteana-hm-cell {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  position: relative;
}

.siteana-hm-label {
  font-size: 0.6rem;
  color: rgba(255,255,255,0.5);
  font-weight: 600;
}

.siteana-hm-legend {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 0.75rem;
  font-size: 0.72rem;
  color: rgba(255,255,255,0.4);
}

.siteana-hm-legend-cell {
  width: 14px;
  height: 14px;
}

/* ── HEARTBEAT PULSE ──────────────── */
.siteana-heartbeat-stat {
  border-color: rgba(239,68,68,0.3) !important;
  background: rgba(239,68,68,0.06) !important;
}

.siteana-pulse-wrap {
  position: relative;
  width: 12px;
  height: 12px;
  margin-bottom: 0.25rem;
}

.siteana-pulse-dot {
  display: block;
  width: 10px;
  height: 10px;
  background: #EF4444;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 1px;
}

.siteana-pulse-dot::before {
  content: '';
  position: absolute;
  inset: -4px;
  border: 2px solid #EF4444;
  border-radius: 50%;
  animation: siteana-pulse 1.5s ease-out infinite;
}

@keyframes siteana-pulse {
  0% { transform: scale(0.8); opacity: 0.8; }
  100% { transform: scale(1.8); opacity: 0; }
}

/* ── SMART ALERTS ─────────────────── */
.siteana-alert {
  padding: 0.65rem 1rem;
  border-radius: 10px;
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
}

.siteana-alert-warn {
  background: rgba(251,191,36,0.08);
  border: 1px solid rgba(251,191,36,0.2);
  color: #FBBF24;
}

.siteana-alert-info {
  background: rgba(100,116,139,0.08);
  border: 1px solid rgba(100,116,139,0.2);
  color: rgba(255,255,255,0.6);
}

/* ── CONTENT GAPS ─────────────────── */
.siteana-gap-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.siteana-gap-item:last-child { border-bottom: none; }

.siteana-gap-cat {
  font-weight: 700;
  color: #FB923C;
  text-transform: capitalize;
  font-size: 0.88rem;
}

.siteana-gap-hint {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.45);
}

/* ── YOUTUBE TAB ──────────────────── */
.siteana-yt-stats {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.siteana-yt-video {
  display: flex;
  gap: 1rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  align-items: center;
}

.siteana-yt-video:last-child { border-bottom: none; }

.siteana-yt-thumb {
  width: 120px;
  height: 68px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.siteana-yt-info { flex: 1; min-width: 0; }

.siteana-yt-title {
  display: block;
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 0.88rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.siteana-yt-title:hover { color: #EF4444; }

.siteana-yt-meta {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.45);
  margin-top: 0.2rem;
}

.siteana-yt-freq {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  .siteana-yt-thumb { width: 80px; height: 45px; }
}

/* ── COMMAND CENTRE ────────────────── */
.siteana-cmd-brief-inner {
  background: linear-gradient(135deg, rgba(100,116,139,0.15), rgba(100,116,139,0.04));
  border: 1px solid rgba(100,116,139,0.3);
  border-radius: 16px;
  padding: 1.25rem 1.5rem;
  font-size: 0.95rem;
  color: rgba(255,255,255,0.85);
  line-height: 1.7;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  margin-bottom: 1.5rem;
}

.siteana-cmd-brief-inner strong { color: #fff; }

.siteana-cmd-vitals {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

/* ── HEALTH INLINE ────────────────── */
.siteana-health-inline {
  transition: all 0.3s;
}

/* ── SEO FILTER ───────────────────── */
.siteana-seo-filter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  color: rgba(255,255,255,0.5);
  margin-bottom: 1rem;
  cursor: pointer;
}

.siteana-seo-filter input { cursor: pointer; }

/* ── SCORECARD GRADE ───────────────── */
.siteana-scorecard-grade {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 800;
  text-align: center;
  margin-bottom: 1rem;
}

/* ── TITLE SCORECARDS ─────────────── */
.siteana-title-card {
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-title-card:last-child { border-bottom: none; }

.siteana-title-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.siteana-title-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  font-weight: 800;
  font-size: 0.82rem;
  color: #000;
  flex-shrink: 0;
}

.siteana-title-name {
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 0.88rem;
  line-height: 1.3;
}

.siteana-title-name:hover { color: #EF4444; }

.siteana-title-meta {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.4);
  margin-top: 0.2rem;
  padding-left: 3rem;
}

.siteana-title-issues {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.35rem;
  padding-left: 3rem;
}

.siteana-title-issue {
  font-size: 0.72rem;
  color: #FB923C;
  background: rgba(251,146,60,0.1);
  border: 1px solid rgba(251,146,60,0.2);
  padding: 0.15rem 0.5rem;
  border-radius: 6px;
}

/* ── TOPIC PILLS ───────────────────── */
.siteana-topic-pill {
  display: inline-block;
  padding: 0.3rem 0.8rem;
  background: rgba(239,68,68,0.1);
  border: 1px solid rgba(239,68,68,0.2);
  border-radius: 20px;
  color: rgba(255,255,255,0.75);
  margin: 0.25rem 0.15rem;
  white-space: nowrap;
}

.siteana-topic-pill small {
  color: rgba(255,255,255,0.35);
  font-size: 0.7em;
  margin-left: 0.2rem;
}

/* ── BIGGEST MOVERS ────────────────── */
.siteana-movers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.siteana-mover {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.85rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  font-size: 0.85rem;
}

.siteana-mover-up { border-color: rgba(16,185,129,0.2); }
.siteana-mover-down { border-color: rgba(239,68,68,0.2); }

.siteana-mover-name { font-weight: 600; }

.siteana-mover-diff {
  font-weight: 700;
  font-size: 0.82rem;
}

.siteana-mover-up .siteana-mover-diff { color: #10B981; }
.siteana-mover-down .siteana-mover-diff { color: #EF4444; }

.siteana-mover-pct {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.4);
}

/* ── ACTION QUEUE ─────────────────── */
.siteana-action {
  display: flex;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  margin-bottom: 0.6rem;
  border-left: 3px solid transparent;
}

.siteana-action:last-child { margin-bottom: 0; }

.siteana-action-high {
  background: rgba(239,68,68,0.06);
  border-left-color: #EF4444;
}

.siteana-action-medium {
  background: rgba(251,191,36,0.06);
  border-left-color: #FBBF24;
}

.siteana-action-low {
  background: rgba(16,185,129,0.06);
  border-left-color: #10B981;
}

.siteana-action-icon {
  font-size: 1.2rem;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.siteana-action-text {
  color: rgba(255,255,255,0.85);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.4;
}

.siteana-action-how {
  color: rgba(255,255,255,0.45);
  font-size: 0.78rem;
  margin-top: 0.15rem;
}

/* ── COLLAPSIBLE DETAILS ──────────── */
.siteana-details {
  margin-bottom: 1.5rem;
}

.siteana-details-title {
  font-family: var(--font-heading);
  font-size: 0.88rem;
  font-weight: 600;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  padding: 0.6rem 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  margin-bottom: 1rem;
}

.siteana-details-title::before {
  content: '\25BC';
  font-size: 0.6rem;
  transition: transform 0.2s;
}

.siteana-details:not([open]) .siteana-details-title::before {
  transform: rotate(-90deg);
}

.siteana-details-title::-webkit-details-marker { display: none; }

/* ── EXPORT BUTTON ────────────────── */
.siteana-export-btn {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.5);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.3rem 0.8rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: 'Inter', sans-serif;
}

.siteana-export-btn:hover { color: #fff; border-color: #64748B; }

/* ── TOOL DEEP-DIVE ───────────────── */
#sa-leaderboard .siteana-lb-item { cursor: pointer; transition: background 0.15s; }
#sa-leaderboard .siteana-lb-item:hover { background: rgba(255,255,255,0.03); border-radius: 8px; }

/* ── CARD HEADER WITH EDIT ─────────── */
.siteana-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.siteana-edit-btn {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.5);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 0.3rem 0.8rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: 'Inter', sans-serif;
}

.siteana-edit-btn:hover { color: #fff; border-color: #64748B; background: rgba(100,116,139,0.2); }

/* ── GOAL MODAL ───────────────────── */
.siteana-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.siteana-modal {
  background: #0d0d1a;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 20px;
  width: 95%;
  max-width: 620px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.siteana-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.siteana-modal-header h3 {
  color: rgba(255,255,255,0.9);
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
}

.siteana-modal-close {
  background: none;
  border: none;
  color: rgba(255,255,255,0.4);
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0 0.25rem;
  line-height: 1;
}

.siteana-modal-close:hover { color: #fff; }

.siteana-modal-body {
  padding: 1.25rem 1.5rem;
  overflow-y: auto;
  flex: 1;
}

.siteana-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.08);
  gap: 0.5rem;
}

.siteana-modal-footer > div { display: flex; gap: 0.5rem; }

.siteana-goal-row {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
}

.siteana-ginput {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  color: #e6edf3;
  padding: 0.5rem 0.65rem;
  font-size: 0.85rem;
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: border-color 0.2s;
}

.siteana-ginput:focus { border-color: #64748B; }

.siteana-ginput-label { flex: 2; min-width: 120px; }
.siteana-ginput-metric { flex: 1; min-width: 110px; }
.siteana-ginput-target { flex: 0 0 80px; }
.siteana-ginput-date { flex: 0 0 130px; }

.siteana-goal-remove {
  background: none;
  border: 1px solid rgba(239,68,68,0.3);
  color: #EF4444;
  font-size: 1.1rem;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.siteana-goal-remove:hover { background: rgba(239,68,68,0.15); }

.siteana-btn-primary {
  background: #64748B;
  border: none;
  color: #fff;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.55rem 1.2rem;
  border-radius: 10px;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  transition: background 0.2s;
}

.siteana-btn-primary:hover { background: #7c8da0; }

.siteana-btn-secondary {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.6);
  font-weight: 600;
  font-size: 0.85rem;
  padding: 0.55rem 1.2rem;
  border-radius: 10px;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  transition: all 0.2s;
}

.siteana-btn-secondary:hover { color: #fff; border-color: rgba(255,255,255,0.25); }

/* ── REFRESH INDICATOR ────────────── */
.siteana-refreshed {
  text-align: center;
  font-size: 0.78rem;
  color: rgba(255,255,255,0.35);
  margin-bottom: 1.25rem;
}

.siteana-refresh-btn {
  background: none;
  border: none;
  color: #64748B;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Inter', sans-serif;
  padding: 0;
}

.siteana-refresh-btn:hover { color: #94a3b8; }

/* ── TOP TOOL IN TABLE ────────────── */
.siteana-top-tool {
  font-weight: 600;
  color: #64748B !important;
  font-size: 0.82rem;
  white-space: nowrap;
}

/* ── DATE RANGE BAR ────────────────── */
.siteana-range-bar {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.3rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.siteana-range-btn {
  background: none;
  border: 1px solid transparent;
  color: rgba(255,255,255,0.45);
  font-size: 0.8rem;
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  padding: 0.45rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.siteana-range-btn:hover {
  color: rgba(255,255,255,0.8);
  background: rgba(255,255,255,0.06);
}

.siteana-range-btn.active {
  color: #fff;
  background: #64748B;
  border-color: #64748B;
  box-shadow: 0 2px 6px rgba(100,116,139,0.3);
}

/* ── INSIGHTS ─────────────────────── */
.siteana-insights {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.siteana-insight-pill {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1rem;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  font-size: 0.85rem;
  color: rgba(255,255,255,0.75);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.siteana-insight-icon {
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* ── SPARKLINES ───────────────────── */
.siteana-sparkline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.siteana-lb-name-row {
  display: flex;
  align-items: center;
}

/* ── CUMULATIVE COUNTER ───────────── */
.siteana-cumulative {
  text-align: center;
  padding: 2rem 1rem;
  margin-bottom: 1.5rem;
  background: rgba(100,116,139,0.08);
  border: 1px solid rgba(100,116,139,0.2);
  border-radius: 20px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.siteana-cumul-num {
  display: block;
  font-family: var(--font-heading);
  font-size: 3rem;
  font-weight: 800;
  color: #64748B;
  line-height: 1.2;
}

.siteana-cumul-label {
  font-size: 0.95rem;
  color: rgba(255,255,255,0.55);
  margin-top: 0.25rem;
}

/* ── MILESTONE TIMELINE ───────────── */
.siteana-ms-track {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.siteana-ms-track::-webkit-scrollbar { display: none; }

.siteana-ms-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  min-width: 80px;
  text-align: center;
  flex-shrink: 0;
}

.siteana-ms-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  transition: transform 0.2s;
  cursor: default;
}

.siteana-ms-dot:hover { transform: scale(1.3); }

.siteana-ms-date {
  font-size: 0.72rem;
  color: rgba(255,255,255,0.4);
  font-family: 'Fira Code', monospace;
}

.siteana-ms-label {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.65);
  font-weight: 600;
  line-height: 1.3;
}

/* ── WEEKLY TABLE ─────────────────── */
.siteana-table-wrap { overflow-x: auto; }

.siteana-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.siteana-table th {
  text-align: left;
  color: rgba(255,255,255,0.5);
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.siteana-table td {
  padding: 0.6rem 0.75rem;
  color: rgba(255,255,255,0.75);
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.siteana-table tbody tr:hover { background: rgba(255,255,255,0.03); }

.siteana-row-highlight {
  background: rgba(100,116,139,0.12) !important;
}

.siteana-row-highlight td { color: #fff; font-weight: 600; }

.siteana-change-up { color: #10B981; font-weight: 600; }
.siteana-change-down { color: #EF4444; font-weight: 600; }

/* ── BEFORE/AFTER ─────────────────── */
.siteana-ba-select {
  margin-bottom: 1rem;
}

.siteana-ba-select select {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 10px;
  color: #e6edf3;
  padding: 0.6rem 1rem;
  font-size: 0.88rem;
  font-family: 'Inter', sans-serif;
  width: 100%;
  max-width: 400px;
  outline: none;
  cursor: pointer;
}

.siteana-ba-select select:focus {
  border-color: #64748B;
  box-shadow: 0 0 8px rgba(100,116,139,0.25);
}

.siteana-ba-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0;
}

.siteana-ba-header {
  display: contents;
}

.siteana-ba-header > span {
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255,255,255,0.5);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.siteana-ba-row {
  display: contents;
}

.siteana-ba-row > span {
  padding: 0.65rem 0.75rem;
  color: rgba(255,255,255,0.75);
  font-size: 0.88rem;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}

.siteana-ba-label { font-weight: 600; color: rgba(255,255,255,0.9) !important; }

/* ── GOALS ────────────────────────── */
.siteana-goal {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-goal:last-child { border-bottom: none; }

.siteana-goal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.4rem;
}

.siteana-goal-label {
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  font-size: 0.9rem;
}

.siteana-goal-pct {
  font-family: var(--font-heading);
  font-weight: 700;
  color: #64748B;
  font-size: 0.95rem;
}

.siteana-goal-track {
  height: 8px;
  background: rgba(255,255,255,0.06);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 0.35rem;
}

.siteana-goal-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.8s ease;
}

.siteana-goal-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.78rem;
  color: rgba(255,255,255,0.45);
}

/* ── TOOL MATRIX ──────────────────── */
.siteana-matrix-wrap {
  position: relative;
}

.siteana-matrix-labels {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.siteana-matrix-label {
  position: absolute;
  font-size: 0.72rem;
  font-weight: 700;
  color: rgba(255,255,255,0.18);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.siteana-matrix-label[data-pos="tl"] { top: 8px; left: 60px; }
.siteana-matrix-label[data-pos="tr"] { top: 8px; right: 16px; }
.siteana-matrix-label[data-pos="bl"] { bottom: 36px; left: 60px; }
.siteana-matrix-label[data-pos="br"] { bottom: 36px; right: 16px; }

/* ── SEO: POSITION BADGES ─────────── */
.siteana-pos-badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  text-align: center;
  min-width: 2rem;
}

.siteana-pos-top3 { background: rgba(16,185,129,0.15); color: #10B981; border: 1px solid rgba(16,185,129,0.3); }
.siteana-pos-top10 { background: rgba(251,191,36,0.15); color: #FBBF24; border: 1px solid rgba(251,191,36,0.3); }
.siteana-pos-top20 { background: rgba(251,146,60,0.15); color: #FB923C; border: 1px solid rgba(251,146,60,0.3); }
.siteana-pos-deep { background: rgba(239,68,68,0.15); color: #EF4444; border: 1px solid rgba(239,68,68,0.3); }

/* ── SEO: CTR BAR ─────────────────── */
.siteana-ctr-bar-wrap {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 80px;
}

.siteana-ctr-bar {
  height: 6px;
  background: #64748B;
  border-radius: 3px;
  flex-shrink: 0;
}

.siteana-ctr-bar-wrap span {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.6);
  white-space: nowrap;
}

/* ── SEO: OPPORTUNITIES ───────────── */
.siteana-opp-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.siteana-opp-item:last-child { border-bottom: none; }

.siteana-opp-query {
  font-weight: 600;
  color: rgba(255,255,255,0.85);
  font-size: 0.9rem;
  margin-bottom: 0.2rem;
}

.siteana-opp-stats {
  font-size: 0.78rem;
  color: rgba(255,255,255,0.5);
}

.siteana-opp-uplift {
  font-size: 0.82rem;
  color: #10B981;
  font-weight: 600;
  margin-top: 0.2rem;
}

/* ── SEO TABLE ────────────────────── */
.siteana-seo-table {
  font-size: 0.82rem;
}

.siteana-seo-query {
  font-family: 'Fira Code', monospace;
  font-size: 0.82rem;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── RESPONSIVE ───────────────────── */
@media (max-width: 768px) {
  .siteana-insights { flex-direction: column; }
  .siteana-ba-grid { grid-template-columns: 1fr 1fr 1fr 1fr; font-size: 0.8rem; }
  .siteana-ba-header > span, .siteana-ba-row > span { padding: 0.4rem 0.35rem; }
  .siteana-cumul-num { font-size: 2.2rem; }
  .siteana-matrix-label { font-size: 0.65rem; }
}

@media (max-width: 480px) {
  .siteana-range-bar { flex-wrap: wrap; }
  .siteana-ms-item { min-width: 70px; }
  .siteana-seo-query { max-width: 150px; }
  .siteana-ba-grid { grid-template-columns: 1fr 1fr; }
  .siteana-ba-header > span:nth-child(1),
  .siteana-ba-row > span:nth-child(1) { grid-column: 1 / -1; }
}

/* ── Right Now — Live per-page bar chart (sa-rt-*) ── */
.sa-rt-card { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-left: 3px solid #22c55e; border-radius: 12px; padding: 1rem 1.2rem; margin-bottom: 1.5rem; }
.sa-rt-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; }
.sa-rt-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; animation: sa-rt-pulse 1.5s ease-in-out infinite; }
@keyframes sa-rt-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.sa-rt-title { font-size: 0.95rem; color: #fff; }
.sa-rt-total { margin-left: auto; font-size: 0.82rem; color: rgba(255,255,255,0.45); }
.sa-rt-list { display: flex; flex-direction: column; gap: 4px; }
.sa-rt-empty { font-size: 0.85rem; color: rgba(255,255,255,0.35); }
.sa-rt-row { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(80px, 2fr) 32px; gap: 10px; align-items: center; padding: 3px 0; }
.sa-rt-name { font-size: 0.82rem; color: rgba(255,255,255,0.75); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sa-rt-bar-wrap { height: 8px; border-radius: 4px; background: rgba(255,255,255,0.06); overflow: hidden; }
.sa-rt-bar-fill { height: 100%; border-radius: 4px; background: linear-gradient(90deg, #22c55e, #4ade80); transition: width 0.5s ease; }
.sa-rt-count { font-size: 0.82rem; font-weight: 700; color: #22c55e; text-align: right; }
@media (max-width: 768px) { .sa-rt-row { grid-template-columns: minmax(80px, 1fr) minmax(60px, 1.5fr) 28px; } .sa-rt-name { font-size: 0.78rem; } }

/* Print */
@media print {
  .siteana-tabs, .siteana-transparency, .siteana-range-bar { display: none; }
  .siteana-panel { display: block !important; page-break-inside: avoid; }
}