/* Funnel Alerts — viewer. Scope .gs-fna (unique). */
.gs-fna{--good:#1FA463;--bad:#DC2626;--warn:#D97706;--blue:#2A6FE8;color:var(--ink,#1A1D24)}
.gs-fna .page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.gs-fna .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-fna .crumb i{color:var(--blue)}
.gs-fna h1{font-size:22px;font-weight:800;margin:4px 0 0}
.gs-fna .head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gs-fna .btn{border-radius:6px;height:32px;padding:0 14px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2,#DFE4EB);background:#fff;color:var(--ink-2,#3C4350)}
.gs-fna .btn.text:hover{border-color:var(--blue);color:var(--blue)}
.gs-fna .btn.text.sm{height:26px;padding:0 9px;font-size:11.5px;margin-left:auto}
.gs-fna .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.gs-fna .btn.primary:hover{filter:brightness(.96)}

.gs-fna .fa-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}
@media(min-width:620px){.gs-fna .fa-summary{grid-template-columns:repeat(4,1fr)}}
.gs-fna .fa-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-fna .fa-sum-n{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}
.gs-fna .fa-sum-l{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted,#8C95A1);margin-top:4px}
.gs-fna .fa-sum-reg .fa-sum-n{color:var(--bad)}.gs-fna .fa-sum-imp .fa-sum-n{color:var(--good)}

.gs-fna .fa-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:980px){.gs-fna .fa-grid{grid-template-columns:1.3fr .7fr}}
.gs-fna .fa-panel{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;min-width:0}
.gs-fna .fa-panel-h{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.gs-fna .fa-panel-h .bi-exclamation-triangle{color:var(--warn)}
.gs-fna .fa-empty{color:var(--muted,#8C95A1);font-size:12.5px;padding:12px 0}

/* result cards */
.gs-fna .fa-card{border:1px solid var(--line,#E9EDF3);border-left-width:3px;border-radius:10px;padding:13px 15px;margin-bottom:12px}
.gs-fna .fa-card.regression{border-left-color:var(--bad)}.gs-fna .fa-card.improved{border-left-color:var(--good)}
.gs-fna .fa-card-top{display:flex;align-items:center;gap:9px;margin-bottom:8px;flex-wrap:wrap}
.gs-fna .fa-fname{font-size:14px;font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-fna .fa-status{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px}
.gs-fna .fa-status.regression{background:#FEECEC;color:#B42318}.gs-fna .fa-status.improved{background:#E7F5EC;color:#178A52}
.gs-fna .fa-alert{font-size:12px;color:var(--ink-2,#3C4350);display:flex;gap:7px;align-items:flex-start;margin-bottom:5px}
.gs-fna .fa-alert .sv{font-size:9px;font-weight:800;text-transform:uppercase;border-radius:3px;padding:1px 5px;flex:none;margin-top:1px}
.gs-fna .fa-alert .sv.high{background:#FEECEC;color:#B42318}.gs-fna .fa-alert .sv.medium{background:#FEF3E7;color:#B45309}.gs-fna .fa-alert .sv.low{background:#E7F5EC;color:#178A52}

/* step comparison bars */
.gs-fna .fa-steps{margin-top:10px;border-top:1px dashed var(--line,#E9EDF3);padding-top:10px}
.gs-fna .fa-step{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.gs-fna .fa-step-k{font-size:11px;font-weight:700;width:26px;flex:none;color:var(--muted,#8C95A1)}
.gs-fna .fa-step-bars{flex:1;min-width:0}
.gs-fna .fa-bar{position:relative;height:9px;border-radius:5px;background:#F2F4F7;margin:2px 0;overflow:hidden}
.gs-fna .fa-bar i{position:absolute;left:0;top:0;height:100%;border-radius:5px}
.gs-fna .fa-bar.base i{background:#C3CCD8}
.gs-fna .fa-bar.rec i{background:var(--blue)}
.gs-fna .fa-step.leak .fa-bar.rec i{background:var(--bad)}
.gs-fna .fa-step-val{font-size:10.5px;color:var(--muted,#8C95A1);width:104px;flex:none;text-align:right;font-variant-numeric:tabular-nums}
.gs-fna .fa-step-val b{color:var(--ink,#1A1D24)}
.gs-fna .fa-step.leak .fa-step-k{color:var(--bad)}
.gs-fna .fa-legend{font-size:10px;color:var(--muted,#8C95A1);margin-top:6px;display:flex;gap:12px}
.gs-fna .fa-legend span{display:flex;align-items:center;gap:4px}
.gs-fna .fa-legend i{width:10px;height:6px;border-radius:3px;display:inline-block}
.gs-fna .fa-legend .lb{background:#C3CCD8}.gs-fna .fa-legend .lr{background:var(--blue)}

/* history */
.gs-fna .fa-history{display:flex;flex-direction:column;gap:6px;max-height:520px;overflow-y:auto}
.gs-fna .fa-hrow{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line,#F0F2F6);padding:8px 2px;font-size:12px}
.gs-fna .fa-hrow.ackd{opacity:.5}
.gs-fna .fa-hsev{width:8px;height:8px;border-radius:50%;flex:none}
.gs-fna .fa-hsev.high{background:var(--bad)}.gs-fna .fa-hsev.medium{background:var(--warn)}.gs-fna .fa-hsev.low{background:var(--good)}
.gs-fna .fa-hmsg{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-fna .fa-hcount{font-size:10px;color:var(--muted,#8C95A1);flex:none}
.gs-fna .fa-hack{flex:none;background:transparent;border:1px solid var(--line-2,#DFE4EB);border-radius:5px;font-size:10.5px;padding:2px 8px;cursor:pointer;color:var(--ink-2,#3C4350)}
.gs-fna .fa-hack:hover{border-color:var(--good);color:var(--good)}