/* Estilos de los controles de cuenta. La paleta sigue a styles.css: negro, cian y blanco. */
.qx-select, .qx-btn, #categoryTabs + #assetTabs { font: inherit; }
#categoryTabs { margin-bottom: 8px; }
#categoryTabs button:disabled { opacity: .35; cursor: not-allowed; }
.qx-select {
  min-width: 170px; padding: 9px 12px; border-radius: 10px; color: #ffffff;
  background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); outline: none; cursor: pointer;
}
.qx-select:focus-visible, .qx-btn:focus-visible { border-color: #00e5ff; }
.qx-select option { background: #000000; color: #ffffff; }
.qx-btn {
  padding: 8px 14px; border-radius: 999px; color: #ffffff; cursor: pointer;
  background: rgba(0, 229, 255, .1); border: 1px solid rgba(0, 229, 255, .35);
}
.qx-btn:hover { background: rgba(0, 229, 255, .18); }
.qx-btn:disabled { opacity: .5; cursor: progress; }
.qx-account { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.qx-logo { display: block; width: 44px; height: 44px; margin-bottom: 10px; }
.qx-dialog { padding: 22px; border-radius: 14px; color: #ffffff; background: #07090b; border: 1px solid rgba(255, 255, 255, .16); max-width: 360px; }
.qx-dialog::backdrop { background: rgba(0, 0, 0, .6); }
.qx-dialog form { display: grid; gap: 12px; }
.qx-dialog input { padding: 10px 12px; border-radius: 10px; color: inherit; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .16); }
.qx-dialog .qx-row { display: flex; gap: 8px; justify-content: flex-end; }
.qx-dialog small { opacity: .75; min-height: 1.2em; }