.observer-center{--observer-gold:#d6ad55;--observer-line:#20344a}
.observer-title{display:flex;align-items:center;gap:12px}.observer-title img{width:38px;height:38px;object-fit:contain}.observer-title h2{margin:0 0 5px;font-size:17px}.observer-title p{margin:0;color:var(--muted);font-size:12px}
.observer-readonly{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 9px;border:1px solid rgba(69,221,160,.28);border-radius:999px;background:rgba(69,221,160,.07);color:var(--green);font-size:9px;font-weight:800;letter-spacing:.08em}.observer-readonly::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.observer-status-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px}.observer-status-copy{display:flex;align-items:center;gap:13px}.observer-status-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid rgba(214,173,85,.3);border-radius:12px;background:rgba(214,173,85,.06)}.observer-status-icon img{width:30px;height:30px}.observer-status-card h3{margin:0 0 5px;font-size:15px}.observer-status-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.observer-actions{display:flex;gap:9px;flex:none}.observer-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-decoration:none;white-space:nowrap}.observer-actions .observer-download{background:transparent}
.observer-center-message{min-height:0;margin:0 0 12px}.observer-center-message:empty{display:none}
.observer-multiplatform-card{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;align-items:center;margin-bottom:18px;padding:22px;border-color:#24384a;background:linear-gradient(135deg,rgba(200,155,75,.055),rgba(9,21,34,.96) 46%,rgba(7,17,27,.98));box-shadow:0 14px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(228,193,121,.025)}.observer-multiplatform-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,var(--brand-gold,#c89b4b),transparent);opacity:.8}.observer-multiplatform-copy{display:flex;align-items:center;gap:16px;min-width:0}.observer-multiplatform-icon{display:block;width:48px;height:48px;min-width:48px;min-height:48px;flex:0 0 48px;border:0;border-radius:0;background:transparent;overflow:visible}.observer-multiplatform-icon img{display:block;width:48px;height:48px;max-width:48px;max-height:48px;object-fit:contain}.observer-multiplatform-kicker{display:block;margin-bottom:6px;color:var(--brand-gold-highlight,#e4c179);font-size:8px;font-weight:850;letter-spacing:.13em}.observer-multiplatform-card h3{margin:0 0 7px;color:var(--brand-ice,#f6f7f8);font-size:18px;letter-spacing:-.018em}.observer-multiplatform-card p{max-width:720px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.observer-platform-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.observer-platform-pills>span{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;min-height:36px;padding:8px 10px;border:1px solid #24384a;border-radius:11px;background:rgba(7,17,27,.76);color:#dfe7ed;font-size:10px;font-weight:750}.observer-platform-pills>span>i{width:6px;height:6px;border-radius:50%;background:#75879a}.observer-platform-pills>span>small{color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.observer-platform-pills>span.is-live>i{background:var(--green);box-shadow:0 0 0 4px rgba(69,221,160,.08)}.observer-platform-pills>span.is-live>small{color:var(--green)}.observer-platform-pills>span.is-planned>i,.observer-platform-pills>span.is-roadmap>i{background:var(--observer-gold)}.observer-platform-pills>span.is-planned>small,.observer-platform-pills>span.is-roadmap>small{color:var(--observer-gold)}.observer-platform-pills>span.is-roadmap{grid-column:1/-1}.observer-platform-pills>span>b{font:inherit}.observer-connectors-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:2px 0 11px}.observer-connectors-head h3{margin:0 0 4px;font-size:14px}.observer-connectors-head p{margin:0;color:var(--muted);font-size:10px}.observer-connectors-head>span{padding:5px 8px;border:1px solid rgba(69,221,160,.18);border-radius:999px;background:rgba(69,221,160,.05);color:var(--green);font-size:8px;font-weight:850;letter-spacing:.08em}.observer-platform-mark--futures{font-size:7px;letter-spacing:.06em}
.observer-summary{margin-bottom:22px}.observer-summary .observer-mini{border-radius:18px}
.observer-section{margin-top:22px}.observer-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.observer-section-head h3{margin:0 0 5px;font-size:16px}.observer-section-head p{margin:0;color:var(--muted);font-size:11px}.observer-section-head a{color:var(--accent);font-size:11px;text-decoration:none}
.observer-support-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;margin-top:22px}.observer-support-card{padding:18px}.observer-support-card .section-heading{margin-bottom:16px}
.observer-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.observer-step{min-height:86px;padding:11px;border:1px solid #1d3247;border-radius:12px;background:#091522}.observer-step span{display:grid;place-items:center;width:22px;height:22px;margin-bottom:9px;border-radius:50%;background:#132b40;color:var(--accent);font-size:10px;font-weight:800}.observer-step b{display:block;font-size:10px;line-height:1.45}.observer-connect-inline{margin-top:14px}
.observer-platform-list{display:grid}.observer-platform-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #192c3f}.observer-platform-row:last-child{border-bottom:0}.observer-platform-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #2a4259;border-radius:9px;background:#0a1724;color:#bdd0df;font-size:9px;font-weight:800}.observer-platform-row strong{display:block;font-size:11px}.observer-platform-row small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.observer-platform-status{padding:5px 7px;border-radius:999px;background:#132338;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.observer-platform-status.available{border:1px solid rgba(69,221,160,.2);background:rgba(69,221,160,.07);color:var(--green)}
.observer-boundary{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:16px;padding:14px 16px;border:1px solid rgba(69,221,160,.18);border-radius:14px;background:rgba(69,221,160,.035)}.observer-boundary strong{font-size:9px;color:var(--green);letter-spacing:.09em}.observer-boundary p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.observer-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(2,7,12,.76);backdrop-filter:blur(7px)}.observer-modal-panel{width:min(650px,100%);max-height:90dvh;overflow:auto;border:1px solid #294158;border-radius:20px;background:#0b1724;box-shadow:0 30px 90px rgba(0,0,0,.5)}.observer-modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--observer-line);background:rgba(11,23,36,.98)}.observer-modal-head h3{margin:0 0 5px;font-size:16px}.observer-modal-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.observer-modal-close{width:34px;height:34px;flex:none;padding:0;border-radius:10px}.observer-modal-steps{padding:18px 20px 0}.observer-pairing-current{margin:16px 20px 20px;border-color:#294158;box-shadow:none}.observer-pairing-current .section-heading{margin-bottom:14px}.observer-code-note{margin:10px 0 0;color:var(--muted);font-size:10px}
@media(max-width:1050px){.observer-multiplatform-card{grid-template-columns:1fr}.observer-support-grid{grid-template-columns:1fr}.observer-steps{grid-template-columns:repeat(4,minmax(110px,1fr));overflow-x:auto;padding-bottom:3px}}
@media(max-width:820px){.observer-multiplatform-card{padding:17px}.observer-platform-pills{grid-template-columns:1fr}.observer-platform-pills>span.is-roadmap{grid-column:auto}.observer-status-card{align-items:stretch;flex-direction:column}.observer-actions{display:grid;grid-template-columns:1fr 1fr}.observer-title{align-items:flex-start}.observer-title img{width:34px;height:34px}.observer-section-head{align-items:flex-start}.observer-boundary{grid-template-columns:1fr}.observer-modal{padding:10px}.observer-modal-panel{max-height:94dvh}.observer-pairing-current{margin:14px}.observer-modal-steps{padding:14px 14px 0}.observer-pairing-fields{grid-template-columns:1fr!important}}
@media(max-width:480px){.observer-multiplatform-copy{align-items:flex-start}.observer-multiplatform-icon{width:42px;height:42px;min-width:42px;min-height:42px;flex-basis:42px}.observer-multiplatform-icon img{width:42px;height:42px;max-width:42px;max-height:42px}.observer-connectors-head{align-items:flex-start}.observer-readonly{font-size:8px}.observer-status-copy{align-items:flex-start}.observer-actions{grid-template-columns:1fr}.observer-steps{grid-template-columns:repeat(4,116px)}}




/* Observer post-Tradovate visual cleanup */
[data-view="observer"] .observer-platform-pills>span.is-beta{
  border-color:rgba(200,155,75,.26);
}
[data-view="observer"] .observer-platform-pills>span.is-beta>i{
  background:var(--brand-gold-highlight,#e4c179);
  box-shadow:0 0 0 4px rgba(200,155,75,.07);
}
[data-view="observer"] .observer-platform-pills>span.is-beta>small{
  color:var(--brand-gold-highlight,#e4c179);
}
[data-view="observer"] .observer-platform-pills>.observer-platform-wide{
  grid-column:1/-1;
}
[data-view="observer"] .observer-status-card{
  margin:0 0 12px!important;
}
[data-view="observer"] .observer-status-card + .observer-status-card{
  margin-top:0!important;
}
[data-view="observer"] .observer-connectors-head{
  margin-top:4px;
  margin-bottom:12px;
}
[data-view="observer"] #syncManagerPanel{
  margin-top:22px!important;
}
[data-view="observer"] .observer-tradovate-card{
  border-color:rgba(200,155,75,.24);
}
[data-view="observer"] .observer-tradovate-card .observer-platform-title-row{
  flex-wrap:wrap;
}
[data-view="observer"] .observer-tradovate-card .observer-connect-drawer{
  border-top-color:rgba(200,155,75,.16);
}
[data-view="observer"] .observer-support-grid{
  margin-top:20px;
}
@media(max-width:820px){
  [data-view="observer"] .observer-platform-pills>.observer-platform-wide{
    grid-column:auto;
  }
}