/* Website dark polish (safe overrides using existing theme variables) */
/*body.is-rtl input[type='text'],
body.is-rtl input[type='search'],*/
body.is-rtl input[type='email'],
body.is-rtl input[type='password'],
body.is-rtl textarea,
body.is-rtl select,
/*body.is-ltr input[type='text'],
body.is-ltr input[type='search'],*/
body.is-ltr input[type='email'],
body.is-ltr input[type='password'],
body.is-ltr textarea,
body.is-ltr select {
  border-color: var(--color-border-main, #3a3f47);
  background: var(--color-bg-input, rgba(255, 255, 255, 0.04));
  color: var(--color-text-main, #f4f6f8);
}

body.is-rtl input::placeholder,
body.is-ltr input::placeholder,
body.is-rtl textarea::placeholder,
body.is-ltr textarea::placeholder {
  color: var(--color-text-light, #9ba4b1);
}

body.is-rtl input:focus,
body.is-ltr input:focus,
body.is-rtl textarea:focus,
body.is-ltr textarea:focus,
body.is-rtl select:focus,
body.is-ltr select:focus {
  border-color: var(--button-bg-color-green, #5e942b);
/*  box-shadow: 0 0 0 2px rgba(94, 148, 43, 0.2);*/
  outline: none;
}

/* Global message direction */
body.is-rtl .alert,
body.is-rtl .text-danger,
body.is-rtl .text-success,
body.is-rtl .text-warning,
body.is-rtl .text-muted,
body.is-rtl .form-text,
body.is-rtl .validation-summary-errors,
body.is-rtl .validation-summary-valid,
body.is-rtl .donation-hint,
body.is-rtl .donation-validation {
  direction: rtl;
  text-align: right;
}

body.is-ltr .alert,
body.is-ltr .text-danger,
body.is-ltr .text-success,
body.is-ltr .text-warning,
body.is-ltr .text-muted,
body.is-ltr .form-text,
body.is-ltr .validation-summary-errors,
body.is-ltr .validation-summary-valid,
body.is-ltr .donation-hint,
body.is-ltr .donation-validation {
  direction: ltr;
  text-align: left;
}

body.is-rtl .global-alerts,
body.is-rtl .global-alert {
  direction: rtl;
  text-align: right;
}

body.is-ltr .global-alerts,
body.is-ltr .global-alert {
  direction: ltr;
  text-align: left;
}

/* Improve global alerts readability in dark */
.global-alert-success {
  background: rgba(100, 156, 61, 0.18);
  border-color: rgba(100, 156, 61, 0.45);
  color: #dff5e1;
}

.global-alert-error {
  background: rgba(231, 76, 60, 0.14);
  border-color: rgba(231, 76, 60, 0.45);
  color: #ffd6d6;
}

.global-alert-title {
  color: #c7f3c5;
}

/* Global button loading */
.btn.is-loading,
.auth-btn.is-loading,
.load-more-content-block-button.is-loading,
.custom-button.is-loading {
  position: relative;
  pointer-events: none;
  opacity: 0.85;
}

.btn.is-loading::after,
.auth-btn.is-loading::after,
.load-more-content-block-button.is-loading::after,
.custom-button.is-loading::after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-top-color: #fff;
  display: inline-block;
  margin-inline-start: 8px;
  vertical-align: middle;
  animation: btnSpin 0.8s linear infinite;
}

@keyframes btnSpin {
  to {
    transform: rotate(360deg);
  }
}

/* Content pages: About/Help/Privacy/Terms/Apps/Jobs/Support */
.content-page {
  max-width: 1200px;
  padding: 36px 16px 72px;
  margin: 0 auto;
  line-height: 1.95;
}

.content-page__shell {
  /* background:
    radial-gradient(
      circle at 12% 0%,
      rgba(100, 156, 61, 0.08),
      transparent 55%
    ),
    radial-gradient(
      circle at 88% 0%,
      rgba(100, 156, 61, 0.06),
      transparent 60%
    ), */
    var(--color-bg-container, #15171b);
  border: 1px solid var(--color-border-main, #343942);
  border-radius: 18px;
  padding: 26px 28px 30px;
  /* box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18); */
}

.content-page__header {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--color-border-main, #343942);
  margin-bottom: 18px;
}

.content-page__header h1 {
  margin: 0 0 8px;
  font-size: clamp(1.6rem, 2.4vw, 2.2rem);
  line-height: 1.35;
  color: var(--color-text-main, #f4f6f8);
}

.content-page__header p {
  margin: 0;
  color: var(--color-text-light, #a8b0bc);
}

.content-page h2 {
  margin: 22px 0 10px;
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--color-text-main, #f4f6f8);
}

.content-page h3 {
  margin: 18px 0 8px;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-text-main, #f4f6f8);
}

.content-page p {
  margin: 0 0 12px;
  color: var(--color-text-light, #a8b0bc);
}

.content-page p.lead {
  font-size: 1.02rem;
}

.content-page ul,
.content-page ol {
  margin: 8px 0 16px;
  padding-inline-start: 24px;
  display: grid;
  gap: 6px;
  color: var(--color-text-main, #f4f6f8);
}

.content-page li {
  line-height: 1.9;
}

.content-page a {
  text-underline-offset: 3px;
}

.content-page .content-signoff {
  margin-top: 18px;
  color: var(--color-text-light, #a8b0bc);
}

body.is-rtl .content-page {
  text-align: right;
  direction: rtl;
}

body.is-rtl .content-page__header {
  text-align: right;
}

body.is-ltr .content-page {
  text-align: left;
  direction: ltr;
}

body.is-ltr .content-page__header {
  text-align: left;
}

@media (max-width: 767px) {
  .content-page {
    padding: 26px 14px 56px;
  }

  .content-page__shell {
    padding: 18px 16px 20px;
    border-radius: 14px;
  }

  .content-page__header {
    margin-bottom: 14px;
  }

  .content-page h2 {
    margin-top: 18px;
  }
}

.ajax-search-state,
.ajax-search-item {
  background: color-mix(
    in srgb,
    var(--color-bg-container, #1f2125) 88%,
    transparent 12%
  );
  border-color: var(--color-border-main, #373c44);
}

.ajax-search-item .title {
  color: var(--color-text-main, #f4f6f8);
}

.ajax-search-item .meta,
.ajax-search-item .submeta {
  color: var(--color-text-light, #a8b0bc);
}

/* Wallet page form & table polish */
.wallet-page .card {
  border-radius: 14px;
  border: 1px solid var(--color-border-main, #343942);
}

.wallet-page .card-header {
  background: color-mix(
    in srgb,
    var(--color-bg-container, #15171b) 92%,
    transparent 8%
  );
  font-weight: 700;
}

.wallet-page .form-control,
.wallet-page .form-select {
  background: var(--color-bg-input, rgba(255, 255, 255, 0.04));
  border-color: var(--color-border-main, #343942);
  color: var(--color-text-main, #f4f6f8);
}

body.is-rtl .wallet-page .form-control,
body.is-rtl .wallet-page .form-select {
  direction: rtl;
  text-align: right;
}

body.is-rtl .wallet-page .form-control[type='number'],
body.is-rtl .wallet-page .form-control[type='email'],
body.is-rtl .wallet-page .form-control[inputmode='decimal'] {
  direction: ltr;
  text-align: left;
}

.wallet-page .form-text {
  color: var(--color-text-light, #a8b0bc);
}

.wallet-page .wallet-transactions thead th {
  background: color-mix(
    in srgb,
    var(--color-bg-container, #15171b) 92%,
    transparent 8%
  );
  color: var(--color-text-main, #f4f6f8);
  border-bottom: 1px solid var(--color-border-main, #343942);
}

.wallet-page .wallet-transactions tbody td {
  border-top: 1px solid var(--color-border-main, #343942);
}

.books-select2-dropdown,
.select2-dropdown {
  border-color: var(--color-border-main, #383d46);
  background: var(--color-bg-container, #1f2125);
}

.books-select2-dropdown .select2-search__field,
.select2-dropdown .select2-search__field {
  border-color: var(--color-border-main, #383d46);
  background: var(--color-bg-input, rgba(255, 255, 255, 0.04));
  color: var(--color-text-main, #f4f6f8);
}

.books-select2-dropdown .select2-results__option,
.select2-dropdown .select2-results__option {
  color: var(--color-text-main, #f4f6f8);
}

.books-select2-dropdown .select2-results__option[aria-selected='true'],
.select2-dropdown .select2-results__option[aria-selected='true'] {
  background: rgba(94, 148, 43, 0.22);
}

.books-select2-dropdown .select2-results__option--highlighted[aria-selected],
.select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background: var(--button-bg-color-green, #5e942b);
  color: #fff;
}

/* Website status pages: 401/403/404/500 */
.status-page {
  max-width: 980px;
  width: 100%;
  min-height: clamp(260px, calc(100dvh - 430px), 420px);
  padding: 24px 16px 32px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height:fit-content;
}

@supports not (height: 100dvh) {
  .status-page {
    min-height: clamp(260px, calc(100vh - 430px), 420px);
  }
}

.status-card {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--color-border-main, #343942);
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.02) 0%,
      rgba(255, 255, 255, 0) 28%
    ),
    var(--color-bg-container, #15171b);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.26);
  position: relative;
}

.status-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(100, 156, 61, 0) 0%,
    rgba(100, 156, 61, 0.92) 50%,
    rgba(100, 156, 61, 0) 100%
  );
  pointer-events: none;
}

.status-header {
  padding: 20px 22px;
  border-bottom: 1px solid var(--color-border-main, #343942);
}

.status-header h2 {
  margin: 0;
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  line-height: 1.4;
  font-weight: 800;
  color: var(--color-text-main, #f4f6f8);
  text-align: start;
}

.status-content {
  padding: 24px 22px 22px;
  text-align: start;
  display: grid;
  gap: 14px;
}

.status-text {
  margin: 0;
  color: var(--color-text-light, #a8b0bc);
  font-size: 0.98rem;
  line-height: 2;
  max-width: 70ch;
}

.status-request {
  margin: 16px 0 0;
  color: var(--color-text-light, #a8b0bc);
  font-size: 0.9rem;
}

.status-request code {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--color-border-main, #343942);
  border-radius: 6px;
  padding: 3px 8px;
  color: var(--color-text-main, #f4f6f8);
}

.status-actions {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.is-rtl .status-actions {
  justify-content: flex-end;
}

body.is-rtl .status-header h2,
body.is-rtl .status-content,
body.is-rtl .status-text,
body.is-rtl .status-request {
  text-align: right;
  direction: rtl;
}

body.is-ltr .status-actions {
  justify-content: flex-start;
}

.status-actions .load-more-content-block-button {
  min-width: 130px;
  width: auto;
  padding: 0 18px;
  border: 1px solid transparent;
  font-size: 0.92rem;
  font-weight: 700;
  direction: inherit;
  transition: all 0.22s ease;
}

.status-actions .load-more-content-block-button:not(.secondary):not(.tertiary) {
  background: var(--button-bg-color-green, #5e942b);
  border-color: var(--button-bg-color-green, #5e942b);
  color: #fff;
}

.status-actions
  .load-more-content-block-button:not(.secondary):not(.tertiary):hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.status-actions .secondary,
.status-actions .tertiary {
  background: transparent;
  border-color: var(--color-border-main, #343942);
  color: var(--color-text-main, #f4f6f8);
}

.status-actions .secondary:hover,
.status-actions .tertiary:hover {
  border-color: var(--button-bg-color-green, #5e942b);
  color: var(--button-bg-color-green, #5e942b);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .status-page {
    min-height: 0;
    padding: 16px 12px 24px;
  }

  .status-header {
    padding: 16px 14px;
  }

  .status-content {
    padding: 16px 14px 14px;
  }

  .status-actions {
    gap: 8px;
  }

  .status-actions .load-more-content-block-button {
    width: 100%;
    min-width: 0;
  }
}