/* ─── Labels ─── */
.ee-lbl{font-size:.6rem;font-weight:700;letter-spacing:2px;color:var(--text3);
  text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.ee-lbl-hint{font-size:.62rem;letter-spacing:.5px;color:var(--text3);font-weight:400;text-transform:none}

/* ─── Currency row ─── */
.ee-crow{display:flex;gap:8px}
.ee-csel{position:relative;flex-shrink:0;min-width:148px}
.ee-cbtn{display:flex;align-items:center;gap:7px;padding:12px 13px;
  background:rgba(0,229,212,.05);border:1px solid rgba(0,229,212,.12);
  border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text);
  font-family:var(--sans);font-size:.88rem;font-weight:700;transition:.18s}
.ee-cbtn:hover{border-color:rgba(0,229,212,.28);background:rgba(0,229,212,.1);
  box-shadow:0 0 12px rgba(0,229,212,.1)}
.ee-ci{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.ee-arr{margin-left:auto;color:var(--text3);font-size:.55rem;transition:.2s}
.ee-cbtn[aria-expanded="true"] .ee-arr{transform:rotate(180deg)}

/* ─── Amount input ─── */
.ee-amtw{flex:1;position:relative;min-width:0}
.ee-aimp{width:100%;height:100%;
  background:rgba(0,229,212,.04);border:1px solid rgba(0,229,212,.1);
  border-radius:var(--radius-sm);padding:12px 13px;color:var(--text);
  font-family:var(--mono);font-size:1.1rem;font-weight:500;outline:none;
  transition:.18s;min-width:0;-moz-appearance:textfield}
.ee-aimp::-webkit-inner-spin-button,.ee-aimp::-webkit-outer-spin-button{-webkit-appearance:none}
.ee-aimp:focus{border-color:rgba(0,229,212,.32);box-shadow:0 0 0 3px rgba(0,229,212,.07)}
.ee-aimp::placeholder{color:var(--text3)}
.ee-aimp.recv{color:var(--c1)}
.ee-aimp:disabled{opacity:.6;cursor:not-allowed}
.ee-amt-usd{position:absolute;right:11px;bottom:8px;font-family:var(--mono);
  font-size:.63rem;color:var(--text3);pointer-events:none}

/* ─── Rate row ─── */
.ee-rrow{display:flex;justify-content:space-between;margin-top:5px;
  font-family:var(--mono);font-size:.67rem;color:var(--text3)}
.ee-rrow .rv{color:var(--c2)}

/* ─── Dropdown ─── */
.ee-dd{position:absolute;top:calc(100% + 6px);left:0;min-width:234px;
  background:rgba(5,18,24,.97);border:1px solid rgba(0,229,212,.15);
  border-radius:16px;z-index:999;
  box-shadow:0 28px 70px rgba(0,0,0,.85),0 0 0 1px rgba(0,229,212,.05);
  overflow:hidden;max-height:320px;overflow-y:auto;display:none}
.ee-dd.open{display:block;animation:ddIn .15s ease}
@keyframes ddIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.ee-dd-st{padding:8px 14px 3px;font-size:.57rem;letter-spacing:2px;color:var(--text3);
  text-transform:uppercase;font-weight:700;border-top:1px solid rgba(0,229,212,.06)}
.ee-dd-st:first-child{border-top:none}
.ee-dd-it{display:flex;align-items:center;gap:9px;padding:9px 14px;
  cursor:pointer;transition:.12s;font-size:.84rem;font-weight:600}
.ee-dd-it:hover{background:rgba(0,229,212,.07)}
.ee-dd-it.disabled{opacity:.35;pointer-events:none}
.ee-dd-it .dp{margin-left:auto;font-family:var(--mono);font-size:.63rem;color:var(--text3)}
.ee-dd-it .dn{font-size:.64rem;color:var(--text3);font-weight:400}
.ee-dd-it .dliq{font-size:.58rem;color:var(--red)}

/* ─── Swap divider ─── */
.ee-sdiv{display:flex;align-items:center;gap:10px;margin:14px 0}
.ee-sdiv::before,.ee-sdiv::after{content:'';flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,212,.1),transparent)}
.ee-swrap{display:flex;align-items:center;gap:10px}
.ee-sbtn{width:40px;height:40px;
  background:linear-gradient(135deg,var(--g1),var(--g2));
  border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;
  justify-content:center;font-size:.95rem;color:#fff;transition:.28s;
  box-shadow:0 4px 18px rgba(255,45,94,.35);flex-shrink:0}
