@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@500;600;700;800&family=Mulish:wght@400;500;600;700;800&display=swap");

* { box-sizing: border-box; }

:root {
  --ink: #16273F;
  --body: #33404F;
  --muted: #8791A0;
  --blue: #2F6FE0;
  --card-border: #EAEDF3;
}

html, body { margin: 0; padding: 0; }

body {
  min-height: 100vh;
  font-family: "Mulish", system-ui, sans-serif;
  color: var(--body);
  background: linear-gradient(180deg, #F5F3FB 0%, #F1F6F6 100%);
  -webkit-font-smoothing: antialiased;
}

button { font: inherit; cursor: pointer; }

.app-shell { min-height: 100vh; display: flex; flex-direction: column; }
body.auth-pending .app-shell { display: none; }

@keyframes tbSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

/* ------------------------------- Hero ------------------------------- */
.tb-hero-inner {
  max-width: 90%;
  margin: 0 auto;
  /* The bottom padding is the gap between the URL and the tab band below it. */
  padding: 30px 32px 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.tb-title {
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -0.5px;
  color: var(--ink);
  margin: 0 0 5px;
}
/* #1E56C0, not the shared #2F6FE0: this link sits on the grey page background rather than a white
   card, where 15.5px blue measures under the 4.5:1 floor. Same paired-ink swap as fe-seo. */
.tb-hero-url { font-size: 15.5px; color: #1E56C0; text-decoration: none; font-weight: 600; }
.tb-hero-url:hover { text-decoration: underline; }
.tb-hero-url[hidden] { display: none; }
.tb-hero-actions { display: flex; align-items: center; gap: 12px; }
/* `display: flex` outranks the `hidden` attribute, and the actions are hidden on Statistics. */
.tb-hero-actions[hidden] { display: none !important; }
.tb-saved { font-size: 13px; font-weight: 600; color: #1FA97A; }
.tb-btn-ghost {
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #5B6675;
  background: #fff;
  border: 1px solid #DCE1E9;
  border-radius: 12px;
  padding: 11px 20px;
}
.tb-btn-ghost:hover { background: #F7F9FC; }
.tb-btn-primary {
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background: #E8402A;
  border: none;
  border-radius: 12px;
  padding: 11px 22px;
  box-shadow: 0 6px 16px rgba(232, 64, 42, 0.28);
}
.tb-btn-primary:hover { background: #D6371F; }

/* --------------------- Tabs (WCAG Checker treatment) --------------------- */
.tb-tabs {
  background: #fff;
  border-top: 1px solid #EFF2F7;
  border-bottom: 1px solid #E7EBF1;
  box-shadow: 0 1px 2px rgba(18, 38, 63, 0.03);
}
.tb-tabs[hidden] { display: none; }
.tb-tabs-inner { max-width: 90%; margin: 0 auto; padding: 0 32px; display: flex; gap: 32px; flex-wrap: wrap; }
.tb-tab {
  appearance: none;
  background: none;
  border: none;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #5F6A79;
  padding: 16px 2px;
  border-bottom: 3px solid transparent;
}
.tb-tab.active { font-weight: 700; color: var(--ink); border-bottom-color: #E8402A; }
.tb-tab:hover { color: var(--ink); }

/* ------------------------------- Layout ------------------------------- */
.tb-main {
  flex: 1;
  max-width: 90%;
  width: 100%;
  margin: 0 auto;
  padding: 20px 32px 56px;
  display: grid;
  grid-template-columns: 400px 1fr;
  gap: 24px;
  align-items: start;
}
.tb-builder { display: flex; flex-direction: column; gap: 18px; }
/* `display: flex` above outranks the `hidden` attribute, so the domain gate could not hide the
   builder without this. Same for the sticky preview column. */
.tb-builder[hidden], .tb-preview[hidden] { display: none !important; }

.tb-card {
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 4px 16px rgba(18, 38, 63, 0.05);
}
.tb-card-title { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 16px; color: var(--ink); margin: 0 0 14px; }
.tb-card-hint { font-size: 13px; color: var(--muted); margin: -8px 0 14px; }

/* ------------------------------- Segmented ------------------------------- */
.tb-seg {
  display: flex;
  background: #F1F4F9;
  border: 1px solid #E5E9F0;
  border-radius: 12px;
  padding: 4px;
  gap: 4px;
}
.tb-seg-btn {
  flex: 1;
  border: none;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  padding: 9px 8px;
  border-radius: 9px;
  background: transparent;
  color: #5B6675;
}
.tb-seg-btn.active { background: #fff; color: var(--ink); box-shadow: 0 2px 6px rgba(18, 38, 63, 0.12); }

/* ------------------------------- Icon options ------------------------------- */
.tb-icon-options { display: flex; gap: 10px; flex-wrap: wrap; }
.tb-icon-option {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #fff;
  border: 1px solid #E4E8EF;
  color: #5B6675;
}
.tb-icon-option.active { background: #F1F6FF; border: 2px solid var(--blue); color: var(--blue); }

/* ------------------------------- Position ------------------------------- */
.tb-position-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tb-position {
  position: relative;
  height: 58px;
  border-radius: 10px;
  background: #FBFCFE;
  border: 1px solid #E4E8EF;
}
.tb-position.active { background: #F1F6FF; border: 2px solid var(--blue); }
.tb-position-dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #B7C0CE; }
.tb-position.active .tb-position-dot { background: var(--blue); }
.tb-dot-tl { top: 7px; left: 7px; }
.tb-dot-tr { top: 7px; right: 7px; }
.tb-dot-bl { bottom: 20px; left: 7px; }
.tb-dot-br { bottom: 20px; right: 7px; }
.tb-position-label { position: absolute; bottom: 5px; left: 0; right: 0; text-align: center; font-size: 10.5px; font-weight: 600; color: var(--muted); }

/* ------------------------------- Colour swatches ------------------------------- */
.tb-swatches { display: flex; gap: 12px; flex-wrap: wrap; }
.tb-swatch {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tb-swatch svg { opacity: 0; }
.tb-swatch.active { border: 2px solid var(--ink); box-shadow: inset 0 0 0 3px #fff; }
.tb-swatch.active svg { opacity: 1; }

/* ------------------------------- Preview ------------------------------- */
.tb-preview { position: sticky; top: 96px; }
.tb-preview-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.tb-preview-title { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 16px; color: var(--ink); }
.tb-preview-toggle {
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: var(--blue);
  background: #EEF4FF;
  border: 1px solid #D6E4FB;
  border-radius: 10px;
  padding: 8px 14px;
}
.tb-window {
  background: #fff;
  border: 1px solid #E4E8EF;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(18, 38, 63, 0.10);
}
.tb-chrome {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px 16px;
  border-bottom: 1px solid #EEF1F6;
  background: #FBFCFE;
}
.tb-dot { width: 11px; height: 11px; border-radius: 50%; flex: 0 0 auto; }
.tb-address {
  margin-left: 12px;
  flex: 1;
  background: #F1F4FA;
  border: 1px solid #E7EBF1;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 12.5px;
  color: #5B6675;
}
.tb-viewport { position: relative; height: 600px; overflow: hidden; background: #FCFDFE; display: flex; flex-direction: column; }

/* toolbar bar */
.tb-bar {
  flex: 0 0 auto;
  position: relative;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: #FFFFFF;
  border-bottom: 1px solid #E7EBF1;
  box-shadow: 0 4px 14px rgba(18, 38, 63, 0.10);
  animation: tbSlideDown 0.25s ease both;
}
.tb-bar.dark { background: #18232F; border-bottom: 1px solid #2A3948; }
.tb-bar-tools { flex: 1; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.tb-tile { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 7px; display: flex; align-items: center; justify-content: center; }
.tb-bar-right { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; padding-left: 12px; }
.tb-bar-moon, .tb-bar-close { display: flex; align-items: center; justify-content: center; background: none; border: none; padding: 0; }
.tb-logo { height: 22px; width: auto; display: block; }
.tb-wordmark { display: flex; align-items: baseline; gap: 2px; font-family: "Lexend", sans-serif; font-weight: 800; font-size: 17px; letter-spacing: -0.4px; }
.tb-wordmark-me {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #E8402A;
  color: #fff;
  font-weight: 700;
  font-size: 8px;
  line-height: 1;
  padding: 2px 3px 3px;
  border-radius: 5px 5px 5px 2px;
}

/* site area */
.tb-site { position: relative; flex: 1; overflow: hidden; }
.tb-shot { position: absolute; inset: 0; display: block; width: 100%; height: auto; aspect-ratio: 1440 / 900; object-fit: cover; object-position: top; }
.tb-launch {
  position: absolute;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  box-shadow: 0 8px 22px rgba(18, 38, 63, 0.3);
}

@media (max-width: 980px) {
  .tb-main { grid-template-columns: 1fr; }
  .tb-preview { position: static; }
}
@media (max-width: 620px) {
  .tb-hero-inner, .tb-main, .tb-stats, .tb-tabs-inner, .tb-gate-wrap, .tb-embed { padding-left: 20px; padding-right: 20px; }
  .tb-chart { height: 150px; }
  .tb-col-value { font-size: 9px; }
}

/* Full-width page: widen the shared header/footer to match the content. */
.app-shell .rm-header-inner,
.app-shell .rm-footer-inner { max-width: 90%; }

/* --- Publish / live-version + embed snippet (R89 backend) --- */
.tb-live {
  align-self: center;
  font-size: 12px;
  font-weight: 600;
  color: #6B7787;
  background: #EEF1F5;
  border-radius: 999px;
  padding: 4px 10px;
  white-space: nowrap;
}
.tb-live.published { color: #1FA97A; background: rgba(31,169,122,.12); }

/* Same box as .tb-main, so the snippet card lines up with the builder column above it rather
   than sitting 32px wider on each side. */
.tb-embed {
  max-width: 90%;
  width: 100%;
  margin: 0 auto 40px;
  padding: 0 32px;
}
.tb-embed-inner {
  background: #fff;
  border: 1px solid #E4E9F0;
  border-radius: 14px;
  padding: 20px 22px;
}
.tb-embed-code {
  margin: 12px 0;
  padding: 14px 16px;
  background: #0F1B2D;
  color: #D7E2F0;
  border-radius: 10px;
  font: 12.5px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-x: auto;
}

/* ============================== Statistics ============================== */
.tb-stats {
  flex: 1;
  max-width: 90%;
  width: 100%;
  margin: 0 auto;
  padding: 24px 32px 56px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  animation: tbFadeUp 0.3s ease both;
}
.tb-stats[hidden] { display: none !important; }
@keyframes tbFadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.tb-stats-heading { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 22px; color: var(--ink); margin: 8px 0 0; }

/* Scope bar */
.tb-scope {
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(18, 38, 63, 0.05);
  padding: 20px 22px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.tb-scope-range { display: flex; flex-direction: column; gap: 6px; }
.tb-scope-label {
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5F6A79;
}
.tb-chips { display: inline-flex; background: #F1F4F9; border: 1px solid #E5E9F0; border-radius: 11px; padding: 4px; gap: 4px; flex-wrap: wrap; }
.tb-chip {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 9px;
  padding: 8px 14px;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #5F6A79;
}
.tb-chip.active { background: #fff; border-color: #DFE5EE; font-weight: 700; color: var(--ink); box-shadow: 0 1px 3px rgba(18, 38, 63, 0.1); }
.tb-scope-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.tb-sample {
  font-size: 12.5px;
  font-weight: 600;
  color: #95530D;
  background: #FCF3E8;
  border-radius: 999px;
  padding: 6px 12px;
}
.tb-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1.5px solid #E4E8EF;
  border-radius: 11px;
  padding: 10px 16px;
  font-family: "Lexend", sans-serif;
  font-weight: 600;
  font-size: 13.5px;
  color: #3B4757;
}
.tb-btn-outline:hover { border-color: #C9D3E0; }
.tb-scope-actions .tb-btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 11px 17px; font-weight: 700; font-size: 13.5px; }

/* Headline tiles */
.tb-stat-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 14px; }
.tb-stat-card {
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: 19px 21px;
  box-shadow: 0 2px 10px rgba(18, 38, 63, 0.04);
}
.tb-stat-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.tb-stat-icon { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.tb-stat-label { font-family: "Lexend", sans-serif; font-weight: 600; font-size: 13px; color: #5F6A79; }
.tb-stat-value { font-family: "Lexend", sans-serif; font-weight: 800; font-size: 29px; color: var(--ink); line-height: 1; }
.tb-stat-note { font-size: 12.5px; color: #5F6A79; margin-top: 6px; line-height: 1.45; }

/* Panels */
.tb-panel {
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(18, 38, 63, 0.05);
  padding: 24px;
}
.tb-panel-flush { padding: 0; overflow: hidden; }
.tb-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: 18px; }
.tb-panel-head-pad { padding: 20px 22px 16px; margin-bottom: 0; }
.tb-panel-title { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 18px; color: var(--ink); margin: 0 0 4px; }
.tb-panel-blurb { font-size: 13px; color: #5F6A79; margin: 0; white-space: normal; }
.tb-panel-blurb-wrap { margin-bottom: 16px; line-height: 1.45; }
.tb-panel-chip { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 13px; color: #C9331D; white-space: nowrap; }

.tb-duo { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px; }
.tb-trio { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }

/* Launches column chart */
.tb-chart { display: flex; align-items: flex-end; gap: 9px; height: 200px; padding-bottom: 2px; }
.tb-col { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; gap: 6px; }
.tb-col-value { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 10.5px; color: #5F6A79; }
.tb-col-bar { display: block; width: 100%; border-radius: 6px 6px 2px 2px; background: linear-gradient(180deg, #1B3454, #16273F); }
.tb-axis { display: flex; gap: 9px; margin-top: 9px; padding-top: 10px; border-top: 1px solid #EFF2F7; }
.tb-axis-label { flex: 1; min-width: 0; text-align: center; font-size: 10.5px; color: #5F6A79; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Browser donut */
.tb-donut-row { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.tb-donut { position: relative; flex: 0 0 auto; width: 128px; height: 128px; border-radius: 50%; }
.tb-donut-hole { position: absolute; inset: 22%; border-radius: 50%; background: #fff; }
.tb-legend { flex: 1; min-width: 150px; display: flex; flex-direction: column; gap: 9px; }
.tb-legend-row { display: flex; align-items: center; gap: 10px; }
.tb-legend-dot { flex: 0 0 auto; width: 11px; height: 11px; border-radius: 3px; }
.tb-legend-name { flex: 1; min-width: 0; font-size: 13.5px; color: var(--body); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb-legend-pct { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 13px; color: var(--ink); }

/* Ranked bars (devices) */
.tb-bars { display: flex; flex-direction: column; gap: 13px; }
.tb-bar-row { display: flex; align-items: center; gap: 12px; }
.tb-bar-name { flex: 1 1 110px; min-width: 70px; font-family: "Lexend", sans-serif; font-weight: 600; font-size: 13.5px; color: var(--ink); }
.tb-bar-value { flex: 0 0 66px; text-align: right; font-family: "Lexend", sans-serif; font-weight: 700; font-size: 13px; color: var(--ink); }
.tb-track { flex: 1 1 90px; min-width: 50px; height: 9px; border-radius: 999px; background: #EDF0F5; overflow: hidden; }
.tb-fill { display: block; height: 100%; border-radius: 999px; }

/* Ranked tables */
.tb-thead,
.tb-trow { display: grid; grid-template-columns: minmax(0, 1fr) 88px; gap: 14px; align-items: center; padding: 12px 22px; }
.tb-thead {
  padding: 11px 22px;
  background: #F7F9FC;
  border-top: 1px solid var(--card-border);
  border-bottom: 1px solid var(--card-border);
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5F6A79;
}
.tb-thead-right { text-align: right; }
.tb-tbody { max-height: 300px; overflow-y: auto; }
.tb-trow { border-bottom: 1px solid #F4F6FA; }
.tb-trow:last-child { border-bottom: none; }
.tb-cell-name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.tb-name { min-width: 0; font-family: "Lexend", sans-serif; font-weight: 600; font-size: 13.5px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb-cell-value { text-align: right; font-family: "Lexend", sans-serif; font-weight: 700; font-size: 13px; color: #C9331D; }
.tb-flag { flex: 0 0 auto; font-size: 15px; line-height: 1; }
.tb-aa {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #E4E9F1;
  font-family: "Lexend", sans-serif;
  font-weight: 700;
  font-size: 11px;
}

/* Feature clicks */
.tb-featgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px 26px; }
.tb-feat-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
.tb-feat-icon { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 9px; display: flex; align-items: center; justify-content: center; }
.tb-feat-name { flex: 1 1 120px; min-width: 80px; font-family: "Lexend", sans-serif; font-weight: 600; font-size: 13.5px; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tb-feat-row .tb-track { flex: 1 1 60px; min-width: 34px; height: 7px; }
.tb-feat-value { flex: 0 0 54px; text-align: right; font-family: "Lexend", sans-serif; font-weight: 700; font-size: 13px; color: var(--ink); }

/* Increase / decrease counters */
.tb-adjust { display: flex; flex-direction: column; gap: 11px; }
.tb-adjust-row { display: flex; align-items: center; gap: 11px; }
.tb-adjust-icon { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.tb-adjust-name { flex: 1; min-width: 0; font-family: "Lexend", sans-serif; font-weight: 600; font-size: 13.5px; color: var(--ink); }
.tb-adjust-value { font-family: "Lexend", sans-serif; font-weight: 700; font-size: 14px; color: var(--ink); }

/* "Download PDF" is the browser's print-to-PDF over this stylesheet, so the printed report is the
   report on screen minus the chrome and the controls that do not travel. */
@media print {
  body { background: #fff; }
  .rm-header, .rm-footer, .tb-tabs, .tb-scope-actions, .tb-hero-actions, .ai-launcher, .ai-assistant { display: none !important; }
  .tb-stats { max-width: none; padding: 0 0 24px; gap: 14px; animation: none; }
  .tb-hero-inner { max-width: none; padding: 0 0 8px; }
  .tb-panel, .tb-stat-card, .tb-scope { box-shadow: none; break-inside: avoid; }
  .tb-tbody { max-height: none; overflow: visible; }
}

/* Shown in place of the tabs and both views when the organisation has no domains (#domainGate). */
.tb-gate-wrap { max-width: 90%; width: 100%; margin: 0 auto; padding: 0 32px; }
.tb-gate {
  background: #fff;
  border: 1px solid var(--card-border, #E3E8EF);
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(18, 38, 63, 0.05);
  margin: 16px 0 48px;
  padding: 40px 32px;
  text-align: center;
  font-size: 15px;
  color: var(--muted, #5B6673);
  line-height: 1.6;
}
.tb-gate strong { display: block; margin-bottom: 6px; font-size: 17px; color: var(--body, #16273F); }
.tb-gate a { color: #E8402A; font-weight: 700; }

/* Sample-data notice for the Statistics tab, which has no analytics source behind it.
   The Configuration tab is real (it writes the live tag config) and carries none. */
.tb-sample-banner {
  margin: 0 0 18px;
  padding: 12px 15px;
  border: 1px solid #F0D9A8;
  border-left: 4px solid #E0A21E;
  border-radius: 8px;
  background: #FDF8EC;
  color: #6B5620;
  font-size: 13.5px;
  line-height: 1.5;
}