/* === estilo.css === */
body {
  margin: 0;
  padding: 0;
  background-color: #111;
  color: white;
  font-family: 'Segoe UI', sans-serif;
  width: 300px;
  height: 500px;
overflow-y: auto;

}

#wallet {
  text-align: center;
  padding: 5px 10px 0 10px;
}

#monsterLogo {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto 5px;
  display: block;
}

h1 {
  font-size: 18px;
  margin: 3px 0;
}

h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #ccc;
}

#aliasMostrado {
  font-weight: bold;
  margin-bottom: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

#aliasMostrado img {
  width: 22px;
  height: 22px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid white;
}

button, select, input[type="text"], input[type="password"] {
  border: none;
  border-radius: 6px;
  margin: 3px;
  padding: 5px 8px;
  font-size: 11px;
}

button {
  background-color: #0077cc;
  color: white;
  cursor: pointer;
}

button:hover {
  background-color: #005fa3;
}

#registroPanel {
  background-color: #222;
  padding: 8px;
  border-radius: 10px;
  margin: 5px auto;
  text-align: center;
}

#registroPanel input, #registroPanel select {
  width: 90%;
  margin: 5px auto;
  display: block;
}

#fraseVisible {
  margin: 6px 0;
  font-size: 12px;
  color: #fff;
}

#fraseAviso {
  font-size: 10px;
  color: #f44;
  margin-top: 4px;
}

#botonesFuncionales {
  display: flex;
  justify-content: space-between;
  margin: 6px auto;
  padding: 0 6px;
  gap: 3px;
  flex-wrap: nowrap;
}

#botonesFuncionales button {
  flex: 1;
  font-size: 9px;
  padding: 3px 0;
  min-width: 48px;
  max-width: 55px;
  text-align: center;
}

#balance {
  display: none;
  justify-content: space-between; /* extremos */
  align-items: center;
  width: 100%;
  margin-top: 8px;
  padding: 0 8px;
  color: #ccc;
  font-size: 12px;
}

#diviBalance {
  font-size: 14px;    
  font-weight: 600;
  margin-left: auto;
  float: right;
}

/* Palabras clave invisibles (para generación aleatoria de semilla) */
#palabrasClave {
  font-size: 0;
  color: transparent;
  height: 0;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  visibility: hidden;
}

/* Panel de ordenamiento de frase semilla */
#ordenFrasePanel {
  display: none;
  background-color: #222;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
  text-align: center;
}

#ordenFrasePanel h3 {
  font-size: 13px;
  margin-bottom: 8px;
  color: #ddd;
}

.ordenPalabra {
  display: inline-block;
  margin: 4px;
  padding: 4px 6px;
  background-color: #444;
  border-radius: 6px;
  font-size: 10px;
  color: white;
  cursor: pointer;
}

.ordenEntrada {
  display: inline-block;
  margin: 4px;
  padding: 4px;
  border-radius: 6px;
  background-color: #333;
}

.ordenEntrada input {
  width: 40px;
  text-align: center;
  font-size: 10px;
  padding: 3px;
  border-radius: 4px;
  border: none;
  background-color: #555;
  color: #fff;
}

/* Botón continuar para frase */
#btnContinuarFrase {
  margin-top: 10px;
  padding: 5px 12px;
  font-size: 11px;
  background-color: #28a745;
  border-radius: 6px;
  color: white;
  cursor: pointer;
}

#btnContinuarFrase:hover {
  background-color: #218838;
}

.divi-linea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 15px 0 15px;
  padding: 6px 0;
  border-top: 1px solid #333;
}

#logoDivi {
  width: 22px !important;   /* más pequeño */
  height: 22px !important;
  object-fit: contain;
  border-radius: 4px;
}

.saldo-divi {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.botones-registro {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  margin: 10px 0;
  flex-wrap: wrap;
}

.botones-registro button {
  flex: 1 1 45%;
  font-size: 10px;
  padding: 5px 4px;
  white-space: nowrap;
}
#bloqueoPanel {
  background-color: #222;
  padding: 15px 10px;
  border-radius: 10px;
  margin: 20px auto;
  text-align: center;
  display: none; /* se activará por JS si hay contraseña */
}

#bloqueoPanel input {
  width: 90%;
  padding: 6px;
  margin-bottom: 8px;
  border-radius: 6px;
  border: none;
  font-size: 11px;
}

#bloqueoPanel button {
  background-color: #0077cc;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 11px;
  cursor: pointer;
}

