/* Styles for the v2 (typed JSON Lines) log view. Builds on index.html + theme.css variables. */
.v2-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.v2-kpi {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.75rem 0.9rem;
  background: var(--bg);
}
.v2-kpi-label { font-size: 0.75rem; color: var(--text-muted); font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; }
.v2-kpi-value { font-size: 1.25rem; font-weight: 700; color: var(--text); margin-top: 0.15rem; font-variant-numeric: tabular-nums; }
.v2-kpi-hint { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.1rem; }
.v2-kpi-success { border-left: 3px solid var(--success); }
.v2-kpi-warning { border-left: 3px solid var(--warning); }
.v2-kpi-error { border-left: 3px solid var(--error); }
.v2-kpi-error .v2-kpi-value { color: var(--error); }
.v2-kpi-warning .v2-kpi-value { color: var(--warning); }

.v2-h2 { font-size: 1.1rem !important; margin: 0 0 1rem 0 !important; }
.v2-tables { margin-bottom: 0; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important; gap: 1.5rem !important; }
.v2-tables .summary-table th { width: 45%; white-space: nowrap; }
.v2-muted { color: var(--text-muted); font-size: 0.8rem; }
.v2-mono { font-family: 'SF Mono', Monaco, Consolas, monospace; font-size: 0.8rem; }

.op-type.v2-badge-neutral { background: var(--bg); color: var(--text-muted); border: 1px solid var(--border); }
.op-type.v2-badge-success { background: #dcfce7; color: #15803d; }
.op-type.v2-badge-warning { background: #fef3c7; color: #b45309; }
.op-type.v2-badge-error { background: #fee2e2; color: #b91c1c; }
.op-type.diagnostic { background: #ede9fe; color: #6d28d9; }
.op-type.v2-badge-siemens { background: #ccfbf1; color: #0f766e; }
[data-theme="space"] .op-type.v2-badge-siemens { background: #134e4a; color: #5eead4; }
[data-theme="space"] .op-type.v2-badge-success { background: #064e3b; color: #6ee7b7; }
[data-theme="space"] .op-type.v2-badge-warning { background: #451a03; color: #fcd34d; }
[data-theme="space"] .op-type.v2-badge-error { background: #450a0a; color: #fca5a5; }

.v2-strip {
  display: flex;
  height: 14px;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 1px solid var(--border);
}
.v2-strip-seg { min-width: 2px; }
.v2-swatch { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 0.5rem; vertical-align: middle; }

.v2-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.75rem; }
.v2-chip {
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
}
.v2-chip span { color: var(--text-muted); font-weight: 500; margin-left: 0.2rem; }
.v2-chip[aria-pressed="false"] { opacity: 0.45; text-decoration: line-through; }
.v2-chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
/* theme.css restyles every button in medium/space; keep chips flat */
[data-theme="medium"] .v2-chip,
[data-theme="space"] .v2-chip { background: var(--surface); color: var(--text); border: 1px solid var(--border); box-shadow: none; transform: none; }

.v2-log-scroll { max-height: 440px; overflow: auto; border: 1px solid var(--border); border-radius: 8px; }
.v2-log { margin-top: 0 !important; }
.v2-log thead th { position: sticky; top: 0; z-index: 1; }
.v2-log td:first-child { white-space: nowrap; width: 70px; }
.v2-log td:nth-child(2) { width: 110px; }

.v2-kind { display: inline-block; padding: 0.1rem 0.45rem; border-radius: 4px; font-size: 0.72rem; font-weight: 600; background: var(--bg); color: var(--text-muted); white-space: nowrap; }
.v2-kind.v2-kind-cmd { background: #dbeafe; color: #1d4ed8; }
.v2-kind.v2-kind-ok { background: #f1f5f9; color: #475569; }
.v2-kind.v2-kind-evt { background: #e0e7ff; color: #4338ca; }
.v2-kind.v2-kind-ui { background: #fef3c7; color: #b45309; }
.v2-kind.v2-kind-op { background: #dcfce7; color: #15803d; }
.v2-kind.v2-kind-link { background: #ffedd5; color: #c2410c; }
.v2-kind.v2-kind-err, .v2-kind.v2-kind-rec_err { background: #fee2e2; color: #b91c1c; }
.v2-kind.v2-kind-rec { background: #ede9fe; color: #6d28d9; }

.v2-log.v2-hide-cmd tr[data-kind="cmd"],
.v2-log.v2-hide-ok tr[data-kind="ok"],
.v2-log.v2-hide-err tr[data-kind="err"],
.v2-log.v2-hide-evt tr[data-kind="evt"],
.v2-log.v2-hide-ui tr[data-kind="ui"],
.v2-log.v2-hide-op tr[data-kind="op"],
.v2-log.v2-hide-link tr[data-kind="link"],
.v2-log.v2-hide-rec tr[data-kind="rec"],
.v2-log.v2-hide-rec_err tr[data-kind="rec_err"] { display: none; }

.v2-errors { border-left: 3px solid var(--error); }