.interop-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.interop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.interop-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--panel);display:grid;gap:12px}.interop-card h3{margin:0}.interop-card p{margin:0;color:var(--muted);font-size:12px}.interop-items{display:flex;flex-wrap:wrap;gap:7px}.interop-item{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:11px}.interop-state{justify-self:start}.interop-callout{border:1px solid rgba(215,180,96,.35);background:rgba(215,180,96,.06);border-radius:18px;padding:18px;color:var(--text)}.health-grid{display:grid;gap:12px;padding:18px}.health-row{display:grid;grid-template-columns:minmax(0,1.2fr) 90px minmax(240px,1fr);gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px}.health-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.health-score{font-size:24px;font-weight:800;color:var(--good);text-align:center}.health-bars{display:grid;gap:7px}.health-bar{display:grid;grid-template-columns:110px 1fr 36px;gap:8px;align-items:center;color:var(--muted);font-size:11px}.interop-table{display:grid}.interop-table-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) minmax(160px,1fr) 90px;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);align-items:center}.interop-table-row:last-child{border-bottom:0}.interop-table-row span{color:var(--muted);font-size:12px}.pool-row{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;gap:8px}.pool-row:last-child{border-bottom:0}.pool-head{display:flex;justify-content:space-between;gap:12px}.pool-head span{color:var(--muted);font-size:12px}.phase-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.phase-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:var(--panel)}.phase-card span{display:block;color:var(--gold);font-size:11px}.phase-card strong{display:block;margin-top:5px}.phase-card small{display:block;margin-top:7px;color:var(--muted)}@media(max-width:1180px){.interop-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.interop-grid{grid-template-columns:1fr}.phase-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.interop-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.health-row{grid-template-columns:1fr}.health-score{text-align:left}.interop-table-row{grid-template-columns:1fr}.phase-strip{grid-template-columns:1fr}}@media(max-width:470px){.interop-metrics{grid-template-columns:1fr}.health-bar{grid-template-columns:90px 1fr 32px}}