#bloqueoPanel button:hover {
  background-color: #005fa3;
}
.oculto {
  display: none;
}
.direccion-divi {
  margin-top: 10px;
  padding: 6px;
  background-color: #222;
  border-radius: 8px;
  font-size: 12px;
  color: #00ffcc;
  word-break: break-all;
}

.password-container {
  position: relative;
  display: flex;
  align-items: center;
}

.password-container input {
  flex: 1;
  padding-right: 30px;
}

.toggle-password {
  position: absolute;
  right: 10px;
  cursor: pointer;
  user-select: none;
}
.panel-oculto {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #222;
  border: 1px solid #555;
  border-radius: 10px;
}

.staking-inputs input {
  width: 100%;
  padding: 6px;
  margin-bottom: 8px;
  border-radius: 6px;
  border: none;
}

.staking-inputs button {
  width: 48%;
  padding: 6px;
  margin: 2px 1%;
  border: none;
  background-color: #5f00ba;
  color: white;
  border-radius: 6px;
  cursor: pointer;
}

.mensaje-resultado {
  font-size: 12px;
  margin-top: 8px;
  color: #00ffae;
}

/* === DMW: Indicador persistente de modo (Simulación/Real) === */
#dmwModeIndicator.dmw-mode-indicator{
  position: fixed;
  top: 8px;
  left: 8px;
  padding: 2px 10px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  border-radius: 999px;
  background: rgba(20,20,20,0.35);
  color: #ddd;
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
  user-select: none;
  pointer-events: none;
  z-index: 9999;
}
#dmwModeIndicator.real{ color:#0ad10a; border-color: rgba(10, 209, 10, .35); }
#dmwModeIndicator.sim{ color:#ff6b6b; border-color: rgba(255, 107, 107, .35); }

/* === DMW: Historial (modal) === */
.dmw-modal-overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.5);
  display:flex; align-items:center; justify-content:center;
  z-index: 9998;
}
.dmw-modal{
  width: 90%; max-width: 420px; max-height: 80vh; overflow: hidden;
  background: #111; color: #ddd; border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.45);
  display:flex; flex-direction: column;
}
.dmw-modal header{
  display:flex; align-items:center; justify-content:space-between;
  padding: 8px 12px; border-bottom: 1px solid rgba(255,255,255,.08);
  font-weight: 600;
}
.dmw-modal .dmw-modal-body{ overflow:auto; padding: 8px 12px; }
.dmw-close{ background:none; border:none; color:#ccc; font-size:16px; cursor:pointer; }
.dmw-table{ width:100%; border-collapse:collapse; font-size:12px; }
.dmw-table th,.dmw-table td{
  padding:6px 8px; border-bottom:1px solid rgba(255,255,255,.06); white-space:nowrap;
}
.dmw-txid{ font-family:monospace; font-size:11px; }
.dmw-badge{ font-size:10px; border-radius:999px; padding:2px 6px; border:1px solid transparent; }
.dmw-badge.send{ color:#ff6b6b; border-color:rgba(255,107,107,.3); }
.dmw-badge.receive{ color:#0ad10a; border-color:rgba(10,209,10,.3); }
.dmw-badge.move{ color:#61dafb; border-color:rgba(97,218,251,.3); }
/* Ajuste: que el alias (con padding-left 65px) tenga el mismo ancho visual que la contraseña */
#alias { 
  /* restamos ~50px al 90% para compensar el padding-left inline (65px vs ~15px) */
  width: calc(90% - 80px) !important;
  box-sizing: border-box;
}

/* DMW_AVATAR_FIX_V2: refuerzo táctil para avatar en móvil */
/* DMW avatar/panel hardening */
#monsterLogo{
  pointer-events:none !important; /* evita tap shadow sobre el avatar */
}
.panel.oculto{
  display:none !important; /* coherente con el toggle por clase */
}
/* Asegura que el panel pueda reaparecer aunque alguna regla ponga display:none */
#registroPanel:not(.oculto){
  display:block !important;
}
#registroPanel{ /* display:none removed 20251110T175034Z */ }
/* --- DMW avatar to right (inline) --- */
/* Anula el fix anterior si existiera */
/* Evita que el logo y títulos queden a su lado: fuerzo salto bajo el float */
#monsterLogo, .titulo, .subtitulo{
  clear: both;
}
/* Ajuste fino en pantallas pequeñas */
/* --- end --- */
/* --- enforce avatar absolute @ 10px from right/top --- */
/* --- end --- */

