/*
 * Adsrek Pay — Unified UI Redesign v1.3
 * Comfort palette / reduced eye strain for dark theme.
 * UI only. No business logic changes.
 */

/* 1) Desaturate the dark palette globally */
html[data-theme="dark"]{
  --rd-bg:#0b1420;
  --rd-bg-soft:#0f1a28;
  --rd-surface:#122033;
  --rd-surface-2:#172537;
  --rd-surface-3:#1b2c41;
  --rd-border:#2a3d55;
  --rd-border-strong:#38516d;
  --rd-text:#dfe9f4;
  --rd-text-strong:#f6f9fd;
  --rd-muted:#93a8bf;
  --rd-primary:#6784b8;
  --rd-primary-hover:#7994c6;
  --rd-primary-soft:#1b2d44;
  --rd-cyan:#67aac3;
  --rd-green:#69b79c;
  --rd-green-soft:#153730;
  --rd-red:#d68695;
  --rd-red-soft:#35202a;
}
html[data-theme="dark"] body.paycore-body{
  background:
    radial-gradient(circle at 82% -4%,rgba(82,130,198,.08),transparent 28%),
    radial-gradient(circle at 6% 65%,rgba(57,132,158,.05),transparent 22%),
    var(--rd-bg)!important;
}

/* 2) Tone down high-intensity CTA colors in dark mode */
html[data-theme="dark"] .ap-btn--primary,
html[data-theme="dark"] .mer-btn:not(.gray):not(.red),
html[data-theme="dark"] .fx-btn--primary,
html[data-theme="dark"] .p2-btn--search,
html[data-theme="dark"] .p2m-btn--primary,
html[data-theme="dark"] .az-btn:not(.secondary),
html[data-theme="dark"] .wallet-submit,
html[data-theme="dark"] .ord-btn.green,
html[data-theme="dark"] .db-balance__actions .ap-btn:not(.ap-btn--ghost){
  background:var(--rd-primary)!important;
  border-color:color-mix(in srgb,var(--rd-primary) 82%, #d7e4ff)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(14,22,34,.16)!important;
}
html[data-theme="dark"] .ap-btn--primary:hover,
html[data-theme="dark"] .mer-btn:not(.gray):not(.red):hover,
html[data-theme="dark"] .fx-btn--primary:hover,
html[data-theme="dark"] .p2-btn--search:hover,
html[data-theme="dark"] .p2m-btn--primary:hover,
html[data-theme="dark"] .az-btn:not(.secondary):hover,
html[data-theme="dark"] .wallet-submit:hover,
html[data-theme="dark"] .ord-btn.green:hover,
html[data-theme="dark"] .db-balance__actions .ap-btn:not(.ap-btn--ghost):hover{
  background:var(--rd-primary-hover)!important;
  border-color:var(--rd-primary-hover)!important;
}

/* 3) Specific comfort fixes for "Мой обменник / Направления" */
html[data-theme="dark"] .p2m-card,
html[data-theme="dark"] .p2m-overview{
  background:#132236!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .p2m-table-wrap{
  border-radius:16px!important;
  overflow:hidden!important;
}
html[data-theme="dark"] .p2m-table thead tr{
  background:rgba(113,141,186,.06)!important;
}
html[data-theme="dark"] .p2m-table tbody tr{
  background:transparent!important;
}
html[data-theme="dark"] .p2m-table tbody tr:hover{
  background:rgba(113,141,186,.045)!important;
}
html[data-theme="dark"] .p2m-status.is-active{
  background:rgba(105,183,156,.10)!important;
  border:1px solid rgba(105,183,156,.24)!important;
  color:#8fd6bf!important;
}
html[data-theme="dark"] .p2m-status.is-paused{
  background:rgba(214,134,149,.08)!important;
  border:1px solid rgba(214,134,149,.22)!important;
  color:#dca2ae!important;
}

/* 4) Row actions: make them calmer, less neon */
html[data-theme="dark"] .p2m-row-actions{
  gap:8px!important;
}
html[data-theme="dark"] .p2m-row-actions > button,
html[data-theme="dark"] .p2m-row-actions > form button{
  min-height:36px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .p2m-row-actions > button,
html[data-theme="dark"] .p2m-row-actions > form:not(:last-child) .p2m-btn{
  background:#1a2b41!important;
  border-color:#314962!important;
  color:#dde7f3!important;
}
html[data-theme="dark"] .p2m-row-actions > button:hover,
html[data-theme="dark"] .p2m-row-actions > form:not(:last-child) .p2m-btn:hover{
  background:#21344d!important;
  border-color:#4a6787!important;
  color:#fff!important;
}
html[data-theme="dark"] .p2m-row-actions > form:last-child .p2m-btn--danger{
  background:rgba(214,134,149,.08)!important;
  border-color:rgba(214,134,149,.22)!important;
  color:#dca2ae!important;
}
html[data-theme="dark"] .p2m-row-actions > form:last-child .p2m-btn--danger:hover{
  background:#b76d7c!important;
  border-color:#b76d7c!important;
  color:#fff!important;
}

/* 5) Calm the bright top-level add-direction CTA on this page */
html[data-theme="dark"] #directions .p2m-section-head .p2m-btn--primary,
html[data-theme="dark"] .p2m-overview__actions .p2m-btn--primary,
html[data-theme="dark"] .p2m-setting-card .p2m-btn--primary{
  background:#6b86b8!important;
  border-color:#7f97c2!important;
  color:#fff!important;
}
html[data-theme="dark"] #directions .p2m-section-head .p2m-btn--primary:hover,
html[data-theme="dark"] .p2m-overview__actions .p2m-btn--primary:hover,
html[data-theme="dark"] .p2m-setting-card .p2m-btn--primary:hover{
  background:#7994c6!important;
  border-color:#7994c6!important;
}

/* 6) Soften info/warning stripes and small accents */
html[data-theme="dark"] .p2m-direction-pause-note{
  border-color:rgba(206,162,98,.22)!important;
  background:rgba(206,162,98,.08)!important;
}
html[data-theme="dark"] .p2m-badge.is-verified{
  background:rgba(103,170,195,.10)!important;
  color:#8bc2d6!important;
  border-color:rgba(103,170,195,.22)!important;
}
html[data-theme="dark"] .p2m-badge.is-good{
  background:rgba(105,183,156,.10)!important;
  color:#8fd6bf!important;
  border-color:rgba(105,183,156,.22)!important;
}

/* 7) Slightly reduce glow in all dark cards */
html[data-theme="dark"] .ap-panel,
html[data-theme="dark"] .mer-card,
html[data-theme="dark"] .fx-hero,
html[data-theme="dark"] .fx-converter,
html[data-theme="dark"] .fx-rates,
html[data-theme="dark"] .fx-history,
html[data-theme="dark"] .p2-overview,
html[data-theme="dark"] .p2-exchange,
html[data-theme="dark"] .p2-offer,
html[data-theme="dark"] .p2-empty-state,
html[data-theme="dark"] .po-hero,
html[data-theme="dark"] .po-order,
html[data-theme="dark"] .po-events,
html[data-theme="dark"] .ord-card,
html[data-theme="dark"] .ord-hero,
html[data-theme="dark"] .wallet-card,
html[data-theme="dark"] .wallet-transfer-panel,
html[data-theme="dark"] .wallet-ledger-panel,
html[data-theme="dark"] .wallet-recent-panel{
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}

@media(max-width:760px){
  html[data-theme="dark"] .p2m-row-actions{
    gap:6px!important;
  }
}