/* Respondent-composition popover + credibility method rail (Sales Demo v2) */
.ap-nwrap{position:relative;display:inline-flex;flex:none;outline:none}
.ap-nbadge--pop,.rr-card__chip--pop{cursor:default;transition:border-color .14s ease,background .14s ease}
.ap-nbadge__cv{font-size:12px;margin-left:2px;opacity:.5;transition:transform .16s ease,opacity .14s ease}
.ap-nwrap:hover .ap-nbadge--pop,.ap-nwrap:focus-visible .ap-nbadge--pop,.ap-nwrap:hover .rr-card__chip--pop,.ap-nwrap:focus-visible .rr-card__chip--pop{border-color:#050301;background:#fff}
.ap-nwrap:hover .ap-nbadge__cv{opacity:1;transform:rotate(180deg)}
.rr-card__chip--pop{display:inline-flex;align-items:center;gap:2px}
/* the popover — monochrome on purpose, so it can't be read as a chart series */
.ap-pop__anchor{display:none}
.ap-pop{position:fixed;z-index:400;width:252px;display:flex;flex-direction:column;padding:12px 13px 11px;box-sizing:border-box;background:#050301;color:#fff;border-radius:10px;box-shadow:0 12px 28px rgba(5,3,1,.22),0 2px 6px rgba(5,3,1,.16);pointer-events:none;animation:ap-pop-in .18s cubic-bezier(.2,.8,.3,1) both}
@keyframes ap-pop-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.ap-pop::before{content:"";position:absolute;top:-5px;left:var(--ax,14px);width:10px;height:10px;background:#050301;transform:rotate(45deg);border-radius:2px}
.ap-pop__hd{font-size:11px;color:rgba(255,255,255,.62);line-height:1.4;margin-bottom:9px}
.ap-pop__hd b{color:#fff;font-weight:700;font-size:12.5px}
.ap-pop__bar{display:flex;gap:2px;height:6px;border-radius:900px;overflow:hidden;margin-bottom:10px}
.ap-pop__seg{display:block;height:100%;border-radius:900px}
.ap-pop__seg--t{background:#e7cb38}
.ap-pop__seg--h{background:repeating-linear-gradient(115deg,rgba(255,255,255,.62) 0 2px,rgba(255,255,255,.16) 2px 5px)}
.ap-pop__r{display:flex;align-items:center;gap:7px;font-size:11.5px;line-height:1.5;padding:3px 0}
.ap-pop__key{width:8px;height:8px;border-radius:2px;flex:none}
.ap-pop__key--t{background:#e7cb38}
.ap-pop__key--h{background:repeating-linear-gradient(115deg,rgba(255,255,255,.7) 0 2px,rgba(255,255,255,.2) 2px 5px)}
.ap-pop__l{flex:1;color:rgba(255,255,255,.8)}
.ap-pop__r b{font-weight:700;font-variant-numeric:tabular-nums}
.ap-pop__r em{font-style:normal;color:rgba(255,255,255,.5);width:34px;text-align:right;font-variant-numeric:tabular-nums}
.ap-pop__ft{font-size:10.5px;line-height:1.5;color:rgba(255,255,255,.52);margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.14);text-wrap:pretty}
/* method rail — Insights tab only */
.ap-ins--mrail.ap-ins--norail{grid-template-columns:minmax(0,1fr) 230px!important}
.ap-ins--mrail.ap-ins--dashrail:not(.ap-ins--norail){grid-template-columns:44px minmax(0,1fr) 230px!important}
.ap-ins--mrail:not(.ap-ins--dashrail):not(.ap-ins--norail){grid-template-columns:320px minmax(0,1fr) 230px!important}
.ap-ins--mrail>.ap-mrail{grid-column:-2;grid-row:1/-1;height:100%;min-height:0}
.ap-ins--mrail>.gl-bx-read{grid-column:-3;grid-row:1/-1;min-height:0}
.ap-mrail{width:230px;flex:none;border-left:1px solid #e5ebf1;background:#fff;overflow:auto;padding:0 16px 18px;box-sizing:border-box}
.ap-mrail__hd{height:56px;display:flex;align-items:center;gap:10px;flex:none}
.ap-mrail__collapse{width:22px;height:22px;flex:none;border:none;background:none;border-radius:7px;color:#050301;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;padding:0}
.ap-mrail__collapse:hover{background:#f3f6f9}
/* Collapsed: just the button, no white column — matches the Results filter rail */
.ap-mrail.is-collapsed{width:56px;min-width:56px;background:transparent;border-left:none;overflow:visible;padding:0}
.ap-mrail.is-collapsed .ap-mrail__hd{height:56px;justify-content:center}
.ap-mrail.is-collapsed .ap-mrail__collapse{width:30px;height:30px;border:1px solid #e5ebf1;border-radius:8px;background:#fff}
.ap-mrail.is-collapsed .ap-mrail__collapse:hover{background:#f3f6f9}
.ap-ins--mrail:has(.ap-mrail.is-collapsed).ap-ins--norail{grid-template-columns:minmax(0,1fr) 56px!important}
.ap-ins--mrail:has(.ap-mrail.is-collapsed).ap-ins--dashrail:not(.ap-ins--norail){grid-template-columns:44px minmax(0,1fr) 56px!important}
.ap-ins--mrail:has(.ap-mrail.is-collapsed):not(.ap-ins--dashrail):not(.ap-ins--norail){grid-template-columns:320px minmax(0,1fr) 56px!important}
.ap-mrail__body{animation:ap-mrail-in .18s ease both}
@keyframes ap-mrail-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.ap-mrail__h{font-size:15px;font-weight:700;margin:0;color:#050301}
.ap-mrail__s{font-size:11px;color:#636c79;line-height:1.5;margin:0 0 12px;text-wrap:pretty}
.ap-mrail__r{display:flex;gap:9px;font-size:10.5px;line-height:1.45;padding:10px 0;border-top:1px solid #eef2f6;color:#636c79}
.ap-mrail__r:first-of-type{border-top:none}
.ap-mrail__r i{color:#3a8518;font-size:14px;flex:none;margin-top:1px}
.ap-mrail__r b{display:block;font-size:11.5px;color:#050301;margin-bottom:2px;font-weight:700}
.ap-mrail__link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;background:none;border:none;padding:0;font:inherit;font-size:11.5px;font-weight:600;color:#3a8518;cursor:pointer}
.ap-mrail__link:hover{color:#2b6418}