/* === DMW_FIX_CONFIRM_20251020 === */
#confirmarFrase{
  pointer-events: auto !important;
  display: inline-block !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}
#resultadoFrase{
  display: block !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 2 !important;
}
/* === END DMW_FIX_CONFIRM_20251020 === */

/* DMW AVATAR CLICK FIX 20251110 */
/* DMW 20251112 — AVATAR TOPMOST: fija posición y clic por encima de todo */
/* el logo no debe interceptar clics del avatar */
#monsterLogo{ pointer-events: none !important; }
/* DMW_PANEL_HIGHLIGHT_20251128 */
#registroPanel {
  border: 2px solid #00ff00;
  box-shadow: 0 0 10px #00ff00;
}

/* DMW_PANEL_FORCE_IMPORTANT_20251204 — asegura posición fija bajo los botones en PWA */

/* DMW_REGPANEL_FLOW_BELOW_BTNS — 20251219
   Hace que el panel de registro se despliegue debajo de los botones (layout normal) */
#registroPanel{
  position: static !important;
  margin: 8px 10px 0 !important;
}

/* DMW_REGPANEL_FLOW_BELOW_BTNS_RESET — 20251219
   Fuerza que el panel de registro sea layout normal debajo de botones,
   anulando cualquier overlay previo (top/left/transform/z-index). */
#registroPanel{
  position: static !important;
  margin: 8px 10px 0 !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  z-index: auto !important;
}

/* DMW_STAKING_REWARDS_DEST_UI_20260103 — selector destino recompensas */
.staking-dest{
  margin: 8px 0 10px 0;
  padding: 8px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 10px;
}
.staking-dest label{
  display:block;
  font-size: 12px;
  opacity: .9;
  margin-bottom: 6px;
}
.staking-dest select{
  width: 100%;
  padding: 6px;
  border-radius: 6px;
  border: none;
  outline: none;
}

/* DMW_STAKING_VAULTINFO_UI_20260103 — caja informativa del total del Vault */
.staking-vaultinfo{
  margin: 8px 0 10px 0;
  padding: 8px;
  background: rgba(0,255,174,0.06);
  border: 1px solid rgba(0,255,174,0.22);
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
}
.staking-vaultinfo label{
  display:block;
  font-size: 12px;
  opacity: .9;
}
.staking-vaultinfo #vaultStatus{
  margin-top: 0;         /* anula el margin-top de .mensaje-resultado */
  color: #00ffae;
  font-weight: 700;
  white-space: nowrap;
}

/* === DMW_CSP_INLINE_TO_CSS_20260323 === */
#barraDesbloqueo{
  display: none;
  margin: 6px 10px;
}

#aliasAvatar{
  display: none;
}

.dmw-row-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

#historialLista{
  margin-top: 10px;
  font-size: 0.9em;
  line-height: 1.3;
}

#historialMsg{
  margin-top: 8px;
}

.dmw-relative{
  position: relative;
}

.dmw-prefix-monster{
  position: absolute;
  top: 6px;
  left: 8px;
  color: #888;
  font-size: 11px;
}

#alias{
  padding-left: 65px;
}

.dmw-avatar-row{
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 10px 0;
}

.avatar-opcion{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
}

#fraseConfirmacion{
  width: 100%;
  margin-top: 10px;
  border-radius: 6px;
  padding: 4px;
  font-size: 0.9em;
  box-sizing: border-box;
}

#confirmarFrase{
  margin-top: 6px;
}

#resultadoFrase,
#resultadoEnvio{
  font-size: 0.9em;
  color: lightgreen;
}

.dryrun-row{
  margin-top: 8px;
}

.dryrun-row label{
  cursor: pointer;
}

#dmwDryRunHint{
  display: block;
  opacity: .8;
}

#direccionDivi{
  display: none;
}
/* === END DMW_CSP_INLINE_TO_CSS_20260323 === */

/* === DMW_HISTORY_CLASSREF_20260323 === */
.dmw-history-empty{
  opacity: .8;
}

