.log-detail{font-size:var(--fs-md);color:var(--text);flex-direction:column;gap:16px;display:flex}.log-detail__sub{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.log-detail__sub-time{color:var(--text3);font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);font-size:var(--fs-base)}.log-detail__pill{font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.3px;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;line-height:1.4;display:inline-flex}.log-detail__pill--in{background:var(--green-bg);color:var(--green-fg,#15803d)}.log-detail__pill--out{background:var(--blue-bg);color:var(--blue-fg,#1d4ed8)}.log-detail__pill--unknown{background:var(--gray-bg);color:var(--text3)}.log-detail__meta{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;padding:12px 14px;display:grid}.log-detail__meta dt{font-size:var(--fs-base);color:var(--text3);text-transform:uppercase;letter-spacing:.4px;align-self:center;font-weight:600}.log-detail__meta dd{font-size:var(--fs-base);color:var(--text);align-self:center;margin:0}.log-detail__meta dd.mono{font-family:var(--font-ibm-plex-mono,ui-monospace, monospace)}.log-detail__section{flex-direction:column;display:flex}.log-detail__section-head{color:#cbd5e1;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);background:#1f2937;border:1px solid #1f2937;border-bottom:none;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.log-detail__section-title{font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.log-detail__copy{font-size:var(--fs-base);color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:500;transition:all .12s;display:inline-flex}.log-detail__copy:hover{color:#fff;background:#ffffff0f;border-color:#94a3b8}.log-detail__code{color:#e2e8f0;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);font-family:var(--font-ibm-plex-mono,ui-monospace, monospace);font-size:var(--fs-base);white-space:pre;background:#0f172a;border:1px solid #1f2937;border-top:none;max-height:50vh;margin:0;padding:14px;line-height:1.6;overflow:auto}.log-detail__code .tok-key{color:#93c5fd}.log-detail__code .tok-str{color:#86efac}.log-detail__code .tok-num{color:#fdba74}.log-detail__code .tok-bool{color:#c4b5fd}.log-detail__code .tok-null{color:#f87171;font-style:italic}