/* WLF Systems Dashboard - Lighthouse · Regal tab (plugin 1.24.0).
   Scoped under .lh-rg-root; the page's --lh-* tokens plus a small traffic-light set with dark variants.
   Colour always comes with a word (Good / Watch / Problem), so nothing relies on colour alone. */
#wlf-lighthouse .lh-rg-root {
  --rg-good: #17663a; --rg-good-bg: #e3f3e8; --rg-good-fill: #2e9e5b;
  --rg-watch: #8a5300; --rg-watch-bg: #fdf0dc; --rg-watch-fill: #e3a008;
  --rg-bad: #a8231c; --rg-bad-bg: #fbe9e7; --rg-bad-fill: #d64533;
  --rg-info: #1a5ea8; --rg-info-bg: #e8f1fc; --rg-info-fill: #2f6fdb;
  --rg-none: var(--lh-ink-muted); --rg-none-bg: var(--lh-surface-2); --rg-none-fill: #b8bfcc;
  --rg-hero-a: #0f1b3d; --rg-hero-b: #2a3f78;
  display: flex; flex-direction: column; gap: var(--lh-sp-4); min-width: 0;
}
#wlf-lighthouse[data-theme="dark"] .lh-rg-root {
  --rg-good: #86d6a2; --rg-good-bg: #133a24; --rg-good-fill: #3fae6c;
  --rg-watch: #f3c47c; --rg-watch-bg: #3f2c0f; --rg-watch-fill: #e0a33a;
  --rg-bad: #f5a59d; --rg-bad-bg: #44191a; --rg-bad-fill: #e46a55;
  --rg-info: #9fc6f4; --rg-info-bg: #15304f; --rg-info-fill: #7aa7f0;
  --rg-none-fill: #56607a; --rg-hero-a: #0b1530; --rg-hero-b: #1f3466;
}
#wlf-lighthouse .lh-rg-root .lh-rg-t-good { --c: var(--rg-good); --cb: var(--rg-good-bg); --cf: var(--rg-good-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-t-watch { --c: var(--rg-watch); --cb: var(--rg-watch-bg); --cf: var(--rg-watch-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-t-bad { --c: var(--rg-bad); --cb: var(--rg-bad-bg); --cf: var(--rg-bad-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-t-info { --c: var(--rg-info); --cb: var(--rg-info-bg); --cf: var(--rg-info-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-t-none { --c: var(--rg-none); --cb: var(--rg-none-bg); --cf: var(--rg-none-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-sec { border-radius: 14px; display: flex; flex-direction: column; gap: var(--lh-sp-3); }
/* header */
#wlf-lighthouse .lh-rg-root .lh-rg-hero { padding: 22px 26px; border-radius: 14px; color: #fff; background: linear-gradient(120deg, var(--rg-hero-a), var(--rg-hero-b)); box-shadow: var(--lh-e0); }
#wlf-lighthouse .lh-rg-root .lh-rg-title { margin: 0; font: 700 26px/32px var(--lh-f-sans); letter-spacing: -.01em; color: #fff; }
#wlf-lighthouse .lh-rg-root .lh-rg-summary { margin: 10px 0 0; font: 500 18px/26px var(--lh-f-sans); color: #fff; max-width: 70ch; }
#wlf-lighthouse .lh-rg-root .lh-rg-range { margin: 8px 0 0; font-size: 13px; color: #d7e2fb; }
/* answer cards */
#wlf-lighthouse .lh-rg-root .lh-rg-answers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lh-sp-3); }
@media (min-width: 1500px) { #wlf-lighthouse .lh-rg-root .lh-rg-answers { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { #wlf-lighthouse .lh-rg-root .lh-rg-answers { grid-template-columns: minmax(0, 1fr); } }
#wlf-lighthouse .lh-rg-root .lh-rg-ans { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px; border-radius: 14px; background: var(--lh-card); border: 1px solid var(--lh-card-border); border-top: 6px solid var(--cf); box-shadow: var(--lh-e0); }
#wlf-lighthouse .lh-rg-root .lh-rg-ans-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
#wlf-lighthouse .lh-rg-root .lh-rg-q { margin: 0; font: 600 16px/22px var(--lh-f-sans); color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-light { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: var(--lh-r-pill); font: 700 12px/20px var(--lh-f-sans); color: var(--c); background: var(--cb); white-space: nowrap; }
#wlf-lighthouse .lh-rg-root .lh-rg-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--cf); }
#wlf-lighthouse .lh-rg-root .lh-rg-big { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
#wlf-lighthouse .lh-rg-root .lh-rg-big-n { font: 700 40px/44px var(--lh-f-sans); color: var(--lh-ink); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
#wlf-lighthouse .lh-rg-root .lh-rg-big-u { font: 600 15px/20px var(--lh-f-sans); color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-sent { margin: 0; font-size: 15px; line-height: 22px; color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-extra { margin: 0; font-size: 14px; line-height: 20px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-delta { margin: 0; font: 600 13px/18px var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-d-good { color: var(--rg-good); }
#wlf-lighthouse .lh-rg-root .lh-rg-d-bad { color: var(--rg-bad); }
#wlf-lighthouse .lh-rg-root .lh-rg-d-flat { color: var(--lh-ink-faint); }
/* section heads and text */
#wlf-lighthouse .lh-rg-root .lh-rg-head h2 { margin: 0; font: 700 20px/28px var(--lh-f-sans); color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-head p { margin: 4px 0 0; font-size: 15px; line-height: 22px; color: var(--lh-ink-muted); max-width: 80ch; }
#wlf-lighthouse .lh-rg-root .lh-rg-h3 { margin: 8px 0 0; font: 600 16px/22px var(--lh-f-sans); color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-say { margin: 0; font: 600 16px/24px var(--lh-f-sans); color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-note { margin: 0; font-size: 13px; line-height: 19px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-empty { padding: 12px 16px; border-radius: 10px; background: var(--lh-info-bg); color: var(--lh-ink); font-size: 15px; }
#wlf-lighthouse .lh-rg-root .lh-rg-callout { padding: 12px 16px; border-radius: 10px; background: var(--rg-info-bg); border-left: 4px solid var(--rg-info-fill); font-size: 14px; line-height: 21px; color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-legend { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 13px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-sw { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 2px; vertical-align: -1px; }
#wlf-lighthouse .lh-rg-root .lh-rg-sw-ok, #wlf-lighthouse .lh-rg-root .lh-rg-sw-back { background: var(--rg-good-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-sw-ab, #wlf-lighthouse .lh-rg-root .lh-rg-sw-not { background: var(--rg-bad-fill); }
/* timeline */
#wlf-lighthouse .lh-rg-root .lh-rg-tl-wrap { overflow-x: auto; }
#wlf-lighthouse .lh-rg-root .lh-rg-tl { display: block; width: 100%; min-width: 560px; max-width: 900px; height: auto; }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-axis { stroke: var(--lh-card-border); stroke-width: 4; stroke-linecap: round; }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-dash { stroke-dasharray: 6 6; }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-brk { fill: var(--lh-ink-faint); font: 700 14px/1 var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-pt circle { stroke: var(--lh-card); stroke-width: 3; }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-start circle { fill: var(--lh-ink-faint); }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-ours circle { fill: var(--rg-good-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-screens circle { fill: var(--rg-watch-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-reports circle { fill: var(--rg-bad-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-l { fill: var(--lh-ink); font: 600 13px/1 var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-s { fill: var(--lh-ink-muted); font: 12px/1 var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-target line { stroke: var(--rg-info-fill); stroke-width: 2; stroke-dasharray: 4 3; }
/* day bars */
#wlf-lighthouse .lh-rg-root .lh-rg-chart { overflow-x: auto; }
#wlf-lighthouse .lh-rg-root .lh-rg-bars, #wlf-lighthouse .lh-rg-root .lh-rg-cbbars { display: block; width: 100%; max-width: 1100px; height: auto; }
#wlf-lighthouse .lh-rg-root .lh-rg-axis { stroke: var(--lh-card-border); }
#wlf-lighthouse .lh-rg-root .lh-rg-target { stroke: var(--rg-info-fill); stroke-width: 1.5; stroke-dasharray: 5 4; }
#wlf-lighthouse .lh-rg-root .lh-rg-tt { fill: var(--rg-info); font: 700 12px/1 var(--lh-f-sans); paint-order: stroke; stroke: var(--lh-card); stroke-width: 4px; stroke-linejoin: round; }
#wlf-lighthouse .lh-rg-root .lh-rg-tl-t { fill: var(--rg-info); font: 700 12px/1 var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-b { fill: var(--cf); }
#wlf-lighthouse .lh-rg-root .lh-rg-b.lh-rg-hatch { fill: var(--rg-none-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-bar:hover .lh-rg-b { opacity: .85; }
#wlf-lighthouse .lh-rg-root .lh-rg-bv { fill: var(--lh-ink); font: 600 11px/1 var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-bx { fill: var(--lh-ink-faint); font: 11px/1 var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-bm { fill: var(--rg-watch); font: 700 14px/1 var(--lh-f-sans); }
#wlf-lighthouse .lh-rg-root .lh-rg-faint { fill: var(--lh-ink-faint); }
#wlf-lighthouse .lh-rg-root .lh-rg-cb-back { fill: var(--rg-good-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-cb-not { fill: var(--rg-bad-fill); }
/* busiest hours */
#wlf-lighthouse .lh-rg-root .lh-rg-hours { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
#wlf-lighthouse .lh-rg-root .lh-rg-hours li { display: grid; grid-template-columns: 4.2em minmax(80px, 1fr) minmax(130px, auto); gap: 10px; align-items: center; font-size: 13px; padding: 2px 6px; border-radius: 6px; }
#wlf-lighthouse .lh-rg-root .lh-rg-hours li.lh-rg-worst { background: var(--rg-bad-bg); font-weight: 700; }
#wlf-lighthouse .lh-rg-root .lh-rg-hl { color: var(--lh-ink-muted); text-align: right; }
#wlf-lighthouse .lh-rg-root .lh-rg-hstack { display: flex; height: 14px; border-radius: var(--lh-r-pill); background: var(--lh-band); overflow: hidden; }
#wlf-lighthouse .lh-rg-root .lh-rg-hs-ok { display: block; height: 100%; background: var(--rg-good-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-hs-ab { display: block; height: 100%; background: var(--rg-bad-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-hn { font-variant-numeric: tabular-nums; color: var(--lh-ink-muted); white-space: nowrap; }
/* callbacks */
#wlf-lighthouse .lh-rg-root .lh-rg-cb { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 12px; background: var(--lh-surface-2); border: 1px solid var(--lh-border); }
#wlf-lighthouse .lh-rg-root .lh-rg-cb .lh-rg-h3 { margin: 0; }
#wlf-lighthouse .lh-rg-root .lh-rg-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
#wlf-lighthouse .lh-rg-root .lh-rg-stat { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 10px; background: var(--lh-card); border: 1px solid var(--lh-card-border); border-left: 5px solid var(--cf); }
#wlf-lighthouse .lh-rg-root .lh-rg-stat-n { font: 700 28px/34px var(--lh-f-sans); color: var(--lh-ink); font-variant-numeric: tabular-nums; }
#wlf-lighthouse .lh-rg-root .lh-rg-stat-l { font: 600 14px/20px var(--lh-f-sans); color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-stat-s { font-size: 13px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-golink-p { margin: 0; }
#wlf-lighthouse .lh-rg-root .lh-rg-golink { text-decoration: none; }
/* wrap-up */
#wlf-lighthouse .lh-rg-root .lh-rg-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lh-sp-4); }
#wlf-lighthouse .lh-rg-root .lh-rg-hbars { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
#wlf-lighthouse .lh-rg-root .lh-rg-hbars li { display: grid; grid-template-columns: 7em minmax(60px, 1fr) minmax(90px, auto); gap: 10px; align-items: center; font-size: 14px; }
#wlf-lighthouse .lh-rg-root .lh-rg-hb-t { display: block; height: 14px; border-radius: var(--lh-r-pill); background: var(--lh-band); overflow: hidden; }
#wlf-lighthouse .lh-rg-root .lh-rg-hb-f { display: block; height: 100%; width: 0; background: var(--cf); border-radius: var(--lh-r-pill); }
#wlf-lighthouse .lh-rg-root .lh-rg-hb-n { font-variant-numeric: tabular-nums; color: var(--lh-ink-muted); white-space: nowrap; }
/* SOW check */
#wlf-lighthouse .lh-rg-root .lh-rg-scroll { overflow-x: auto; }
#wlf-lighthouse .lh-rg-root .lh-rg-sow, #wlf-lighthouse .lh-rg-root .lh-rg-dtable { width: 100%; border-collapse: collapse; font-size: 15px; color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-sow th, #wlf-lighthouse .lh-rg-root .lh-rg-sow td { padding: 12px 10px; border-bottom: 1px solid var(--lh-grid); text-align: left; vertical-align: top; }
#wlf-lighthouse .lh-rg-root .lh-rg-sow thead th { font: 600 12px/16px var(--lh-f-sans); text-transform: uppercase; letter-spacing: .04em; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-sow tbody th { font-weight: 600; width: 32%; }
#wlf-lighthouse .lh-rg-root .lh-rg-verdict { display: inline-flex; align-items: center; gap: 6px; padding: 3px 12px; border-radius: var(--lh-r-pill); font-weight: 700; color: var(--c); background: var(--cb); white-space: nowrap; }
/* details */
#wlf-lighthouse .lh-rg-root .lh-rg-details > summary { cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; list-style: none; }
#wlf-lighthouse .lh-rg-root .lh-rg-details > summary::-webkit-details-marker { display: none; }
#wlf-lighthouse .lh-rg-root .lh-rg-details > summary::before { content: "▸"; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-details[open] > summary::before { content: "▾"; }
#wlf-lighthouse .lh-rg-root .lh-rg-sum-t { font: 700 18px/24px var(--lh-f-sans); color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-sum-s { font-size: 13px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-det-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-dtable { font-size: 13px; }
#wlf-lighthouse .lh-rg-root .lh-rg-dtable th, #wlf-lighthouse .lh-rg-root .lh-rg-dtable td { padding: 6px 8px; border-bottom: 1px solid var(--lh-grid); text-align: left; white-space: nowrap; }
#wlf-lighthouse .lh-rg-root .lh-rg-dtable thead th { background: var(--lh-surface-2); font-weight: 600; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-n { text-align: right !important; font-variant-numeric: tabular-nums; }
#wlf-lighthouse .lh-rg-root .lh-rg-method { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; line-height: 19px; color: var(--lh-ink-muted); }
@media (max-width: 760px) { #wlf-lighthouse .lh-rg-root .lh-rg-2 { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) {
  #wlf-lighthouse .lh-rg-root .lh-rg-hero { padding: 16px; }
  #wlf-lighthouse .lh-rg-root .lh-rg-title { font-size: 21px; line-height: 27px; }
  #wlf-lighthouse .lh-rg-root .lh-rg-summary { font-size: 16px; line-height: 23px; }
  #wlf-lighthouse .lh-rg-root .lh-rg-big-n { font-size: 34px; line-height: 38px; }
  #wlf-lighthouse .lh-rg-root .lh-rg-hours li { grid-template-columns: 3.8em minmax(60px, 1fr); }
  #wlf-lighthouse .lh-rg-root .lh-rg-hn { grid-column: 2; font-size: 12px; }
  #wlf-lighthouse .lh-rg-root .lh-rg-hbars li { grid-template-columns: 6em minmax(50px, 1fr); }
  #wlf-lighthouse .lh-rg-root .lh-rg-hb-n { grid-column: 2; }
}
@media print { #wlf-lighthouse .lh-rg-root .lh-rg-hero { background: none; color: var(--lh-ink); border: 1px solid var(--lh-card-border); } #wlf-lighthouse .lh-rg-root .lh-rg-title, #wlf-lighthouse .lh-rg-root .lh-rg-summary { color: var(--lh-ink); } }
/* SOW table: whole words, and stacked rows on phones */
#wlf-lighthouse .lh-rg-root .lh-rg-sow th, #wlf-lighthouse .lh-rg-root .lh-rg-sow td { overflow-wrap: normal; word-break: normal; }
@media (max-width: 600px) {
  #wlf-lighthouse .lh-rg-root .lh-rg-sow thead { display: none; }
  #wlf-lighthouse .lh-rg-root .lh-rg-sow tr, #wlf-lighthouse .lh-rg-root .lh-rg-sow th, #wlf-lighthouse .lh-rg-root .lh-rg-sow td { display: block; width: auto; }
  #wlf-lighthouse .lh-rg-root .lh-rg-sow tbody tr { padding: 10px 0; border-bottom: 1px solid var(--lh-grid); }
  #wlf-lighthouse .lh-rg-root .lh-rg-sow tbody th, #wlf-lighthouse .lh-rg-root .lh-rg-sow tbody td { border: 0; padding: 4px 0; }
}
#wlf-lighthouse .lh-rg-root .lh-rg-cbbars { max-width: 640px; }
/* 1.24.2: where callers slip through (queue tiles), re-rings, from call to case */
#wlf-lighthouse .lh-rg-root .lh-rg-slip-say { font-size: 17px; line-height: 25px; }
#wlf-lighthouse .lh-rg-root .lh-rg-qgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: var(--lh-sp-3); }
#wlf-lighthouse .lh-rg-root .lh-rg-qtile { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 12px; background: var(--lh-card); border: 1px solid var(--lh-card-border); border-left: 6px solid var(--rg-none-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-qt-good { border-left-color: var(--rg-good-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-qt-watch { border-left-color: var(--rg-watch-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-qt-bad { border-left-color: var(--rg-bad-fill); background: var(--rg-bad-bg); }
#wlf-lighthouse .lh-rg-root .lh-rg-qai { border-left-color: var(--rg-info-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-qhead { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
#wlf-lighthouse .lh-rg-root .lh-rg-qname { margin: 0; font: 700 16px/22px var(--lh-f-sans); color: var(--lh-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#wlf-lighthouse .lh-rg-root .lh-rg-qcalls { font-size: 13px; color: var(--lh-ink-muted); white-space: nowrap; }
#wlf-lighthouse .lh-rg-root .lh-rg-qcalls strong { font-size: 22px; color: var(--lh-ink); font-variant-numeric: tabular-nums; }
#wlf-lighthouse .lh-rg-root .lh-rg-qbar { display: flex; height: 12px; border-radius: var(--lh-r-pill); overflow: hidden; background: var(--lh-band); }
#wlf-lighthouse .lh-rg-root .lh-rg-qb-ok { display: block; height: 100%; background: var(--rg-good-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-qb-ab { display: block; height: 100%; background: var(--rg-bad-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-qb-ot { display: block; height: 100%; background: var(--rg-none-fill); }
#wlf-lighthouse .lh-rg-root .lh-rg-qline { margin: 0; font-size: 13px; line-height: 20px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-qchip { display: inline-flex; align-items: center; gap: 5px; padding: 1px 9px; border-radius: var(--lh-r-pill); font: 700 13px/20px var(--lh-f-sans); color: var(--c); background: var(--cb); font-variant-numeric: tabular-nums; }
#wlf-lighthouse .lh-rg-root .lh-rg-qwait { margin: 0; font-size: 13px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-funnel { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; max-width: 760px; }
#wlf-lighthouse .lh-rg-root .lh-rg-fstep { display: grid; grid-template-columns: minmax(150px, 200px) minmax(80px, 1fr) 4.5em; gap: 12px; align-items: center; font-size: 15px; }
#wlf-lighthouse .lh-rg-root .lh-rg-fs-l { font-weight: 600; color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-fs-t { display: block; height: 22px; border-radius: 6px; background: var(--lh-band); overflow: hidden; }
#wlf-lighthouse .lh-rg-root .lh-rg-fs-f { display: block; height: 100%; width: 0; border-radius: 6px; background: linear-gradient(90deg, var(--rg-info-fill), #5b8fe6); }
#wlf-lighthouse .lh-rg-root .lh-rg-fs-n { font: 700 18px/1 var(--lh-f-sans); text-align: right; font-variant-numeric: tabular-nums; color: var(--lh-ink); }
#wlf-lighthouse .lh-rg-root .lh-rg-fdrop { display: flex; align-items: center; gap: 10px; padding-left: 40px; font-size: 13px; color: var(--lh-ink-muted); }
#wlf-lighthouse .lh-rg-root .lh-rg-fd-a { font-size: 16px; color: var(--lh-ink-faint); }
@media (max-width: 600px) {
  #wlf-lighthouse .lh-rg-root .lh-rg-fstep { grid-template-columns: minmax(0, 1fr) 4em; }
  #wlf-lighthouse .lh-rg-root .lh-rg-fs-t { grid-column: 1 / -1; grid-row: 2; }
  #wlf-lighthouse .lh-rg-root .lh-rg-fdrop { padding-left: 8px; flex-wrap: wrap; }
}