.dmw-history-row{
  padding: 6px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.dmw-history-top{
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.dmw-history-conf{
  opacity: .7;
}

.dmw-history-meta{
  font-size: .85em;
  opacity: .85;
  margin-top: 2px;
  word-break: break-all;
}
/* === END DMW_HISTORY_CLASSREF_20260323 === */

/* === DMW_MSG_CLASSREF_20260323 === */
.dmw-msg-warn{
  color: gold !important;
}

.dmw-msg-error{
  color: salmon !important;
}

.dmw-msg-success{
  color: lightgreen !important;
}

.dmw-opacity-08{
  opacity: .8 !important;
}

.dmw-opacity-10{
  opacity: 1 !important;
}
/* === END DMW_MSG_CLASSREF_20260323 === */

/* === DMW_AVATAR_LANG_CANONICAL_20260406 === */
#avatarIcon{
  width:40px;
  height:40px;
  object-fit:cover;
  border-radius:50%;
  position:fixed;
  top:12px;
  right:12px;
  cursor:pointer;
  border:2px solid white;
  z-index:2147483647;
  pointer-events:auto;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  margin:0;
}

#dmwLangToggle{
  position:fixed !important;
  top:12px !important;
  right:60px !important;
  z-index:2147483647 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:40px !important;
  line-height:1 !important;
  padding:0 10px !important;
  border-radius:10px !important;
}

@media (max-width: 480px){
  #avatarIcon{ top:10px; right:10px; }
  #dmwLangToggle{ top:10px; right:58px; }
}
/* === /DMW_AVATAR_LANG_CANONICAL_20260406 === */


/* DMW_UNLOCK_GREEN_PENDING_20260503 — contraseña validada, desbloqueo en curso */
#unlockBtn.dmw-unlock-ok-pending,
#unlockBtn.dmw-unlock-ok-pending:hover,
#unlockBtn.dmw-unlock-ok-pending:disabled {
  background-color: #28a745 !important;
  color: #ffffff !important;
  border-color: #28a745 !important;
  opacity: 1 !important;
  cursor: wait !important;
  box-shadow: 0 0 0 2px rgba(40,167,69,0.25), 0 0 14px rgba(40,167,69,0.45) !important;
}


/* DMW_BTC11G1_UI_BTC_BALANCE_ROW_WORK_20260623: fila BTC debajo de DIVI, visual only */
#balance {
  flex-wrap: wrap;
}

#btcBalanceRow {
  display: grid;
  grid-template-columns: 22px auto auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  flex: 0 0 100%;
  margin-top: 6px;
}

#logoBtc {
  width: 22px;
  height: 22px;
  display: block;
}

#btcBalance {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

#btcTicker {
  opacity: 0.82;
  font-size: 0.9em;
}

/* DMW_BTC11G1A_ALIGN_BTC_BALANCE_RIGHT_WORK_20260623: alinear saldo BTC al extremo derecho como DIVI */
#btcBalanceRow {
  grid-template-columns: 22px minmax(0, 1fr) auto;
}

#btcBalance {
  justify-self: end;
  text-align: right;
}

#btcTicker {
  justify-self: start;
}

/* DMW_BTC11G2B_DEPOSIT_ADDRESS_COLORS_WORK_20260623: colores visuales de direcciones deposito; DIVI verde, BTC amarilla; solo CSS WORK */
#dmwDepositPanel #direccionDivi {
  color: #28a745 !important;
  border: 1px solid rgba(40, 167, 69, .45) !important;
  box-shadow: inset 0 0 0 1px rgba(40, 167, 69, .10);
}
#dmwDepositPanel #direccionBtc {
  color: gold !important;
  border: 1px solid rgba(255, 215, 0, .45) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, .10);
}

/* DMW_BTC11H1_UNLOCK_PASSWORD_COMPACT_WORK_20260623: compactar solo casilla/boton de desbloqueo; visual CSS only */
#barraDesbloqueo {
  margin: 4px auto 6px auto !important;
  max-width: 230px !important;
  text-align: center !important;
}

#barraDesbloqueo #unlockPassword.dmw-native-pass,
#barraDesbloqueo #unlockPassword {
  width: 150px !important;
  max-width: 150px !important;
  min-width: 0 !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  line-height: 24px !important;
  padding: 2px 8px !important;
  margin: 0 auto 5px auto !important;
  box-sizing: border-box !important;
  font-size: 11px !important;
  border-radius: 8px !important;
}

#barraDesbloqueo #unlockBtn {
  width: auto !important;
  min-width: 88px !important;
  max-width: 120px !important;
  height: 26px !important;
  min-height: 26px !important;
  line-height: 1 !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  border-radius: 8px !important;
}

