/* Styles for the in-page PST reader.
   The markup in index.html uses only classes defined in the site stylesheet, so
   every class below is applied from app.js at runtime (nothing here needs a
   class attribute in the HTML). Colours come from the site's own variables. */

.pst-panel {
  margin-top: 0.5rem;
}

.pst-kpis {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.pst-kpi {
  padding: 0.9rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background-color: var(--surface);
}

.pst-kpi__value {
  display: block;
  font-size: 1.65rem;
  font-weight: 650;
  line-height: 1.15;
  color: var(--accent);
  overflow-wrap: anywhere;
}

.pst-kpi__label {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: var(--muted);
}

.pst-kpi--store .pst-kpi__value {
  font-size: 1.0625rem;
  color: var(--text);
}

.pst-tree {
  margin: 0.25rem 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.9375rem;
}

.pst-node {
  margin: 0;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid var(--rule);
  color: var(--text);
}

.pst-node__count {
  margin-left: 0.5rem;
  color: var(--faint);
  font-size: 0.8125rem;
}

.pst-depth-0 { padding-left: 0.5rem; }
.pst-depth-1 { padding-left: 1.5rem; }
.pst-depth-2 { padding-left: 2.5rem; }
.pst-depth-3 { padding-left: 3.5rem; }
.pst-depth-4 { padding-left: 4.5rem; }
.pst-depth-5 { padding-left: 5.5rem; }
.pst-depth-6 { padding-left: 6rem; }
.pst-depth-7 { padding-left: 6.5rem; }
.pst-depth-8 { padding-left: 7rem; }

.pst-msg {
  margin: 0 0 0.9rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background-color: var(--surface);
}

.pst-msg__subject {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text);
  overflow-wrap: anywhere;
}

.pst-msg__meta {
  margin: 0.3rem 0 0;
  font-size: 0.8125rem;
  color: var(--muted);
  overflow-wrap: anywhere;
}

.pst-msg__body {
  margin: 0.55rem 0 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--text);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.pst-error {
  margin: 0;
  padding: 0.85rem 1rem;
  border: 1px solid var(--accent);
  border-radius: var(--radius-sm);
  background-color: var(--bg-soft);
  color: var(--text);
  overflow-wrap: anywhere;
}

.pst-muted {
  margin: 0;
  color: var(--faint);
  font-size: 0.875rem;
}

.pst-list {
  margin: 0.6rem 0 0;
  padding-left: 1.15rem;
  color: var(--muted);
  font-size: 0.875rem;
}