/* WP33 developer product surfaces — additive to the canonical SportsFoundry shell. */
.developer-status{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:6px 10px;border:1px solid rgba(32,217,121,.18);border-radius:999px;background:rgba(32,217,121,.07);color:#8ceeb4;font-size:12px;font-weight:750}
.developer-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sport-highlight)}
.sdk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sdk-card{min-height:250px}
.sdk-card .package-coordinate{display:block;margin:14px 0;padding:11px 13px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(3,7,9,.72);font-family:"SFMono-Regular",Consolas,monospace;font-size:13px;overflow-wrap:anywhere}
.sdk-card .registry{color:#788991;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.developer-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.developer-meta span{padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#84959d;font-size:11px}
.migration-table{width:100%;min-width:820px}
.migration-state{font-weight:800;color:#83e9aa}
.migration-state.partial{color:#efc178}
.migration-state.none{color:#9ba9b1}
.developer-callout{padding:20px;border:1px solid rgba(32,217,121,.15);border-radius:16px;background:rgba(16,40,31,.2)}
.developer-callout h3{margin-top:0}
.developer-callout p:last-child{margin-bottom:0}
.developer-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:820px){.sdk-grid{grid-template-columns:1fr}}

.authenticated-console .section-heading{max-width:780px}
.developer-runner-body{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);min-height:430px}
.developer-runner-fields{padding:24px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:16px}
.developer-runner-fields label{display:flex;flex-direction:column;gap:7px;color:#c6d1d6;font-size:12px;font-weight:750;letter-spacing:.02em}
.developer-runner-fields input,.developer-runner-fields select{width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#071014;color:#edf4f6;font:inherit}
.developer-runner-fields input:focus,.developer-runner-fields select:focus{outline:2px solid rgba(32,217,121,.28);outline-offset:1px}
.developer-runner-fields small{margin-top:-9px;color:#758790;line-height:1.5}
.developer-key-note{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.025);color:#7f9098;font-size:12px;line-height:1.55}
.developer-key-note strong{color:#c9d4d8}
.developer-runner-response{min-width:0;padding:18px;display:flex;flex-direction:column}
.developer-runner-response .response-code{flex:1;min-height:300px;margin:12px 0 0;overflow:auto}
#request-correlation{overflow-wrap:anywhere}
@media(max-width:900px){.developer-runner-body{grid-template-columns:1fr}.developer-runner-fields{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}