/* Wallet symbols: one local, theme-aware identity on every wallet surface. */
.hodl-wallet-symbol.hodl-wallet-symbol {
    --wallet-symbol-size: 32px;
    --wallet-symbol-font: 16px;
    align-items: center;
    background: color-mix(in srgb, var(--wallet-symbol-color) 16%, var(--hodl-surface));
    border: 1px solid color-mix(in srgb, var(--wallet-symbol-color) 35%, var(--hodl-border-subtle));
    border-radius: var(--hodl-radius-md);
    color: var(--wallet-symbol-color);
    display: inline-flex;
    flex: 0 0 auto;
    height: var(--wallet-symbol-size);
    justify-content: center;
    overflow: hidden;
    width: var(--wallet-symbol-size);
}
.hodl-wallet-symbol > i {
    font-size: var(--wallet-symbol-font);
    line-height: 1;
}
.hodl-wallet-symbol.hodl-wallet-symbol--sm { --wallet-symbol-size: 28px; --wallet-symbol-font: 16px; }
.hodl-wallet-symbol.hodl-wallet-symbol--lg { --wallet-symbol-size: 48px; --wallet-symbol-font: 20px; }
.hodl-wallet-symbol.hodl-wallet-symbol--gallery { --wallet-symbol-size: 40px; --wallet-symbol-font: 20px; }
.hodl-wallet-symbol.hodl-wallet-symbol--public { --wallet-symbol-size: 64px; --wallet-symbol-font: 20px; }
.hodl-wallet-symbol--accent { --wallet-symbol-color: var(--hodl-accent); }
.hodl-wallet-symbol--cat-violet { --wallet-symbol-color: var(--hodl-cat-violet); }
.hodl-wallet-symbol--cat-pink { --wallet-symbol-color: var(--hodl-cat-pink); }
.hodl-wallet-symbol--cat-orange { --wallet-symbol-color: var(--hodl-cat-orange); }
.hodl-wallet-symbol--up-text { --wallet-symbol-color: var(--hodl-up-text); }
.hodl-wallet-symbol--warn-text { --wallet-symbol-color: var(--hodl-warn-text); }
.hodl-wallet-symbol--info-text { --wallet-symbol-color: var(--hodl-info-text); }
.hodl-wallet-symbol--down-text { --wallet-symbol-color: var(--hodl-down-text); }

.pf-wallet-form__logo-grid.pf-wallet-form__logo-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
    padding: 4px;
}
.pf-wallet-form__symbol-option {
    align-items: center;
    background: var(--hodl-surface-2);
    border: 1px solid var(--hodl-border-subtle);
    border-radius: var(--hodl-radius-md);
    color: var(--hodl-text-2);
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 100%;
    padding: 8px 4px;
}
.pf-wallet-form__symbol-label {
    font-size: 11px;
    line-height: 1.3;
    overflow-wrap: anywhere;
    text-align: center;
}
.pf-wallet-form__logo-input:checked + .pf-wallet-form__symbol-option {
    background: var(--hodl-accent-soft);
    border-color: var(--hodl-accent);
    box-shadow: inset 0 0 0 1px var(--hodl-accent);
}
.pf-wallet-form__logo-input:focus-visible + .pf-wallet-form__symbol-option {
    outline: 2px solid var(--hodl-focus-ring);
    outline-offset: 2px;
}
.pf-wallet-form__logo-item:hover .pf-wallet-form__symbol-option {
    border-color: var(--hodl-border-strong);
}
@media (max-width: 767.98px) {
    .pf-wallet-form__logo-grid.pf-wallet-form__logo-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}