/* =========================================================
   ops-brain-inspector.css
   ========================================================= */
:root{
  --vv-inspector-stroke: rgba(255,255,255,0.14);
  --vv-inspector-stroke-2: rgba(255,255,255,0.10);
  --vv-inspector-bg: rgba(10,14,18,0.74);
  --vv-inspector-card: rgba(12,16,22,0.58);
  --vv-inspector-text: #e7eef6;
  --vv-inspector-muted: rgba(231,238,246,0.72);
}

.vv-inspector{
  margin-top: 16px;
  border: 1px solid var(--vv-inspector-stroke);
  border-radius: 18px;
  background: var(--vv-inspector-bg);
  box-shadow: 0 18px 60px rgba(0,0,0,0.40);
  overflow: hidden;
}

.vv-inspector__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--vv-inspector-stroke-2);
  background: linear-gradient(180deg, rgba(134,240,255,0.06), rgba(0,0,0,0));
}

.vv-inspector__title{
  font-weight: 900;
  letter-spacing: .3px;
  color: var(--vv-inspector-text);
}

.vv-inspector__sub{
  margin-top: 4px;
  font-size: 12px;
  color: var(--vv-inspector-muted);
}

.vv-inspector__actions{
  display:flex;
  gap: 8px;
}

.vv-inspector__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px 16px;
}

@media (max-width: 860px){
  .vv-inspector__grid{ grid-template-columns: 1fr; }
}

.vv-card{
  border: 1px solid var(--vv-inspector-stroke-2);
  border-radius: 16px;
  background: var(--vv-inspector-card);
  padding: 12px;
}

.vv-card--span2{
  grid-column: span 2;
}
@media (max-width: 860px){
  .vv-card--span2{ grid-column: auto; }
}

.vv-card__title{
  font-size: 12px;
  letter-spacing: .25px;
  text-transform: uppercase;
  font-weight: 900;
  color: var(--vv-inspector-muted);
  margin-bottom: 8px;
}

.vv-pre{
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  line-height: 1.35;
  color: var(--vv-inspector-text);
}

.vv-btn{
  appearance:none;
  border: 1px solid var(--vv-inspector-stroke-2);
  background: rgba(255,255,255,0.06);
  color: var(--vv-inspector-text);
  border-radius: 12px;
  padding: 8px 10px;
  font-weight: 800;
  font-size: 12px;
  cursor:pointer;
}
.vv-btn:hover{ background: rgba(255,255,255,0.10); }
.vv-btn--ghost{ background: rgba(255,255,255,0.04); }