.mega-ecl-visual{margin:28px 0;padding:28px;border:1px solid #cfe0f2;border-radius:18px;background:linear-gradient(135deg,#071b34,#12446c);color:#eef7ff;box-shadow:0 16px 34px rgba(9,39,75,.15)}.mega-ecl-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.mega-ecl-head h3{margin:8px 0;color:#fff;font-size:clamp(21px,3vw,32px);line-height:1.1}.mega-ecl-head p{margin:0;color:#c9def1;line-height:1.6}.mega-ecl-badge{padding:7px 10px;border:1px solid #4db8ff;border-radius:999px;color:#86d5ff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mega-ecl-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.mega-ecl-controls label{color:#c9def1;font-size:13px}.mega-ecl-controls strong{float:right;color:#fff;font-size:15px}.mega-ecl-controls input{width:100%;margin-top:10px;accent-color:#38bdf8}.mega-ecl-path{display:grid;grid-template-columns:76px 120px 1.2fr 1fr;gap:12px;align-items:center;min-height:130px;padding:18px;border:1px solid rgba(129,205,255,.25);border-radius:12px;background:rgba(1,15,32,.4)}.mega-ecl-filter{height:82px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:8px;border:1px dashed #8ba5ba;background:repeating-linear-gradient(135deg,rgba(160,182,197,.15) 0 3px,transparent 3px 8px);color:#c9def1;text-align:center;font-size:10px}.mega-ecl-filter b{height:5px;width:8%;border-radius:999px;background:#fb923c;transition:width .2s}.mega-ecl-fan{position:relative;display:flex;align-items:center;justify-content:center;height:82px;border:1px solid #3b93c5;border-radius:50%;background:#103957;color:#bdefff;font-size:10px;text-align:center}.mega-ecl-fan i{position:absolute;width:42px;height:9px;border-radius:100%;background:#61cff5;opacity:.55;transform:rotate(25deg)}.mega-ecl-fan i:nth-child(2){transform:rotate(145deg)}.mega-ecl-fan i:nth-child(3){transform:rotate(265deg)}.mega-ecl-fan span{position:relative;z-index:1}.mega-ecl-heatsink{position:relative;min-height:82px;display:flex;align-items:center;justify-content:center;border:1px solid #5486a5;border-radius:8px;background:repeating-linear-gradient(90deg,#173c57 0 7px,#2a6684 7px 10px);color:#e6f8ff;font-size:12px;text-align:center}.mega-ecl-heatsink b{position:absolute;right:10%;width:34px;height:34px;border-radius:50%;background:#ff553f;opacity:.2;filter:blur(8px);transition:opacity .2s}.mega-ecl-air{height:5px;border-radius:5px;background:linear-gradient(90deg,#39c9ff,#9eeaff);box-shadow:0 0 12px #39c9ff;animation:mega-ecl-flow 1.3s linear infinite}.mega-ecl-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mega-ecl-metrics div{padding:14px;border-radius:10px;background:rgba(255,255,255,.08)}.mega-ecl-metrics span,.mega-ecl-metrics small{display:block;color:#b7d0e3;font-size:12px}.mega-ecl-metrics strong{display:block;margin:5px 0;color:#fff;font-size:22px}.mega-ecl-visual[data-risk=watch] .mega-ecl-metrics strong{color:#ffd166}.mega-ecl-visual[data-risk=at-risk] .mega-ecl-metrics strong{color:#ff9b7e}.mega-ecl-note{margin:18px 0 0;color:#aac5da;font-size:12px;line-height:1.6}@keyframes mega-ecl-flow{from{opacity:.25;transform:translateX(-12px)}50%{opacity:1}to{opacity:.25;transform:translateX(12px)}}@media(max-width:720px){.mega-ecl-visual{padding:20px}.mega-ecl-head,.mega-ecl-controls,.mega-ecl-metrics{display:block}.mega-ecl-badge{display:inline-block;margin-top:14px}.mega-ecl-controls label,.mega-ecl-metrics div{display:block;margin:12px 0}.mega-ecl-path{grid-template-columns:1fr}.mega-ecl-air{display:none}}