/* Site integration for the pinned upstream dashboard. */
body { background:#0a0d14; color:#f0f4fc; }
.site-header { display:block; margin:0; padding:16px 0; }
.site-header a, .site-footer, .turbine-intro a { color:#d8e9ff; }
.site-header ul { margin:0; }
.turbine-intro { max-width:1352px; margin:24px auto; padding:0 24px; }
.turbine-intro p { margin:12px 0; }
.turbine-intro button { padding:12px 20px; background:#235aa8; color:white; border:1px solid #8cbaff; border-radius:8px; cursor:pointer; }
.turbine-intro code { overflow-wrap:anywhere; }
#turbine-dashboard a { color:#94c7ff; }
#turbine-dashboard table { display:block; overflow-x:auto; }
#turbine-dashboard .grid-2 > * { min-width:0; }
#turbine-dashboard .card-title { flex-wrap:wrap; gap:8px; }
#turbine-dashboard .container { width:100%; }
button:focus-visible, a:focus-visible, input:focus-visible, summary:focus-visible { outline:3px solid #facc15; outline-offset:3px; }
@media(max-width:600px) { #turbine-dashboard .container { padding:12px; } #turbine-dashboard .viewport-container { height:420px; } #turbine-dashboard .viewport-overlay { max-width:65%; } }
@media(prefers-reduced-motion:reduce) { .spinner { animation:none !important; } }

/* Narrow screens retain a single, natural reading/keyboard order. */
#turbine-dashboard .grid-2 { grid-template-columns:minmax(0, 1fr); }
#turbine-dashboard .card { grid-column:auto; min-height:0; display:block; }
#turbine-dashboard .card:hover { transform:none; }
.turbine-sidebar { display:flex; flex-direction:column; gap:16px; min-width:0; }
.turbine-live-data .card-title { margin-top:0 !important; }
.turbine-live-data .metric-row { gap:12px; flex-wrap:wrap; }
.turbine-live-data .metric-val { color:#e2ecfa; }
.turbine-engineering-details { margin-top:12px; }
.turbine-engineering-details summary { cursor:pointer; padding:8px 0; color:#b8cdeb; }
#turbine-dashboard .viewport-cam-bar { flex-wrap:wrap; max-width:100%; }
#turbine-dashboard .view-tabs { flex-wrap:wrap; }
@media(min-width:1200px) {
  #turbine-dashboard .container, .turbine-intro { max-width:1680px; }
  #turbine-dashboard .turbine-workbench { grid-template-columns:minmax(0, 1.65fr) minmax(390px, 1fr); align-items:start; }
  #turbine-dashboard .turbine-viewer { position:sticky; top:16px; }
  #turbine-dashboard .turbine-viewer .viewport-container { height:clamp(400px, calc(100dvh - 220px), 760px); }
  .turbine-controls { max-height:clamp(300px, calc(100dvh - 340px), 600px); overflow-y:auto; scrollbar-gutter:stable; }
  .turbine-controls .control-group { margin-bottom:14px; }
  .turbine-live-data { padding:14px 18px; }
  .turbine-live-data .metric-row { padding:6px 0; }
}