.environment-dashboard{display:grid;gap:18px;min-width:0;max-width:100%;color:var(--text,#e9edff)}
.env-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.env-heading p{margin:0 0 4px;color:var(--muted,#9aa6c8);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.env-heading h2{margin:0}.env-heading button,.env-panel a{border:1px solid rgba(143,160,255,.32);border-radius:9px;background:rgba(98,80,220,.14);color:inherit;padding:8px 11px;text-decoration:none;cursor:pointer}.env-heading button:disabled{cursor:progress;opacity:.68}
.env-filters{display:grid;grid-template-columns:minmax(190px,1.6fr) repeat(2,minmax(130px,1fr));gap:10px}.env-filter{display:grid;gap:5px;min-width:0;color:var(--muted,#9aa6c8);font-size:.74rem}.env-filter input,.env-filter select{box-sizing:border-box;min-width:0;width:100%;border:1px solid rgba(139,154,215,.28);border-radius:8px;background:rgba(9,14,33,.76);color:inherit;padding:8px 9px;font:inherit}
.env-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none}.env-source{display:grid;min-width:0;gap:3px;padding:11px;border:1px solid rgba(139,154,215,.18);border-radius:10px;background:rgba(14,20,43,.56)}.env-source span{font-size:.76rem;color:var(--muted,#9aa6c8)}.env-source strong{font-size:.85rem}.env-source small{overflow-wrap:anywhere;font-size:.7rem;color:var(--muted,#9aa6c8)}.env-unavailable strong,.env-restricted strong,.env-stale strong,.env-fallback strong{color:#ffca72}.env-observed strong,.env-empty strong{color:#8adbc5}.env-unmeasured strong{color:#b9c4eb}
.env-attention,.env-warning,.env-unavailable,.env-retained{padding:12px;border:1px solid rgba(255,187,88,.38);border-radius:10px;background:rgba(128,79,9,.16);color:#ffd89b}.env-retained{margin:10px 0 0;border-color:rgba(139,154,215,.3);background:rgba(68,75,130,.16);color:#d7ddff}.env-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.env-panel{min-width:0;padding:16px;border:1px solid rgba(139,154,215,.18);border-radius:13px;background:rgba(14,20,43,.62)}.env-panel header{display:flex;align-items:start;justify-content:space-between;gap:12px}.env-panel h3{margin:0 0 4px}.env-panel header small{overflow-wrap:anywhere;color:var(--muted,#9aa6c8)}.env-disclosure{margin:12px 0 0;color:#ffd89b;font-size:.82rem}.env-list{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.env-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid rgba(139,154,215,.12)}.env-list li>span:first-child{display:grid;min-width:0}.env-list strong,.env-list small{overflow-wrap:anywhere}.env-list small{color:var(--muted,#9aa6c8)}.env-row-actions{display:grid;justify-items:end;gap:5px;min-width:0}.env-row-actions a{font-size:.75rem}.env-state{max-width:48%;overflow-wrap:anywhere;font-size:.75rem;color:#b9c4eb}.env-empty,.environment-dashboard footer{color:var(--muted,#9aa6c8);font-size:.84rem}.env-loading{padding:24px;color:var(--muted,#9aa6c8)}
@media(max-width:760px){.env-grid{grid-template-columns:1fr}.env-heading{align-items:start}.env-sources{grid-template-columns:repeat(2,minmax(0,1fr))}.env-filters{grid-template-columns:1fr 1fr}.env-filter:first-child{grid-column:1/-1}.env-list li{align-items:start;flex-direction:column}.env-state{max-width:none}}
@media(max-width:390px){.environment-dashboard{gap:14px}.env-heading{align-items:stretch;flex-direction:column}.env-heading button{width:100%}.env-filters,.env-sources{grid-template-columns:1fr}.env-filter:first-child{grid-column:auto}.env-panel{padding:13px}.env-panel header{align-items:stretch;flex-direction:column}.env-panel header>a{align-self:start}.env-row-actions{justify-items:start}.env-state{max-width:100%}}
