/* UX Experiments — viewer. Scope .gs-bxp (unique). */
.gs-bxp{--good:#1FA463;--bad:#DC2626;--warn:#D97706;--blue:#2A6FE8;color:var(--ink,#1A1D24)}
.gs-bxp .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.gs-bxp .crumb{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#8C95A1);display:flex;align-items:center;gap:6px}
.gs-bxp .crumb i{color:var(--blue)}
.gs-bxp h1{font-size:22px;font-weight:800;margin:4px 0 0}
.gs-bxp .head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gs-bxp .btn.text{background:transparent;border:1px solid var(--line-2,#DFE4EB);border-radius:6px;height:30px;padding:0 12px;font-size:12px;font-weight:600;color:var(--ink-2,#3C4350);cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.gs-bxp .btn.text:hover{border-color:var(--blue);color:var(--blue)}
.gs-bxp .xp-grade{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:7px;font-weight:800;font-size:13px;background:#EEF1F5;color:#5A6472}
.gs-bxp .xp-grade.g-A,.gs-bxp .xp-grade.g-B{background:#E7F5EC;color:#178A52}
.gs-bxp .xp-grade.g-C{background:#FEF3E7;color:#B45309}
.gs-bxp .xp-grade.g-D,.gs-bxp .xp-grade.g-F{background:#FEECEC;color:#B42318}

.gs-bxp .xp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;max-width:460px}
.gs-bxp .xp-sum{background:#fff;border:1px solid var(--line,#E9EDF3);border-radius:12px;padding:12px 16px;box-shadow:var(--sh-1,0 1px 2px rgba(16,24,40,.04))}
.gs-bxp .xp-sum-n{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.gs-bxp .xp-sum-l{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#8C95A1);margin-top:4px}
.gs-bxp .xp-sum-qw .xp-sum-n{color:var(--good)}.gs-bxp .xp-sum-hi .xp-sum-n{color:var(--blue)}

.gs-bxp .xp-list{display:flex;flex-direction:column;gap:12px}
.gs-bxp .xp-empty{color:var(--muted,#8C95A1);font-size:13px;padding:18px;background:#fff;border:1px solid var(--line,#E9EDF3);border-radius:12px}
.gs-bxp .xp-card{background:#fff;border:1px solid var(--line,#E9EDF3);border-radius:12px;box-shadow:var(--sh-1,0 1px 2px rgba(16,24,40,.04));padding:16px 18px}
.gs-bxp .xp-card.done{opacity:.6}
.gs-bxp .xp-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}
.gs-bxp .xp-rank{width:24px;height:24px;border-radius:7px;background:#EEF1F5;color:#5A6472;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}
.gs-bxp .xp-title{font-size:14.5px;font-weight:800;flex:1;min-width:0}
.gs-bxp .xp-badges{display:flex;gap:6px;flex-wrap:wrap}
.gs-bxp .xp-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 7px}
.gs-bxp .xp-badge.impact-High{background:#E7F5EC;color:#178A52}.gs-bxp .xp-badge.impact-Medium{background:#FEF3E7;color:#B45309}.gs-bxp .xp-badge.impact-Low{background:#EEF1F5;color:#5A6472}
.gs-bxp .xp-badge.eff{background:#EDF3FE;color:#1B4DB1}
.gs-bxp .xp-badge.qw{background:#178A52;color:#fff}
.gs-bxp .xp-from{font-size:11px;color:var(--muted,#8C95A1);margin-bottom:10px}
.gs-bxp .xp-from b{color:var(--ink-2,#3C4350)}
.gs-bxp .xp-fields{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}
@media(min-width:720px){.gs-bxp .xp-fields{grid-template-columns:1fr 1fr}}
.gs-bxp .xp-field{background:#F7F9FC;border-radius:8px;padding:9px 11px}
.gs-bxp .xp-field.full{grid-column:1/-1}
.gs-bxp .xp-flabel{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin-bottom:3px}
.gs-bxp .xp-ftext{font-size:12.5px;color:var(--ink,#1A1D24);line-height:1.45}
.gs-bxp .xp-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line,#F0F2F6);padding-top:11px}
.gs-bxp .xp-foot-l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#8C95A1)}
.gs-bxp .xp-status{height:30px;border:1px solid var(--line-2,#DFE4EB);border-radius:7px;padding:0 9px;font-size:12px;font-family:inherit;color:var(--ink,#1A1D24);background:#fff;cursor:pointer}
.gs-bxp .xp-statustag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px}
.gs-bxp .xp-statustag.proposed{background:#EEF1F5;color:#5A6472}.gs-bxp .xp-statustag.planned{background:#EDF3FE;color:#1B4DB1}
.gs-bxp .xp-statustag.running{background:#FEF3E7;color:#B45309}.gs-bxp .xp-statustag.done{background:#E7F5EC;color:#178A52}.gs-bxp .xp-statustag.dismissed{background:#FEECEC;color:#B42318}
.gs-bxp .xp-score{margin-left:auto;font-size:11px;color:var(--muted,#8C95A1)}
.gs-bxp .xp-score b{color:var(--ink,#1A1D24);font-variant-numeric:tabular-nums}

/* status filter tabs (experiments.js renderTabs) */
.gs-bxp .xp-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.gs-bxp .xp-tab{appearance:none;border:1px solid var(--line,#E9EDF3);background:#fff;color:#5A6472;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:20px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s,border-color .12s,color .12s}
.gs-bxp .xp-tab b{font-weight:800;font-variant-numeric:tabular-nums}
.gs-bxp .xp-tab:hover{background:#F5F7FA}
.gs-bxp .xp-tab.on{background:#1A1D24;border-color:#1A1D24;color:#fff}
.gs-bxp .xp-tab.st-planned.on{background:#1B4DB1;border-color:#1B4DB1}
.gs-bxp .xp-tab.st-running.on{background:#B45309;border-color:#B45309}
.gs-bxp .xp-tab.st-done.on{background:#178A52;border-color:#178A52}
.gs-bxp .xp-tab.st-dismissed.on{background:#B42318;border-color:#B42318}

/* "on what page" context per experiment */
.gs-bxp .xp-pages{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 2px}
.gs-bxp .xp-pages-l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#8C95A1);display:inline-flex;align-items:center;gap:4px}
.gs-bxp .xp-page{display:inline-flex;align-items:center;gap:5px;max-width:230px;text-decoration:none;border:1px solid var(--line,#E9EDF3);border-radius:6px;padding:2px 8px 2px 3px;font-size:12px;color:var(--ink,#1A1D24);background:#fff}
.gs-bxp .xp-page:hover{border-color:#D0D6DE;background:#F8FAFC}
.gs-bxp .xp-page-g{flex:0 0 auto;width:17px;height:17px;border-radius:4px;display:grid;place-items:center;font-size:9.5px;font-weight:800;background:#EEF1F5;color:#5A6472}
.gs-bxp .xp-page.g-A .xp-page-g,.gs-bxp .xp-page.g-B .xp-page-g{background:#E7F5EC;color:#178A52}
.gs-bxp .xp-page.g-C .xp-page-g{background:#FEF3E7;color:#B45309}
.gs-bxp .xp-page.g-D .xp-page-g,.gs-bxp .xp-page.g-F .xp-page-g{background:#FEECEC;color:#B42318}
.gs-bxp .xp-page-u{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.gs-bxp .xp-page-more{font-size:11.5px;color:var(--muted,#8C95A1);font-weight:600}
.gs-bxp .xp-page-any{font-size:12px;color:var(--muted,#8C95A1)}

/* Status workflow: stepper + next-action row (replaces the passive <select>). */
.gs-bxp .xp-foot{display:flex;flex-direction:column;align-items:stretch;gap:9px;border-top:1px solid var(--line,#F0F2F6);padding-top:12px}
.gs-bxp .xp-steps{display:flex;gap:6px;flex-wrap:wrap}
.gs-bxp .xp-step{font:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid var(--line-2,#DFE4EB);background:#fff;color:var(--muted,#8C95A1);border-radius:999px;padding:3px 11px;cursor:pointer;line-height:1.4}
.gs-bxp .xp-step:hover{border-color:#B7C0CC;color:var(--ink-2,#3C4350)}
.gs-bxp .xp-step.past{color:var(--ink-2,#3C4350)}
.gs-bxp .xp-step.past::before{content:"\2713\00a0"}
.gs-bxp .xp-step.on{border-color:transparent}
.gs-bxp .xp-step.on.proposed{background:#EEF1F5;color:#5A6472}
.gs-bxp .xp-step.on.planned{background:#EDF3FE;color:#1B4DB1}
.gs-bxp .xp-step.on.running{background:#FEF3E7;color:#B45309}
.gs-bxp .xp-step.on.done{background:#E7F5EC;color:#178A52}
.gs-bxp .xp-next{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gs-bxp .xp-next-txt{font-size:12px;color:var(--ink-2,#3C4350);flex:1 1 220px;min-width:0;line-height:1.5}
.gs-bxp .xp-adv{font:inherit;font-size:12px;font-weight:700;border:1px solid var(--accent,#1FA463);background:var(--accent,#1FA463);color:#fff;border-radius:8px;padding:6px 13px;cursor:pointer;white-space:nowrap}
.gs-bxp .xp-adv:hover{background:var(--accent-600,#178A52);border-color:var(--accent-600,#178A52)}
.gs-bxp .xp-adv.sec{background:#fff;color:var(--ink-2,#3C4350);border-color:var(--line-2,#DFE4EB)}
.gs-bxp .xp-adv.sec:hover{border-color:#B7C0CC;background:var(--bg,#F6F8FB)}
.gs-bxp .xp-foot .xp-score{align-self:flex-end;margin-top:-2px}
.gs-bxp .xp-card.dismissed{opacity:.72}

/* Inspect-on-page link + ?exp deep-link focus ring. */
.gs-bxp .xp-inspect{font:inherit;font-size:12px;font-weight:600;color:var(--blue,#2A6FE8);text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.gs-bxp .xp-inspect:hover{text-decoration:underline}
.gs-bxp .xp-inspect .bi{font-size:13px}
.gs-bxp .xp-card.xp-focus{outline:2px solid var(--blue,#2A6FE8);outline-offset:3px}