.generation-observability{margin:14px 0 18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);font-variant-numeric:tabular-nums}.generation-observability[aria-busy=true]{min-height:132px}.generation-observability-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.generation-observability-title{min-width:0}.generation-observability-title h3{margin:0;color:var(--ink);font-size:14px;line-height:1.35}.generation-observability-title p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.generation-observability-periods{display:flex;flex:0 0 auto;gap:6px}.generation-observability-period,.generation-observability-retry{min-height:30px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-alt);color:var(--ink);font:600 12px/1 inherit;cursor:pointer}.generation-observability-period[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--primary-ink,#fff)}.generation-observability-period:focus-visible,.generation-observability-retry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.generation-observability-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:14px}.generation-observability-card{display:grid;align-content:start;gap:4px;min-width:0;min-height:72px;padding:0 16px;border-right:1px solid var(--line)}.generation-observability-card:first-child{padding-left:0}.generation-observability-card:last-child{padding-right:0;border-right:0}.generation-observability-card-label{color:var(--muted);font-size:12px;font-weight:600}.generation-observability-card-value{color:var(--ink);font-size:22px;line-height:1.22}.generation-observability-card-detail{color:var(--muted);font-size:11px;line-height:1.45}.generation-observability-card.is-active .generation-observability-card-value{color:var(--accent)}.generation-observability-card.is-attention .generation-observability-card-value{color:var(--warning)}.generation-observability-summary{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.5}.generation-observability-error{display:flex;align-items:center;gap:10px;min-height:88px;color:var(--ink);font-size:12px}.generation-observability-error span{color:var(--muted)}.generation-observability-retry{margin-left:auto}@media (max-width:1024px){.generation-observability-cards{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}.generation-observability-card:nth-child(odd){padding-left:0}.generation-observability-card:nth-child(even){padding-right:0;border-right:0}.generation-observability-card:nth-child(n+3){padding-top:14px;border-top:1px solid var(--line)}}@media (max-width:640px){.generation-observability{margin:12px 0;padding:12px 0}.generation-observability-header{align-items:flex-start;flex-direction:column;gap:10px}.generation-observability-periods{width:100%}.generation-observability-period{flex:1}.generation-observability-cards{grid-template-columns:1fr;row-gap:0}.generation-observability-card,.generation-observability-card:first-child,.generation-observability-card:last-child{min-height:0;padding:11px 0;border-right:0;border-top:1px solid var(--line)}.generation-observability-card:first-child{border-top:0;padding-top:0}.generation-observability-error{align-items:flex-start;flex-wrap:wrap}.generation-observability-retry{margin-left:0}}