.waste-lab{--ink:#173e3a;--muted:#617d76;--accent:#21816a;--line:#c9ddd7;display:grid;gap:1rem;color:var(--ink)}
.waste-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 90% 0,#d6efe7,transparent 35%),linear-gradient(135deg,#fff,#eef8f4);box-shadow:0 14px 38px rgba(35,89,77,.08)}
.waste-kicker{display:block;color:#21816a;font-size:.62rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.waste-hero h2{margin:.2rem 0;color:#153d38;font-size:1.6rem;letter-spacing:-.04em}.waste-hero p{max-width:760px;margin:0;color:#56736c;font-size:.72rem;line-height:1.55}.waste-reference{flex:none;color:#267663;font-size:.56rem;font-weight:800;text-decoration:none;border-bottom:1px solid #8cbfb2}
.waste-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.waste-tab{display:flex;align-items:center;gap:.7rem;padding:.78rem .9rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);color:#42675f;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.waste-tab:hover{transform:translateY(-2px);border-color:#79ae9e}.waste-tab.active{border-color:#2a8870;background:linear-gradient(135deg,#e2f4ed,#edf6fa);box-shadow:0 10px 26px rgba(35,119,97,.15)}.waste-tab .tab-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:12px;background:#edf5f2;color:#347765;font-size:1rem}.waste-tab.active .tab-icon{background:#2b806b;color:#fff}.waste-tab span:last-child{display:grid;gap:.12rem}.waste-tab strong{font-size:.78rem}.waste-tab small{font-size:.54rem;color:#718b84}
.waste-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:.9rem}.waste-stage{position:relative;min-height:540px;overflow:hidden;border:1px solid #bdd7d0;border-radius:24px;background:#e8f1ef;box-shadow:0 18px 44px rgba(30,67,62,.12)}.waste-stage svg{display:block;width:100%;height:540px}.waste-stage svg[hidden]{display:none}.stage-chip{position:absolute;z-index:3;top:16px;left:16px;padding:.42rem .7rem;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(20,52,51,.82);backdrop-filter:blur(8px);color:#fff;font-size:.53rem;font-weight:800;letter-spacing:.05em;box-shadow:0 8px 24px rgba(20,45,43,.2)}
.waste-label{fill:#294f49;font-size:12px;font-weight:900;letter-spacing:.08em}.waste-small-label{fill:#506b67;font-size:10px;font-weight:850;letter-spacing:.04em}.waste-temp{fill:#ffdd75;font-size:19px;font-weight:900;paint-order:stroke;stroke:#24353a;stroke-width:5px;stroke-linejoin:round}.waste-hotspot{cursor:pointer;outline:none}.waste-hotspot circle{fill:rgba(255,255,255,.94);stroke:#21816a;stroke-width:3;filter:drop-shadow(0 4px 6px rgba(22,62,55,.23));transition:fill .2s ease,transform .2s ease}.waste-hotspot text{fill:#21816a;font-size:12px;font-weight:900;text-anchor:middle;dominant-baseline:central;pointer-events:none}.waste-hotspot:hover circle,.waste-hotspot:focus circle,.waste-hotspot.selected circle{fill:#21816a;transform:scale(1.14)}.waste-hotspot:hover text,.waste-hotspot:focus text,.waste-hotspot.selected text{fill:#fff}.crane-trolley,.crane-rig,.claw,.claw-left,.claw-right,.claw-load,.waste-pile,.waste-door,.waste-flame,.furnace-glow,.waste-temp-bar,.turbine,.clean-gas,.steam-clouds,.landfill-truck,.truck-bin,.truck-load,.landfill-waste,.compactor,.soil-cover,.leachate-system,.leachate-flow,.gas-system,.gas-bubbles,.rear-gate,.dumping-particles,.dump-particle{will-change:transform,opacity}
.waste-panel{display:grid;align-content:start;gap:.72rem;padding:1.05rem;border:1px solid #c8dcd6;border-radius:24px;background:linear-gradient(160deg,#fff,#f7faf9);box-shadow:0 18px 44px rgba(30,67,62,.09)}.waste-panel>span{color:#27816b;font-size:.56rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.waste-panel h3{margin:0;color:#173f3a;font-size:1.1rem;letter-spacing:-.02em}.waste-panel p{margin:0;color:#5a756e;font-size:.66rem;line-height:1.55}.waste-readout{display:grid;grid-template-columns:1fr 1fr;gap:.48rem}.waste-readout div{padding:.65rem;border:1px solid #d7e8e2;border-radius:14px;background:linear-gradient(145deg,#eff8f4,#e7f2ee)}.waste-readout small,.waste-readout strong{display:block}.waste-readout small{color:#748a84;font-size:.49rem}.waste-readout strong{margin-top:.14rem;color:#236753;font-size:.72rem}.waste-progress{height:7px;overflow:hidden;border-radius:999px;background:#dce9e5}.waste-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b8c72,#58bda2);transform-origin:left center}.waste-controls{display:grid;grid-template-columns:1fr auto;gap:.45rem}.waste-controls button{padding:.65rem .78rem;border:1px solid #a9cec2;border-radius:999px;background:#fff;color:#286c59;font:inherit;font-size:.61rem;font-weight:850;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.waste-controls button:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(31,99,80,.14)}.waste-controls .primary{border-color:#237d66;background:linear-gradient(135deg,#27866d,#3a9c80);color:#fff}.waste-controls i{font-style:normal}.waste-status{min-height:60px;padding:.7rem;border:1px solid #deebe7;border-radius:14px;background:#eef5f2;color:#506c65;font-size:.61rem;line-height:1.5}.waste-detail{min-height:70px;padding:.65rem .7rem;border-left:4px solid #27836a;border-radius:0 12px 12px 0;background:#f2f7f5;color:#526d66;font-size:.59rem;line-height:1.5}.waste-detail strong{display:block;margin-bottom:.08rem;color:#245b4d;font-size:.66rem}.waste-results{display:grid;grid-template-columns:1fr 1fr;gap:.52rem;visibility:hidden;opacity:0}.waste-results article{padding:.68rem;border:1px solid transparent;border-radius:14px}.waste-results article:first-child{border-color:#cce7d6;background:#e8f6ed}.waste-results article:last-child{border-color:#f1d8ca;background:#fff1e9}.waste-results h4{display:flex;align-items:center;gap:.3rem;margin:0 0 .32rem;font-size:.68rem}.waste-results h4 span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.8);font-size:.54rem}.waste-results ul{margin:0;padding-left:.88rem;color:#4f6963;font-size:.56rem;line-height:1.52}
@media(max-width:900px){.waste-layout{grid-template-columns:1fr}.waste-stage{min-height:500px}.waste-stage svg{height:500px}}
@media(max-width:560px){.waste-tabs{grid-template-columns:1fr}.waste-hero{flex-direction:column}.waste-reference{align-self:flex-start}.waste-stage{min-height:370px}.waste-stage svg{height:370px}.waste-results{grid-template-columns:1fr}.waste-readout{grid-template-columns:1fr 1fr}.stage-chip{top:10px;left:10px}}
@media(prefers-reduced-motion:reduce){.waste-tab,.waste-controls button,.waste-hotspot circle{transition:none}}