.ee-sbtn:hover{transform:rotate(180deg) scale(1.1);box-shadow:0 6px 28px rgba(255,45,94,.55)}
.ee-fee-tag{background:rgba(0,229,212,.05);border:1px solid rgba(0,229,212,.1);
  border-radius:18px;padding:4px 13px;font-size:.68rem;color:var(--text2);
  font-family:var(--mono);white-space:nowrap}
.ee-fee-tag span{color:var(--c1)}

/* ─── Quote lock ─── */
.ee-qlock{display:flex;align-items:center;gap:8px;
  background:rgba(0,229,212,.04);border:1px solid rgba(0,229,212,.12);
  border-radius:var(--radius-sm);padding:8px 14px;margin-bottom:16px;
  font-family:var(--mono);font-size:.72rem;color:var(--text2);position:relative}
.ee-qlock-timer{margin-left:auto;font-weight:600;color:var(--c1);font-size:.75rem;min-width:28px;text-align:right}
.ee-qlock-timer.warn{color:var(--yellow)}.ee-qlock-timer.crit{color:var(--red)}
.ee-qlock-bar{width:100%;height:2px;background:rgba(0,229,212,.1);border-radius:1px;
  margin-top:6px;overflow:hidden;position:absolute;bottom:0;left:0;right:0}
.ee-qlock-prog{height:100%;background:var(--c1);border-radius:1px;transition:width .5s linear}
.ee-qlock-prog.warn{background:var(--yellow)}.ee-qlock-prog.crit{background:var(--red)}

/* ─── Breakdown ─── */
.ee-breakdown{background:rgba(0,229,212,.03);border:1px solid rgba(0,229,212,.08);
  border-radius:var(--radius-sm);padding:12px 15px;margin-top:12px}
.ee-brow{display:flex;justify-content:space-between;align-items:center;
  font-family:var(--mono);font-size:.7rem;color:var(--text3);padding:3px 0}
.ee-brow .bv{color:var(--text2)}
.ee-brow .bv.pos{color:var(--c1)}
.ee-brow .bv.neg{color:var(--red)}
.ee-brow.total{border-top:1px solid rgba(0,229,212,.1);margin-top:6px;padding-top:8px}
.ee-brow.total .bv{color:var(--c1);font-weight:600;font-size:.78rem}

/* ─── Skeleton ─── */
.ee-skel-row{height:12px;border-radius:4px;
  background:linear-gradient(90deg,var(--card2),rgba(0,229,212,.12),var(--card2));
  background-size:200% 100%;animation:shimmer 1.5s infinite;margin:5px 0}

/* ─── Volume warn ─── */
.ee-vol-warn{display:flex;gap:8px;align-items:flex-start;
  background:rgba(255,204,0,.05);border:1px solid rgba(255,204,0,.18);
  border-radius:var(--radius-sm);padding:10px 13px;margin-top:10px;
  font-family:var(--mono);font-size:.7rem;color:rgba(255,204,0,.85);line-height:1.5}
.ee-vol-warn.err{background:rgba(255,45,94,.05);border-color:rgba(255,45,94,.2);
  color:rgba(255,45,94,.9)}

/* ─── Address input ─── */
.ee-ainp{width:100%;background:rgba(0,229,212,.04);
  border:1px solid rgba(0,229,212,.1);border-radius:var(--radius-sm);
  padding:11px 14px;color:var(--text);font-family:var(--mono);font-size:.78rem;
  outline:none;transition:.18s}
.ee-ainp:focus{border-color:rgba(0,229,212,.3);box-shadow:0 0 0 3px rgba(0,229,212,.07)}
.ee-ainp::placeholder{color:var(--text3)}
.ee-ainp.invalid{border-color:rgba(255,45,94,.35)}
.ee-addr-hint{font-family:var(--mono);font-size:.62rem;color:var(--text3);margin-top:5px}
.ee-addr-hint.ok{color:var(--c2)}.ee-addr-hint.bad{color:var(--red)}

/* ─── Notice ─── */
.ee-notice{display:flex;gap:8px;margin-top:12px;
  background:rgba(0,229,212,.03);border:1px solid rgba(0,229,212,.08);
  border-radius:var(--radius-sm);padding:10px 13px;font-size:.73rem;
  color:var(--text2);font-family:var(--mono);line-height:1.55}
.ee-notice-i{color:var(--c1);flex-shrink:0;margin-top:1px}

