/*
 * Adsrek Pay — Unified UI Redesign v1.1
 * Visual correction after real-browser review.
 * UI only. No wallet/P2P/merchant financial logic.
 */

/* ===== Dark theme: less black, more depth and contrast ===== */
html[data-theme="dark"]{
  --rd-bg:#0a1421;
  --rd-bg-soft:#0d1928;
  --rd-surface:#122033;
  --rd-surface-2:#17283d;
  --rd-surface-3:#1b3048;
  --rd-border:#2a415c;
  --rd-border-strong:#3a5674;
  --rd-text:#e3edf7;
  --rd-text-strong:#f7faff;
  --rd-muted:#9bafc5;
  --rd-primary:#6b9bf6;
  --rd-primary-hover:#85adfb;
  --rd-primary-soft:#183256;
  --rd-cyan:#42c5e0;
  --rd-green:#4bc89e;
  --rd-green-soft:#123a30;
  --rd-amber:#e7ad5d;
  --rd-amber-soft:#3b2c18;
  --rd-red:#f47c91;
  --rd-red-soft:#3d2029;
  --rd-shadow-xs:0 1px 3px rgba(0,0,0,.18);
  --rd-shadow-sm:0 8px 22px rgba(0,0,0,.22);
  --rd-shadow:0 16px 42px rgba(0,0,0,.25);
  --rd-shadow-lg:0 26px 70px rgba(0,0,0,.34);
}
html[data-theme="dark"] body.paycore-body{
  background:
    radial-gradient(circle at 82% -4%,rgba(74,137,239,.12),transparent 29%),
    radial-gradient(circle at 2% 58%,rgba(36,164,202,.07),transparent 24%),
    var(--rd-bg)!important;
}

/* ===== Typography/readability ===== */
body.paycore-body{font-size:15px!important;line-height:1.55!important}
.pc-brand__text b{font-size:18px!important}
.pc-topnav a{font-size:13px!important}
.pc-sidenav a{min-height:42px!important;font-size:13px!important;font-weight:780!important}
.pc-sidenav a i{width:28px!important;height:28px!important}
.pc-wallet-identity__copy strong{font-size:16px!important}
.pc-side-balance__amount{font-size:12px!important}
.pc-page-head h1{font-size:31px!important}
.pc-page-subtitle{font-size:13px!important}
body.paycore-body label{font-size:11px!important}
body.paycore-body input[type="text"],
body.paycore-body input[type="email"],
body.paycore-body input[type="password"],
body.paycore-body input[type="number"],
body.paycore-body input[type="url"],
body.paycore-body input[type="tel"],
body.paycore-body select,
body.paycore-body textarea,
body.paycore-body .form-control{font-size:13px!important}

/* ===== Header ===== */
.pc-header{
  min-height:70px!important;
  border-bottom-color:var(--rd-border)!important;
}
html[data-theme="dark"] .pc-header{
  background:rgba(13,25,40,.96)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.20)!important;
}
.pc-topnav a{min-height:40px!important}
.pc-admin-link,.pc-logout,.pc-login,.pc-register{min-height:40px!important;font-size:12px!important}

