/* ====== Custom dropdown (used in deposit/withdraw/bots) ====== */
.um-dd{position:relative;width:100%;font-family:inherit}
.um-dd-toggle{
  display:flex;align-items:center;gap:10px;
  width:100%;background:#0c1316;border:1px solid var(--border);
  padding:11px 14px;border-radius:8px;color:var(--text);
  font-size:14px;cursor:pointer;text-align:left;transition:.15s;
}
.um-dd-toggle:hover{border-color:rgba(34,224,123,0.35)}
.um-dd-toggle:focus,.um-dd.open .um-dd-toggle{outline:none;border-color:var(--green)}
.um-dd-toggle .um-dd-label{flex:1;color:var(--text);font-weight:500;display:flex;align-items:center;gap:10px}
.um-dd-toggle .um-dd-label.placeholder{color:var(--text-mute);font-weight:400}
.um-dd-toggle .um-dd-arrow{color:var(--text-mute);transition:transform .15s}
.um-dd.open .um-dd-arrow{transform:rotate(180deg);color:var(--green)}
.um-dd-menu{
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:80;
  background:#11181c;border:1px solid var(--border-2);border-radius:10px;
  max-height:280px;overflow:auto;
  box-shadow:0 18px 48px rgba(0,0,0,0.6);
  display:none;
  padding:6px;
}
.um-dd.open .um-dd-menu{display:block}
.um-dd-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:8px;color:var(--text);
  cursor:pointer;font-size:14px;transition:.1s;
}
.um-dd-item:hover{background:rgba(255,255,255,0.04)}
.um-dd-item.selected{background:var(--green-soft);color:var(--green);font-weight:600}
.um-dd-item .check{margin-left:auto;color:var(--green);opacity:0}
.um-dd-item.selected .check{opacity:1}
.um-dd-item .icon{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
.um-dd-item .icon img,.um-dd-item .icon svg{width:30px;height:30px;border-radius:50%}
.um-dd-item .nm{display:flex;flex-direction:column;line-height:1.2}
.um-dd-item .nm .ttl{font-weight:600;font-size:14px}
.um-dd-item .nm .sub{color:var(--text-mute);font-size:12px}
.um-dd-toggle .icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.um-dd-toggle .icon img,.um-dd-toggle .icon svg{width:28px;height:28px;border-radius:50%}

/* dropzone — fixed: pointer-events none on children prevents flicker */
.dropzone, .dropzone *{ }
.dropzone{
  border:2px dashed var(--border-2);border-radius:12px;padding:36px 20px;cursor:pointer;
  transition:border-color .15s, background-color .15s;
  position:relative;display:block;text-align:center;
}
.dropzone:hover, .dropzone.drag{border-color:var(--green);background:rgba(34,224,123,0.04)}
.dropzone > *{pointer-events:none} /* prevents inner-element hover flicker */
.dropzone input[type=file]{
  position:absolute;inset:0;opacity:0;cursor:pointer;pointer-events:auto;
}

/* Bot Settings 3-up grid like screenshot */
.bot-settings-card{background:#0e1316;border:1px solid var(--border);border-radius:12px;padding:18px}
.bot-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){.bot-settings-grid{grid-template-columns:1fr}}
.bot-settings-grid label{font-size:12.5px;color:var(--text-mute);display:block;margin-bottom:6px}
.bot-settings-grid input[type=number]{
  width:100%;background:#0c1316;border:1px solid var(--border);
  padding:10px 12px;border-radius:8px;color:var(--text);font-size:14px;
}

/* bot trade history mini-table */
.bot-trades-table{width:100%;border-collapse:collapse;font-size:13px}
.bot-trades-table th{padding:9px 10px;color:var(--text-mute);font-weight:500;font-size:11.5px;background:#0c1316;text-align:left}
.bot-trades-table td{padding:9px 10px;border-top:1px solid var(--border)}
.bot-trades-table tr:hover td{background:rgba(255,255,255,0.02)}
.pnl-pos{color:var(--green);font-weight:600}
.pnl-neg{color:var(--red);font-weight:600}

/* Pair icon (two flags side by side) */
.pair-icon{
  position:relative;width:36px;height:30px;flex-shrink:0;
  display:inline-block;
}
.pair-icon .flg, .pair-icon .crypto{
  position:absolute;width:24px;height:24px;border-radius:50%;
  border:2px solid #11181c;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:#000;
}
.pair-icon .flg:nth-child(1), .pair-icon .crypto:nth-child(1){left:0;top:3px;z-index:2}
.pair-icon .flg:nth-child(2), .pair-icon .crypto:nth-child(2){right:0;top:3px;z-index:1}
.pair-icon img, .pair-icon svg{display:block;width:100%;height:100%;object-fit:cover}
.crypto-letter{color:#fff;font-weight:800;font-size:11px;line-height:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}

/* Currency option icon */
.cur-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:11px;flex-shrink:0}