/* ── 8-bosqich: ov, shifo, bozor ── */
.eco{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.eco button{position:relative;display:flex;gap:10px;align-items:center;padding:12px;border-radius:18px;text-align:left;overflow:hidden;
  background:linear-gradient(135deg,rgba(30,70,160,.45),var(--card) 70%);border:1px solid rgba(90,170,255,.35)}
.eco button.hl{background:linear-gradient(135deg,rgba(95,214,160,.28),var(--card) 70%);border-color:rgba(95,214,160,.45)}
.eco button.wr{background:linear-gradient(135deg,rgba(255,95,122,.25),var(--card) 70%);border-color:rgba(255,95,122,.45);animation:alarm 2s infinite}
.eco i{font-style:normal;font-size:24px;filter:drop-shadow(0 0 8px rgba(125,249,255,.5))}
.eco b{display:block;font-size:14px;font-variant-numeric:tabular-nums}
.eco small{display:block;font-size:11px;color:var(--muted)}
.eco .bar{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 8px var(--cyan)}

.hunt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;margin:10px 0;
  background:rgba(95,214,160,.08);border:1px solid rgba(95,214,160,.35)}
.hunt i{font-style:normal;font-size:26px}.hunt b{font-size:15px}.hunt small{display:block;font-size:11.5px;color:var(--muted)}

.hq{padding:11px 12px;border-radius:14px;margin-bottom:6px;background:var(--card2);border:1px solid rgba(95,214,160,.35)}
.hq div{display:flex;justify-content:space-between;font-size:13px}
.hq b{color:var(--green);font-variant-numeric:tabular-nums}
.hq .pg{height:6px;border-radius:4px;background:#0b1328;margin-top:7px;overflow:hidden}
.hq .pg i{display:block;height:100%;background:linear-gradient(90deg,#239a6c,var(--green));box-shadow:0 0 8px var(--green);transition:width 1s linear}

.mk-res{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}
.mk-res button{padding:8px 0;border-radius:12px;font-size:19px;background:var(--card2);border:1px solid var(--line)}
.mk-res button.on{border-color:var(--cyan);background:rgba(125,249,255,.12);box-shadow:0 0 10px rgba(125,249,255,.4)}
.mk-res button:disabled{opacity:.3}
.mk-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:6px 0 10px}
.mk-flow div{text-align:center;padding:12px 6px;border-radius:16px;background:var(--card2);border:1px solid var(--line)}
.mk-flow div:last-child{border-color:rgba(95,214,160,.5);background:rgba(95,214,160,.08)}
.mk-flow small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.mk-flow b{font-size:20px;font-variant-numeric:tabular-nums}
.mk-flow em{font-style:normal;font-size:22px;color:var(--cyan);text-shadow:0 0 10px var(--cyan)}
.mk-amt{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:5px;background:#0b1328;outline:none;margin:4px 0 10px}
.mk-amt::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.mk-tags{display:flex;justify-content:space-between;gap:6px;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.mk-lim{height:6px;border-radius:4px;background:#0b1328;overflow:hidden;margin-bottom:12px}
.mk-lim i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),#ff8da0)}