/* Skin choice is a comparison surface; color is confined to its preview strip. */
#walletSkinPopover {
  box-sizing: border-box; width: min(368px, calc(100vw - 24px));
  max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px);
  overflow-y: auto; overscroll-behavior: contain; padding: 16px;
  border: 1px solid #dce2eb; border-radius: 12px; background: #fff;
}
#walletSkinPopover .wallet-skin-popover__head { align-items: center; margin-bottom: 16px; }
#walletSkinPopover .wallet-skin-popover__head strong { font-size: 16px; line-height: 1.5; color: #172033; }
#walletSkinPopover .wallet-skin-popover__head span { color: #58677c; line-height: 1.6; }
#walletSkinPopover .wallet-skin-popover__close { flex: 0 0 auto; min-width: 36px; min-height: 36px; border-radius: 8px; }
#walletSkinPopover .wallet-skin-grid { gap: 12px; }
#walletSkinPopover .wallet-skin-card {
  --skin-accent: #6842ad; /* taste-skill-ignore: existing skin preview identity. */
  display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 150px;
  padding: 12px; border: 1px solid #e1e6ef; border-radius: 9px;
  background: #fff; opacity: 1; color: #172033; box-shadow: none; /* taste-skill-ignore: clear legacy preview shadows. */
}
#walletSkinPopover .wallet-skin-card--trial { --skin-accent: #5846a8; } /* taste-skill-ignore: existing skin preview identity. */
#walletSkinPopover .wallet-skin-card--standard { --skin-accent: #1d4ed8; } /* taste-skill-ignore: matches the existing standard skin accent. */
#walletSkinPopover .wallet-skin-card--flagship { --skin-accent: #925609; }
#walletSkinPopover .wallet-skin-card--chief { --skin-accent: #047857; }
#walletSkinPopover .wallet-skin-card__preview { display: flex; align-items: center; gap: 5px; box-sizing: border-box; width: 100%; height: 32px; padding: 8px; border-radius: 5px; background: #f1f4f8; }
#walletSkinPopover .wallet-skin-card__preview i { display: block; width: 16px; height: 16px; border-radius: 3px; background: var(--skin-accent); }
#walletSkinPopover .wallet-skin-card__preview i:nth-child(2) { width: 30px; height: 7px; opacity: .28; }
#walletSkinPopover .wallet-skin-card__preview i:nth-child(3) { width: 20px; height: 7px; opacity: .12; }
#walletSkinPopover .wallet-skin-card strong { margin-top: 10px; color: #172033; font-size: 14px; line-height: 1.5; }
#walletSkinPopover .wallet-skin-card small { min-height: 0; margin-top: 3px; color: #58677c; font-size: 12px; line-height: 1.5; }
#walletSkinPopover .wallet-skin-card__status { margin-top: 12px; padding: 0; background: transparent; color: #58677c; font-size: 12px; line-height: 1.5; font-weight: 500; }
#walletSkinPopover .wallet-skin-card.is-current { border-color: var(--skin-accent) !important; box-shadow: none !important; } /* taste-skill-ignore: clear old selection glow. */
#walletSkinPopover .wallet-skin-card.is-current .wallet-skin-card__status { color: var(--skin-accent); font-weight: 650; }
#walletSkinPopover .wallet-skin-card.is-locked .wallet-skin-card__status { background: transparent; color: #7c4a16; }
#walletSkinPopover .wallet-skin-card:hover { border-color: var(--skin-accent); }
#walletSkinPopover :is(button,a):focus-visible { outline: 2px solid #475569; outline-offset: 3px; }
#walletSkinPopover .wallet-skin-lock { margin-top: 12px; padding: 12px; border-color: #e1e6ef; border-radius: 8px; background: #f6f7f9; color: #475569; font-size: 13px; line-height: 1.6; }
#walletSkinPopover .wallet-skin-lock__actions { flex-wrap: wrap; }
#walletSkinPopover .wallet-skin-lock__primary { background: #172033; border-color: #172033; color: #fff; font-weight: 600; }
#walletSkinPopover .wallet-skin-lock__secondary { font-weight: 500; }
@media (max-width: 760px) {
  #walletSkinPopover { top: 12px !important; left: 12px !important; right: auto !important; width: calc(100vw - 24px); }
}