.fp-pro-page { padding-bottom:64px; }
.fp-pro-page .platform-nav { max-width:1260px; margin-bottom:36px; }
.fp-pro-page .platform-switcher a { min-width:92px; }
.fp-pro-hero { max-width:1260px; margin:0 auto 22px; align-items:stretch; }
.fp-pro-copy { flex:1 1 700px; padding:8px 0; }
.fp-pro-copy h1 { max-width:780px; margin:8px 0 12px; font-size:40px; line-height:1.05; }
.fp-pro-copy .lede { max-width:790px; font-size:15px; }
.fp-pro-boundary { width:min(360px,100%); padding:18px; align-self:stretch; border-radius:18px; background:linear-gradient(145deg,rgba(27,31,39,.98),rgba(15,17,22,.98)); box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.22); }
.fp-pro-boundary strong { display:block; margin-bottom:6px; color:var(--yellow); }
.fp-pro-boundary p { margin:0; color:var(--muted); font-size:12px; text-wrap:pretty; }
.fp-pro-main { max-width:1260px; margin:0 auto; display:grid; gap:14px; }
.fp-pro-controls,.fp-pro-panel { padding:20px; border-radius:20px; background:var(--panel); box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.22); }
.section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:16px; }
.section-heading h2 { margin:4px 0 0; font-size:20px; line-height:1.15; text-wrap:balance; }
.state-pill { min-height:28px; padding:5px 10px; border-radius:999px; display:inline-flex; align-items:center; font-size:11px; font-weight:650; white-space:nowrap; box-shadow:0 0 0 1px currentColor inset; }
.state-pending { color:var(--yellow); background:rgba(244,197,106,.08); }
.state-ready { color:var(--green); background:rgba(112,220,155,.08); }
.state-error { color:var(--red); background:rgba(255,123,129,.08); }
.fp-pro-form { display:grid; grid-template-columns:.8fr 1.25fr 1.15fr .9fr .7fr; gap:10px; }
.fp-pro-form label { display:flex; min-width:0; flex-direction:column; gap:5px; color:var(--muted); font-size:11px; }
.fp-pro-form input,.fp-pro-form select { width:100%; min-width:0; }
.fp-pro-actions { margin-top:14px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.secondary-link { min-height:44px; margin-left:auto; padding:0 12px; display:inline-flex; align-items:center; gap:7px; color:var(--blue); text-decoration:none; font-weight:650; border-radius:9px; transition-property:background-color,color,transform; transition-duration:140ms; }
.secondary-link:active { transform:scale(.96); }
.capture-status { min-height:20px; margin:12px 0 0; color:var(--muted); font:12px ui-monospace,"SF Mono",Menlo,monospace; font-variant-numeric:tabular-nums; }
.fp-pro-headline { display:grid; grid-template-columns:1.3fr 1.3fr repeat(4,.7fr); gap:1px; overflow:hidden; border-radius:16px; background:var(--line); box-shadow:0 0 0 1px rgba(255,255,255,.06); }
.fp-pro-headline article { min-width:0; padding:14px; background:#12151a; }
.fp-pro-headline span { display:block; margin-bottom:5px; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.07em; }
.fp-pro-headline strong,.fp-pro-headline code { display:block; overflow:hidden; color:var(--text); font-size:13px; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }
.fp-pro-headline code { color:var(--green); }
.legend { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; }
.dot { width:8px; height:8px; margin-left:6px; border-radius:50%; }
.dot.observed { background:var(--green); box-shadow:0 0 12px rgba(112,220,155,.5); }
.dot.unavailable { background:#555d6d; }
.dot.failed { background:var(--red); }
.signal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.signal-card { min-height:76px; padding:11px; display:flex; flex-direction:column; border-radius:13px; background:#171a20; box-shadow:0 0 0 1px rgba(255,255,255,.065); }
.signal-card strong { overflow:hidden; font:11px ui-monospace,"SF Mono",Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.signal-card small { margin-top:auto; color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }
.signal-card.observed strong { color:var(--green); }
.signal-card.failed strong { color:var(--red); }
.signal-card.unavailable { opacity:.62; }
.run-reference { max-width:55%; overflow:hidden; color:var(--muted); font:11px ui-monospace,"SF Mono",Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.event-list { display:grid; gap:8px; }
.event-card { overflow:hidden; border-radius:14px; background:#101217; box-shadow:0 0 0 1px rgba(255,255,255,.07); }
.event-card summary { min-height:52px; padding:11px 14px; display:grid; grid-template-columns:72px minmax(180px,1fr) minmax(120px,.7fr) auto; gap:12px; align-items:center; cursor:pointer; }
.event-card summary::marker { color:var(--muted); }
.event-index { color:var(--blue); font-weight:700; }
.event-card code { overflow:hidden; color:var(--green); font:11px ui-monospace,"SF Mono",Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
.event-card time { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.event-card .event-products { color:var(--text); font-size:11px; font-variant-numeric:tabular-nums; }
.event-card pre { max-height:620px; }
@media (hover:hover) {
  .secondary-link:hover { color:var(--text); background:rgba(255,255,255,.045); }
  .signal-card:hover { box-shadow:0 0 0 1px rgba(255,255,255,.12); }
}
@media (max-width:1000px) {
  .fp-pro-form { grid-template-columns:1fr 1fr 1fr; }
  .fp-pro-headline { grid-template-columns:repeat(3,1fr); }
  .signal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:800px) {
  .fp-pro-page .platform-nav { align-items:flex-start; flex-direction:column; }
  .fp-pro-page .platform-switcher { width:100%; }
  .fp-pro-page .platform-switcher a { min-width:0; flex:1; }
  .fp-pro-hero { flex-direction:column; }
  .fp-pro-copy h1 { font-size:32px; }
  .fp-pro-boundary { width:100%; }
  .fp-pro-form { grid-template-columns:1fr 1fr; }
  .secondary-link { width:100%; margin-left:0; justify-content:center; }
  .fp-pro-headline { grid-template-columns:1fr 1fr; }
  .signal-grid { grid-template-columns:1fr 1fr; }
  .event-card summary { grid-template-columns:64px 1fr auto; }
  .event-card time { display:none; }
}
@media (max-width:480px) {
  .fp-pro-controls,.fp-pro-panel { padding:16px; border-radius:18px; }
  .section-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  .fp-pro-form,.fp-pro-headline,.signal-grid { grid-template-columns:1fr; }
  .fp-pro-form input,.fp-pro-form select { font-size:16px; }
  .fp-pro-actions button { width:100%; }
  .legend { flex-wrap:wrap; }
  .event-card summary { grid-template-columns:58px 1fr; }
  .event-card .event-products { grid-column:1 / -1; }
}
@media (prefers-reduced-motion:reduce) {
  .secondary-link { transition:none; }
}