.view { padding: 20px; max-width: 1100px; margin: 0 auto; }
.view[hidden] { display: none; }

.finding {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-left: 4px solid var(--border);
  border-radius: var(--radius);
  padding: 12px 16px;
  margin-bottom: 10px;
}
.finding.severity-critical { border-left-color: var(--severity-critical); }
.finding.severity-major { border-left-color: var(--severity-major); }
.finding.severity-minor { border-left-color: var(--severity-minor); }
.finding-header { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.finding-category {
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-dim);
  padding: 2px 6px;
  border: 1px solid var(--border);
  border-radius: 3px;
}
.finding-title { margin: 0; font-size: 1.0em; }
.finding-section { color: var(--text-dim); font-family: monospace; font-size: 0.85em; }
.finding-journeyman { margin: 8px 0 0; color: var(--text); }
.finding-apprentice { margin-top: 8px; }
.finding-why-label {
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--severity-minor);
  font-weight: 700;
  margin-bottom: 4px;
}
.finding-why { margin: 0 0 8px; }
.finding-protip {
  margin: 8px 0 0;
  padding: 8px 10px;
  background: rgba(125, 216, 125, 0.08);
  border-left: 3px solid var(--severity-minor);
  border-radius: 3px;
  font-size: 0.9em;
}
.glance-verdict {
  padding: 14px 18px;
  border-radius: var(--radius);
  font-size: 1.2em;
  margin-bottom: 18px;
  text-align: center;
}
.glance-verdict--GO { background: var(--verdict-go); color: #072d0f; }
.glance-verdict--REVIEW { background: var(--verdict-review); color: #2d1b00; }
.glance-verdict--NO_GO { background: var(--verdict-nogo); color: #2b0707; }
.glance-heading {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-dim);
  margin: 16px 0 8px;
}
.glance-counts { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.glance-counts li { padding: 6px 12px; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius); }
.glance-cat { text-transform: capitalize; }
.glance-empty { color: var(--text-dim); font-style: italic; }

.browse-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-bottom: 14px; }
.kpi { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 14px; }
.kpi-label { color: var(--text-dim); font-size: 0.7em; text-transform: uppercase; letter-spacing: 1px; }
.kpi-value { font-size: 1.4em; font-weight: 700; margin-top: 4px; }
.browse-tabs { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 14px; }
.browse-tab { background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: var(--radius); padding: 6px 12px; cursor: pointer; font-size: 0.9em; }
.browse-tab--active { background: var(--accent); color: #001822; border-color: var(--accent); font-weight: 700; }

.dig { display: grid; grid-template-columns: 280px 1fr; gap: 16px; }
@media (max-width: 800px) { .dig { grid-template-columns: 1fr; } }
.dig-sidebar { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px; }
.dig-heading { font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; color: var(--text-dim); margin: 0 0 8px; }
.dig-list { list-style: none; padding: 0; margin: 0; }
.dig-item {
  padding: 8px 10px;
  border-left: 3px solid var(--border);
  border-radius: 3px;
  margin-bottom: 4px;
  cursor: pointer;
}
.dig-item.severity-critical { border-left-color: var(--severity-critical); }
.dig-item.severity-major { border-left-color: var(--severity-major); }
.dig-item.severity-minor { border-left-color: var(--severity-minor); }
.dig-item--active { background: rgba(100, 200, 255, 0.1); }
.dig-item__section { font-family: monospace; color: var(--text-dim); font-size: 0.8em; }
.dig-item__title { font-size: 0.95em; }
.dig-pane { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; }
.dig-source__quote {
  background: #3a2a1a;
  border-left: 4px solid var(--severity-major);
  padding: 12px 14px;
  border-radius: var(--radius);
  font-family: Georgia, serif;
  margin: 12px 0 0;
}
.dig-empty { color: var(--text-dim); font-style: italic; }