.oi-view-controls {
  grid-column: 1 / -1;
  position: sticky;
  top: 10px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(216, 161, 58, .24);
  border-radius: 18px;
  padding: 10px 12px;
  background: rgba(5, 18, 32, .9);
  backdrop-filter: blur(12px);
}
.oi-view-controls strong { color: #fff4d8; }
.oi-view-controls span { color: var(--muted); font-size: .82rem; }
.oi-view-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.oi-view-actions button { border: 1px solid rgba(240, 197, 111, .25); border-radius: 999px; padding: 7px 10px; background: rgba(255,255,255,.04); color: #f2d891; cursor: pointer; font-weight: 700; font-size: .76rem; }
.oi-view-actions button:hover,.oi-view-actions button:focus-visible { border-color: rgba(240,197,111,.55); background: rgba(216,161,58,.12); outline: none; }
.oi-compact-view .oi-index-stat-grid,.oi-compact-view .oi-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.oi-compact-view .oi-signal-grid,.oi-compact-view .oi-flow-grid,.oi-compact-view .oi-maturity-grid { max-height: 420px; overflow: auto; padding-right: 4px; }
.oi-focus-view #review-brief-preview-generator,.oi-focus-view #controlled-draft-proposal-sandbox,.oi-focus-view #proposal-review-gate-checklist,.oi-focus-view #draft-audit-trail-preview,.oi-focus-view #controlled-draft-rollback-preview,.oi-focus-view #draft-activation-readiness-map,.oi-focus-view #draft-permission-simulation-matrix,.oi-focus-view #draft-evidence-packet-preview,.oi-focus-view #draft-packet-completeness-scorecard,.oi-focus-view #human-review-action-queue,.oi-focus-view #recommendation-confidence-matrix,.oi-focus-view #signal-readiness-panel { display: none !important; }
.oi-focus-view .oi-consolidation-note::after { content: ' Focus View is active. Deep preview panels are hidden temporarily for faster review.'; color: #fff4d8; }
@media (max-width: 900px) { .oi-view-controls { position: static; align-items: flex-start; flex-direction: column; } .oi-view-actions { justify-content: flex-start; } .oi-compact-view .oi-index-stat-grid,.oi-compact-view .oi-stat-grid { grid-template-columns: 1fr; } }