:root {
  --field-bg-default: #F3F4F6;
  --field-border-default: #E5E7EB;
  --field-text-default: #111827;
  --field-placeholder-default: #9CA3AF;
  --field-bg-active: #FFFFFF;
  --field-border-active: #A855F7;
  --field-bg-disabled: #F3F4F6;
  --field-border-disabled: #E5E7EB;
  --field-text-disabled: #9CA3AF;
  --ui-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364748B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ui-select,
select:not([multiple]):not([size]):not([size="0"]):not([size="1"]) {
  appearance: none;
  -webkit-appearance: none;
  background-image: var(--ui-select-arrow);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding-right: 38px;
}

.ui-select__menu,
.lf-search-select-menu {
  border: 1px solid var(--field-border-default);
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  z-index: 500;
}

.ui-select__option,
.lf-search-select-option {
  min-height: 40px;
  border-radius: 0;
}

.ui-select__option:hover,
.lf-search-select-option:hover {
  background: rgba(148, 163, 184, 0.12);
}

.ui-select__option.is-selected,
.lf-search-select-option.is-selected {
  background: rgba(148, 163, 184, 0.18);
}

input:not(.auth-input):not(.auth-code-cell):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(.mvp-search__input):not(.lf-search-select-trigger):not(.lf-search-select-search):not(.lf-search-select-input):not(.lf-param-dropdown-search),
textarea,
select,
.ui-input,
.ps-input,
.inp,
.search-input,
.catalog-search input,
.market-filters input,
.market-filters select,
.lf-input,

.lf-select,
.lf-textarea,
.lf-combobox-input,
.ts-control,
.ts-wrapper.single .ts-control {
  border: 1px solid var(--field-border-default);
  background: var(--field-bg-default);
  color: var(--field-text-default);
  box-shadow: none;
  outline: none;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

input:not(.auth-input):not(.auth-code-cell):not(.lf-param-dropdown-search)::placeholder,
textarea::placeholder,
.ui-input::placeholder,
.ps-input::placeholder,
.inp::placeholder,
.search-input::placeholder,
.lf-input::placeholder,

.lf-textarea::placeholder,
.lf-combobox-input::placeholder {
  color: var(--field-placeholder-default);
}

input:not(.auth-input):not(.auth-code-cell):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(.mvp-search__input):not(.lf-search-select-trigger):not(.lf-search-select-search):not(.lf-search-select-input):not(.lf-param-dropdown-search):hover:not(:focus):not(:focus-visible),
textarea:hover:not(:focus):not(:focus-visible),
select:hover:not(:focus):not(:focus-visible),
.ui-input:hover:not(:focus):not(:focus-visible),
.ps-input:hover:not(:focus):not(:focus-visible),
.inp:hover:not(:focus):not(:focus-visible),
.search-input:hover:not(:focus):not(:focus-visible),
.catalog-search input:hover:not(:focus):not(:focus-visible),
.market-filters input:hover:not(:focus):not(:focus-visible),
.market-filters select:hover:not(:focus):not(:focus-visible),
.lf-input:hover:not(:focus):not(:focus-visible),

.lf-select:hover:not(:focus):not(:focus-visible),
.lf-textarea:hover:not(:focus):not(:focus-visible),
.lf-combobox-input:hover:not(:focus):not(:focus-visible),
.ts-control:hover:not(:focus):not(.focus),
.ts-wrapper.single .ts-control:hover:not(:focus):not(.focus) {
  border-color: var(--field-border-active);
  background: var(--field-bg-active);
}

input:not(.auth-input):not(.auth-code-cell):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(.mvp-search__input):not(.lf-search-select-trigger):not(.lf-search-select-search):not(.lf-search-select-input):not(.lf-param-dropdown-search):focus,
input:not(.auth-input):not(.auth-code-cell):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(.mvp-search__input):not(.lf-search-select-trigger):not(.lf-search-select-search):not(.lf-search-select-input):not(.lf-param-dropdown-search):focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible,
.ui-input:focus,
.ui-input:focus-visible,
.ps-input:focus,
.ps-input:focus-visible,
.inp:focus,
.inp:focus-visible,
.search-input:focus,
.search-input:focus-visible,
.catalog-search input:focus,
.catalog-search input:focus-visible,
.market-filters input:focus,
.market-filters input:focus-visible,
.market-filters select:focus,
.market-filters select:focus-visible,
.lf-input:focus,
.lf-input:focus-visible,


.lf-select:focus,
.lf-select:focus-visible,
.lf-textarea:focus,
.lf-textarea:focus-visible,
.lf-combobox-input:focus,
.lf-combobox-input:focus-visible,
.ts-control:focus,
.ts-control.focus,
.ts-wrapper.single.focus .ts-control {
  border-color: var(--field-border-active);
  background: var(--field-bg-active);
  box-shadow: none;
  outline: none;
}

input:not(.auth-input):not(.auth-code-cell):not(.lf-param-dropdown-search):disabled,
textarea:disabled,
select:disabled,
.ui-input:disabled,
.ps-input:disabled,
.inp:disabled,
.search-input:disabled,
.lf-input:disabled,

.lf-select:disabled,
.lf-textarea:disabled,
.lf-combobox-input:disabled {
  background: var(--field-bg-disabled);
  border-color: var(--field-border-disabled);
  color: var(--field-text-disabled);
  cursor: not-allowed;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ===== final unified layer (loaded after page CSS) ===== */
:root {
  --ui-primary-btn-bg: linear-gradient(90deg,#A855F7 0%,#9333EA 55%,#7E22CE 100%);
  --ui-primary-btn-color: #FFFFFF;
  --ui-primary-btn-hover-filter: brightness(1.04);
}

body :is(
  .ui-primary-btn,
  .btn-primary,
  .settings-cta,
  .settings-btn--primary,
  .mvp-search__submit,
  .listing-cta--buy-now,
  .listing-tile__btn,
  .sales-empty__cta,
  .order-confirm-receipt-btn,
  .seller-profile-hero__message-btn.cta-purple,
  .buyer-catalog__headline-cta,
  .hero-btn--primary,
  .lf-btn-primary,
  .order-action-card__primary--confirm,
  .order-action-card__primary--handoff,
  .chat-form__send-btn,
  .password-modal__submit,
  .auth-primary-btn
) {
  background: var(--ui-primary-btn-bg) !important;
  color: var(--ui-primary-btn-color) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: filter .14s ease, background .14s ease, border-color .14s ease !important;
}

body :is(
  .ui-primary-btn,
  .btn-primary,
  .settings-cta,
  .settings-btn--primary,
  .mvp-search__submit,
  .listing-cta--buy-now,
  .listing-tile__btn,
  .sales-empty__cta,
  .order-confirm-receipt-btn,
  .seller-profile-hero__message-btn.cta-purple,
  .buyer-catalog__headline-cta,
  .hero-btn--primary,
  .lf-btn-primary,
  .order-action-card__primary--confirm,
  .order-action-card__primary--handoff,
  .chat-form__send-btn,
  .password-modal__submit,
  .auth-primary-btn
):hover,
body :is(
  .ui-primary-btn,
  .btn-primary,
  .settings-cta,
  .settings-btn--primary,
  .mvp-search__submit,
  .listing-cta--buy-now,
  .listing-tile__btn,
  .sales-empty__cta,
  .order-confirm-receipt-btn,
  .seller-profile-hero__message-btn.cta-purple,
  .buyer-catalog__headline-cta,
  .hero-btn--primary,
  .lf-btn-primary,
  .order-action-card__primary--confirm,
  .order-action-card__primary--handoff,
  .chat-form__send-btn,
  .password-modal__submit,
  .auth-primary-btn
):focus,
body :is(
  .ui-primary-btn,
  .btn-primary,
  .settings-cta,
  .settings-btn--primary,
  .mvp-search__submit,
  .listing-cta--buy-now,
  .listing-tile__btn,
  .sales-empty__cta,
  .order-confirm-receipt-btn,
  .seller-profile-hero__message-btn.cta-purple,
  .buyer-catalog__headline-cta,
  .hero-btn--primary,
  .lf-btn-primary,
  .order-action-card__primary--confirm,
  .order-action-card__primary--handoff,
  .chat-form__send-btn,
  .password-modal__submit,
  .auth-primary-btn
):focus-visible,
body :is(
  .ui-primary-btn,
  .btn-primary,
  .settings-cta,
  .settings-btn--primary,
  .mvp-search__submit,
  .listing-cta--buy-now,
  .listing-tile__btn,
  .sales-empty__cta,
  .order-confirm-receipt-btn,
  .seller-profile-hero__message-btn.cta-purple,
  .buyer-catalog__headline-cta,
  .hero-btn--primary,
  .lf-btn-primary,
  .order-action-card__primary--confirm,
  .order-action-card__primary--handoff,
  .chat-form__send-btn,
  .password-modal__submit,
  .auth-primary-btn
):active {
  background: var(--ui-primary-btn-bg) !important;
  color: var(--ui-primary-btn-color) !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: var(--ui-primary-btn-hover-filter) !important;
  transform: none !important;
  outline: none !important;
}

body :is(
  .ui-input,
  .lf-search-select-control,
  .lf-price-input-wrap,
  .buyer-catalog__sort,
  .buyer-catalog__param-dropdown,
  .buyer-catalog__toolbar-search,
  .history-search
).is-active,
body :is(
  .ui-input,
  .lf-search-select-control,
  .lf-price-input-wrap,
  .buyer-catalog__sort,
  .buyer-catalog__param-dropdown,
  .buyer-catalog__toolbar-search,
  .history-search
).is-focused,
body :is(
  .ui-input,
  .lf-search-select-control,
  .lf-price-input-wrap,
  .buyer-catalog__sort,
  .buyer-catalog__param-dropdown,
  .buyer-catalog__toolbar-search,
  .history-search
):focus,
body :is(
  .ui-input,
  .lf-search-select-control,
  .lf-price-input-wrap,
  .buyer-catalog__sort,
  .buyer-catalog__param-dropdown,
  .buyer-catalog__toolbar-search,
  .history-search
):focus-visible,
body :is(
  .ui-input,
  .lf-search-select-control,
  .lf-price-input-wrap,
  .buyer-catalog__sort,
  .buyer-catalog__param-dropdown,
  .buyer-catalog__toolbar-search,
  .history-search
):focus-within {
  border-color: var(--field-border-active) !important;
  background: var(--field-bg-active) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* keep only one visible shell for custom search-select controls */
.lf-search-select-control .lf-search-select-trigger,
.lf-search-select-control .lf-search-select-search,
.lf-search-select-control .lf-search-select-input,
.lf-search-select-trigger .lf-search-select-search,
.lf-search-select-trigger .lf-search-select-input {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto;
  border-radius: 0 !important;
  outline: none !important;
}
