:root{color:#18202b;background:#e9eef2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.4;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}.shell{display:grid;align-content:start;gap:12px;min-height:100vh;padding:14px}.topbar,.controlBar,.environmentList,.environmentRow{border:1px solid #cbd7df;border-radius:8px;background:#fff;box-shadow:0 1px 2px #18202b0a}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:12px 14px}.brandBlock{display:flex;align-items:center;gap:14px;min-width:0}.brandLogo{width:132px;height:auto;flex:0 0 auto}.brandCopy{display:grid;gap:2px;min-width:0;padding-left:14px;border-left:1px solid #dbe3ea}h1,h2,p{margin:0}h1{font-size:17px;font-weight:750;line-height:1.2}.brandCopy p{color:#5f6f7d;font-size:12px}.quickStats{display:grid;grid-template-columns:repeat(3,minmax(82px,auto));gap:8px}.summaryStat{display:grid;gap:1px;min-width:82px;border:1px solid #d4dde5;border-radius:7px;background:#f7f9fb;padding:7px 9px}.summaryStat strong{color:#17212c;font-size:15px;line-height:1.1}.summaryStat span{color:#6a7886;font-size:10px;font-weight:650;text-transform:uppercase}.controlBar{display:grid;align-items:center;grid-template-columns:minmax(240px,1fr) 132px;gap:8px;padding:8px}.searchBox,.statusFilter{display:inline-flex;align-items:center;gap:8px;height:36px;border:1px solid #cbd7df;border-radius:7px;background:#f8fafb;color:#647280;padding:0 10px}.searchBox input,.statusFilter select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#17212c}.statusFilter select{cursor:pointer}.environmentList{display:grid;gap:8px;padding:8px}.listHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;color:#607080;font-size:11px;font-weight:700;padding:0 4px;text-transform:uppercase}.environmentRow{display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(360px,1.35fr) minmax(210px,.75fr) minmax(330px,1fr);gap:10px;align-items:start;padding:10px}.environmentMain{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;min-width:0}.environmentIcon{width:38px;height:38px;border:1px solid #c9d7d6;border-radius:8px;background:#eef8f7;object-fit:contain;padding:6px}.environmentCopy{display:grid;gap:7px;min-width:0}.environmentTitle{display:flex;align-items:center;gap:8px;min-width:0}.environmentTitle h2{overflow:hidden;color:#17212c;font-size:14px;font-weight:760;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.environmentMeta{display:flex;flex-wrap:wrap;gap:5px 10px;color:#657583;font-size:11px}.moduleList{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0;padding:0}.moduleList li{border:1px solid #d6e0e8;border-radius:999px;background:#f7fafc;color:#526575;font-size:10px;font-weight:650;padding:2px 7px}.statusPill{display:inline-flex;width:fit-content;flex:0 0 auto;align-items:center;gap:4px;border:1px solid #cad5df;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:760;line-height:1.35;text-transform:capitalize}.statusPill.ready{border-color:#91d9b0;background:#e8f8ee;color:#17633d}.statusPill.seeding,.statusPill.stale{border-color:#e8c967;background:#fff7d8;color:#7b5512}.statusPill.failed{border-color:#efb0ad;background:#fff0ef;color:#9a2923}.coverageStrip{display:grid;align-content:start;grid-template-columns:repeat(3,minmax(92px,1fr));gap:6px}.coverageMetric{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:36px;border:1px solid #d7e0e7;border-radius:7px;background:#f8fafb;color:#607080;padding:5px 7px}.coverageMetric span{overflow:hidden;font-size:11px;font-weight:650;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.coverageMetric strong{color:#17212c;font-size:13px;line-height:1}.entrypoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start}.entryButton,.credentialButton,.copyAllButton{border:1px solid #cbd7df;border-radius:7px;background:#fff;color:#1d2b38;cursor:pointer;text-decoration:none;transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.entryButton{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:32px;padding:0 9px;font-size:12px;font-weight:700}.entryButton.primary{border-color:#0f766e;background:#0f766e;color:#fff}.entryButton:hover,.credentialButton:hover,.copyAllButton:hover{border-color:#0f766e;background:#effbf9;color:#0f5f59;box-shadow:0 1px 2px #0f766e1f}.entryButton.primary:hover{background:#0b615b;color:#fff}.credentialPanel{display:grid;gap:6px;min-width:0}.credentialHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#607080;font-size:11px;font-weight:760;text-transform:uppercase}.copyAllButton{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:11px;font-weight:700}.credentialList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.credentialButton{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:5px 7px;text-align:left}.credentialLabel{display:grid;min-width:0;gap:1px}.credentialLabel strong,.credentialEmail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credentialLabel strong{color:#17212c;font-size:11px;line-height:1.1}.credentialLabel small,.credentialEmail{color:#697987;font-size:10px}.credentialEmail{grid-column:1 / 2;grid-row:2;font-size:11px}.emptyState{border:1px dashed #c8d3dd;border-radius:8px;color:#667684;padding:28px;text-align:center}@media(max-width:1260px){.environmentRow{grid-template-columns:minmax(250px,1fr) minmax(330px,1.2fr)}.entrypoints,.credentialPanel{grid-column:span 1}}@media(max-width:820px){.shell{padding:10px}.topbar,.brandBlock{align-items:flex-start}.topbar{flex-direction:column}.brandBlock{width:100%}.brandCopy{padding-left:10px}.quickStats,.controlBar,.environmentRow{width:100%;grid-template-columns:1fr}.coverageStrip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.brandBlock{display:grid;gap:8px}.brandCopy{border-left:0;padding-left:0}.quickStats,.coverageStrip,.entrypoints{grid-template-columns:1fr}.credentialButton{grid-template-columns:minmax(0,1fr) 18px}.credentialEmail{grid-column:1 / -1}}