/* ===== Sidebar sticky bug + readability ===== */
.pc-sidebar{
  top:calc(var(--rd-header) + 16px)!important;
  height:calc(100vh - var(--rd-header) - 32px)!important;
}
.pc-sidebar__inner{
  position:static!important;
  top:auto!important;
  height:100%!important;
  padding:12px!important;
  border-radius:18px!important;
}
html[data-theme="dark"] .pc-sidebar__inner{
  background:linear-gradient(180deg,#122033,#0f1c2d)!important;
  border-color:#2a415c!important;
}
.pc-account-card--identity{padding:15px!important}
.pc-sidenav{gap:3px!important}
.pc-sidenav a{padding:0 10px!important}
.pc-sidenav a.is-active:before{left:-12px!important}
.pc-sidenav__divider{margin:8px 7px!important}

/* ===== Give cards more visible hierarchy ===== */
.ap-panel,.mer-card,.fx-hero,.fx-converter,.fx-rates,.fx-history,
.p2-overview,.p2-exchange,.p2-offer,.p2-empty-state,.po-hero,.po-order,.po-events,
.ord-card,.ord-hero,.p2m-card,.p2m-overview,.az-card,.az-settings-hero,
.rf38-hero,.rf38-link-card,.rf38-rules,.ap-support__card,.ap-support__hero,
.merchant-hero,.merchant-shop-card,.api-doc-hero,.api-doc-content,.hist-card,
.db-overview-hero,.db-currency-summary,.db-overview-grid .ap-panel,
.wallet-card,.wallet-overview--v149,.wallet-transfer-panel,.wallet-ledger-panel,.wallet-recent-panel{
  border-color:var(--rd-border)!important;
}
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"] .p2m-card,
html[data-theme="dark"] .p2m-overview,
html[data-theme="dark"] .az-card,
html[data-theme="dark"] .az-settings-hero,
html[data-theme="dark"] .ap-support__card,
html[data-theme="dark"] .merchant-hero,
html[data-theme="dark"] .merchant-shop-card,
html[data-theme="dark"] .hist-card{
  background:#122033!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
}

/* ===== Dashboard ===== */
.db--overview{gap:18px!important}
.db-overview-hero{
  min-height:205px!important;
  border-radius:18px!important;
}
.db-overview-total{font-size:39px!important}
.db-overview-meta{font-size:12px!important}
.db-currency-strip{gap:12px!important;padding:16px 18px 18px!important}
.db-currency-mini{min-height:82px!important;padding:14px!important}
.db-currency-mini__code{font-size:11px!important}
.db-currency-mini b{font-size:15px!important}
.db-currency-mini small{font-size:10px!important}
.db-overview-grid{gap:18px!important}
.db-overview-side{gap:18px!important}
.db-tx__row{padding:15px 0!important}
.db-tx__row b{font-size:13px!important}
.db-tx__row span{font-size:11px!important}
.db-account-state__rows a{font-size:12px!important}

/* ===== P2P: make it feel like a primary product, not a debug form ===== */
.page-p2p .pc-content{max-width:none!important}
.p2-overview{
  min-height:154px!important;
  padding:22px 24px!important;
  border-radius:18px!important;
}
.p2-overview h2{font-size:27px!important;margin-top:8px!important}
.p2-kicker{font-size:10px!important}
.p2-trust span{font-size:10px!important;padding:7px 10px!important}
.p2-admin-link{font-size:11px!important;min-height:40px!important}
.p2-alert{font-size:12px!important;padding:11px 14px!important}

.p2-exchange{
  border-radius:18px!important;
  overflow:hidden!important;
}
.p2-exchange__head{padding:20px 22px!important}
.p2-exchange__head h3{font-size:22px!important}
.p2-exchange__head p{font-size:11px!important}
.p2-section-label{font-size:10px!important}
.p2-filter-form{padding:21px 22px 19px!important}
.p2-pick-grid{
  grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 166px!important;
  gap:13px!important;
}
.p2-pick-title{font-size:10px!important;margin-bottom:8px!important}
.p2-selector,.p2-search-amount,.p2-receive-estimate{min-height:72px!important}
.p2-selector{padding:10px 12px!important}
.p2-search-amount{font-size:20px!important}
.p2-method b{font-size:11px!important}
.p2-method small{font-size:9px!important}
.p2-receive-estimate b{font-size:11px!important}
.p2-receive-estimate small{font-size:9px!important}
.p2-btn--search{height:52px!important;font-size:12px!important}
.p2-filter-footer{font-size:10px!important}
.p2-results-head{margin-top:5px!important}
.p2-results-head h3{font-size:20px!important}
.p2-empty-state{
  min-height:130px!important;
  padding:20px!important;
  border-radius:16px!important;
}
.p2-empty-state h3{font-size:18px!important;margin-bottom:5px!important}
.p2-empty-state p{max-width:650px!important;font-size:11px!important;line-height:1.55!important}
html[data-theme="dark"] .p2-selector,
html[data-theme="dark"] .p2-search-amount{
  background:#15263a!important;
}
html[data-theme="dark"] .p2-receive-estimate,
html[data-theme="dark"] .p2-filter-note,
html[data-theme="dark"] .p2-rule{
  background:#182b41!important;
}

/* ===== P2P order / side chat ===== */
.ord-layout{grid-template-columns:minmax(0,1fr) 380px!important;gap:18px!important}
.ord-chat-card{top:calc(var(--rd-header) + 16px)!important}
.ord-chat-card .ord-msgs{max-height:590px!important}
.ord-msg{font-size:12px!important}
.ord-msg b{font-size:10px!important}
.ord-card h3{font-size:16px!important}
.ord-row b{font-size:14px!important}

/* ===== Wallet / exchange / settings / support ===== */
.wallet-card__currency{font-size:21px!important}
.wallet-card__hold,.wallet-card__state,.wallet-card__select-hint{font-size:11px!important}
.fx-hero h2{font-size:27px!important}
.fx-hero p{font-size:12px!important}
.fx-hero__facts span{font-size:11px!important}
.ap-settings-tabs a,.az-tabs a,.p2m-tabs a{font-size:12px!important}
.ap-support__card,.ap-support__hero{line-height:1.6!important}

/* ===== Footer ===== */
.pc-footer{padding-top:6px!important;font-size:11px!important}
html[data-theme="dark"] .pc-footer{color:#8199b1!important}

/* ===== Responsive ===== */
@media(max-width:1180px){
  .p2-pick-grid{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important}
  .p2-btn--search{grid-column:1/-1!important;width:100%!important;margin-bottom:0!important}
  .ord-layout{grid-template-columns:minmax(0,1fr) 340px!important}
}
@media(max-width:940px){
  .pc-sidebar__inner{position:static!important;height:100%!important}
  .ord-layout{grid-template-columns:1fr!important}
  .ord-chat-card{position:static!important}
}
@media(max-width:680px){
  body.paycore-body{font-size:14px!important}
  .pc-page-head h1{font-size:25px!important}
  .p2-overview h2{font-size:23px!important}
  .p2-filter-form{padding:16px!important}
  .p2-pick-grid{grid-template-columns:1fr!important}
  .p2-selector,.p2-search-amount,.p2-receive-estimate{min-height:56px!important}
}