.arz-converter-asset-dialog {
    background: var(--arz-color-overlay, rgba(15, 23, 42, .55)) !important;
    backdrop-filter: blur(2px) !important;
}
/* Visibility must change immediately so synchronous focus
   works; retain the existing opacity fade. */
.arz-modal.arz-modal-fade.arz-converter-asset-dialog {
    transition-property: opacity !important;
}
/* Keep the fixed shell laid out without exposing it to input or
   accessibility. Opening only changes visibility and opacity. */
.arz-converter-asset-dialog[hidden] {
    display: block !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.arz-converter-asset-dialog .arz-converter-asset-dialog__sheet {
    transition-property: transform, opacity !important;
    width: min(520px, calc(100% - 32px)) !important;
    max-height: min(620px, calc(100vh - 48px)) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--arz-color-border, #e2e8f0) !important;
    border-radius: 12px !important;
    background: var(--arz-color-surface-elevated, #fff) !important;
    color: var(--arz-color-text, #333) !important;
    box-shadow: 0 12px 32px var(--arz-color-shadow, rgba(15, 23, 42, .12)) !important;
}
.arz-converter-asset-dialog button,
.arz-converter-asset-dialog strong {
    font-weight: 500 !important;
}
.arz-converter-asset-dialog__header {
    display: flex !important;
    gap: 8px !important;
    padding: 16px 16px 12px !important;
    border-bottom: 1px solid var(--arz-color-divider-soft, rgba(100, 116, 139, .16)) !important;
}
.arz-converter-asset-dialog__search {
    position: relative !important;
    flex: 1 !important;
    height: 44px !important;
    border: 1px solid var(--arz-color-border-strong, #cbd5e1) !important;
    border-radius: 8px !important;
    background: var(--arz-color-surface-subtle, #f8fafc) !important;
}
.arz-converter-asset-dialog__search:focus-within {
    border-color: var(--arz-color-primary, #0b776b) !important;
    background: var(--arz-color-surface, #fff) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--arz-color-primary, #0b776b) 18%, transparent) !important;
}
.arz-converter-asset-dialog__search input {
    width: 100% !important;
    height: 100% !important;
    padding: 0 14px 0 40px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--arz-color-text, #333) !important;
    text-align: right !important;
}
.arz-converter-asset-dialog__search input::-moz-placeholder {
    color: var(--arz-color-text-muted, #64748b) !important;
    direction: rtl !important;
    text-align: right !important;
}
.arz-converter-asset-dialog__search input::placeholder {
    color: var(--arz-color-text-muted, #64748b) !important;
    direction: rtl !important;
    text-align: right !important;
}
.arz-converter-asset-dialog__close {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 1px solid var(--arz-color-border, #e2e8f0) !important;
    border-radius: 8px !important;
    background: var(--arz-color-surface, #fff) !important;
    color: var(--arz-color-negative, #e5484d) !important;
    font-size: 20px !important;
    transition: border-color 140ms ease, background-color 140ms ease, transform 140ms cubic-bezier(.23, 1, .32, 1) !important;
}
.arz-converter-asset-dialog__close:hover {
    border-color: var(--arz-color-negative, #e5484d) !important;
    background: var(--arz-color-negative-subtle, #fff1f3) !important;
}
.arz-converter-asset-dialog__close:active {
    transform: scale(.96) !important;
}
.arz-converter-asset-dialog__tabs {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    padding: 0 16px !important;
    border-bottom: 1px solid var(--arz-color-border, #e2e8f0) !important;
}
.arz-converter-asset-dialog__tabs .search-modal-tabs {
    min-height: 46px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 6px 6px 0 0 !important;
    background: transparent !important;
    color: var(--arz-color-text-muted, #64748b) !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: background-color 140ms ease, color 140ms ease, transform 140ms cubic-bezier(.23, 1, .32, 1) !important;
}
.arz-converter-asset-dialog__tabs .search-modal-tabs[aria-selected="true"] {
    border-bottom-color: var(--arz-color-primary, #0b776b) !important;
    color: var(--arz-color-primary, #0b776b) !important;
    font-weight: 500 !important;
    background: transparent !important;
}
.arz-converter-asset-dialog__tabs .search-modal-tabs:active {
    transform: scale(.98) !important;
}
.arz-converter-asset-dialog__results {
    height: 360px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 6px 0 !important;
}
.arz-converter-asset-option {
    display: flex !important;
    width: calc(100% - 12px) !important;
    min-height: 60px !important;
    margin: 2px 6px !important;
    padding: 7px 10px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: var(--arz-color-surface-elevated, #fff) !important;
    color: var(--arz-color-text, #333) !important;
    cursor: pointer !important;
    transition: background-color 140ms ease, transform 140ms cubic-bezier(.23, 1, .32, 1) !important;
}
.arz-converter-asset-option:hover,
.arz-converter-asset-option:focus-visible {
    background: var(--arz-color-interactive-hover, #f1f5f9) !important;
    outline: none !important;
}
.arz-converter-asset-option:active {
    transform: scale(.99) !important;
}
.arz-converter-asset-option__identity {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 10px !important;
}
.arz-converter-asset-option__identity img {
    flex: 0 0 auto !important;
    border-radius: 50% !important;
}
.arz-converter-asset-option__name,
.arz-converter-asset-option__prices {
    display: flex !important;
    flex-direction: column !important;
}
.arz-converter-asset-option__name {
    min-width: 0 !important;
    text-align: right !important;
}
.arz-converter-asset-option__name > span:first-child {
    overflow: hidden !important;
    color: var(--arz-color-text, #333) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.arz-converter-asset-option__name > span:last-child,
.arz-converter-asset-option__prices > span {
    color: var(--arz-color-text-muted, #64748b) !important;
    font-size: 10.5px !important;
    font-weight: 400 !important;
}
.arz-converter-asset-option__prices {
    flex: 0 0 132px !important;
    width: 132px !important;
    align-items: flex-start !important;
    text-align: left !important;
}
.arz-converter-asset-option__prices strong {
    width: 100% !important;
    color: var(--arz-color-text, #333) !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    text-align: left !important;
}
.arz-converter-asset-option__prices > span {
    width: 100% !important;
    line-height: 1.45 !important;
    text-align: left !important;
}
.arz-converter-asset-option__prices .arz-converter-irt-price {
    display: inline-flex !important;
    width: auto !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    direction: ltr !important;
}
@media (max-width: 520px) {
    .arz-converter-asset-dialog__tabs { padding-inline: 8px !important; }
    .arz-converter-asset-dialog__tabs .search-modal-tabs {
        padding-inline: 4px !important;
        font-size: 12px !important;
    }
    .arz-converter-asset-option { padding-inline: 8px !important; }
    .arz-converter-asset-option__prices {
        flex-basis: 116px !important;
        width: 116px !important;
    }
}

/* Shared palette for converter and portfolio/watchlist asset pickers. */
.arz-modal.arz-converter-asset-dialog { background: var(--arz-color-overlay) !important; backdrop-filter: none !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__sheet { background: var(--arz-color-surface) !important; color: var(--arz-color-text) !important; border-color: var(--arz-color-border) !important; }
.arz-modal.arz-converter-asset-dialog :is(.arz-converter-asset-dialog__header, .arz-converter-asset-dialog__tabs, .arz-watchlist-picker__footer) { border-color: var(--arz-color-border) !important; background: var(--arz-color-surface) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__results { background: var(--arz-color-surface) !important; color: var(--arz-color-text-muted) !important; scrollbar-color: var(--arz-color-border-strong) var(--arz-color-surface) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__search { background: var(--arz-color-surface-subtle) !important; border-color: var(--arz-color-border) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__search input { background: transparent !important; color: var(--arz-color-text) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__search input::-moz-placeholder { color: var(--arz-color-text-muted) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__search input::placeholder { color: var(--arz-color-text-muted) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__search:focus-within { border-color: var(--arz-color-primary) !important; box-shadow: 0 0 0 2px var(--arz-color-primary-subtle) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__close { color: var(--arz-color-text) !important; background: var(--arz-color-surface) !important; border-color: var(--arz-color-border) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__close:hover { background: var(--arz-color-surface-subtle) !important; border-color: var(--arz-color-border-strong) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__tabs button { color: var(--arz-color-text-muted) !important; background: transparent !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__tabs button[aria-selected="true"] { color: var(--arz-color-primary) !important; background: transparent !important; border-bottom-color: var(--arz-color-primary) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option { background: transparent !important; color: var(--arz-color-text) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option:is(:hover, :focus-visible) { background: var(--arz-color-surface-subtle) !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option.is-selected { background: var(--arz-color-primary-subtle) !important; }
.arz-modal.arz-converter-asset-dialog :is(.arz-converter-asset-option__name > span:first-child, .arz-converter-asset-option__prices > strong) { color: var(--arz-color-text) !important; }
.arz-modal.arz-converter-asset-dialog :is(.arz-converter-asset-option__name > span:last-child, .arz-converter-asset-option__prices > span, .arz-watchlist-picker__footer) { color: var(--arz-color-text-muted) !important; }
.arz-modal.arz-converter-asset-dialog .arz-watchlist-picker__check { border-color: var(--arz-color-border-strong) !important; color: var(--arz-color-on-primary) !important; }
.arz-modal.arz-converter-asset-dialog .is-selected .arz-watchlist-picker__check { background: var(--arz-color-primary) !important; border-color: var(--arz-color-primary) !important; }

/* Shared, flat row typography for converter, ROI, watchlist and portfolio. */
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-dialog__sheet { box-shadow: none !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option { min-height: 68px !important; gap: 12px !important; padding-block: 10px !important; border-radius: 6px !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__identity { flex: 1 !important; min-width: 0 !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__identity img { flex: 0 0 36px !important; width: 36px !important; height: 36px !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__name { gap: 3px !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__name > span:first-child { font-size: 14px !important; font-weight: 600 !important; line-height: 1.6 !important; white-space: normal !important; overflow-wrap: anywhere !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__name > span:last-child { font-size: 12px !important; font-weight: 400 !important; line-height: 1.5 !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__prices { flex: 0 0 auto !important; width: auto !important; min-width: 108px !important; gap: 3px !important; font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__prices > strong { font-size: 15px !important; font-weight: 600 !important; line-height: 1.6 !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__prices > span { font-size: 12px !important; font-weight: 400 !important; line-height: 1.6 !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-irt-price { display: inline-flex !important; flex-direction: row !important; direction: rtl !important; align-items: baseline !important; gap: 3px !important; width: auto !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-irt-price > span:first-child { direction: ltr !important; unicode-bidi: isolate !important; }
.arz-modal.arz-converter-asset-dialog .arz-converter-asset-option:focus-visible { outline: 2px solid var(--arz-color-primary) !important; outline-offset: -2px !important; }
@media (max-width: 520px) {
  .arz-modal.arz-converter-asset-dialog .arz-converter-asset-option { gap: 8px !important; }
  .arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__identity { gap: 8px !important; }
  .arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__prices { min-width: 96px !important; }
  .arz-modal.arz-converter-asset-dialog .arz-converter-asset-option__prices > strong { font-size: 14px !important; }
}


/*# sourceMappingURL=roi-picker.css.map*/