/* DMW_BTC11H1A_UNLOCK_PASSWORD_COMPACT_PLUS_WORK_20260623: hacer unlockPassword un poco mas ancho/alto para que quepa el texto; visual CSS only */
#barraDesbloqueo {
  max-width: 270px !important;
}

#barraDesbloqueo #unlockPassword.dmw-native-pass,
#barraDesbloqueo #unlockPassword {
  width: 210px !important;
  max-width: 210px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  line-height: 28px !important;
  padding: 3px 9px !important;
  font-size: 11px !important;
}

#barraDesbloqueo #unlockBtn {
  min-width: 94px !important;
  max-width: 130px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 4px 12px !important;
}

/* DMW_BTC13C_SEND_PANEL_DIVI_BTC_SELECTOR_WORK_20260624: selector DIVI/BTC para el mismo panel Enviar; BTC review-only visual. */
#dmwSendCoinSelector{
  margin: 0 0 12px 0;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.24);
}
#dmwSendCoinSelector .dmw-send-title{
  font-weight: 800;
  letter-spacing: .2px;
  margin-bottom: 8px;
  text-align: center;
}
#dmwSendCoinSelector .dmw-send-tabs{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
#dmwSendCoinSelector .dmw-send-coin-btn{
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 800;
  border: 1px solid rgba(40,167,69,.55);
  background: rgba(40,167,69,.12);
  color: #ffffff;
}
#dmwSendCoinSelector .dmw-send-coin-btn.active{
  background: rgba(40,167,69,.95);
  color: #061b0c;
  box-shadow: 0 0 12px rgba(40,167,69,.28);
}
#dmwSendCoinSelector .dmw-send-coin-btn.dmw-send-coin-btc{
  border-color: rgba(255,193,7,.65);
  background: rgba(255,193,7,.12);
}
#dmwSendCoinSelector .dmw-send-coin-btn.dmw-send-coin-btc.active{
  background: rgba(255,193,7,.96);
  color: #241800;
  box-shadow: 0 0 12px rgba(255,193,7,.30);
}
#dmwSendCoinSelector .dmw-send-mode-hint{
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.35;
  opacity: .86;
  text-align: center;
}
#dmwSendBtcCard{
  display: none;
  margin: 10px 0 10px 0;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,193,7,.38);
  background: linear-gradient(180deg, rgba(255,193,7,.14), rgba(0,0,0,.22));
}
#dmwSendBtcCard .dmw-btc-review-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
#dmwSendBtcCard .dmw-btc-review-head strong{
  color: gold;
}
#dmwSendBtcCard .dmw-btc-review-head span{
  font-size: 11px;
  opacity: .78;
}
#dmwSendBtcCard .dmw-btc-review-warning{
  padding: 8px;
  border-radius: 10px;
  background: rgba(0,0,0,.28);
  font-size: 12px;
  line-height: 1.35;
  margin-bottom: 8px;
}
#dmwSendBtcCard .dmw-btc-review-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}
#dmwSendBtcCard .dmw-btc-review-grid div{
  padding: 8px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
}
#dmwSendBtcCard small{
  display: block;
  opacity: .78;
  margin-bottom: 3px;
}
#dmwSendBtcCard b{
  color: gold;
  word-break: break-word;
}
#dmwSendBtcCard .dmw-btc-review-status{
  margin-top: 8px;
  padding: 8px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.35;
  background: rgba(0,0,0,.30);
}
#confirmarEnvioBtn.dmw-btc-review-btn{
  background: linear-gradient(180deg, #ffd54a, #f2a900);
  color: #201400;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.30);
}

/* DMW_BTC20G11G_APPLY_MONSTER1_DEPOSIT_PANEL_CSS_WORK_20260627
   CSS restaurado solo para el panel desplegable Depositar DIVI/BTC.
   Origen: bloque copiado desde Monster1 read-only en /tmp.
   No toca balance, historial, envío, staking, JS, PROD ni Monster1. */
/* DMW_BTC20G11F_DEPOSIT_PANEL_CSS_FROM_MONSTER1_20260627 */
/* Solo CSS del panel desplegable Depositar DIVI/BTC. Monster1 leído sin modificar. */
.dmw-deposit-panel{
  margin-top: 10px !important;
  padding: 10px !important;
  background: #151515 !important;
  border: 1px solid #333 !important;
  border-radius: 10px !important;
  color: #ddd !important;
}

.dmw-deposit-title{
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  color: #fff !important;
}

