.ecosystem-shell{height:100%;overflow:auto;padding:16px;box-sizing:border-box}.ecosystem-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.ecosystem-summary>div,.ecosystem-card,.ecosystem-detail{border:1px solid rgba(72,188,248,.22);background:linear-gradient(145deg,rgba(8,36,68,.78),rgba(4,21,44,.75));backdrop-filter:blur(18px);box-shadow:0 15px 40px rgba(0,0,0,.16)}.ecosystem-summary>div{border-radius:14px;padding:12px}.ecosystem-summary small{display:block;font-size:8px;letter-spacing:1.5px;color:#78b9da}.ecosystem-summary strong{display:block;font-size:18px;margin:5px 0 2px;color:#edfaff}.ecosystem-summary span{font-size:9px;color:#83a5b9}.ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ecosystem-card{position:relative;text-align:left;border-radius:15px;padding:14px;min-height:116px;color:#eaf9ff;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.ecosystem-card:hover{transform:translateY(-2px);border-color:rgba(89,209,255,.48);background:linear-gradient(145deg,rgba(10,48,86,.88),rgba(5,28,55,.84))}.ecosystem-card strong,.ecosystem-card small,.ecosystem-card em{display:block}.ecosystem-card strong{font-size:13px;margin:18px 0 5px}.ecosystem-card small{font-size:9px;line-height:1.4;color:#8cabbe;min-height:26px}.ecosystem-card em{font-style:normal;font-size:9px;color:#74d7ff;margin-top:8px}.ecosystem-card-state{position:absolute;top:10px;right:10px;font-size:7px;letter-spacing:.7px;text-transform:uppercase;padding:4px 6px;border-radius:999px;border:1px solid rgba(120,184,216,.25);color:#9db9c9}.ecosystem-card-state.ok{color:#a8f4c9;border-color:rgba(68,220,137,.3)}.ecosystem-card-state.warn{color:#ffe0a0;border-color:rgba(255,190,77,.3)}.ecosystem-card-state.bad{color:#ffaaaa;border-color:rgba(255,104,104,.3)}.ecosystem-card-state.neutral{color:#94dfff}.ecosystem-detail{position:absolute;inset:72px 24px 24px auto;width:min(420px,calc(100% - 48px));border-radius:16px;padding:18px;z-index:8}.ecosystem-detail .round-btn{float:right}.ecosystem-detail strong{font-size:17px}.ecosystem-detail p{font-size:10px;color:#9bb7c7;line-height:1.55}.ecosystem-detail small{font-size:9px;color:#75d4fa}.ecosystem-error{grid-column:1/-1;padding:30px;text-align:center;color:#ffabab}@media(max-width:1250px){.ecosystem-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-summary{grid-template-columns:1fr}}@media(max-width:560px){.ecosystem-grid{grid-template-columns:1fr}}