/* BoardFlow Patch 008 — Connector Studio, scoped to .studio-page. */
.studio-page{gap:17px}.studio-page .studio-hero{background:linear-gradient(115deg,#102039,#173966 65%,#245994)}
.studio-stepbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.studio-stepbar>span{display:flex;align-items:center;gap:8px;padding:12px 13px;background:#fff;border:1px solid #e2e9f4;border-radius:12px;color:#8190a7;font-size:11px;font-weight:750}
.studio-stepbar>span.current{color:#2458d4;background:#eaf1ff;border-color:#bfcffd}.studio-stepbar b{display:grid;place-items:center;width:24px;height:24px;flex:none;color:#59708d;background:#edf2fa;border-radius:7px;font-size:10px}.studio-stepbar .current b{background:#285fe6;color:#fff}.studio-stepbar strong{margin-left:auto;color:#0b8558}
.studio-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-kpis .card{padding:18px 20px;display:grid;gap:7px}.studio-kpis small{font-size:11px;color:#8090a7}.studio-kpis strong{font-size:16px;color:#1d3150}
.studio-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.studio-toolbar form{margin:0}.studio-toolbar .btn{white-space:normal}
.studio-page .studio-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:17px;align-items:start}
.studio-page .studio-panel{padding:24px;min-width:0}.studio-page .studio-panel h2{margin:0 0 12px;font-size:17px;color:#1a2944}
.studio-panel-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.studio-panel-title h2{margin:0!important}.studio-number{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:#eaf1ff;color:#2860db;font-size:14px;font-weight:850}.studio-section{margin:18px 0 12px;padding-top:18px;border-top:1px solid #e6edf7}
.studio-baseurl{display:grid;gap:6px;margin-bottom:17px;background:#f6f9ff;border:1px solid #e6ecf6;padding:12px 14px;border-radius:11px}.studio-baseurl small{font-size:10px;font-weight:800;color:#8594ac;text-transform:uppercase;letter-spacing:.08em}.studio-baseurl code{font-size:12px;overflow-wrap:anywhere;color:#294c85}
.studio-page .studio-fieldmap{display:grid;grid-template-columns:minmax(110px,1fr) 18px minmax(120px,1.3fr);gap:10px;align-items:center;margin-bottom:8px;background:#f9fbff;border:1px solid #edf1f8;padding:9px 11px;border-radius:11px}.studio-fieldmap span:first-child{display:grid;gap:5px}.studio-fieldmap code{color:#7b8ca6;font-size:10px;font-weight:500}.studio-fieldmap .studio-arrow{text-align:center;color:#7194dc;font-size:18px;font-weight:850}.studio-fieldmap input{width:100%;margin:0!important}
.studio-page .studio-callout{background:#eaf4ff;border:1px solid #cee4fb;border-radius:12px;color:#315781;padding:14px 17px;font-size:12px;line-height:1.6}.studio-page .studio-callout.warning{background:#fff7e7;border-color:#f2dfb5;color:#79531a}.studio-callout ul{margin:7px 0 0;padding-left:22px}.studio-submit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #e6edf7;padding-top:17px}.studio-submit span,.studio-help{font-size:11px;color:#8291a5;font-weight:450}
.studio-page .studio-aside{display:grid;gap:16px}.studio-page .studio-aside .studio-panel{padding:21px}.studio-checklist{display:grid;gap:12px;padding-left:21px;margin:0;color:#586d87;font-size:12px;line-height:1.55}.studio-checklist li::marker{color:#2e65de;font-weight:850}
.studio-request{display:flex;align-items:center;gap:10px;margin-bottom:15px;overflow-wrap:anywhere;background:#f6f9ff;border:1px solid #e5ecf6;padding:11px;border-radius:10px}.studio-request code{font-size:12px;word-break:break-all}.studio-method{background:#dcf5e8;color:#137949;font-size:10px;font-weight:900;padding:5px 9px;border-radius:6px}.studio-json{background:#112139;color:#e6efff;padding:20px;border-radius:12px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:540px;overflow:auto}.studio-version{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e8edf5;padding:16px 0}.studio-version:last-of-type{border-bottom:0}.studio-version-head{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.studio-version-head strong{color:#1f3453}.studio-version-head span,.studio-version small{color:#8191a7;font-size:11px}.studio-version p{margin:5px 0;font-size:12px;color:#4c617e}.studio-version .btn{white-space:nowrap}
@media(max-width:960px){.studio-page .studio-layout{grid-template-columns:1fr}}@media(max-width:740px){.studio-stepbar{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-kpis{grid-template-columns:1fr}.studio-page .studio-fieldmap{grid-template-columns:minmax(82px,1fr) 12px minmax(100px,1.15fr);padding:8px}.studio-page .studio-panel{padding:17px}.studio-version{align-items:flex-start;flex-direction:column}.studio-version form,.studio-version button{width:100%}}