.wbp-root {
    --wbp-surface: var(--pv-card-surface, #111a2a);
    --wbp-border: var(--pv-card-border, rgba(148, 163, 184, .18));
    --wbp-text: var(--pv-text-primary, #e2e8f0);
    --wbp-muted: var(--pv-text-muted, #94a3b8);
    --wbp-accent: var(--pv-accent, #a5b4fc);
    color: var(--wbp-text);
    font-size: .81rem;
    line-height: 1.55;
    padding: 18px 20px 28px;
}
.wbp-root [hidden] { display: none !important; }
.wbp-root * { box-sizing: border-box; }
.wbp-root h2, .wbp-root h3, .wbp-root h4, .wbp-root p { margin: 0; }
.wbp-root h2 { color: #f1f5f9; font-size: 1.3rem; line-height: 1.25; }
.wbp-root h3 { color: #f1f5f9; font-size: 1rem; line-height: 1.4; }
.wbp-root h4 { color: #e2e8f0; font-size: .84rem; }
.wbp-root button, .wbp-root input, .wbp-root select {
    border: 1px solid #334155; border-radius: 7px; background: #0d1626;
    color: var(--wbp-text); font: inherit; padding: 9px 11px;
}
.wbp-root button { cursor: pointer; font-weight: 600; }
.wbp-root button:hover { border-color: #64748b; background: #1e293b; }
.wbp-root button:disabled { cursor: wait; opacity: .55; }
.wbp-root :is(button,input,select,summary,a):focus-visible, .wbp-table-wrap:focus-visible {
    outline: 2px solid #a5b4fc; outline-offset: 3px;
}
.wbp-root input[aria-invalid="true"] { border-color: #fb7185; }
.wbp-header, .wbp-title-row, .wbp-section-heading, .wbp-queue-heading, .wbp-product-heading {
    display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.wbp-header { align-items: flex-start; }
.wbp-header-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.wbp-root .wbp-primary { background: rgba(129,140,248,.15); border-color: rgba(129,140,248,.45); color: #c7d2fe; }
.wbp-review-bar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 20px; margin: 0 0 17px; padding: 10px 13px; border: 1px solid var(--wbp-border); border-radius: 7px; color: var(--wbp-muted); font-size: .7rem; background: rgba(30,41,59,.24); }
.wbp-review-bar p:first-child { color: #c7d2fe; }
.wbp-review-bar .is-error { color: #fda4af; }
.wbp-title-row { justify-content: flex-start; flex-wrap: wrap; }
.wbp-header p { margin-top: 7px; color: var(--wbp-muted); }
.wbp-badge, .wbp-count, .wbp-tag {
    display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px;
    border-radius: 5px; font-size: .68rem; line-height: 1.45; font-weight: 600;
}
.wbp-badge { color: #c7d2fe; background: rgba(129,140,248,.12); border: 1px solid rgba(129,140,248,.25); }
.wbp-count { background: #253146; color: #cbd5e1; }
.wbp-tag { color: #fcd34d; background: rgba(245,158,11,.09); border: 1px solid rgba(245,158,11,.21); }
.wbp-status { min-height: 1.4em; margin: 13px 0 15px !important; color: var(--wbp-muted); font-size: .75rem; }
.wbp-status.is-error, .wbp-negative { color: #fda4af !important; }
.wbp-positive { color: #86efac !important; }
.wbp-neutral { color: #cbd5e1 !important; }
.wbp-muted { color: var(--wbp-muted); font-size: .75rem; }
.wbp-layout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 18px; align-items: start; }
.wbp-overview { margin-bottom: 22px; }
.wbp-overview-title, #wbp-overview-title { scroll-margin-top: 20px; }
.wbp-categories { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 9px; }
.wbp-root .wbp-category { text-align: left; padding: 13px; background: rgba(15,23,42,.55); display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.wbp-category > span { font-size: .74rem; }
.wbp-category strong { font-size: 1.6rem; color: #e2e8f0; font-variant-numeric: tabular-nums; line-height: 1.3; }
.wbp-category small { font-size: .65rem; font-weight: 400; color: var(--wbp-muted); }
.wbp-root .wbp-category[aria-pressed="true"], .wbp-root #wbp-all-categories[aria-pressed="true"] { border-color: #a5b4fc; background: rgba(99,102,241,.16); color: #e0e7ff; }
.wbp-overview-filters { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1.25fr; gap: 12px; margin-top: 18px; }
.wbp-overview-filters label { display: flex; flex-direction: column; gap: 5px; color: var(--wbp-muted); font-size: .69rem; min-width: 0; }
.wbp-overview-filters :is(input,select) { width: 100%; min-width: 0; }
.wbp-overview-caption, .wbp-overview-foot { display: flex; justify-content: space-between; align-items: center; gap: 15px; font-size: .7rem; color: var(--wbp-muted); }
.wbp-overview-caption { margin: 13px 0 10px; }
.wbp-overview-foot { margin-top: 11px; }
.wbp-overview-foot > p { max-width: 820px; }
.wbp-overview-foot > button { flex-shrink: 0; }
.wbp-overview-scroll { max-height: 430px; scroll-padding-top: 58px; }
.wbp-overview-table { min-width: 860px; table-layout: fixed; }
.wbp-overview-table thead th { position: sticky; top: 0; z-index: 1; background: #1b273a; white-space: normal; }
.wbp-overview-table th:first-child { width: 21%; }
.wbp-overview-table th:nth-child(2) { width: 19%; }
.wbp-overview-table th:nth-child(3), .wbp-overview-table th:nth-child(4) { width: 13%; }
.wbp-overview-table th:nth-child(5) { width: 24%; }
.wbp-overview-table th:nth-child(6) { width: 10%; }
.wbp-overview-table :is(th,td):nth-child(2), .wbp-overview-table :is(th,td):nth-child(5) { text-align: left; }
.wbp-overview-table td > p { font-size: .71rem; color: #cbd5e1; margin-top: 7px; }
.wbp-root .wbp-overview-product { display: block; text-align: left; padding: 0; border: 0; background: none; font-size: .76rem; color: #e2e8f0; line-height: 1.5; }
.wbp-root .wbp-overview-product:hover { color: #c7d2fe; text-decoration: underline; }
.wbp-overview-table .wbp-badge { margin-top: 7px; font-size: .6rem; }
.wbp-overview-table .wbp-secondary { padding: 7px 8px; font-size: .68rem; white-space: normal; }
.wbp-overview-drivers { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.wbp-overview-drivers .wbp-variable-link { font-size: .6rem; padding: 3px 6px; }
.wbp-proposal-type { display: inline-block; border: 1px solid rgba(148,163,184,.25); border-radius: 5px; padding: 3px 7px; font-size: .64rem; color: #cbd5e1; background: rgba(71,85,105,.12); }
.wbp-proposal-type[data-category="price"] { color: #a7f3d0; border-color: rgba(52,211,153,.25); background: rgba(16,185,129,.06); }
.wbp-proposal-type[data-category="advertising"] { color: #bfdbfe; border-color: rgba(96,165,250,.25); background: rgba(59,130,246,.07); }
.wbp-proposal-type[data-category="both"] { color: #ddd6fe; border-color: rgba(167,139,250,.3); background: rgba(139,92,246,.08); }
.wbp-proposal-type[data-category="data"], .wbp-proposal-type[data-category="operational"] { color: #fcd78c; border-color: rgba(245,158,11,.25); }
.wbp-item .wbp-proposal-type { margin-top: 9px; }
.wbp-queue { border: 1px solid var(--wbp-border); background: rgba(15,23,42,.6); border-radius: 10px; padding: 16px; }
.wbp-queue { position:sticky; top:16px; }
.wbp-queue-heading h3 { font-size: .87rem; }
.wbp-queue > .wbp-muted { margin-top: 9px; }
.wbp-items { display: grid; gap: 9px; margin-top: 17px; max-height: 48vh; overflow-y: auto; padding-right: 4px; }
.wbp-filters { display: grid; gap: 9px; margin-top: 15px; }
.wbp-filters label { display: flex; flex-direction: column; gap: 4px; color: var(--wbp-muted); font-size: .68rem; }
.wbp-filters :is(input,select) { width: 100%; min-width: 0; font-size: .72rem; padding: 8px 9px; }
.wbp-filters .wbp-text-button { justify-self: start; }
.wbp-root .wbp-item { width: 100%; padding: 13px; text-align: left; font-weight: 400; background: #101a2b; }
.wbp-root .wbp-item[aria-pressed="true"] { border-color: rgba(165,180,252,.65); background: rgba(99,102,241,.1); box-shadow: inset 3px 0 #a5b4fc; }
.wbp-item strong { display: block; color: #f1f5f9; font-size: .81rem; margin: 8px 0; line-height: 1.5; }
.wbp-item small { display: block; color: var(--wbp-muted); font-size: .68rem; }
.wbp-item .wbp-tag { margin-top: 9px; }
.wbp-queue-foot { margin-top: 22px; padding-top: 17px; border-top: 1px solid var(--wbp-border); color: var(--wbp-muted); font-size: .71rem; }
.wbp-queue-foot p { margin-top: 8px; }
.wbp-eyebrow { font-size: .64rem; text-transform: uppercase; letter-spacing: .09em; color: #a5b4fc; font-weight: 700; }
.wbp-detail { min-width: 0; display: grid; gap: 16px; }
.wbp-jumps { display:flex; gap:8px; flex-wrap:wrap; }
.wbp-root .wbp-jumps button { padding:7px 10px; font-size:.72rem; color:#c7d2fe; }
.wbp-detail h3 { scroll-margin-top:20px; }
.wbp-product-heading { align-items: flex-start; }
.wbp-product-heading h3 { font-size: 1.15rem; margin: 5px 0; }
.wbp-product-heading p { color: var(--wbp-muted); font-size: .75rem; }
.wbp-product-tags { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; flex-shrink: 0; }
.wbp-panel { min-width: 0; padding: 18px; border: 1px solid var(--wbp-border); border-radius: 10px; background: var(--wbp-surface); }
.wbp-section-heading { margin-bottom: 13px; align-items: flex-start; }
.wbp-section-heading p { margin-top: 4px; color: var(--wbp-muted); font-size: .73rem; }
.wbp-section-heading h3 { font-size: .91rem; }
.wbp-diagnosis-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(235px,1fr); gap: 16px; }
.wbp-findings { display: grid; gap: 12px; }
.wbp-finding { padding-left: 12px; border-left: 2px solid #475569; }
.wbp-finding[data-tone="warning"] { border-color: #d4a84e; }
.wbp-finding[data-tone="positive"] { border-color: #6bbd97; }
.wbp-finding p { color: #a7b5c9; font-size: .75rem; margin-top: 4px; }
.wbp-definition { display: grid; gap: 10px; margin: 0; }
.wbp-definition > div { display: flex; justify-content: space-between; align-items: baseline; gap: 13px; border-bottom: 1px solid rgba(71,85,105,.24); padding-bottom: 8px; }
.wbp-definition dt { color: var(--wbp-muted); font-size: .72rem; }
.wbp-definition dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }
.wbp-note { margin-top: 12px !important; color: var(--wbp-muted); font-size: .71rem; line-height: 1.6; }
.wbp-table-wrap { overflow: auto; border: 1px solid var(--wbp-border); border-radius: 7px; }
.wbp-table { border-collapse: collapse; width: 100%; font-size: .75rem; }
.wbp-table th { text-align: right; font-size: .67rem; font-weight: 600; color: #a8b6ca; background: rgba(30,41,59,.75); padding: 10px 12px; white-space: nowrap; }
.wbp-table td { text-align: right; padding: 11px 12px; border-top: 1px solid rgba(71,85,105,.25); font-variant-numeric: tabular-nums; vertical-align: top; }
.wbp-table :is(th,td):first-child { text-align: left; }
.wbp-table tbody tr:hover { background: rgba(99,102,241,.05); }
.wbp-table th[scope="row"] { background: none; font-size: .75rem; white-space: normal; color: #cbd5e1; border-top: 1px solid rgba(71,85,105,.25); }
.wbp-table tbody th { text-transform:none; letter-spacing:normal; }
.wbp-table small { display: block; font-size: .65rem; color: var(--wbp-muted); margin-top: 3px; font-weight: 400; }
.wbp-table .wbp-number { white-space: nowrap; }
.wbp-table .wbp-selected-row { background: rgba(99,102,241,.1); }
.wbp-compare-table { min-width: 550px; }
.wbp-monthly-table { min-width: 1120px; }
.wbp-simulation { border-color: rgba(129,140,248,.38); background: linear-gradient(125deg,rgba(99,102,241,.055),transparent 65%),var(--wbp-surface); }
.wbp-hypothesis { color: #c7d2fe; font-size: .71rem; padding: 9px 12px; background: rgba(99,102,241,.08); border-radius: 6px; }
.wbp-controls { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; margin-top: 17px; }
.wbp-controls label { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: #cbd5e1; font-size: .72rem; font-weight: 600; }
.wbp-controls :is(input,select) { width: 100%; font-variant-numeric: tabular-nums; }
.wbp-controls small { color: var(--wbp-muted); font-size: .66rem; font-weight: 400; }
.wbp-scenario-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 12px; }
.wbp-scenario-toolbar p { color: var(--wbp-muted); font-size: .7rem; }
.wbp-root .wbp-text-button { padding: 5px 0; border: 0; background: none; color: #c7d2fe; font-size: .71rem; flex-shrink: 0; }
.wbp-root .wbp-text-button:hover { color: #e0e7ff; text-decoration: underline; }
.wbp-result-grid { display: grid; grid-template-columns: 1.45fr repeat(3,minmax(0,1fr)); gap: 10px; margin: 18px 0; }
.wbp-result { background: rgba(2,6,23,.26); border: 1px solid rgba(71,85,105,.35); border-radius: 7px; padding: 13px; }
.wbp-result:first-child { border-color: rgba(129,140,248,.35); }
.wbp-result dt { color: var(--wbp-muted); font-size: .68rem; line-height: 1.5; min-height: 2.9em; }
.wbp-result dd { margin: 6px 0 0; font-size: 1.17rem; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.wbp-result small { display: block; color: var(--wbp-muted); font-size: .65rem; font-weight: 400; margin-top: 5px; }
.wbp-result-detail { display: flex; flex-wrap: wrap; gap: 7px 22px; color: #b1bed1; font-size: .71rem; margin-bottom: 13px; }
.wbp-scenario-alert { padding: 11px 13px; margin: 0 0 15px; border: 1px solid rgba(245,158,11,.3); border-radius: 7px; background: rgba(245,158,11,.06); color: #fcd78c; }
.wbp-scenario-alert h4 { font-size: .76rem; color: #fcd78c; }
.wbp-scenario-alert ul { margin: 7px 0 0; padding-left: 18px; font-size: .73rem; }
.wbp-scenario-alert li + li { margin-top: 5px; }
.wbp-price-comparison .wbp-table { min-width: 1020px; }
.wbp-stock-note { padding: 9px 12px; border-left: 2px solid #64748b; color: #cbd5e1; background: rgba(71,85,105,.1); margin-bottom: 13px !important; font-size: .73rem; }
.wbp-stock-note.is-warning { border-color: #d4a84e; color: #fcd78c; background: rgba(245,158,11,.055); }
.wbp-proposal { margin-top: 16px; padding-top: 15px; border-top: 1px solid var(--wbp-border); }
.wbp-proposal h4 { color: #c7d2fe; }
.wbp-proposal p { color: #a7b5c9; font-size: .75rem; margin-top: 5px; }
.wbp-proposal ol { margin: 9px 0 0; padding-left: 20px; color: #cbd5e1; font-size: .73rem; }
.wbp-proposal li + li { margin-top: 5px; }
.wbp-price-comparison { margin-top: 18px; padding-top: 17px; border-top: 1px solid var(--wbp-border); }
.wbp-price-comparison > .wbp-muted { margin: 5px 0 11px; }
.wbp-decision { border-left: 3px solid #a5b4fc; }
.wbp-decision .wbp-section-heading p { font-size: .8rem; line-height: 1.65; color: #cbd5e1; }
.wbp-lever-review { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 0 0 16px; }
.wbp-lever { padding: 13px; border: 1px solid var(--wbp-border); border-radius: 7px; background: rgba(2,6,23,.2); min-width: 0; }
.wbp-lever h4 { font-size: .78rem; color: #e2e8f0; }
.wbp-lever > p { color: #b8c5d8; font-size: .73rem; line-height: 1.6; margin-top: 9px; }
.wbp-lever-action { display: inline-block; margin-top: 7px; color: #bfdbfe; font-size: .69rem; font-weight: 600; }
.wbp-lever-action[data-action="review_change"] { color: #fcd78c; }
.wbp-lever-action[data-action="abstain"] { color: #cbd5e1; }
.wbp-lever-conditions { margin-top: 9px; font-size: .7rem; color: var(--wbp-muted); }
.wbp-lever-conditions summary { cursor: pointer; color: #cbd5e1; }
.wbp-lever-conditions ul { margin: 7px 0 0; padding-left: 16px; }
.wbp-variable-links { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.wbp-variable-more { width: 100%; color: #a7b5c9; font-size: .65rem; margin-top: 3px; }
.wbp-variable-more summary { cursor: pointer; }
.wbp-root .wbp-variable-link { padding: 4px 7px; border: 1px solid rgba(129,140,248,.24); background: rgba(99,102,241,.07); color: #c7d2fe; border-radius: 4px; font-size: .65rem; white-space: normal; text-align: left; }
.wbp-root .wbp-variable-link:hover { border-color: #a5b4fc; background: rgba(99,102,241,.16); }
.wbp-variable-toolbar { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 11px 0; }
.wbp-variable-group { border: 1px solid var(--wbp-border); border-radius: 7px; overflow: hidden; }
.wbp-variable-group + .wbp-variable-group { margin-top: 10px; }
.wbp-variable-group > summary { cursor: pointer; padding: 12px 13px; background: rgba(71,85,105,.1); color: #e2e8f0; font-size: .78rem; font-weight: 600; }
.wbp-variable-group > summary small { margin-left: 14px; font-size: .66rem; font-weight: 400; color: var(--wbp-muted); }
.wbp-variable-table { table-layout: fixed; min-width: 690px; }
.wbp-variable-table th:first-child { width: 23%; }
.wbp-variable-table th:nth-child(2) { width: 34%; }
.wbp-variable-table :is(th,td) { white-space: normal; vertical-align: top; line-height: 1.6; text-align: left; }
.wbp-variable-table tbody th { text-align: left; font-weight: 400; }
.wbp-variable-table tbody th strong { display: block; color: #e2e8f0; font-size: .75rem; }
.wbp-variable-table tbody tr:focus { outline: 2px solid #a5b4fc; outline-offset: -2px; background: rgba(99,102,241,.09); }
.wbp-variable-table p + p { margin-top: 10px; }
.wbp-variable-table .wbp-variable-observed { color: #e2e8f0; }
.wbp-variable-table .wbp-variable-comparison { color: #a7b5c9; }
.wbp-variable-table .wbp-variable-effect { padding-top: 9px; border-top: 1px solid rgba(71,85,105,.3); color: #c7d2fe; }
.wbp-variable-status { display: inline-block; margin-top: 8px; padding: 2px 6px; border-radius: 4px; font-size: .64rem; color: #a7f3d0; background: rgba(16,185,129,.09); }
.wbp-variable-status[data-status="partial"], .wbp-variable-status[data-status="missing"] { color: #fcd78c; background: rgba(245,158,11,.08); }
.wbp-variable-status[data-status="not_applicable"] { color: #cbd5e1; background: rgba(100,116,139,.13); }
.wbp-variable-table .wbp-variable-basis { color: #bfdbfe; margin-top: 7px; }
.wbp-variable-sources { margin-top: 8px; font-size: .65rem; color: var(--wbp-muted); }
.wbp-variable-sources summary { cursor: pointer; color: #cbd5e1; }
.wbp-variable-sources ul { margin: 6px 0 0; padding-left: 14px; }
.wbp-missing { border-radius: 6px; background: rgba(245,158,11,.055); padding: 11px 13px; color: #e8c886; }
.wbp-missing h4 { color: #e8c886; font-size: .75rem; }
.wbp-missing ul { margin: 7px 0 0; padding-left: 18px; font-size: .73rem; }
.wbp-missing li + li { margin-top: 5px; }
.wbp-issue-groups { display: grid; gap: 10px; }
.wbp-missing.wbp-operational { background: rgba(96,165,250,.07); color: #bfdbfe; }
.wbp-missing.wbp-operational h4 { color: #bfdbfe; }
.wbp-recovery { padding: 10px 13px; border: 1px solid rgba(52,211,153,.22); border-radius: 7px; background: rgba(16,185,129,.045); font-size: .72rem; }
.wbp-recovery > div { display: flex; flex-wrap: wrap; gap: 7px 14px; align-items: baseline; }
.wbp-recovery strong { color: #a7f3d0; font-size: .75rem; }
.wbp-recovery span, .wbp-recovery p { color: var(--wbp-muted); }
.wbp-recovery p { margin-top: 4px; }
.wbp-recovered-visits { margin-top: 9px; padding-top: 8px; border-top: 1px solid rgba(52,211,153,.14); }
.wbp-recovered-visits summary { cursor: pointer; color: #cbd5e1; font-size: .71rem; margin-top: 7px; }
.wbp-recovered-visits .wbp-table-wrap { margin-top: 8px; }
.wbp-recovered-visits .wbp-table { font-size: .7rem; }
.wbp-recovered-listings { margin-top: 9px; }
.wbp-recovered-listings summary { cursor: pointer; color: #cbd5e1; font-size: .71rem; }
.wbp-recovered-listings .wbp-table-wrap { margin-top: 8px; }
.wbp-recovery .wbp-census-note { color: #cbd5e1; margin-top: 8px; }
.wbp-decision-evidence { margin-top: 13px; }
.wbp-decision-evidence summary, .wbp-weekly-history summary { cursor: pointer; color: #c7d2fe; font-size: .75rem; font-weight: 600; }
.wbp-trace { margin: 14px 0 0; padding-left: 20px; font-size: .72rem; color: var(--wbp-muted); }
.wbp-trace li { padding-left: 4px; }
.wbp-trace li + li { margin-top: 10px; }
.wbp-trace-state { color: #cbd5e1; font-weight: 600; }
.wbp-weekly-history { margin-top: 15px; }
.wbp-weekly-history .wbp-table-wrap { margin-top: 12px; }
.wbp-source-dates { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 12px 0; margin: 12px 0 0; border-bottom: 1px solid var(--wbp-border); }
.wbp-source-dates dt { color: var(--wbp-muted); font-size: .7rem; }
.wbp-source-dates dd { margin: 5px 0 0; color: #cbd5e1; font-size: .75rem; }
.wbp-source-dates small { display: block; color: var(--wbp-muted); font-size: .67rem; }
.wbp-seasonality { margin-top: 17px; }
.wbp-seasonality h4 { margin-bottom: 7px; }
.wbp-seasonality .wbp-table-wrap { margin-top: 12px; }
.wbp-scenario-notes { margin-top: 12px; color: var(--wbp-muted); font-size: .72rem; }
.wbp-scenario-notes summary { cursor: pointer; color: #c7d2fe; }
.wbp-quality summary { cursor: pointer; color: #cbd5e1; font-weight: 600; }
.wbp-quality-list { list-style: none; margin: 13px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 13px 20px; }
.wbp-quality-list strong { display: block; font-size: .73rem; color: #cbd5e1; }
.wbp-quality-list p { color: var(--wbp-muted); font-size: .71rem; margin-top: 3px; }
.wbp-footer { color: var(--wbp-muted); font-size: .7rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 7px; padding: 0 2px; }
.wbp-empty { padding: 26px 15px; text-align: center; color: var(--wbp-muted); border: 1px dashed var(--wbp-border); border-radius: 7px; }
.wbp-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (min-width: 1500px) { .wbp-layout { grid-template-columns: 275px minmax(0,1fr); gap: 22px; } }
@media (max-width: 1150px) {
    .wbp-categories { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .wbp-overview-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wbp-layout { grid-template-columns: 210px minmax(0,1fr); gap: 13px; }
    .wbp-diagnosis-grid { grid-template-columns: 1fr; }
    .wbp-lever-review { grid-template-columns: 1fr; }
    .wbp-controls, .wbp-result-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wbp-queue, .wbp-panel { padding: 14px; }
}
@media (max-width: 760px) {
    .wbp-categories { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wbp-root .wbp-category { padding: 10px; }
    .wbp-category > span { font-size: .68rem; }
    .wbp-category strong { font-size: 1.35rem; }
    .wbp-category small { font-size: .6rem; }
    .wbp-overview-filters label:first-child, .wbp-overview-filters label:last-child { grid-column: 1 / -1; }
    .wbp-overview-caption, .wbp-overview-foot { align-items: flex-start; flex-wrap: wrap; gap: 7px; }
    .wbp-overview-scroll { max-height: 640px; scroll-padding-top: 0; }
    .wbp-overview-table, .wbp-overview-table tbody { display: block; min-width: 0; width: 100%; }
    .wbp-overview-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
    .wbp-overview-table tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid var(--wbp-border); padding: 7px; }
    .wbp-overview-table tbody :is(th,td) { display: block; width: auto; min-width: 0; border: 0; padding: 7px; text-align: left; }
    .wbp-overview-table tbody th:first-child, .wbp-overview-table td:nth-child(2), .wbp-overview-table td:nth-child(5), .wbp-overview-table td:nth-child(6) { grid-column: 1 / -1; width: 100%; }
    .wbp-overview-table td:nth-child(3)::before, .wbp-overview-table td:nth-child(4)::before { display: block; font-size: .6rem; color: var(--wbp-muted); margin-bottom: 4px; white-space: normal; }
    .wbp-overview-table td:nth-child(3)::before { content: 'Ads / 30 días'; }
    .wbp-overview-table td:nth-child(4)::before { content: 'Contribución estimada'; }
    #wbp-overview-title { scroll-margin-top: 70px; }
    .wbp-root { padding: 12px 8px 22px; }
    .wbp-layout { grid-template-columns: 1fr; }
    .wbp-queue { padding: 12px; position:static; }
    .wbp-queue > .wbp-muted, .wbp-queue-foot { display: none; }
    .wbp-items { margin-top: 10px; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); max-height: 280px; }
    .wbp-product-heading { flex-direction: column; }
    .wbp-product-tags { justify-content: flex-start; }
    .wbp-section-heading { flex-wrap: wrap; }
    .wbp-quality-list { grid-template-columns: 1fr; }
    .wbp-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wbp-filters label:first-child { grid-column: 1 / -1; }
    .wbp-header { flex-wrap: wrap; }
    .wbp-source-dates { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .wbp-scenario-toolbar { align-items: flex-start; }
    .wbp-result dd { font-size: 1.06rem; }
    .wbp-variable-group > summary small { display: block; margin: 4px 0 0 14px; }
    .wbp-variables { scroll-margin-top: 70px; }
    .wbp-detail h3 { scroll-margin-top: 70px; }
    .wbp-variable-table, .wbp-variable-table tbody { display: block; min-width: 0; }
    .wbp-variable-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
    .wbp-variable-table tbody tr { display: block; border-top: 1px solid var(--wbp-border); }
    .wbp-variable-table tbody :is(th,td) { display: block; width: auto; border-top: 0; padding: 12px; }
    .wbp-variable-table tbody th:first-child { width: 100%; }
    .wbp-variable-table tbody th { background: rgba(71,85,105,.08); }
    .wbp-variable-table tbody td::before { display: block; margin-bottom: 7px; color: #a5b4fc; font-size: .66rem; font-weight: 600; }
    .wbp-variable-table tbody td:nth-child(2)::before { content: 'Dato y comparación'; }
    .wbp-variable-table tbody td:nth-child(3)::before { content: 'Interpretación y efecto'; }
}
@media (prefers-reduced-motion: no-preference) { .wbp-root button { transition: background .15s,border-color .15s; } }
/* Price opportunities retain evidence separately from permission to execute. */
.wbp-price-history { min-width: 0; }
.wbp-price-opportunity { margin: 1rem 0; padding: 1rem; border: 1px solid var(--border-color, #30384d); border-radius: .7rem; background: rgba(128, 136, 210, .04); }
.wbp-price-opportunity h4 { margin: 0; }
.wbp-price-history details { margin: .8rem 0; }
.wbp-price-history summary { cursor: pointer; color: #c4c9ff; }
.wbp-price-history th, .wbp-price-history td { vertical-align: top; }
.wbp-price-history td > div + div { margin-top: .5rem; }
.wbp-price-history small { display: block; color: #a6afc2; }
.wbp-price-history .wbp-section-heading { flex-wrap: wrap; }
.wbp-price-context { min-width: 11rem; text-align: left; }
.wbp-price-context ul { padding-left: 1.1rem; min-width: 16rem; }
.wbp-price-context li { margin-bottom: .4rem; }

/* Compact overview: retain candidate amounts and stage, disclose the audit. */
.wbp-root { padding: 12px 16px 20px; }
.wbp-root .wbp-panel { padding: 12px 14px; }
.wbp-status { margin: 8px 0 !important; }
.wbp-review-bar { padding: 7px 11px; margin-bottom: 10px; }
.wbp-overview { margin-bottom: 12px; }
.wbp-overview .wbp-section-heading { margin-bottom: 10px; }
.wbp-root .wbp-category { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; padding: 8px 10px; gap: 8px; min-height: 45px; }
.wbp-category strong { font-size: 1.15rem; }
.wbp-category > span { line-height: 1.25; }
.wbp-overview-filters { margin-top: 10px; gap: 8px; }
.wbp-overview-filters :is(input,select) { padding: 6px 9px; }
.wbp-overview-caption { margin: 8px 0; }
.wbp-overview-table :is(th,td) { padding: 7px 9px; line-height: 1.35; }
.wbp-overview-table th:first-child { width: 22%; }
.wbp-overview-table th:nth-child(2) { width: 24%; }
.wbp-overview-table th:nth-child(5) { width: 19%; }
.wbp-overview-table th:nth-child(6) { width: 9%; }
.wbp-overview-table td > p { margin-top: 4px; }
.wbp-overview-table .wbp-badge { margin-top: 4px; }
.wbp-overview-drivers { margin-top: 4px; gap: 3px; }
.wbp-overview-drivers .wbp-variable-link { padding: 2px 4px; line-height: 1.3; }
.wbp-overview-scroll { max-height: clamp(220px, 38vh, 330px); }
.wbp-proposal-stage { display: inline-block; font-size: .65rem; color: #fcd78c; margin-left: 7px; }
.wbp-root .wbp-lever { padding: 10px; }
.wbp-lever-review { margin-bottom: 10px; }
.wbp-lever > .wbp-proposal-amount { color: #e2e8f0; font-weight: 600; margin-top: 5px; }
.wbp-compact-reason { margin-top: 6px; font-size: .73rem; }
.wbp-compact-reason summary, .wbp-detail-section > summary { cursor: pointer; color: #c7d2fe; }
.wbp-compact-reason > p { margin-top: 7px; color: #b8c5d8; }
.wbp-detail-section { border: 1px solid var(--wbp-border); border-radius: 8px; background: var(--wbp-surface); min-width: 0; }
.wbp-detail-section > summary { padding: 11px 14px; font-weight: 600; font-size: .8rem; }
.wbp-detail-section > .wbp-panel { border: 0; }
.wbp-detail { gap: 10px; }

/* The native modal isolates keyboard focus and keeps the overview in place. */
body.wbp-analysis-open { overflow: hidden; }
.wbp-root .wbp-analysis-dialog {
    width: min(1280px, calc(100vw - 40px));
    max-width: calc(100vw - 40px);
    max-height: calc(100dvh - 40px);
    margin: auto;
    padding: 0;
    border: 1px solid #394465;
    border-radius: 12px;
    background: #0b1020;
    color: var(--wbp-text);
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,.5);
}
.wbp-analysis-dialog:not([open]) { display: none; }
.wbp-analysis-dialog[open] { display: flex; flex-direction: column; }
.wbp-analysis-dialog::backdrop { background: rgba(2,6,23,.72); }
.wbp-analysis-header {
    display: flex; justify-content: space-between; align-items: center; gap: 16px;
    flex-shrink: 0; padding: 12px 16px; border-bottom: 1px solid var(--wbp-border);
    background: #121a2c;
}
.wbp-root .wbp-analysis-header h3 { font-size: .9rem; }
.wbp-analysis-header button { flex-shrink: 0; }
.wbp-analysis-body { min-height: 0; padding: 16px; overflow: auto; overscroll-behavior: contain; }
.wbp-analysis-body .wbp-product-heading { align-items: flex-start; }
.wbp-overview-table th:first-child { width: 21%; }
.wbp-overview-table th:nth-child(2) { width: 13%; }
.wbp-overview-table th:nth-child(3) { width: 21%; }
.wbp-overview-table th:nth-child(4) { width: 15%; }
.wbp-overview-table th:nth-child(5) { width: 18%; }
.wbp-overview-table th:nth-child(6) { width: 12%; }
.wbp-overview-price > span { display: block; }
.wbp-overview-price > span + span { margin-top: 5px; }
.wbp-overview-ads, .wbp-overview-gain { white-space: normal; }
.wbp-overview-ads small, .wbp-overview-gain small { font-size: .65rem; line-height: 1.35; }
.wbp-overview-gain > button { font-size: .92rem; font-variant-numeric: tabular-nums; }
.wbp-overview-review > button { display: block; margin-bottom: 6px; }
.wbp-overview-scroll { max-height: clamp(280px, 48vh, 480px); }
.wbp-impact-review p { margin: 8px 0; }
.wbp-ddp-review p, .wbp-ddp-review ul { margin: 9px 0; font-size: .76rem; line-height: 1.5; }
.wbp-ddp-review ul { padding-left: 20px; }
.wbp-ddp-review summary { cursor: pointer; color: #c7d2fe; }
.wbp-ddp-review details { margin-top: 10px; }
.wbp-ddp-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 12px 0; }
.wbp-ddp-cards > div { padding: 10px 12px; border: 1px solid var(--wbp-border); border-radius: 8px; }
.wbp-ddp-cards small { display: block; color: var(--wbp-muted); font-size: .7rem; }
.wbp-ddp-cards strong { display: block; margin: 5px 0; font-size: 1.2rem; }
.wbp-ddp-cards strong small { display: inline; }
.wbp-ddp-badge { display: inline-block; font-size: .67rem; padding: 3px 6px; margin: 5px 0; border-radius: 5px; background: #243044; color: #d2d9e5; }
.wbp-ddp-badge[data-confidence="high"] { color: #a7f3d0; background: #153e35; }
.wbp-ddp-badge[data-confidence="medium"] { color: #fcd78c; background: #3c3222; }
.wbp-ddp-badge[data-confidence="low"] { color: #fdbaab; background: #412a2b; }
.wbp-ddp-table { min-width: 680px; }
.wbp-ddp-table th, .wbp-ddp-table td { vertical-align: top; text-align: left; }
.wbp-ddp-table small { display: block; white-space: normal; }
.wbp-ddp-short small { font-size: .62rem; color: var(--wbp-muted); }
@media (max-width: 760px) { .wbp-ddp-cards { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
    .wbp-root .wbp-analysis-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); }
    .wbp-analysis-header { padding: 10px 12px; gap: 8px; }
    .wbp-analysis-body { padding: 12px; }
    .wbp-analysis-body .wbp-detail h3, .wbp-analysis-body .wbp-variables { scroll-margin-top: 12px; }
    .wbp-overview-table td:nth-child(3)::before { content: 'Publicidad · 30 días'; }
    .wbp-overview-table td:nth-child(4)::before { content: 'Contribución · 30 días'; }
    .wbp-overview-table td:nth-child(5)::before { content: 'Ganancia adicional estimada · 30 días'; display: block; color: var(--wbp-muted); font-size: .65rem; margin-bottom: 4px; }
    .wbp-overview-price { display: flex !important; gap: 24px; }
    .wbp-overview-price > span + span { margin-top: 0; }
}
@media (max-width: 760px) {
    .wbp-root { padding: 10px 8px 20px; }
    .wbp-root .wbp-category { padding: 8px; }
    .wbp-overview-table tbody th:first-child { width: 100%; }
    .wbp-overview-table tbody td { width: auto; }
    .wbp-overview-scroll { max-height: 480px; }
}