.dmw-deposit-warning{
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #ffcc66 !important;
  background: #241d0a !important;
  border: 1px solid #5d4612 !important;
  border-radius: 8px !important;
  padding: 7px !important;
  margin-bottom: 8px !important;
}

.dmw-deposit-card{
  background: #202020 !important;
  border: 1px solid #383838 !important;
  border-radius: 9px !important;
  padding: 8px !important;
  margin-top: 8px !important;
}

.dmw-deposit-head{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 6px !important;
}

.dmw-deposit-logo{
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  object-fit: contain !important;
  display: block !important;
}

.dmw-deposit-head strong{
  display: block !important;
  font-size: 13px !important;
  color: #fff !important;
  line-height: 1.1 !important;
}

.dmw-deposit-head span{
  display: block !important;
  font-size: 11px !important;
  color: #aaa !important;
  line-height: 1.1 !important;
}

.dmw-deposit-address{
  display: block !important;
  margin-top: 6px !important;
  margin-bottom: 7px !important;
  padding: 7px !important;
  background-color: #111 !important;
  border: 1px solid #333 !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #00ffcc !important;
  word-break: break-all !important;
  min-height: 18px !important;
}

.dmw-deposit-copy{
  width: 100% !important;
  font-size: 11px !important;
  padding: 7px 8px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}

.dmw-deposit-msg{
  min-height: 16px !important;
  margin: 8px 0 0 0 !important;
  font-size: 11px !important;
  color: #9be7ff !important;
}

/* DMW_BTC20G11I_DEPOSIT_ADDRESS_COLORS_DIVI_RED_BTC_YELLOW_WORK_20260627
   Ajuste visual mínimo del panel Depositar:
   dirección DIVI roja y dirección BTC amarilla.
   Solo afecta #direccionDivi y #direccionBTC dentro de #depositPanel. */
#depositPanel #direccionDivi.dmw-deposit-address{
  color: #ff4d4d !important;
  -webkit-text-fill-color: #ff4d4d !important;
}
#depositPanel #direccionBTC.dmw-deposit-address{
  color: #ffcc33 !important;
  -webkit-text-fill-color: #ffcc33 !important;
}

/* === DMW_CONTACTS_CLEAN_UI_CSS_WORK_20260628 === */
.dmw-contacts-clean{
  padding: 12px;
}
.dmw-contacts-clean-head{
  display: flex;
  align-items: center;
  gap: 8px;
}
.dmw-contacts-clean-head strong{
  flex: 1;
}
.dmw-contact-add-btn{
  width: auto;
  min-width: 0;
  padding: 5px 10px;
  font-size: .85em;
  line-height: 1.1;
}
.dmw-contact-editor{
  margin-top: 10px;
}
.dmw-contact-line-editor{
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 8px 0;
}
.dmw-contact-line-num{
  font-weight: 700;
  opacity: .9;
}
/* DMW_CONTACTS_MOBILE_PASTE_BAR_20260701 */
.dmw-contact-inline-input{
 ,255,.35);
  overflow-wrap flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  display: block;
  min-height: 38px;
  line-height: 1.35;
  font-size: 16px;
  padding: 6px 2px;
  border: 0;
  outline: none;
  background: transparent;
  color: inherit;
  border-bottom: 1px solid rgba(255,255,255,.35);
  overflow-wrap: anywhere;
  -webkit-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}
.dmw-contact-inline-input:empty::after{
  content: "_";
  animation: dmwContactBlink 1s steps(2, start) infinite;
}
@keyframes dmwContactBlink{
  50%{ opacity: 0; }
}
.dmw-contact-clean-card{
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.18);
  padding: 9px 2px;
  cursor: pointer;
  background: transparent;
}
.dmw-contact-clean-alias{
  display: block;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.dmw-contact-clean-details{
  display: none;
  margin-top: 8px;
}
.dmw-contact-clean-card.dmw-contact-open .dmw-contact-clean-details{
  display: block;
}
.dmw-contact-clean-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 7px 0;
}
.dmw-contact-clean-actions button{
  width: auto;
  min-width: 0;
  padding: 5px 9px;
  font-size: .85em;
}
.dmw-contact-address-row{
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 6px 0;
}
.dmw-contact-address-text{
  flex: 1;
  overflow-wrap: anywhere;
}
/* === /DMW_CONTACTS_CLEAN_UI_CSS_WORK_20260628 === */