/* FIX23: billetera más clara, sin mensaje duplicado y con colores por moneda */
.rk-wallet-transfer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0 10px}
.rk-wallet-transfer-form{border:1px solid #35475f;background:#17283a;border-radius:9px;padding:14px;display:flex;flex-direction:column;gap:9px;max-width:100%;box-sizing:border-box}
.rk-wallet-transfer-form h3{font-size:15px;color:#e8bc73;margin:0 0 2px}
.rk-wallet-transfer-form label{font-size:12px;font-weight:600;color:#dce5f2;display:flex;flex-direction:column;gap:5px}
.rk-wallet-transfer-form input,.rk-wallet-transfer-form select{width:100%;min-width:0;box-sizing:border-box;background:#101b2a;border:1px solid #445c7a;color:#f2f5f9;border-radius:5px;height:36px;padding:6px 9px;font-size:13px}
.rk-wallet-transfer-form button{border:1px solid #d5a252;border-radius:6px;background:linear-gradient(120deg,#f1c47b,#d9a351);color:#1e1a17;font-weight:800;min-height:37px;cursor:pointer;padding:6px 10px}
.rk-wallet-transfer-form button:hover{filter:brightness(1.06)}

/* Advertencias visibles en rojo */
.rk-wallet-panel .rk-account-warning,
.rk-wallet-panel .rk-account-note-error{
  margin:10px 0 12px;
  padding:10px 12px;
  border-radius:7px;
  border:1px solid #cc5367;
  background:rgba(92,24,37,.62);
  color:#ffd6dc;
  font-size:13px;
  line-height:1.45;
}
.rk-wallet-panel .rk-account-warning::before,
.rk-wallet-panel .rk-account-note-error::before{content:"⚠ ";font-weight:800;color:#ff8ea0}

/* FIX24 - etiquetas blancas y SOLO saldos con color, ambos bloques */
.rk-wallet-panel .rk-account-metric{position:relative;overflow:hidden}
.rk-wallet-panel .rk-account-metric strong{display:block}
/* Nombres ORO / CASH / PUNTOS EVENTO: siempre blancos */
.rk-wallet-panel .rk-account-balances .rk-account-metric small,
.rk-wallet-panel .rk-account-balances .rk-account-metric.rk-metric-gold small,
.rk-wallet-panel .rk-account-balances .rk-account-metric.rk-metric-cash small,
.rk-wallet-panel .rk-account-balances .rk-account-metric.rk-metric-ep small{
  color:#f4f6fa;
  text-shadow:none;
}
/* Cantidades como en el HUD del juego */
.rk-wallet-panel .rk-account-metric.rk-metric-gold strong{
  color:#e6c15d;
  text-shadow:0 0 8px rgba(230,193,93,.10);
}
.rk-wallet-panel .rk-account-metric.rk-metric-cash strong{
  color:#6ad8f8;
  text-shadow:0 0 8px rgba(106,216,248,.10);
}
.rk-wallet-panel .rk-account-metric.rk-metric-ep strong{
  color:#f2a35d;
  text-shadow:0 0 8px rgba(242,163,93,.10);
}

@media(max-width:720px){.rk-wallet-transfer-grid{grid-template-columns:1fr}}

/* FIX25: recupera el formato retail del panel derecho del inventario.
   Restaurado del CSS verificado del FIX3 de inventario; no cambia el backend. */
/* Inventario QUICK VIEW FIX3: ficha retail original al pasar el mouse por cada casilla.
   El clic sigue mostrando el diálogo grande. No se muestra cantidad x399 en el panel. */
.rk-market-full #rk-inventory-hover-details{max-height:min(650px,70vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#697380 #111820;scrollbar-width:thin;padding:0 5px 8px;background:#11151b;border:1px solid #66502c;border-radius:5px;color:#e8ebef}
.rk-market-full #rk-inventory-hover-details .rk-inventory-side-hint{padding:12px 9px;border:0;margin:0;color:#bdc9dc}
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic{display:flex;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid #58472a}
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic-icon{width:55px;height:55px;flex:none;border:1px solid #876332;display:grid;place-items:center;border-radius:4px;background:#2a2116;color:#e3b864;font-size:29px}
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic-icon img{width:100%;height:100%;object-fit:contain}
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic strong{display:block;font-size:13px;color:#f2cf8d;overflow-wrap:anywhere}
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic small{display:block;margin-top:5px;font-size:11px;color:#abbfd3}
.rk-market-full #rk-inventory-hover-details .rk-inventory-mini-fallback{display:grid;place-items:center;color:#e3b864;min-width:20px;min-height:20px}
.rk-market-full .rk-inventory-side{position:sticky;top:12px}
@media(max-width:740px){.rk-market-full .rk-inventory-side{position:static}.rk-market-full #rk-inventory-hover-details{max-height:460px}}
.rk-market-full #rk-inventory-hover-details .rk-retail-head{display:flex;align-items:center;gap:10px;padding:10px 2px 12px;margin:0;border-bottom:1px solid #564326}
.rk-market-full #rk-inventory-hover-details .rk-retail-head img{width:52px;height:52px;flex:none;object-fit:contain;border:1px solid #6f532d;background:#211b16;border-radius:4px}
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text{min-width:0}
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text small{font-size:10px;letter-spacing:.09em;font-weight:800;color:#cca260}
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text h3{font-size:15px;margin:4px 0;overflow-wrap:anywhere}
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text>span{font-size:11px;color:#e2dfd8}
.rk-market-full #rk-inventory-hover-details .rk-retail-tags{padding:8px 2px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #564326}
.rk-market-full #rk-inventory-hover-details .rk-retail-tag-bless,.rk-market-full #rk-inventory-hover-details .rk-retail-mini-bless{font-size:11px;font-weight:800;background:#31253b;border:1px solid #9270a9;border-radius:2px;color:#eed1ff;padding:3px 6px}
.rk-market-full #rk-inventory-hover-details .rk-retail-tag-post{font-size:11px;background:#412341;color:#f9cbea;border:1px solid #905a8d;padding:3px 6px}
.rk-market-full #rk-inventory-hover-details .rk-retail-condition-info{padding:8px 1px;border-bottom:1px solid #785e33;color:#f3f4f5;font-weight:700;font-size:11px;line-height:1.43}
.rk-market-full #rk-inventory-hover-details .rk-retail-condition-info .rk-retail-info-denied{color:#f43f43}
.rk-market-full #rk-inventory-hover-details .rk-retail-condition-info .rk-retail-info-neutral{color:#cbd5e1}
.rk-market-full #rk-inventory-hover-details .rk-retail-block{margin-top:8px;padding:7px 9px 8px;border:1px solid #73552d;background:#0e1a21}
.rk-market-full #rk-inventory-hover-details .rk-retail-block-title{font-size:10px;font-weight:800;letter-spacing:.045em;color:#e5bd72;display:block;margin-bottom:5px}
.rk-market-full #rk-inventory-hover-details .rk-retail-stat-line{display:flex;justify-content:space-between;gap:13px;align-items:baseline;border-bottom:1px solid #2e3c46;min-height:18px;padding:2px 0;color:#e9eef5;font-size:11px;line-height:1.17}
.rk-market-full #rk-inventory-hover-details .rk-retail-stat-line:last-child{border-bottom:0}
.rk-market-full #rk-inventory-hover-details .rk-retail-stat-line span{font-weight:700}
.rk-market-full #rk-inventory-hover-details .rk-retail-stat-line b{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-weight:800;color:#f0f4f8}
.rk-market-full #rk-inventory-hover-details .rk-retail-note{display:block;color:#aebdd0;font-size:10px;line-height:1.4;margin-top:7px}
.rk-market-full #rk-inventory-hover-details .rk-retail-options{padding:7px 3px 4px;border-color:transparent;border-top-color:#80602d;background:transparent}
.rk-market-full #rk-inventory-hover-details .rk-retail-title-row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:1px 5px 6px}
.rk-market-full #rk-inventory-hover-details .rk-retail-title-row .rk-retail-block-title{margin:0}
.rk-market-full #rk-inventory-hover-details .rk-retail-mini-bless{color:#ffe15d;background:#392c17;border-color:#896c38;padding:2px 5px}
.rk-market-full #rk-inventory-hover-details .rk-retail-option-line{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:3px 4px;font-size:11px;font-weight:700;color:#f2f2f3}
.rk-market-full #rk-inventory-hover-details .rk-retail-option-line b{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-market-full #rk-inventory-hover-details .rk-retail-option-line.is-blessed,.rk-market-full #rk-inventory-hover-details .rk-retail-option-line.is-blessed b{color:#f5df28}
.rk-market-full #rk-inventory-hover-details .rk-retail-hidden-ability{font-size:11px;font-weight:800;color:#269dff;padding:6px 5px;border-top:1px solid #80602d;border-bottom:1px solid #80602d}
.rk-market-full #rk-inventory-hover-details .rk-retail-sockets{margin-top:7px;padding:7px 2px 4px;border-color:transparent;border-top-color:#80602d;background:transparent}
.rk-market-full #rk-inventory-hover-details .rk-retail-sockets .rk-retail-block-title{margin-left:5px;margin-bottom:8px;color:#5eb7f6}
.rk-market-full #rk-inventory-hover-details .rk-retail-socket-row{display:flex;align-items:center;gap:6px;padding:2px 5px;min-height:23px;border-bottom:1px solid #282f39;color:#d8e1eb;font-size:11px;font-weight:700}
.rk-market-full #rk-inventory-hover-details .rk-retail-socket-row:last-child{border-bottom:0}
.rk-market-full #rk-inventory-hover-details .rk-retail-socket-row.is-closed{color:#8c96a7}
.rk-market-full #rk-inventory-hover-details .rk-retail-socket-row.is-empty{color:#bac8d6}
.rk-market-full #rk-inventory-hover-details .rk-retail-socket-frame{width:22px;height:22px;flex:none;display:flex;align-items:center;justify-content:center;background:#101419;border:1px solid #3c434d}
.rk-market-full #rk-inventory-hover-details .rk-retail-socket-frame img{display:block;width:20px;height:20px;object-fit:contain}
.rk-market-full #rk-inventory-hover-details .rk-retail-socket-shape{width:14px;height:14px;background:radial-gradient(#17212b,#070a0e);border:1px dashed #253443}
.rk-market-full #rk-inventory-hover-details .rk-retail-extras{border-top:1px solid #80602d;margin-top:6px;padding:7px 4px;color:#bcccd9;font-size:11px}
.rk-market-full #rk-inventory-hover-details .rk-retail-footer{padding:8px 3px 0;color:#8d9cab;font-size:9px}


/* FIX26 - Nombres de items por grado en la ficha retail del inventario.
   Las clases rk-grade-text-N ya provienen del HTML de la ficha de cada item.
   Esta especificidad evita que .rk-inventory-side h3 imponga dorado a todos. */
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text h3.rk-grade-text-1 { color: #f5f7ff; }
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text h3.rk-grade-text-2 { color: #4df39b; }
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text h3.rk-grade-text-3 { color: #28a4ff; }
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text h3.rk-grade-text-4 { color: #e467ff; }
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text h3.rk-grade-text-5 { color: #ffc851; }

/* Ítems normales sin clase de grado: texto claro, no dorado universal. */
.rk-market-full #rk-inventory-hover-details .rk-retail-head-text h3:not([class*="rk-grade-text-"]) { color: #f5f7ff; }

/* Fallback de piezas cuya ficha reducida muestre un strong con clase de grado. */
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic strong.rk-grade-text-1 { color: #f5f7ff; }
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic strong.rk-grade-text-2 { color: #4df39b; }
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic strong.rk-grade-text-3 { color: #28a4ff; }
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic strong.rk-grade-text-4 { color: #e467ff; }
.rk-market-full #rk-inventory-hover-details .rk-inventory-hover-basic strong.rk-grade-text-5 { color: #ffc851; }


/* FIX47: evita que el alto variable de las fichas retail y de los consumibles
   mueva el scroll de toda la pagina o produzca temblores en el inventario.
   Solo se afecta la vista de Caja; nunca Banco, Mercado, 2FA o Billetera. */
.rk-market-full #inventario-juego .rk-inventory-layout {
  align-items: start;
}
.rk-market-full #inventario-juego .rk-inventory-side {
  align-self: start;
  min-width: 0;
  overflow-anchor: none;
}
.rk-market-full #inventario-juego #rk-inventory-hover-details {
  /* Altura constante incluso al pasar de equipo complejo a pocion simple. */
  height: clamp(370px, 64vh, 650px);
  min-height: 0;
  max-height: none;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  overflow-anchor: none;
  /* Los cambios de contenido interno no fuerzan relayout externo. */
  contain: layout style;
}
@media (max-width: 740px) {
  .rk-market-full #inventario-juego #rk-inventory-hover-details {
    height: clamp(300px, 55vh, 470px);
  }
}


/* FIX48: el espacio para evitar temblores queda reservado por el layout,
   mientras las fichas de poca información recuperan su alto natural.
   Se conserva íntegro el formato retail y el alto estable del FIX47 para
   armaduras o armas con atributos extensos. */
.rk-market-full #inventario-juego #rk-inventory-hover-details.rk-inventory-compact {
  height: auto;
  min-height: 0;
  max-height: min(650px, 70vh);
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
@media (max-width: 740px) {
  .rk-market-full #inventario-juego #rk-inventory-hover-details.rk-inventory-compact {
    height: auto;
    max-height: 460px;
  }
}


/* FIX50 — ficha retail SIEMPRE visible. Solo el editor de publicación es
   flotante y aparece al hacer clic. Nunca usamos el modal antiguo. */
.rk-market-full #inventario-juego .rk-trade-publish.rk-inventory-publish-popover {
  display:none !important;
  position:fixed !important;
  inset:auto !important;
  top:var(--rk-sell-top, 24vh) !important;
  left:var(--rk-sell-left, 32vw) !important;
  width:var(--rk-sell-width, 342px) !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100vh - 24px) !important;
  overflow-y:auto !important;
  overflow-x:hidden;
  box-sizing:border-box;
  z-index:1008;
  margin:0 !important;
  padding:14px !important;
  border:1px solid #bc8a46 !important;
  border-radius:10px;
  background:#172638 !important;
  box-shadow:0 16px 52px rgba(0,0,0,.62);
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.rk-market-full #inventario-juego .rk-trade-publish.rk-inventory-publish-popover.is-open:not([hidden]) {
  display:flex !important;
  flex-direction:column;
  gap:10px;
}
/* Nunca ocultar la ficha por entrar a modo publicación. */
.rk-market-full #inventario-juego .rk-inventory-side.is-rk-publishing .rk-inventory-selected-head,
.rk-market-full #inventario-juego .rk-inventory-side.is-rk-publishing #rk-inventory-hover-details {
  display:block !important;
}
.rk-market-full #inventario-juego .rk-inventory-sell-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.rk-market-full #inventario-juego .rk-inventory-sell-head h3 {
  margin:0;
  font-size:14px;
}
.rk-market-full #inventario-juego .rk-inventory-back-to-preview {
  width:auto;
  min-height:27px;
  padding:4px 8px;
  border-radius:5px;
  background:#233549;
  color:#e1e9f3;
  border:1px solid #526d89;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.rk-market-full #inventario-juego .rk-inventory-back-to-preview:hover {
  border-color:#e3b568;
  color:#f5ce8a;
}
@media(max-width:700px) {
  .rk-market-full #inventario-juego .rk-trade-publish.rk-inventory-publish-popover {
    width:calc(100vw - 24px) !important;
    left:12px !important;
    top:12px !important;
  }
}


/* FIX59: nivel de criatura legible dentro de su propia casilla.
   Corrige el "Nv 98" cortado contra el borde derecho. */
.rk-market-full #inventario-juego .rk-inventory-grid .rk-inventory-slot .rk-creature-level-badge {
  position: absolute !important;
  inset: auto 3px 3px 3px !important;
  display: block !important;
  box-sizing: border-box !important;
  width: calc(100% - 6px) !important;
  max-width: calc(100% - 6px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 2px 3px !important;
  border: 1px solid #b98d45 !important;
  border-radius: 3px !important;
  background: rgba(12, 17, 25, .88) !important;
  color: #f3cd86 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  z-index: 6 !important;
  pointer-events: none !important;
}