/* ─── Network tags ─── */
.ee-netrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ee-nettag{display:flex;align-items:center;gap:5px;
  background:rgba(0,229,212,.04);border:1px solid rgba(0,229,212,.1);
  border-radius:10px;padding:5px 10px;font-family:var(--mono);font-size:.65rem;color:var(--text2)}
.ee-nettag .nt-v{color:var(--c1);font-weight:600}

/* ─── Submit button ─── */
.ee-sub{width:100%;margin-top:18px;padding:16px;
  background:linear-gradient(135deg,#ff2d5e,#cc1440);
  border:none;border-radius:var(--radius);color:#fff;
  font-family:var(--sans);font-size:.9rem;font-weight:800;cursor:pointer;
  letter-spacing:.5px;transition:.28s;position:relative;overflow:hidden;
  box-shadow:0 4px 24px rgba(255,45,94,.3)}
.ee-sub::before{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:translateX(-100%);transition:.5s}
.ee-sub:hover::before{transform:translateX(100%)}
.ee-sub:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(255,45,94,.5)}
.ee-sub:disabled{background:linear-gradient(135deg,#2a1520,#1f0f18);
  color:var(--text3);cursor:not-allowed;transform:none;box-shadow:none}
.ee-sub:disabled::before{display:none}
.ee-sub-inner{display:flex;align-items:center;justify-content:center;gap:8px}
.ee-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);
  border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}

/* ─── Info box (mixer) ─── */
.ee-mbox{background:rgba(255,45,94,.04);border:1px solid rgba(255,45,94,.12);
  border-radius:var(--radius);padding:16px 18px;margin-bottom:20px;position:relative;overflow:hidden}
.ee-mbox::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,45,94,.4),transparent)}
.ee-mbox h3{font-size:.88rem;margin-bottom:6px;color:var(--g1);font-weight:700;
  text-shadow:0 0 10px rgba(255,45,94,.3)}
.ee-mbox p{font-size:.76rem;color:var(--text2);line-height:1.55;font-family:var(--mono)}

/* ─── Delay buttons ─── */
.ee-delays{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.ee-dl{padding:5px 14px;border-radius:18px;border:1px solid rgba(0,229,212,.1);
  background:transparent;color:var(--text2);cursor:pointer;
  font-family:var(--mono);font-size:.73rem;transition:.18s}
.ee-dl.on,.ee-dl:hover{border-color:var(--c1);color:var(--c1);background:rgba(0,229,212,.07)}

/* ─── Output rows ─── */
.ee-outrows{display:flex;flex-direction:column;gap:8px}
.ee-or{display:flex;gap:7px;align-items:center}
.ee-or .ee-ainp{flex:1}
.ee-pct{width:58px;background:rgba(0,229,212,.05);
  border:1px solid rgba(0,229,212,.1);border-radius:var(--radius-sm);
  padding:10px 7px;color:var(--c1);font-family:var(--mono);font-size:.78rem;
  text-align:center;outline:none;-moz-appearance:textfield}
.ee-pct::-webkit-inner-spin-button,.ee-pct::-webkit-outer-spin-button{-webkit-appearance:none}
.ee-addrow{display:flex;align-items:center;gap:5px;padding:7px 0;cursor:pointer;
  color:var(--c2);font-size:.78rem;border:none;background:transparent;
  font-family:var(--sans);font-weight:700;transition:.18s;margin-top:2px}
.ee-addrow:hover{color:var(--c1)}
.ee-rmrow{background:none;border:none;color:var(--text3);cursor:pointer;
  font-size:.9rem;padding:2px 5px;line-height:1;transition:.15s}
.ee-rmrow:hover{color:var(--red)}

/* ─── Reserve tag ─── */
.ee-rtag{display:inline-flex;align-items:center;gap:4px;
  font-family:var(--mono);font-size:.6rem;font-weight:600;
  padding:2px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}
.ee-rtag.ok{background:rgba(0,229,212,.08);color:var(--c1);border:1px solid rgba(0,229,212,.15)}
.ee-rtag.low{background:rgba(255,204,0,.07);color:var(--yellow);border:1px solid rgba(255,204,0,.2)}
.ee-rtag.empty{background:rgba(255,45,94,.07);color:var(--red);border:1px solid rgba(255,45,94,.2)}

/* ─── Deposit address box ─── */
.ee-dep-box{background:rgba(0,229,212,.04);border:1px solid rgba(0,229,212,.12);
  border-radius:var(--radius);padding:14px 16px;margin-bottom:14px;position:relative}
.ee-dep-box::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,229,212,.35),transparent)}