/* Monarch Codex member experience — responsive exchange-inspired dashboard */
.dashboard-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:20px;max-width:1400px;margin:18px auto 36px;padding:0 18px;align-items:start}
.dashboard-sidebar{position:sticky;top:18px;min-width:0;padding:17px 13px;border:1px solid #383328;border-radius:20px;background:linear-gradient(160deg,#17171b,#101013);min-height:0;max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b592b #111113;display:flex;flex-direction:column}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px 20px}
.side-title{font-size:.73rem;letter-spacing:.14em;color:#d7b92f;font-weight:850}
.dashboard-sidebar nav{display:grid;gap:6px}
.dashboard-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 12px;border:1px solid transparent;border-radius:12px;color:#bcbac3;text-decoration:none;font-weight:650;font-size:.92rem;transition:background .18s,border-color .18s,color .18s}
.dashboard-sidebar nav a svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-sidebar nav a:hover{background:#211e14;color:#f5d44b}
.dashboard-sidebar nav a[aria-current=page]{background:linear-gradient(100deg,#342a0d,#211d11);border-color:#57481a;color:#f5d44b}
.sidebar-logout{margin-top:auto;padding-top:20px}
.sidebar-logout form{margin:0}
.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;border:1px solid #403a2b;border-radius:12px;background:#19191d;color:#dedbd1;font:inherit;font-weight:700;cursor:pointer}
.sidebar-logout-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-content{min-width:0}
.dashboard-content>.panel{padding:clamp(18px,3vw,34px);border:1px solid #383328;border-radius:22px;background:linear-gradient(150deg,#18181d,#111114 78%);box-shadow:0 18px 55px #0002;min-width:0}
.dashboard-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}
.dashboard-topline h1{font-size:clamp(1.7rem,3.2vw,2.4rem);letter-spacing:-.045em;margin:8px 0}
.dashboard-topline p{margin:0;line-height:1.6}
.dashboard-section{margin-top:32px}
.dashboard-section h2{font-size:1.25rem;margin:0 0 8px;letter-spacing:-.02em}
.dashboard-section>.muted{margin:0 0 17px;line-height:1.55}
.dashboard-content .grid{gap:14px}
.dashboard-content .stat,.dashboard-content .section-card{min-width:0;border:1px solid #35332c;border-radius:16px;background:#121216;padding:19px}
.dashboard-content .stat>strong{display:block;font-size:1.55rem;letter-spacing:-.03em;margin-top:10px;overflow-wrap:anywhere}
.dashboard-content .stat p{line-height:1.5}
.dashboard-content .copy-value{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dashboard-content .copy-value strong,.dashboard-content .copy-value input{overflow-wrap:anywhere;min-width:0}
.dashboard-metrics{margin-top:14px}
.quick-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-action-grid a{display:flex;flex-direction:column;gap:8px;min-height:132px;padding:17px;border:1px solid #363329;border-radius:16px;background:linear-gradient(145deg,#17171b,#121215);color:#f3f0e7;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.quick-action-grid a:hover{transform:translateY(-2px);border-color:#8a7422;background:#1b190f}
.quick-action-grid a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#30270f;color:#f3cf3c;font-size:1.25rem}
.quick-action-grid a strong{font-size:.98rem}
.quick-action-grid a small{color:#a8a5ae;line-height:1.4}
.mobile-dashboard-bar{display:none}
.sidebar-scrim{display:none}
.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:1px solid #403b30;border-radius:11px;background:#17171b;color:#f3cf3c;cursor:pointer}
.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-close{display:none}
.dashboard-layout.sidebar-collapsed{grid-template-columns:78px minmax(0,1fr)}
.dashboard-layout.sidebar-collapsed .dashboard-sidebar nav a{justify-content:center}
.dashboard-layout.sidebar-collapsed .nav-text,.dashboard-layout.sidebar-collapsed .side-title,.dashboard-layout.sidebar-collapsed .sidebar-logout-btn .nav-text{display:none}
.dashboard-layout.sidebar-collapsed .sidebar-brand-row{justify-content:center;padding-inline:0}
.dashboard-layout.sidebar-collapsed .sidebar-logout-btn{padding:0}
.member-pages{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;margin-top:24px}
.member-pages nav{display:grid;gap:7px;align-content:start;padding:14px;background:#111115;border:1px solid #3d3520;border-radius:16px}
.member-pages nav a{padding:11px 12px;border-radius:10px;color:#d7d4cb;text-decoration:none}
.member-pages nav a[aria-current=page],.member-pages nav a:hover{background:#30270f;color:#f3cf3c}
.member-main{min-width:0}
.member-card{padding:20px;margin:14px 0;border:1px solid #403a27;border-radius:14px;background:#111115}
.member-main h1{margin-top:0}
.member-steps{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.member-steps span{padding:6px 10px;border:1px solid #514721;border-radius:99px;color:#f3cf3c;font-size:.85rem}
.page-loading{display:none;position:fixed;inset:0;z-index:2000;background:#0b0b0cf2;align-items:center;justify-content:center;flex-direction:column;gap:14px}
.page-loading.show{display:flex}
.page-spinner{width:34px;height:34px;border:3px solid #55491e;border-top-color:#f3cf3c;border-radius:50%;animation:memberSpin .75s linear infinite}
@keyframes memberSpin{to{transform:rotate(360deg)}}
@media (max-width: 850px), (max-device-width: 850px){.dashboard-layout{grid-template-columns:1fr;gap:0;margin:8px auto 26px;padding:0 10px}.dashboard-sidebar{position:fixed;z-index:1200;top:0;bottom:0;left:0;width:min(300px,86vw);min-height:0;border-radius:0 20px 20px 0;transform:translateX(-105%);transition:transform .24s ease;overflow-y:auto}.dashboard-layout.sidebar-open .dashboard-sidebar{transform:translateX(0)}.dashboard-layout.sidebar-open .sidebar-scrim{display:block;position:fixed;z-index:1190;inset:0;background:#000a;border:0}.dashboard-layout .sidebar-scrim{display:none}.dashboard-layout.sidebar-open .sidebar-scrim{display:block}.mobile-dashboard-bar{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:5px 2px;color:#d7b92f;font-size:.75rem;font-weight:850;letter-spacing:.12em}.mobile-current-tab{margin-left:auto;color:#f3cf3c;letter-spacing:0;font-size:.85rem}.sidebar-close{display:grid}.sidebar-desktop-toggle{display:none}.dashboard-content>.panel{padding:clamp(16px,4vw,25px);border-radius:17px}.dashboard-topline{margin-bottom:23px}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.member-pages{grid-template-columns:1fr}.member-pages nav{display:flex;overflow-x:auto}.member-pages nav a{white-space:nowrap}}
@media (max-width: 480px), (max-device-width: 480px){.dashboard-layout{padding:0 8px}.dashboard-content>.panel{padding:16px 13px}.dashboard-content .stat,.dashboard-content .section-card{padding:14px}.dashboard-content .stat>strong{font-size:1.3rem}.dashboard-metrics{grid-template-columns:1fr 1fr}.quick-action-grid{gap:9px}.quick-action-grid a{padding:13px;min-height:120px}.dashboard-topline h1{font-size:1.7rem}.dashboard-section{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.dashboard-sidebar,.quick-action-grid a{transition:none}}

/* Dashboard hierarchy refinements */
.sidebar-uid{margin-top:18px;padding:13px 10px;border:1px solid #4a4022;border-radius:13px;background:linear-gradient(140deg,#211c10,#141416);min-width:0}
.sidebar-uid>.muted{display:block;color:#b7a45a;font-size:.65rem;letter-spacing:.09em;font-weight:800;margin-bottom:9px}
.sidebar-uid-value{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.sidebar-uid-value strong{font-size:.78rem;color:#f1eee5;overflow-wrap:anywhere;min-width:0}
.sidebar-uid-value .copy-btn{padding:6px 8px;font-size:.72rem;flex:0 0 auto}
.wallet-overview{margin-top:20px}
.wallet-overview h2{margin-bottom:12px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-metrics .stat{padding:13px 12px;min-width:0}
.dashboard-metrics .stat>strong{font-size:clamp(1rem,1.55vw,1.45rem);margin:8px 0 4px;line-height:1.2}
.dashboard-metrics .stat p{font-size:.74rem;line-height:1.4;margin:5px 0 0}
.dashboard-metrics .stat>.muted.small{font-size:.72rem;line-height:1.35}
.quick-action-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.quick-action-grid a{min-height:104px;padding:12px;gap:7px}
.quick-action-grid a>span{width:30px;height:30px;font-size:1.05rem}
.quick-action-grid a strong{font-size:.84rem}
.quick-action-grid a small{font-size:.72rem}
.quick-action-grid:not(.actions-expanded) a:nth-child(n+5){display:none}
.show-more-actions{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:11px;border:1px solid #494022;border-radius:11px;background:#17160f;color:#f3cf3c;font:inherit;font-weight:750;cursor:pointer}
.show-more-actions:hover{background:#28210d;border-color:#8a7422}
@media (max-width: 1000px), (max-device-width: 1000px){.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width: 850px), (max-device-width: 850px){.sidebar-uid{margin-top:16px}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action-grid:not(.actions-expanded) a:nth-child(n+5){display:none}}
@media (max-width: 560px), (max-device-width: 560px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .stat{padding:12px 10px}.dashboard-metrics .stat>strong{font-size:1.15rem}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-grid a{min-height:100px}.sidebar-uid-value strong{font-size:.8rem}}

/* Premium exchange dashboard visual pass */
.dashboard-layout{max-width:1480px;gap:22px;padding:0 22px;margin:24px auto 42px}
.dashboard-sidebar{border-color:#302c22;background:#111115;box-shadow:0 18px 45px #0003;padding:19px 14px}
.sidebar-brand-row{padding-bottom:24px}
.side-title{font-size:.68rem;letter-spacing:.16em}
.dashboard-sidebar nav{gap:5px}
.dashboard-sidebar nav a{min-height:43px;font-size:.88rem;border-radius:11px}
.sidebar-uid{margin-top:22px;padding:13px 11px;background:#17160f;border-color:#39321d}
.sidebar-uid-value strong{font-variant-numeric:tabular-nums;letter-spacing:.015em}
.dashboard-content>.panel{padding:clamp(22px,3vw,38px);border-color:#302d25;background:#111115;box-shadow:0 22px 70px #0004}
.dashboard-topline{margin-bottom:32px}
.dashboard-topline h1{font-size:clamp(1.8rem,3.2vw,2.55rem);font-weight:760;letter-spacing:-.055em;margin:10px 0 7px}
.dashboard-topline .muted.small{letter-spacing:.12em;color:#c2a83a;font-weight:800}
.dashboard-topline p{font-size:.94rem;max-width:48ch}
.overview-intro{margin-top:0}
.overview-title-row,.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.overview-title-row{margin-bottom:15px}
.overview-title-row h2,.section-heading-row h2{margin:5px 0 0;font-size:1.22rem;letter-spacing:-.025em}
.overview-title-row>.muted.small{font-size:.68rem;letter-spacing:.12em;color:#c5ad4d;font-weight:800}
.account-live{display:inline-flex;align-items:center;gap:7px;border:1px solid #2f4434;background:#111a14;color:#9dd4a7;padding:7px 10px;border-radius:99px;font-size:.72rem;font-weight:750;white-space:nowrap}
.account-live i{display:block;width:6px;height:6px;background:#69c985;border-radius:50%;box-shadow:0 0 0 3px #69c98520}
.dashboard-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:11px}
.dashboard-metrics .stat{padding:16px 15px;border-color:#302f2b;background:linear-gradient(145deg,#18181c,#121215);border-radius:15px;min-height:118px}
.dashboard-metrics .stat>strong{font-size:clamp(1.05rem,1.65vw,1.5rem);font-weight:750;letter-spacing:-.045em;line-height:1.2;margin:13px 0 5px}
.dashboard-metrics .stat .muted.small{font-size:.71rem;letter-spacing:.015em}
.dashboard-metrics .stat p{font-size:.72rem;margin:4px 0 0;line-height:1.4;color:#898791}
.dashboard-metrics .balance-primary{background:radial-gradient(ellipse at top left,#30260c 0,#1b190f 55%,#151518 100%);border-color:#5a4b1d}
.dashboard-metrics .balance-primary>strong{font-size:clamp(1.3rem,2vw,1.8rem);color:#f5d64e}
.metric-link{display:inline-flex;gap:7px;align-items:center;color:#f3cf3c;text-decoration:none;font-size:.76rem;font-weight:750;margin-top:10px}
.referral-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;margin-top:12px;border:1px solid #2e2d28;border-radius:13px;background:#151518}
.referral-summary>div{display:grid;gap:5px}
.referral-summary .muted.small{font-size:.67rem;letter-spacing:.1em;color:#aaa7a0}
.referral-summary strong{font-size:1.15rem}
.referral-summary>a,.section-heading-row>a{color:#e6c843;text-decoration:none;font-size:.78rem;font-weight:750;white-space:nowrap}
.dashboard-section.action-section{margin-top:30px}
.section-heading-row{margin-bottom:15px;align-items:flex-end}
.section-heading-row p{font-size:.82rem;margin:5px 0 0}
.quick-action-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.quick-action-grid a{position:relative;min-width:0;min-height:112px;padding:13px 11px;border-color:#302f2b;border-radius:14px;background:#151518;gap:7px;overflow:hidden}
.quick-action-grid a:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#eacb4c0a,transparent 65%);pointer-events:none}
.quick-action-grid a>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#2b250f;color:#f3cf3c;font-size:1.12rem}
.quick-action-grid a strong{font-size:.8rem;white-space:nowrap;letter-spacing:-.015em}
.quick-action-grid a small{font-size:.68rem;color:#8f8d97;white-space:nowrap}
.quick-action-grid:not(.actions-expanded) a:nth-child(n+7){display:none}
.show-more-actions{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:11px;border:1px solid #35322a;border-radius:11px;background:#151518;color:#d8c25d;font-size:.8rem;font-weight:750;cursor:pointer}
.dashboard-section:not(.overview-intro) h2{letter-spacing:-.025em}
.section-card{border-color:#302f2b!important;background:#151518!important}
@media (max-width: 1100px), (max-device-width: 1100px){.dashboard-layout{grid-template-columns:215px minmax(0,1fr);gap:16px;padding:0 14px}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-metrics .stat{padding:13px 10px}.dashboard-metrics .stat>strong{font-size:1.08rem}}
@media (max-width: 850px), (max-device-width: 850px){.dashboard-layout{grid-template-columns:1fr;margin:8px auto 26px;padding:0 10px}.dashboard-sidebar{padding:19px 14px}.dashboard-content>.panel{padding:clamp(16px,4vw,25px);border-radius:18px}.dashboard-topline{margin-bottom:24px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .stat{padding:14px;min-height:110px}.dashboard-metrics .stat>strong{font-size:1.28rem}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action-grid a{min-height:104px}.referral-summary{margin-top:10px}}
@media (max-width: 480px), (max-device-width: 480px){.dashboard-layout{padding:0 8px}.dashboard-content>.panel{padding:16px 13px}.dashboard-topline h1{font-size:1.72rem}.dashboard-metrics{gap:8px}.dashboard-metrics .stat{padding:12px 10px;min-height:104px}.dashboard-metrics .stat>strong{font-size:1.13rem}.dashboard-metrics .stat p{font-size:.67rem}.quick-action-grid{gap:8px}.quick-action-grid a{padding:11px 9px;min-height:100px}.quick-action-grid a strong{font-size:.75rem}.quick-action-grid a small{font-size:.64rem}.overview-title-row h2{font-size:1.15rem}.account-live{font-size:.66rem;padding:6px 8px}}

/* Unified Monarch Codex account workspace */
.member-experience{--mc-gold:#e8c84b;--mc-gold-soft:#a88b35;--mc-bg:#09090b;--mc-panel:#111114;--mc-line:#29272a;display:grid;grid-template-columns:250px minmax(0,1fr);gap:0;max-width:1500px;min-height:calc(100vh - 110px);margin:18px auto 32px;border:1px solid #28251d;border-radius:22px;overflow:hidden;background:var(--mc-bg);box-shadow:0 24px 70px #0005;color:#f2f0e8}
.member-rail{display:flex;flex-direction:column;min-width:0;max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6b592b #111113;padding:25px 16px 18px;background:linear-gradient(180deg,#151518,#0e0e11);border-right:1px solid #302b1c}
.member-brand{display:flex;align-items:center;gap:11px;color:#f4f0e5;text-decoration:none;padding:0 8px 28px}
.member-brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(140deg,#f4dc75,#a77c17);color:#17130a;font-family:Georgia,serif;font-weight:900;font-size:1.4rem;box-shadow:0 5px 20px #c9a83a20}
.member-brand strong,.member-brand small{display:block;letter-spacing:.13em}.member-brand strong{font-size:.82rem}.member-brand small{font-size:.63rem;color:#c9ad4c;margin-top:3px}
.member-rail-label,.member-overline{font-size:.65rem;letter-spacing:.15em;font-weight:800;color:#bba24e}
.member-rail-label{padding:0 10px 12px}.member-rail nav{display:grid;gap:5px}
.member-rail nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid transparent;border-radius:12px;color:#aaa8b1;text-decoration:none;font-size:.9rem;font-weight:650;transition:background .18s,color .18s,border-color .18s}
.member-nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#202024;color:#b7b3a7;font-size:1.1rem}
.member-rail nav a:hover,.member-rail nav a[aria-current=page]{background:linear-gradient(100deg,#2b240f,#1b1913);border-color:#4a3d1a;color:#f3d55c}
.member-rail nav a[aria-current=page] .member-nav-icon{background:#443714;color:#f4d65a}
.member-rail-account{margin-top:auto;padding:15px 11px;border:1px solid #39301b;border-radius:14px;background:linear-gradient(145deg,#211b0d,#121215)}
.member-rail-account .member-rail-label{display:block;padding:0 0 10px;color:#aa9652}
.member-rail-uid{display:flex;align-items:center;gap:5px;justify-content:space-between}.member-rail-uid strong{font-size:.76rem;overflow-wrap:anywhere;min-width:0;color:#f5f1e6}
.member-copy-uid{flex-shrink:0;border:1px solid #514522;border-radius:7px;background:#30270f;color:#e8cd62;padding:5px 7px;font-size:.7rem;cursor:pointer}
.member-rail-account>small{display:block;color:#88858d;font-size:.69rem;line-height:1.45;margin-top:10px}
.member-rail-logout{padding-top:14px}.member-rail-logout form{margin:0}.member-rail-logout button{width:100%;display:flex;gap:11px;align-items:center;padding:12px;border:1px solid #302d2b;border-radius:11px;background:#17171a;color:#c8c4bb;text-align:left;font:inherit;cursor:pointer}
.member-workspace{min-width:0;padding:0 clamp(16px,3vw,38px);display:flex;flex-direction:column}
.member-mobile-head{display:none}
.member-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:33px 0 26px;border-bottom:1px solid #242327}
.member-page-heading h1{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.05em;margin:9px 0 7px;color:#faf8f1}
.member-page-heading p:last-child{margin:0;color:#9a97a0;line-height:1.5;font-size:.92rem}
.member-heading-status{display:flex;align-items:center;gap:9px;border:1px solid #333027;background:#151513;border-radius:999px;padding:10px 13px;color:#bcb8ad;font-size:.78rem;white-space:nowrap}
.member-heading-status span,.member-live-dot{width:7px;height:7px;border-radius:50%;background:#d6b942;box-shadow:0 0 12px #d6b94255}
.member-main{padding:27px 0;flex:1;min-width:0}.member-content-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.member-content-heading h2{font-size:1.4rem;letter-spacing:-.03em;margin:7px 0 0;color:#f4f1e8}
.member-secure-label{font-size:.75rem;color:#9e9aa3;border:1px solid #29282c;border-radius:999px;padding:8px 11px;white-space:nowrap}
.member-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #242327;padding:16px 0 20px;color:#77747d;font-size:.72rem}.member-footer span:first-child{letter-spacing:.12em;color:#a99550;font-weight:800}
.member-mobile-scrim{display:none}
.member-main .member-card{background:linear-gradient(145deg,#151518,#101013);border-color:#302d25;border-radius:16px}
.member-main input,.member-main select,.member-main textarea{max-width:100%}
@media (max-width: 850px), (max-device-width: 850px){.member-experience{display:block;margin:8px 8px 22px;border-radius:17px;min-height:calc(100vh - 100px)}.member-rail{position:fixed;z-index:1300;left:0;top:0;bottom:0;width:min(290px,85vw);height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateX(-105%);transition:transform .22s ease;border-radius:0 18px 18px 0;box-shadow:18px 0 60px #0007}.member-rail.is-open{transform:translateX(0)}.member-mobile-scrim.is-visible{display:block;position:fixed;z-index:1290;inset:0;background:#000a}.member-workspace{padding:0 17px}.member-mobile-head{display:flex;align-items:center;gap:13px;min-height:64px;border-bottom:1px solid #28262a}.member-mobile-head .member-brand{padding:0;margin-right:auto}.member-mobile-head .member-brand-mark{width:33px;height:33px}.member-menu-toggle{border:1px solid #36312a;border-radius:10px;background:#17171a;color:#e8cd62;width:39px;height:39px;font-size:1.1rem}.member-page-heading{padding:25px 0 21px}.member-heading-status{display:none}.member-main{padding:22px 0}.member-footer span:last-child{display:none}}
@media (max-width: 480px), (max-device-width: 480px){.member-experience{margin:5px 5px 16px;border-radius:14px}.member-workspace{padding:0 12px}.member-page-heading h1{font-size:1.65rem}.member-page-heading p:last-child{font-size:.84rem}.member-content-heading h2{font-size:1.2rem}.member-secure-label{font-size:.67rem;padding:7px 8px}.member-main{padding:18px 0}.member-main .member-card{padding:15px}.member-footer{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.member-rail{transition:none}}


/* Dashboard decluttering pass: calmer spacing, clearer grouping, and responsive forms */
.dashboard-layout{gap:24px;padding-inline:20px}
.dashboard-content>.panel{padding:clamp(22px,3vw,36px)}
.dashboard-topline{margin-bottom:26px}
.dashboard-section{margin-top:36px}
.dashboard-metrics{gap:14px}
.dashboard-metrics .stat{min-height:108px}
.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quick-action-grid a{min-height:102px}
.member-main{max-width:100%;padding:30px 0}
.member-main .member-card{padding:clamp(18px,2.2vw,28px);margin:0 0 22px}
.member-main .member-card h2{margin:0 0 10px}
.member-main .member-card>p{max-width:72ch;line-height:1.65;margin:0 0 18px}
.member-main .member-card label{display:block;margin:18px 0 7px;font-size:.88rem;font-weight:700;color:#d9d5c9}
.member-main .member-card input:not([type=checkbox]):not([type=radio]):not([type=file]),
.member-main .member-card select,.member-main .member-card textarea{display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid #38353a;border-radius:11px;background:#0c0c0f;color:#f2f0e8;box-sizing:border-box}
.member-main .member-card textarea{min-height:100px;resize:vertical}
.member-main .member-card input[type=file]{display:block;width:100%;max-width:100%;padding:10px;border:1px dashed #49402a;border-radius:11px;background:#111114;color:#d4d0c5;box-sizing:border-box}
.member-main .member-card button[type=submit],.member-main .member-card .btn{margin-top:18px;min-height:44px}
.member-main .member-card .section-card{margin-top:22px;padding:20px;border:1px solid #39352b;border-radius:15px;background:#121215}
.member-main .member-card .section-card .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.member-main .member-card .section-card .stat{padding:15px;border-radius:12px;min-width:0}
.member-main .member-card .section-card .stat strong{overflow-wrap:anywhere}
.member-main .member-card .ac-table-wrap,.member-main .member-card .table-wrap{max-width:100%;overflow:auto}
.member-main .member-card table{width:100%;border-collapse:collapse}
.member-main .member-card th,.member-main .member-card td{padding:12px 10px;vertical-align:top;border-bottom:1px solid #302e33;text-align:left}
.member-main .member-card th{color:#bcb6a5;font-size:.78rem}
.member-main .member-card td{overflow-wrap:anywhere}
@media (max-width: 1100px), (max-device-width: 1100px){.dashboard-layout{gap:16px;padding-inline:14px}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics{gap:10px}}
@media (max-width: 850px), (max-device-width: 850px){.dashboard-content>.panel{padding:20px 16px}.dashboard-section{margin-top:28px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-main{padding:20px 0}.member-main .member-card{padding:17px}.member-main .member-card .section-card .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 520px), (max-device-width: 520px){.dashboard-layout{padding-inline:8px}.dashboard-content>.panel{padding:17px 12px}.dashboard-topline{margin-bottom:20px}.dashboard-section{margin-top:24px}.dashboard-metrics{gap:8px}.dashboard-metrics .stat{min-height:96px;padding:12px 10px}.quick-action-grid{gap:8px}.quick-action-grid a{padding:12px 10px;min-height:94px}.member-workspace{padding-inline:12px}.member-page-heading{padding:22px 0 18px}.member-main .member-card{padding:14px 12px;margin-bottom:15px}.member-main .member-card .section-card{padding:13px}.member-main .member-card .section-card .grid{grid-template-columns:1fr}.member-main .member-card th,.member-main .member-card td{padding:10px 8px}}


/* Polished payment destination cards shared across the member and admin experience */
.deposit-payment-details{margin:15px 0 8px;padding:0;overflow:hidden;border:1px solid #4a4028;border-radius:16px;background:radial-gradient(ellipse at top right,#282315 0%,#151518 52%,#111114 100%);color:#eee9da}
.deposit-destination-head{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid #373126}
.deposit-asset-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #69572b;border-radius:13px;background:linear-gradient(145deg,#332b17,#1c1a15);color:#f0d16a;font-size:.83rem;font-weight:850;letter-spacing:-.03em;overflow:hidden}
.deposit-destination-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.deposit-destination-title strong{font-size:1rem;color:#fff8e7;overflow-wrap:anywhere}
.deposit-destination-title span{font-size:.76rem;color:#a9a294}
.deposit-network-badge{max-width:44%;padding:7px 10px;border:1px solid #50462e;border-radius:999px;background:#201d16;color:#e5cc79;font-size:.7rem;line-height:1.35;text-align:center;overflow-wrap:anywhere}
.deposit-destination-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 18px}
.deposit-destination-field{display:flex;min-width:0;flex-direction:column;gap:6px;padding:12px;border:1px solid #302e2a;border-radius:11px;background:#101013}
.deposit-destination-field>span{font-size:.72rem;color:#a6a19a}
.deposit-destination-field strong,.deposit-destination-field code{color:#f5f0e4;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
.deposit-destination-field.is-address{grid-column:1/-1;border-color:#51452a;background:#0d0d0f}
.deposit-destination-field code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}
.deposit-copy-button{align-self:flex-start;margin-top:5px!important;padding:8px 12px;min-height:35px!important;border:1px solid #75602c;border-radius:9px;background:#282216;color:#f2d46c;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}
.deposit-copy-button:hover{background:#362d18}
.deposit-destination-instructions{margin:0;padding:12px 18px 15px;border-top:1px solid #302c23;color:#b9b2a2;font-size:.78rem;line-height:1.6;overflow-wrap:anywhere}
.member-main .member-card .deposit-destination-fields{padding:15px 18px}
.member-main .member-card .deposit-destination-field{margin:0}
.member-main .member-card .deposit-destination-field>span{margin:0}
.member-main .member-card .deposit-destination-field strong,.member-main .member-card .deposit-destination-field code{display:block;width:auto;min-height:0;padding:0;border:0;background:transparent}
.member-main .member-card .deposit-destination-field .deposit-copy-button{width:auto}
.member-main .member-card .section-card{border-color:#3b3527;background:linear-gradient(145deg,#151518,#101013)}
.member-main .member-card .section-card .stat{border:1px solid #302d26;background:#0e0e11}
.member-main .member-card .section-card .stat strong{display:block;margin-top:6px;color:#f3d76d;font-size:1.05rem}
.member-main .member-card .section-card .stat span{display:block}
.member-main .member-card .section-card .stat small{display:block;margin-top:5px;color:#a8a19a;overflow-wrap:anywhere}
.member-main .member-card .ac-table tbody tr:hover{background:#ffffff04}
.member-main .member-card .ac-table td .ac-pill{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:5px 9px;border:1px solid #51472d;border-radius:999px;background:#211e17;color:#e9d27e;font-size:.7rem;font-weight:750;white-space:normal}
.member-main .member-card .ac-table td small{display:inline-block;margin-top:4px;color:#9d98a0;line-height:1.5}
.ac-panel .ac-table-wrap{max-width:100%;overflow-x:auto}
.ac-panel .ac-table td{overflow-wrap:anywhere;vertical-align:top}
.ac-panel .ac-table td details{max-width:360px}
.ac-panel .ac-table td details>summary{padding:9px 11px;border:1px solid #39342a;border-radius:9px;background:#171612;color:#e9d27e;cursor:pointer}
.ac-panel .ac-table td details form{padding:12px 0}
@media (max-width: 600px), (max-device-width: 600px){.deposit-destination-head{align-items:flex-start;flex-wrap:wrap;padding:14px}.deposit-asset-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}.deposit-network-badge{max-width:100%;margin-left:50px}.deposit-destination-fields{grid-template-columns:1fr;padding:12px;gap:8px}.deposit-destination-field.is-address{grid-column:auto}.deposit-destination-instructions{padding:11px 13px 13px}.member-main .member-card .deposit-destination-fields{padding:12px}.deposit-destination-title strong{font-size:.92rem}}


/* Member dashboard notifications and professional currency switch */
.balance-primary{position:relative}
.balance-display-label{display:block;margin-bottom:9px}
.currency-toggle{display:inline-flex;align-items:center;gap:4px;width:100%;max-width:230px;padding:4px;margin:2px 0 12px;border:1px solid #39352b;border-radius:999px;background:#09090b}
.currency-toggle-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:#aaa7ad;font:inherit;font-size:.78rem;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}
.currency-toggle-option>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#29272a;color:#d5d0c4;font-size:.85rem}
.currency-toggle-option:hover{color:#f5e6a4}
.currency-toggle-option.is-active{border-color:#6b5825;background:linear-gradient(135deg,#403315,#29220f);color:#f6db72;box-shadow:0 3px 12px #0005}
.currency-toggle-option.is-active>span{background:#f0d15d;color:#17140a}
.currency-toggle-option:focus-visible{outline:2px solid #f3cf3c;outline-offset:3px}
.currency-select-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.member-notifications-link{position:relative}
.notification-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;border:1px solid #705a22;border-radius:999px;background:#e8c84b;color:#17140a;font-size:.68rem;font-weight:900;line-height:1}
.dashboard-notifications{margin-top:22px;padding:19px;border:1px solid #393326;border-radius:16px;background:linear-gradient(145deg,#151518,#101013)}
.dashboard-notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.dashboard-notifications-heading h3{margin:5px 0 2px;font-size:1.12rem;letter-spacing:-.02em;color:#f5f0e4}
.dashboard-notifications-heading p{margin:0}
.notification-view-all{flex-shrink:0;color:#e8c84b;text-decoration:none;font-size:.8rem;font-weight:800}
.notification-view-all:hover{text-decoration:underline}
.dashboard-notification-list{display:grid;gap:8px}
.dashboard-notification-item{display:flex;align-items:flex-start;gap:11px;min-width:0;padding:13px 12px;border:1px solid #2c2a2b;border-radius:12px;background:#0e0e11;color:inherit;text-decoration:none;transition:border-color .16s ease,background .16s ease}
.dashboard-notification-item:hover,.dashboard-notification-item:focus-visible{border-color:#665323;background:#17150f;outline:none}
.dashboard-notification-indicator{flex:0 0 8px;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#69666e}
.dashboard-notification-item.is-unread .dashboard-notification-indicator{background:#f0d15d;box-shadow:0 0 12px #f0d15d66}
.dashboard-notification-copy{display:grid;gap:4px;flex:1;min-width:0}
.dashboard-notification-copy strong{font-size:.86rem;color:#f3efe4;overflow-wrap:anywhere}
.dashboard-notification-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#aaa6ad;font-size:.78rem;line-height:1.5}
.dashboard-notification-copy small{color:#77747d;font-size:.68rem}
.dashboard-notification-state{flex-shrink:0;padding:4px 7px;border:1px solid #3a3839;border-radius:999px;color:#99959d;font-size:.64rem;font-weight:800}
.dashboard-notification-item.is-unread .dashboard-notification-state{border-color:#5e4d23;background:#29220f;color:#f0d15d}
.dashboard-notifications-empty{margin:0;padding:14px;border:1px dashed #39352b;border-radius:11px;color:#a8a3ac;font-size:.82rem}
@media (max-width: 520px), (max-device-width: 520px){.currency-toggle{max-width:none}.dashboard-notifications{padding:14px}.dashboard-notification-item{padding:11px 9px;gap:8px}.dashboard-notification-state{font-size:.6rem;padding:4px 6px}.dashboard-notifications-heading h3{font-size:1.02rem}}
@media(prefers-reduced-motion:reduce){.currency-toggle-option,.dashboard-notification-item{transition:none}}


/* Notifications live in the dashboard header, not the sidebar or page body */
.dashboard-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;margin-left:auto;border:1px solid #514323;border-radius:14px;background:linear-gradient(145deg,#1c1a15,#101013);color:#f0d15d;text-decoration:none;box-shadow:0 8px 22px #0003;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.dashboard-notification-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dashboard-notification-bell:hover{transform:translateY(-1px);border-color:#b69638;background:linear-gradient(145deg,#2a2415,#15130e)}
.dashboard-notification-bell:focus-visible{outline:2px solid #f3cf3c;outline-offset:3px}
.dashboard-notification-bell-count{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #101013;border-radius:999px;background:#e8c84b;color:#17140a;font-size:.66rem;font-weight:900;line-height:1}
@media (max-width: 760px), (max-device-width: 760px){.dashboard-topline{align-items:flex-start}.dashboard-notification-bell{flex-basis:42px;width:42px;height:42px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.dashboard-notification-bell{transition:none}}


/* Professional member deposit flow */
.deposit-page-card{overflow:hidden;padding:clamp(16px,3vw,28px)!important;border-color:#403723!important;background:radial-gradient(ellipse at 100% 0%,#33291455,transparent 38%),linear-gradient(145deg,#17171b,#101013)!important}
.deposit-page-intro{margin-bottom:20px}
.deposit-page-intro h2{margin:6px 0 8px;color:#f7f1e2;font-size:clamp(1.45rem,3vw,1.9rem);letter-spacing:-.035em}
.deposit-page-intro p{max-width:720px;margin:0;line-height:1.65}
.deposit-eyebrow{display:block;color:#d8b84f;font-size:.68rem;font-weight:850;letter-spacing:.15em}
.deposit-method-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 20px}
.deposit-method-tab{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;padding:14px;border:1px solid #393631;border-radius:14px;background:linear-gradient(145deg,#19191d,#111114);color:#d5d0c4;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.deposit-method-tab>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border:1px solid #45403a;border-radius:11px;background:#242225;color:#c9c3b6;font-size:1.15rem}
.deposit-method-tab strong{font-size:.88rem;color:#f1ede4}
.deposit-method-tab small{margin-top:3px;color:#99949d;font-size:.72rem}
.deposit-method-tab:hover{border-color:#76602d}
.deposit-method-tab.is-active{border-color:#a98a36;background:linear-gradient(145deg,#342a15,#171510);box-shadow:0 7px 22px #0003}
.deposit-method-tab.is-active>span{border-color:#77602b;background:#e5c652;color:#19150b}
.deposit-method-tab.is-active small{color:#d2c59b}
.deposit-method-tab:focus-visible{outline:2px solid #f3cf3c;outline-offset:3px}
.deposit-calculator{margin-top:18px;padding:clamp(14px,2.5vw,22px)!important;border:1px solid #554526!important;border-radius:16px!important;background:linear-gradient(145deg,#1a1915,#111114)!important}
.deposit-calculator-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.deposit-calculator-heading h3{margin:4px 0 0;color:#f6f0e3;font-size:1.15rem}
.deposit-live-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #3d4c37;border-radius:999px;background:#172016;color:#b8d6a8;font-size:.66rem;font-weight:800;white-space:nowrap}
.deposit-live-pill i{width:6px;height:6px;border-radius:50%;background:#85c46c}
.deposit-rate-line{margin:0 0 14px;padding:10px 12px;border:1px solid #34312a;border-radius:10px;background:#0e0e10;color:#aaa5a0;font-size:.78rem}
.deposit-rate-line strong{margin-left:5px;color:#ecd477}
.deposit-calculator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.deposit-calc-item{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 12px;border:1px solid #35312a;border-radius:12px;background:#101013}
.deposit-calc-item>span{color:#aaa5a0;font-size:.74rem;font-weight:650}
.deposit-calc-item>strong{color:#f3e9ce;font-size:clamp(1rem,2vw,1.3rem);line-height:1.3;overflow-wrap:anywhere}
.deposit-calc-item>small{color:#b0a88f;font-size:.72rem;line-height:1.5;overflow-wrap:anywhere}
.deposit-calc-total{border-color:#78602b;background:linear-gradient(145deg,#292212,#17150f)}
.deposit-calc-total>strong{color:#f2d567}
.deposit-calculator-note{margin:13px 0 0;line-height:1.6}
@media (max-width: 620px), (max-device-width: 620px){.deposit-method-switch{gap:8px}.deposit-method-tab{grid-template-columns:30px 1fr;column-gap:8px;padding:11px 9px}.deposit-method-tab>span{width:30px;height:30px}.deposit-method-tab strong{font-size:.78rem}.deposit-method-tab small{font-size:.65rem}.deposit-calculator-grid{grid-template-columns:1fr;gap:8px}.deposit-calc-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px 10px;padding:12px}.deposit-calc-item>span{grid-column:1}.deposit-calc-item>strong{grid-column:2;grid-row:1;text-align:right;font-size:1.05rem}.deposit-calc-item>small{grid-column:1/-1}.deposit-calculator-heading h3{font-size:1.03rem}.deposit-live-pill{font-size:.6rem;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.deposit-method-tab{transition:none}}


/* Full-width deposit workspace, responsive account details and clear dual-currency totals */
.member-main .deposit-page-card{width:100%;max-width:none;margin:0;padding:clamp(18px,2.5vw,30px);border-color:#4a4028;background:radial-gradient(ellipse at 100% 0%,#3a2d1245,transparent 38%),linear-gradient(145deg,#17171b,#101013)}
.member-main .deposit-page-intro{max-width:920px;margin-bottom:24px}
.deposit-page-intro h2{font-size:clamp(1.55rem,2.6vw,2rem)}
.deposit-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 4px}
.deposit-field{min-width:0}
#depositForm label{display:block;margin:14px 0 7px;color:#e7e1d4;font-size:.83rem;font-weight:700}
#depositForm input,#depositForm select,#depositForm textarea{display:block;width:100%;min-width:0;min-height:47px;padding:12px 13px;border:1px solid #45413a;border-radius:11px;background:#0d0d10;color:#f4f0e7;font:inherit;outline:none}
#depositForm textarea{resize:vertical;min-height:96px}
#depositForm input:focus,#depositForm select:focus,#depositForm textarea:focus{border-color:#b89a42;box-shadow:0 0 0 3px #c6a23b20}
.deposit-field-hint{display:block;margin-top:7px;color:#8f8a80;font-size:.73rem;line-height:1.5}
.member-main .deposit-method-switch{margin:22px 0 16px}
.member-main #depositMethod{margin-bottom:16px}
.member-main .deposit-payment-details{width:100%;margin:16px 0 8px;overflow:hidden;border:1px solid #51452c;border-radius:16px;background:linear-gradient(145deg,#1b1a16,#101013);box-shadow:0 12px 28px #0002}
.deposit-destination-head{display:flex;align-items:center;gap:13px;min-width:0;padding:18px 20px;border-bottom:1px solid #353027;background:linear-gradient(110deg,#282112,#171619)}
.deposit-destination-title{display:grid;gap:5px;flex:1;min-width:0}
.deposit-destination-title strong{color:#f5efdf;font-size:1rem;overflow-wrap:anywhere}
.deposit-destination-title>span{color:#aaa394;font-size:.77rem}
.deposit-network-badge{max-width:42%;padding:7px 10px;border:1px solid #62512c;border-radius:999px;background:#201b10;color:#ebd17b;font-size:.68rem;font-weight:800;text-align:center;overflow-wrap:anywhere}
.deposit-destination-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px}
.deposit-destination-field{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:14px;border:1px solid #302d28;border-radius:12px;background:#111114}
.deposit-destination-field>span{color:#9d978a;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.deposit-destination-field strong,.deposit-destination-field code{max-width:100%;color:#f5f0e4;font-size:.91rem;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
.deposit-destination-field.is-address{grid-column:1/-1;border-color:#5c4b27;background:#0c0c0f}
.deposit-destination-field.is-address code{font-size:clamp(.82rem,1.2vw,.98rem);letter-spacing:.01em}
.deposit-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:4px;padding:9px 13px;min-height:38px;border:1px solid #8b712f;border-radius:10px;background:linear-gradient(135deg,#332912,#201b10);color:#f3d66d;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s}
.deposit-copy-button:hover{border-color:#e3c357;background:#403217}
.deposit-copy-button:focus-visible{outline:2px solid #f3cf3c;outline-offset:3px}
.deposit-calculator{width:100%;margin:22px 0;padding:clamp(16px,2.2vw,24px)!important}
.deposit-calculator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.deposit-calc-item{min-height:128px;justify-content:space-between}
.deposit-calc-item>span{font-size:.76rem}
.deposit-calc-item>strong{font-size:clamp(1rem,1.5vw,1.4rem);font-variant-numeric:tabular-nums}
.deposit-calc-item>small{font-variant-numeric:tabular-nums}
.deposit-calculator-note{max-width:1000px}
#depositForm>label[for="paymentReference"],#depositForm>label[for="paymentProof"],#depositForm>label[for="memberNote"]{margin-top:20px}
#depositForm>p.muted.small{line-height:1.6}
#depositForm>.btn{width:100%;min-height:50px;margin-top:12px;border-radius:12px;font-weight:800}
.member-main .deposit-history-card{width:100%;max-width:none;margin-top:22px;padding:clamp(16px,2.4vw,26px);border-color:#39342a;background:linear-gradient(145deg,#151518,#101013)}
.deposit-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.deposit-history-heading h2{margin:5px 0 0;font-size:1.2rem}
.deposit-history-count{flex-shrink:0;padding:7px 10px;border:1px solid #403a2b;border-radius:999px;background:#171612;color:#c9bd98;font-size:.7rem;font-weight:750}
.member-main .deposit-history-card .ac-table{width:100%;min-width:620px;border-collapse:collapse}
.member-main .deposit-history-card .ac-table th,.member-main .deposit-history-card .ac-table td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #302e2a;line-height:1.55}
.member-main .deposit-history-card .ac-table th{color:#c9b66b;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.member-main .deposit-history-card .ac-table td{color:#e1ddd3;font-size:.82rem;overflow-wrap:anywhere}
.member-main .deposit-history-card .ac-table td small{color:#99949b}
@media (max-width: 760px), (max-device-width: 760px){.deposit-calculator-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deposit-calc-item{padding:12px 10px}.deposit-calc-item>strong{font-size:1rem}}
@media (max-width: 580px), (max-device-width: 580px){.deposit-input-grid{grid-template-columns:1fr;gap:2px}.deposit-destination-head{padding:14px;gap:10px}.deposit-destination-fields{grid-template-columns:1fr;padding:12px;gap:8px}.deposit-destination-field.is-address{grid-column:auto}.deposit-network-badge{max-width:100%;margin-left:auto;font-size:.63rem}.deposit-calculator-grid{grid-template-columns:1fr;gap:8px}.deposit-calc-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px 10px;min-height:0;padding:13px}.deposit-calc-item>span{grid-column:1}.deposit-calc-item>strong{grid-column:2;grid-row:1;text-align:right;font-size:1.04rem}.deposit-calc-item>small{grid-column:1/-1}.deposit-calculator-heading{align-items:flex-start}.deposit-calculator-heading h3{font-size:1.05rem}.deposit-live-pill{font-size:.6rem;padding:5px 7px}.deposit-history-heading{align-items:flex-start}.member-main .deposit-history-card .ac-table{min-width:590px}}
@media(prefers-reduced-motion:reduce){.deposit-copy-button{transition:none}}


/* Three-stage deposit experience */
.member-main .deposit-page-card{width:100%;max-width:none;box-sizing:border-box;padding:clamp(18px,3vw,36px);margin:0 0 22px}
.member-main .deposit-page-intro{max-width:1000px;margin:0 auto 22px}
.deposit-workflow{width:100%;max-width:none;margin:0 auto;padding:clamp(16px,2.8vw,32px);box-sizing:border-box;border:1px solid #423925;border-radius:20px;background:linear-gradient(145deg,#141418,#101013);box-shadow:0 18px 44px #0002}
.deposit-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0 0 clamp(24px,3vw,38px);padding:0;position:relative}
.deposit-progress:before{content:"";position:absolute;left:16.5%;right:16.5%;top:19px;height:2px;background:#383326}
.deposit-progress li{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px;color:#8e897d;font-size:.78rem;text-align:center}
.deposit-progress li>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #4c422b;background:#111115;color:#bdb6a4;font-weight:800;z-index:1}
.deposit-progress li b{font-weight:650}
.deposit-progress li.is-active,.deposit-progress li.is-done{color:#f3cf3c}
.deposit-progress li.is-active>span,.deposit-progress li.is-done>span{background:#f3cf3c;border-color:#f3cf3c;color:#15130b;box-shadow:0 0 0 5px #f3cf3c18}
.deposit-step[hidden]{display:none!important}
.deposit-step-heading{margin-bottom:22px}
.deposit-step-heading h3{margin:7px 0 8px;color:#f7f1e3;font-size:clamp(1.2rem,2vw,1.65rem);letter-spacing:-.025em}
.deposit-step-heading p{max-width:850px;margin:0;color:#aaa69b;line-height:1.65}
.deposit-step-kicker{color:#e9c84b;font-size:.7rem;font-weight:850;letter-spacing:.14em}
.deposit-step .deposit-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:12px}
.deposit-step .deposit-field{min-width:0}
.deposit-step .deposit-field input,.deposit-step .deposit-field select{width:100%;box-sizing:border-box}
.deposit-summary-strip,.deposit-final-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;margin:0 0 16px;border:1px solid #49402d;border-radius:13px;background:#1b1a16}
.deposit-summary-strip>span,.deposit-final-summary span{color:#aaa394;font-size:.84rem}
.deposit-summary-strip>strong,.deposit-final-summary strong{color:#f4d65b;font-size:1.02rem;overflow-wrap:anywhere}
.deposit-text-button{border:0;background:transparent;color:#f3cf3c;font:inherit;font-size:.8rem;cursor:pointer;text-decoration:underline}
.deposit-step .deposit-method-switch{margin:18px 0}
.deposit-destination-picker{max-width:100%;margin:0 0 10px}
.deposit-destination-picker label{display:block;margin-bottom:8px}
.deposit-destination-picker select{width:100%;max-width:100%;box-sizing:border-box}
.deposit-inline-notice{padding:12px 14px;margin:12px 0;border:1px solid #6e5824;border-radius:11px;background:#2a2211;color:#f5dda0;font-size:.88rem;line-height:1.55}
.deposit-step-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding-top:20px;border-top:1px solid #302d27}
.deposit-step-actions .btn,.deposit-step-actions .deposit-next{width:auto;min-width:190px;display:inline-flex;justify-content:center;align-items:center;gap:10px}
.deposit-back,.deposit-cancel-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #4b4330;border-radius:11px;background:transparent;color:#ddd5c3;text-decoration:none;font:inherit;font-size:.88rem;cursor:pointer}
.deposit-cancel-link{border:0}
.deposit-final-summary{align-items:stretch;margin:0 0 22px}
.deposit-final-summary>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}
.deposit-final-summary>div+div{padding-left:16px;border-left:1px solid #49402d}
.deposit-confirm-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;padding:14px;border:1px solid #4b422f;border-radius:12px;background:#171611;color:#d8d1c1;font-size:.88rem;line-height:1.5}
.deposit-confirm-check input{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:#f3cf3c}
.deposit-final-note{margin:14px 0 0;line-height:1.6}
.deposit-copy-button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;max-width:100%;min-height:35px;margin-top:5px;padding:7px 11px;border:1px solid #65552c;border-radius:9px;background:#292213;color:#f3d65c;font-size:.75rem;font-weight:750;cursor:pointer;overflow-wrap:anywhere}
.deposit-copy-button:hover,.deposit-copy-button.is-copied{background:#3b3016;border-color:#b79a39}
.deposit-success-panel{width:100%;box-sizing:border-box;padding:clamp(24px,5vw,52px);margin:0 0 24px;text-align:center;border:1px solid #5b4a25;border-radius:22px;background:radial-gradient(ellipse at top,#45371855,transparent 60%),linear-gradient(145deg,#181816,#101013)}
.deposit-success-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 20px;border-radius:50%;background:#f3cf3c;color:#17140a;font-size:2rem;font-weight:900}
.deposit-success-panel h2{margin:8px 0 12px;color:#f8f0d9;font-size:clamp(1.45rem,3vw,2rem)}
.deposit-success-panel>p:not(.deposit-eyebrow){max-width:720px;margin:0 auto;color:#bdb6a7;line-height:1.75}
.deposit-success-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;margin-top:25px}
.deposit-secondary-link{color:#f3cf3c;text-decoration:none}
.deposit-secondary-link:hover{text-decoration:underline}
.deposit-history-card{width:100%;box-sizing:border-box;margin-top:22px}
.member-main .deposit-history-card .ac-table-wrap{width:100%;max-width:100%}
.member-main .deposit-history-card .ac-table{min-width:650px}
@media (max-width: 760px), (max-device-width: 760px){.deposit-workflow{padding:18px 14px}.deposit-step .deposit-input-grid{grid-template-columns:1fr;gap:10px}.deposit-final-summary{flex-direction:column;gap:14px}.deposit-final-summary>div+div{padding:14px 0 0;border-left:0;border-top:1px solid #49402d}.deposit-step-actions .btn,.deposit-step-actions .deposit-next{min-width:0;flex:1}.deposit-back,.deposit-cancel-link{padding:10px 11px}.deposit-progress li{font-size:.72rem}}
@media (max-width: 430px), (max-device-width: 430px){.deposit-progress li>span{width:34px;height:34px}.deposit-progress:before{top:16px}.deposit-step-actions{gap:8px;align-items:stretch}.deposit-step-actions .btn,.deposit-step-actions .deposit-next{font-size:.82rem;padding:12px 10px}.deposit-back{font-size:.78rem;padding:9px 8px}.deposit-summary-strip{flex-wrap:wrap}.deposit-summary-strip .deposit-text-button{margin-left:auto}}


/* Shared notification control — also used by the separately rendered overview page. */
.member-notification-bell{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #4a4026;border-radius:14px;background:linear-gradient(145deg,#211b0e,#151518);color:#f3d65c;text-decoration:none;box-shadow:0 8px 22px #0002;transition:background .18s,border-color .18s,transform .18s}
.member-notification-bell:hover{background:#302611;border-color:#a88936;transform:translateY(-1px)}
.member-notification-bell:focus-visible{outline:2px solid #f3cf3c;outline-offset:3px}
.member-notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.member-notification-bell [data-member-notification-count]:not([hidden]),.member-notification-bell .dashboard-notification-bell-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:2px solid #101013;border-radius:999px;background:#f3cf3c;color:#17140a;font-size:.64rem;font-weight:900;line-height:1}
.dashboard-overview-bell{margin-left:auto;flex-shrink:0}
@media (max-width: 760px), (max-device-width: 760px){.dashboard-overview-bell{width:42px;height:42px;flex-basis:42px;border-radius:13px}}
@media(prefers-reduced-motion:reduce){.member-notification-bell{transition:none}}

/* Unified dashboard responsive polish and light theme */
html[data-theme="light"]{color-scheme:light;--mc-bg:#f5f6f8;--mc-surface:#fff;--mc-text:#191b20;--mc-muted:#737782;--mc-line:#e4e5e9;--mc-gold:#98701b}
.mc-theme-toggle{position:fixed;z-index:1200;top:12px;right:14px;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--mc-line,#393326);border-radius:999px;background:var(--mc-surface,#151515);color:var(--mc-text,#f5f2ea);font:700 12px system-ui;cursor:pointer;box-shadow:0 5px 22px #0001}
.mc-theme-toggle:focus-visible{outline:2px solid var(--mc-gold,#d7b56d);outline-offset:3px}
html[data-theme="light"] body,html[data-theme="light"] .member-experience{background:#f5f6f8!important;color:#191b20!important}
html[data-theme="light"] .member-rail{background:#fff!important;border-color:#e5e6ea!important;box-shadow:0 8px 28px #16161608!important}
html[data-theme="light"] .member-rail a,html[data-theme="light"] .member-brand,html[data-theme="light"] .member-page-heading h1,html[data-theme="light"] .member-content-heading h2{color:#191b20!important}
html[data-theme="light"] .member-page-heading p,html[data-theme="light"] .member-footer,html[data-theme="light"] .member-overline{color:#737782!important}
html[data-theme="light"] .member-main .panel,html[data-theme="light"] .member-main .section-card,html[data-theme="light"] .member-main .stat,html[data-theme="light"] .member-main .card,html[data-theme="light"] .member-main .member-card{background:#fff!important;color:#191b20!important;border-color:#e5e6ea!important;box-shadow:0 8px 28px #16161608!important}
html[data-theme="light"] .member-main input,html[data-theme="light"] .member-main select,html[data-theme="light"] .member-main textarea{background:#fff!important;color:#191b20!important;border-color:#dfe1e6!important}
@media (max-width: 760px), (max-device-width: 760px){.member-experience{width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}.member-workspace{min-width:0!important;width:100%!important;padding-left:clamp(14px,4vw,22px)!important;padding-right:clamp(14px,4vw,22px)!important}.member-main{min-width:0!important}}
@media(prefers-reduced-motion:reduce){.member-experience *{transition:none!important}}


/* High-contrast readable light mode for all member dashboard copy */
html[data-theme="light"] .member-experience .member-workspace,
html[data-theme="light"] .member-experience .member-main,
html[data-theme="light"] .member-experience .member-main p,
html[data-theme="light"] .member-experience .member-main li,
html[data-theme="light"] .member-experience .member-main label,
html[data-theme="light"] .member-experience .member-main small,
html[data-theme="light"] .member-experience .member-main summary,
html[data-theme="light"] .member-experience .member-main .muted,
html[data-theme="light"] .member-experience .member-main .helper-text,
html[data-theme="light"] .member-experience .member-main .form-hint,
html[data-theme="light"] .member-experience .member-main .description,
html[data-theme="light"] .member-experience .member-main td,
html[data-theme="light"] .member-experience .member-main th {
  color:#202127!important;
  font-weight:650!important;
}
html[data-theme="light"] .member-experience .member-main h1,
html[data-theme="light"] .member-experience .member-main h2,
html[data-theme="light"] .member-experience .member-main h3,
html[data-theme="light"] .member-experience .member-main h4,
html[data-theme="light"] .member-experience .member-main strong,
html[data-theme="light"] .member-experience .member-main b {
  color:#111318!important;
  font-weight:800!important;
}
html[data-theme="light"] .member-experience .member-main a:not(.btn):not(.button):not([class*="button"]) {
  color:#79580a!important;
  font-weight:750!important;
}
html[data-theme="light"] .member-experience .member-main .notice,
html[data-theme="light"] .member-experience .member-main .alert,
html[data-theme="light"] .member-experience .member-main .status,
html[data-theme="light"] .member-experience .member-main .badge {
  color:#202127!important;
  font-weight:700!important;
}
html[data-theme="light"] .member-experience .member-rail nav a {
  color:#242630!important;
  font-weight:750!important;
}
html[data-theme="light"] .member-experience .member-rail nav a[data-kyc-locked="true"] {
  background:#fff8df!important;
  border-color:#d5b34a!important;
}


/* Final contrast override: all member copy remains readable in light mode, including custom feature pages. */
html[data-theme="light"] .member-experience .member-main :is(p,li,label,small,summary,td,th,dt,dd,figcaption,.muted,.helper-text,.form-hint,.description,.field-help,.hint,.subtitle,.empty-state,.notice,.alert,.status,.investment-info p,.investment-note){color:#202127!important;font-weight:650!important;text-shadow:none!important;opacity:1!important}
html[data-theme="light"] .member-experience .member-main :is(h1,h2,h3,h4,h5,strong,b,legend){color:#111318!important;font-weight:800!important;text-shadow:none!important;opacity:1!important}
html[data-theme="light"] .member-experience .member-main :is(input,select,textarea,option){background:#fff!important;color:#17191f!important;border-color:#c9cdd5!important;font-weight:650!important}
html[data-theme="light"] .member-experience .member-main :is(a:not(.btn):not(.button):not([class*="button"])){color:#694900!important;font-weight:750!important}
html[data-theme="light"] .member-experience .member-rail nav a[data-kyc-locked="true"]{background:#fff4c7!important;border-color:#c6a037!important;color:#242018!important}
html[data-theme="light"] .member-experience .member-rail nav a[data-kyc-locked="true"]::after,html[data-theme="light"] .member-experience .member-rail nav a[data-kyc-locked="true"] .member-kyc-lock{background:#352b10!important;color:#ffe16a!important;border-color:#c7a83d!important}


/* Shared member navigation: one lock treatment for the overview and every member page. */
.dashboard-sidebar nav a .member-nav-icon,
.member-experience .member-rail nav a .member-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 25px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  border-radius: 8px;
}
.dashboard-sidebar nav a .member-nav-label,
.member-experience .member-rail nav a .member-nav-label {
  flex: 1 1 auto;
  min-width: 0;
}
.dashboard-sidebar nav a[data-kyc-locked="true"],
.member-experience .member-rail nav a[data-kyc-locked="true"] {
  gap: 10px !important;
  border: 1px solid rgba(199, 168, 61, .55) !important;
  background: rgba(243, 207, 60, .09) !important;
}
.dashboard-sidebar nav a[data-kyc-locked="true"] .member-kyc-lock,
.member-experience .member-rail nav a[data-kyc-locked="true"] .member-kyc-lock {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 27px !important;
  width: 27px !important;
  min-width: 27px !important;
  height: 27px !important;
  margin-left: auto !important;
  border: 1px solid #c7a83d !important;
  border-radius: 8px !important;
  background: #352b10 !important;
  color: #ffe16a !important;
  font-size: 15px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.dashboard-sidebar nav a[data-kyc-locked="true"]:hover,
.member-experience .member-rail nav a[data-kyc-locked="true"]:hover {
  background: rgba(243, 207, 60, .16) !important;
}
html[data-theme="light"] .dashboard-sidebar nav a[data-kyc-locked="true"],
html[data-theme="light"] .member-experience .member-rail nav a[data-kyc-locked="true"] {
  background: #fff4c7 !important;
  border-color: #c6a037 !important;
}
html[data-theme="light"] .dashboard-sidebar nav a[data-kyc-locked="true"] .member-kyc-lock,
html[data-theme="light"] .member-experience .member-rail nav a[data-kyc-locked="true"] .member-kyc-lock {
  background: #352b10 !important;
  color: #ffe16a !important;
  border-color: #c7a83d !important;
}


/* Mobile viewport safety: prevent dashboard panels from widening or being clipped. */
html,body{max-width:100%;overflow-x:clip}
.member-experience,.member-experience .member-workspace,.member-experience .member-page-content,.member-experience main,.member-experience section,.dashboard-layout,.dashboard-content{min-width:0;max-width:100%}
.member-experience .member-workspace,.member-experience .member-page-content,.dashboard-content{overflow-wrap:anywhere}
.member-experience img,.dashboard-layout img{max-width:100%}
@media (max-width: 760px), (max-device-width: 760px){.member-experience{width:100%;max-width:100%;margin:0 auto 20px;border-left:0;border-right:0;border-radius:0;grid-template-columns:minmax(0,1fr)}.member-experience .member-workspace{width:100%;padding-left:clamp(12px,4vw,20px);padding-right:clamp(12px,4vw,20px)}.member-experience .member-page-heading{min-width:0;flex-wrap:wrap;gap:12px}.member-experience .member-page-heading>*{min-width:0;max-width:100%}.member-experience .member-page-content>*{min-width:0;max-width:100%}.inv-cards{grid-template-columns:minmax(0,1fr)!important}.inv-card{min-width:0;overflow-wrap:anywhere}.inv-breakdown>div{align-items:flex-start;flex-wrap:wrap}.inv-breakdown b{overflow-wrap:anywhere}}


/* Member sidebar: keep every navigation item reachable on short screens. */
.dashboard-layout .dashboard-sidebar {
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #6b592b #111113;
}
.dashboard-layout .dashboard-sidebar nav {
  min-height: 0;
}
.dashboard-layout .dashboard-sidebar nav a.member-nav-sovereign {
  border-color: #6d592d;
  background: linear-gradient(100deg, #e5c46a1f, #e5c46a08);
  color: #f3d47a;
}
.dashboard-layout .dashboard-sidebar nav a.member-nav-sovereign .member-nav-icon {
  color: #f3d47a;
}
@media (max-width: 850px), (max-device-width: 850px) {
  .dashboard-layout .dashboard-sidebar {
    max-height: 100dvh;
  }
}


/* Member sidebar scroll support — desktop and mobile */
.member-rail{height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8a7135 #111113}
.member-rail nav{flex:0 0 auto}
.member-rail-account,.member-rail-logout{flex-shrink:0}
.member-rail::-webkit-scrollbar{width:7px}
.member-rail::-webkit-scrollbar-track{background:#111113;border-radius:99px}
.member-rail::-webkit-scrollbar-thumb{background:#6b592b;border:1px solid #111113;border-radius:99px}
.member-rail::-webkit-scrollbar-thumb:hover{background:#b99a42}
@media (max-width: 850px), (max-device-width: 850px){.member-rail{height:100dvh;max-height:100dvh;overscroll-behavior-y:contain;scrollbar-width:thin}}


/* Production safeguard: make the member navigation its own reliable scroll container. */
.member-experience > .member-rail,
.member-experience .member-rail {
  box-sizing: border-box;
  min-height: 0 !important;
  height: calc(100dvh - 28px) !important;
  max-height: calc(100dvh - 28px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #8a7135 #111113;
}
.member-experience .member-rail nav {
  flex: 0 0 auto;
}
.member-experience .member-rail-account,
.member-experience .member-rail-logout {
  flex-shrink: 0;
}
.member-experience .member-rail::-webkit-scrollbar { width: 7px; }
.member-experience .member-rail::-webkit-scrollbar-track { background: #111113; }
.member-experience .member-rail::-webkit-scrollbar-thumb {
  background: #8a7135;
  border: 1px solid #111113;
  border-radius: 99px;
}
@media (max-width: 850px), (max-device-width: 850px) {
  .member-experience > .member-rail,
  .member-experience .member-rail {
    position: fixed !important;
    z-index: 1200;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
}


/* Emergency sidebar recovery: keep member navigation visible while retaining scroll. */
.member-experience > .member-rail,
.member-experience .member-rail {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  width: auto;
  min-width: 0 !important;
  min-height: 0 !important;
  height: calc(100dvh - 28px) !important;
  max-height: calc(100dvh - 28px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative;
  inset: auto;
  z-index: 2;
}
.member-experience .member-rail nav {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
}
.member-experience .member-rail nav a {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (max-width: 850px), (max-device-width: 850px) {
  .member-experience > .member-rail,
  .member-experience .member-rail {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    border-right: 0;
  }
}


/* Readable member sidebar + clearly visible bottom logout */
.member-experience .member-rail {
  color: #f7f3e8 !important;
  background: linear-gradient(180deg, #19191d 0%, #111114 100%) !important;
  border-right-color: #494027 !important;
}
.member-experience .member-rail-label {
  color: #e2c65d !important;
}
.member-experience .member-rail nav a {
  color: #e0dde5 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.member-experience .member-rail nav a .member-nav-icon {
  background: #292821 !important;
  color: #f0d56b !important;
}
.member-experience .member-rail nav a:hover,
.member-experience .member-rail nav a[aria-current="page"] {
  color: #ffe77b !important;
  border-color: #786126 !important;
  background: linear-gradient(100deg, #3a2f12, #211d12) !important;
}
.member-experience .member-rail-account {
  margin-top: auto !important;
  flex-shrink: 0 !important;
  border-color: #65532a !important;
  background: linear-gradient(145deg, #29210e, #17171a) !important;
}
.member-experience .member-rail-account > small {
  color: #c3bdad !important;
}
.member-experience .member-rail-logout {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid #40392b !important;
}
.member-experience .member-rail-logout form {
  display: block !important;
  margin: 0 !important;
}
.member-experience .member-rail-logout button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 13px !important;
  border: 1px solid #714039 !important;
  border-radius: 12px !important;
  background: linear-gradient(100deg, #321c1b, #211616) !important;
  color: #ffc2b7 !important;
  font: inherit !important;
  font-weight: 800 !important;
  text-align: left !important;
  opacity: 1 !important;
  cursor: pointer !important;
}
.member-experience .member-rail-logout button:hover,
.member-experience .member-rail-logout button:focus-visible {
  border-color: #b85e50 !important;
  background: #40201e !important;
  color: #fff0e9 !important;
  outline: 2px solid #9d5147 !important;
  outline-offset: 2px !important;
}
html[data-theme="light"] .member-experience .member-rail nav a {
  color: #242630 !important;
}
html[data-theme="light"] .member-experience .member-rail-logout button {
  background: #fff0ed !important;
  color: #8e2821 !important;
  border-color: #e0a49c !important;
}


/* Sidebar layout repair: restore the desktop side column and mobile slide-out drawer.
   These rules intentionally override the earlier emergency recovery overrides. */
@media (min-width: 851px) {
  .member-experience {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    align-items: stretch;
  }
  .member-experience > .member-rail {
    position: sticky !important;
    top: 14px !important;
    align-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    height: calc(100dvh - 28px) !important;
    max-height: calc(100dvh - 28px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: none !important;
    inset: auto !important;
    z-index: 2 !important;
  }
  .member-experience > .member-workspace {
    min-width: 0 !important;
  }
}
@media (max-width: 850px), (max-device-width: 850px) {
  .member-experience {
    display: block !important;
    position: relative;
    overflow: visible !important;
  }
  .member-experience > .member-rail {
    position: fixed !important;
    z-index: 1300 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: min(290px, 85vw) !important;
    min-width: 0 !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    padding: 25px 16px 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-105%) !important;
    transition: transform .22s ease !important;
    border-radius: 0 18px 18px 0 !important;
    background: linear-gradient(180deg, #19191d 0%, #111114 100%) !important;
  }
  .member-experience > .member-rail.is-open {
    transform: translateX(0) !important;
  }
  .member-experience > .member-workspace {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 12px !important;
  }
  .member-experience .member-mobile-head {
    display: flex !important;
  }
  .member-experience .member-mobile-scrim.is-visible {
    display: block !important;
    position: fixed !important;
    z-index: 1290 !important;
    inset: 0 !important;
    background: #000a !important;
  }
}


/* Mobile member dashboard recovery */
@media (max-width: 850px), (max-device-width: 850px) {
  html, body { width:100%; max-width:100%; overflow-x:clip; }
  .dashboard-layout { display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; max-width:100%!important; margin:8px auto 24px!important; padding:0 10px!important; gap:0!important; }
  .dashboard-layout .mobile-dashboard-bar { display:flex!important; position:relative; z-index:2; min-height:54px; width:100%; box-sizing:border-box; margin:0 0 12px!important; padding:7px 10px!important; border:1px solid #3b3424; border-radius:15px; background:#121216; }
  .dashboard-layout [data-sidebar-open] { min-width:44px; min-height:44px; flex:0 0 44px; touch-action:manipulation; position:relative; z-index:2; }
  .dashboard-layout .dashboard-sidebar { display:flex!important; position:fixed!important; z-index:5002!important; inset:0 auto 0 0!important; width:min(310px,86vw)!important; height:100vh!important; height:100dvh!important; max-height:100vh!important; max-height:100dvh!important; padding:18px 14px 22px!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; border-radius:0 20px 20px 0!important; background:#111115!important; transform:translateX(-110%)!important; visibility:hidden; pointer-events:none; transition:transform .22s ease,visibility .22s ease!important; }
  .dashboard-layout.sidebar-open .dashboard-sidebar { transform:translateX(0)!important; visibility:visible!important; pointer-events:auto!important; }
  .dashboard-layout .sidebar-scrim { display:block!important; position:fixed!important; z-index:5001!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important; padding:0!important; border:0!important; border-radius:0!important; background:rgba(0,0,0,.68)!important; opacity:0; visibility:hidden; pointer-events:none; }
  .dashboard-layout.sidebar-open .sidebar-scrim { opacity:1!important; visibility:visible!important; pointer-events:auto!important; }
  .dashboard-layout .dashboard-content { width:100%; min-width:0; }
  .dashboard-layout .dashboard-content>.panel { width:100%; min-width:0; padding:17px 14px!important; border-radius:18px!important; }
  .dashboard-layout .dashboard-topline { align-items:flex-start; gap:12px; margin-bottom:22px!important; }
  .dashboard-layout .dashboard-topline h1 { font-size:clamp(1.65rem,7vw,2.1rem)!important; line-height:1.15; overflow-wrap:anywhere; }
  .dashboard-layout .dashboard-topline p { font-size:.92rem; }
  .dashboard-layout .dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .dashboard-layout .dashboard-metrics .stat { min-width:0; padding:13px 11px!important; }
  .dashboard-layout .dashboard-metrics .stat>strong { overflow-wrap:anywhere; }
  .dashboard-layout .quick-action-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .dashboard-layout .dashboard-sidebar nav a { min-height:46px; }
}
@media (max-width: 380px), (max-device-width: 380px) {
  .dashboard-layout { padding-inline:7px!important; }
  .dashboard-layout .dashboard-content>.panel { padding:14px 11px!important; }
  .dashboard-layout .dashboard-metrics { gap:8px!important; }
  .dashboard-layout .dashboard-topline { gap:8px!important; }
}


/* Targeted regression fix: keep the NGN/USD segmented control horizontal on narrow screens.
   This intentionally changes only the currency switch, not the dashboard layout. */
.dashboard-layout .currency-toggle {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  gap: 4px !important;
}
.dashboard-layout .currency-toggle-option {
  display: inline-flex !important;
  flex: 1 1 0 !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  padding: 8px 6px !important;
  letter-spacing: normal !important;
}
.dashboard-layout .currency-toggle-option > span {
  flex: 0 0 22px !important;
  white-space: nowrap !important;
}


/* Final mobile polish: preserve the full-width currency row while giving each choice breathing room. */
.dashboard-layout .currency-toggle {
  width: 100% !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
}
.dashboard-layout .currency-toggle-option {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 11px 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
.dashboard-layout .currency-toggle-option > span {
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  text-align: center !important;
}


/* Member sidebar scroll controls — compact, visible and mobile-friendly. */
.member-experience .member-rail-scroll-controls {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:0 0 auto;
  margin:12px 0 14px;
  padding:7px 10px;
  border:1px solid #4a3d1e;
  border-radius:12px;
  background:linear-gradient(110deg,#211b0d,#141416);
}
.member-experience .member-rail-scroll-controls span {
  color:#c7b77f;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.18em;
}
.member-experience .member-rail-scroll-controls button {
  display:grid;
  place-items:center;
  width:38px;
  height:36px;
  flex:0 0 38px;
  border:1px solid #655222;
  border-radius:9px;
  background:#302610;
  color:#f3d36b;
  font-size:1.2rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
}
.member-experience .member-rail-scroll-controls button:hover,
.member-experience .member-rail-scroll-controls button:focus-visible {
  background:#4a3a13;
  border-color:#d3b14b;
  outline:2px solid #d3b14b;
  outline-offset:2px;
}
html[data-theme="light"] .member-experience .member-rail-scroll-controls {
  background:#fff8e3;
  border-color:#d6bd70;
}
html[data-theme="light"] .member-experience .member-rail-scroll-controls span { color:#65501a; }
html[data-theme="light"] .member-experience .member-rail-scroll-controls button {
  background:#f4e7b7;
  color:#33270a;
  border-color:#c5a64b;
}


/* Dashboard sidebar scroll controls: visible on both desktop and mobile. */
.dashboard-sidebar-scroll-controls {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex:0 0 auto;
  margin:12px 0 14px;
  padding:7px 9px;
  border:1px solid #4a3d1e;
  border-radius:12px;
  background:linear-gradient(110deg,#211b0d,#141416);
}
.dashboard-sidebar-scroll-controls span {
  color:#c7b77f;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.18em;
}
.dashboard-sidebar-scroll-controls button {
  display:grid;
  place-items:center;
  width:38px;
  height:36px;
  flex:0 0 38px;
  border:1px solid #655222;
  border-radius:9px;
  background:#302610;
  color:#f3d36b;
  font-size:1.2rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
}
.dashboard-sidebar-scroll-controls button:hover,
.dashboard-sidebar-scroll-controls button:focus-visible {
  background:#4a3a13;
  border-color:#d3b14b;
  outline:2px solid #d3b14b;
  outline-offset:2px;
}
html[data-theme="light"] .dashboard-sidebar-scroll-controls {
  background:#fff8e3;
  border-color:#d6bd70;
}
html[data-theme="light"] .dashboard-sidebar-scroll-controls span { color:#65501a; }
html[data-theme="light"] .dashboard-sidebar-scroll-controls button {
  background:#f4e7b7;
  color:#33270a;
  border-color:#c5a64b;
}


/* Keep dashboard scroll controls reachable while the sidebar itself scrolls. */
.dashboard-sidebar-scroll-controls {
  position: sticky;
  top: 0;
  z-index: 4;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 8px 14px #0003;
}
.dashboard-sidebar {
  scroll-behavior: smooth;
  scroll-padding-top: 8px;
}


/* Keep the dashboard menu scrollable independently so every link is reachable. */
.dashboard-layout .dashboard-sidebar {
  height: calc(100dvh - 36px);
  max-height: calc(100dvh - 36px);
  box-sizing: border-box;
  overflow: hidden;
}
.dashboard-layout .dashboard-sidebar nav[aria-label="Member dashboard navigation"],
.dashboard-layout .dashboard-sidebar nav {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #8a7135 #111113;
  scroll-behavior: smooth;
}
.dashboard-layout .dashboard-sidebar-scroll-controls {
  position: sticky;
  top: 0;
  z-index: 5;
  flex-shrink: 0;
}
@media (max-width: 850px), (max-device-width: 850px) {
  .dashboard-layout .dashboard-sidebar {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
  .dashboard-layout .dashboard-sidebar nav[aria-label="Member dashboard navigation"],
  .dashboard-layout .dashboard-sidebar nav {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto !important;
  }
}


/* Light theme readability patch (2026-10-19): fix inherited dark-mode text
   without flattening button, badge, alert, or semantic status colours. */
html[data-theme="light"] .dashboard-layout .dashboard-content,
html[data-theme="light"] .dashboard-layout .dashboard-content p,
html[data-theme="light"] .dashboard-layout .dashboard-content li,
html[data-theme="light"] .dashboard-layout .dashboard-content label,
html[data-theme="light"] .dashboard-layout .dashboard-content small,
html[data-theme="light"] .dashboard-layout .dashboard-content summary,
html[data-theme="light"] .dashboard-layout .dashboard-content td,
html[data-theme="light"] .dashboard-layout .dashboard-content th,
html[data-theme="light"] .dashboard-layout .dashboard-content dt,
html[data-theme="light"] .dashboard-layout .dashboard-content dd,
html[data-theme="light"] .dashboard-layout .dashboard-content figcaption,
html[data-theme="light"] .dashboard-layout .dashboard-content .muted,
html[data-theme="light"] .dashboard-layout .dashboard-content .helper-text,
html[data-theme="light"] .dashboard-layout .dashboard-content .form-hint,
html[data-theme="light"] .dashboard-layout .dashboard-content .description {
  color: #252832 !important;
  text-shadow: none !important;
  opacity: 1;
}
html[data-theme="light"] .dashboard-layout .dashboard-content h1,
html[data-theme="light"] .dashboard-layout .dashboard-content h2,
html[data-theme="light"] .dashboard-layout .dashboard-content h3,
html[data-theme="light"] .dashboard-layout .dashboard-content h4,
html[data-theme="light"] .dashboard-layout .dashboard-content h5,
html[data-theme="light"] .dashboard-layout .dashboard-content legend {
  color: #17191f !important;
  text-shadow: none !important;
  opacity: 1;
}
html[data-theme="light"] .dashboard-layout .dashboard-content input,
html[data-theme="light"] .dashboard-layout .dashboard-content select,
html[data-theme="light"] .dashboard-layout .dashboard-content textarea,
html[data-theme="light"] .dashboard-layout .dashboard-content option {
  color: #17191f !important;
  background-color: #fff !important;
  border-color: #c9cdd5 !important;
}
html[data-theme="light"] .dashboard-layout .dashboard-content input::placeholder,
html[data-theme="light"] .dashboard-layout .dashboard-content textarea::placeholder {
  color: #6b7280 !important;
  opacity: 1 !important;
}
html[data-theme="light"] .dashboard-layout .dashboard-content a:not(.btn):not(.button):not([class*="button"]):not([class*="badge"]) {
  color: #694900;
}
html[data-theme="light"] .dashboard-layout .dashboard-sidebar nav a {
  color: #242630 !important;
}
html[data-theme="light"] .dashboard-layout .dashboard-sidebar nav a[aria-current="page"],
html[data-theme="light"] .dashboard-layout .dashboard-sidebar nav a.active {
  color: #17191f !important;
}


/* Monarch Codex member UI refresh — presentation only; preserve routes and form behavior. */
:root {
  color-scheme: dark;
  --mc-gold: #d9b75b;
  --mc-gold-strong: #b38a20;
  --mc-ink: #111318;
  --mc-paper: #f6f7fa;
  --mc-line: #e0e3e9;
}
.member-experience,
.dashboard-layout,
.member-experience * ,
.dashboard-layout * { box-sizing: border-box; }
.member-experience .member-rail,
.dashboard-layout .dashboard-sidebar {
  scrollbar-width: auto !important;
  scrollbar-color: #b18c32 #25231f !important;
}
.member-experience .member-rail::-webkit-scrollbar,
.dashboard-layout .dashboard-sidebar::-webkit-scrollbar { width: 11px !important; }
.member-experience .member-rail::-webkit-scrollbar-track,
.dashboard-layout .dashboard-sidebar::-webkit-scrollbar-track {
  background: #25231f !important; border-radius: 99px !important;
}
.member-experience .member-rail::-webkit-scrollbar-thumb,
.dashboard-layout .dashboard-sidebar::-webkit-scrollbar-thumb {
  min-height: 42px; background: #b18c32 !important;
  border: 2px solid #25231f !important; border-radius: 99px !important;
}
.member-experience .member-rail::-webkit-scrollbar-thumb:hover,
.dashboard-layout .dashboard-sidebar::-webkit-scrollbar-thumb:hover { background: #f0d477 !important; }
.member-experience .member-rail,
.dashboard-layout .dashboard-sidebar { scrollbar-gutter: stable; }
.member-experience .member-rail nav a,
.dashboard-layout .dashboard-sidebar nav a { transition: color .18s ease, background .18s ease, border-color .18s ease; }
.member-experience .member-rail nav a:focus-visible,
.dashboard-layout .dashboard-sidebar nav a:focus-visible,
.member-experience .member-rail button:focus-visible,
.dashboard-layout .dashboard-sidebar button:focus-visible {
  outline: 3px solid #e2c05e !important; outline-offset: 3px !important;
}
.member-experience .member-page-heading h1,
.dashboard-layout .dashboard-topline h1 { text-wrap: balance; }
.member-experience .member-main .member-card,
.dashboard-layout .dashboard-content > .panel {
  box-shadow: 0 14px 38px rgba(0,0,0,.12);
}
.member-experience .member-main .member-card,
.dashboard-layout .dashboard-content .stat,
.dashboard-layout .dashboard-content .section-card,
.dashboard-layout .quick-action-grid a { transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.member-experience .member-main .member-card:hover,
.dashboard-layout .dashboard-content .stat:hover,
.dashboard-layout .dashboard-content .section-card:hover { border-color: #8c7439; }
.member-experience .member-main :is(button,.btn,.button,input[type=submit]),
.dashboard-layout .dashboard-content :is(button,.btn,.button,input[type=submit]) {
  cursor: pointer;
}
.member-experience .member-main :is(input,select,textarea):focus-visible,
.dashboard-layout .dashboard-content :is(input,select,textarea):focus-visible {
  outline: 3px solid rgba(217,183,91,.5) !important; outline-offset: 2px;
}

/* True light theme: override the dark component backgrounds as well as text colors. */
html[data-theme="light"] .member-experience {
  color: #20232b !important;
  background: #f3f5f9 !important;
  border-color: #dfe3ea !important;
  box-shadow: 0 18px 50px rgba(24,35,55,.08) !important;
}
html[data-theme="light"] .member-experience .member-workspace,
html[data-theme="light"] .member-experience .member-page-content,
html[data-theme="light"] .member-experience .member-main {
  color: #20232b !important;
}
html[data-theme="light"] .member-experience .member-page-heading {
  border-bottom-color: #dfe3eb !important;
}
html[data-theme="light"] .member-experience .member-page-heading h1,
html[data-theme="light"] .member-experience .member-content-heading h2,
html[data-theme="light"] .member-experience .member-main h1,
html[data-theme="light"] .member-experience .member-main h2,
html[data-theme="light"] .member-experience .member-main h3,
html[data-theme="light"] .member-experience .member-main h4,
html[data-theme="light"] .member-experience .member-main strong,
html[data-theme="light"] .member-experience .member-main b,
html[data-theme="light"] .member-experience .member-main legend {
  color: #171a21 !important; text-shadow: none !important; opacity: 1 !important;
}
html[data-theme="light"] .member-experience .member-main :is(p,li,label,small,summary,td,th,dt,dd,figcaption,.muted,.helper-text,.form-hint,.description,.field-help,.hint,.subtitle,.empty-state,.notice,.alert,.status) {
  color: #343944 !important; text-shadow: none !important; opacity: 1 !important;
}
html[data-theme="light"] .member-experience .member-main :is(.member-card,.section-card,.stat,.panel,.deposit-workflow,.deposit-payment-details,.deposit-history-card,.deposit-calculator,.deposit-calc-item,.deposit-destination-field,.investment-card,.inv-card,.notice,.alert) {
  color: #20232b !important;
  background: #ffffff !important;
  background-image: none !important;
  border-color: #dce1e9 !important;
  box-shadow: 0 8px 24px rgba(24,35,55,.055) !important;
}
html[data-theme="light"] .member-experience .member-main :is(input,select,textarea,option) {
  color: #171a21 !important; background: #fff !important; border-color: #c7cdd7 !important;
  caret-color: #171a21 !important; opacity: 1 !important;
}
html[data-theme="light"] .member-experience .member-main input::placeholder,
html[data-theme="light"] .member-experience .member-main textarea::placeholder { color: #646b78 !important; opacity: 1 !important; }
html[data-theme="light"] .member-experience .member-main a:not(.btn):not(.button):not([class*="button"]) {
  color: #79570b !important;
}
html[data-theme="light"] .member-experience .member-main :is(table,thead,tbody,tr,th,td) {
  border-color: #dfe3ea !important;
}
html[data-theme="light"] .member-experience .member-main th {
  background: #f0f2f6 !important; color: #343944 !important;
}
html[data-theme="light"] .member-experience .member-rail {
  color: #f7f3e8 !important;
  background: #ffffff !important;
  border-color: #d9dee7 !important;
  box-shadow: 12px 0 34px rgba(24,35,55,.08) !important;
}
html[data-theme="light"] .member-experience .member-rail nav a {
  color: #353945 !important; background: transparent !important;
  border-color: transparent !important;
}
html[data-theme="light"] .member-experience .member-rail nav a .member-nav-icon {
  color: #7a5b12 !important; background: #f2f4f7 !important;
}
html[data-theme="light"] .member-experience .member-rail nav a:hover,
html[data-theme="light"] .member-experience .member-rail nav a[aria-current="page"] {
  color: #553c04 !important; background: #fff5d5 !important; border-color: #e3ca7e !important;
}
html[data-theme="light"] .member-experience .member-rail nav a[data-kyc-locked="true"] {
  color: #38301a !important; background: #fff4c7 !important; border-color: #c6a037 !important;
}
html[data-theme="light"] .member-experience .member-rail-account {
  background: #fffaf0 !important; border-color: #e2d3a8 !important;
}
html[data-theme="light"] .member-experience .member-rail-account :is(strong,small,span) { color: #34302a !important; }
html[data-theme="light"] .member-experience .member-rail-logout button {
  background: #f6f7fa !important; color: #343944 !important; border-color: #dce1e9 !important;
}
html[data-theme="light"] .member-experience .member-heading-status,
html[data-theme="light"] .member-experience .member-secure-label {
  color: #343944 !important; background: #fff !important; border-color: #dce1e9 !important;
}
html[data-theme="light"] .member-experience .member-mobile-head { border-color: #dfe3eb !important; }
html[data-theme="light"] .member-experience .member-menu-toggle {
  color: #684b08 !important; background: #fff !important; border-color: #d8c27e !important;
}

/* Dashboard-style login and registration forms, including the homepage return action. */
.auth-page, .login-page, .register-page, .registration-page, body.auth-page {
  color: #f5f2e9;
}
.auth-page main, .login-page main, .register-page main, .registration-page main {
  width: min(100% - 28px, 520px); margin: clamp(24px,7vh,72px) auto;
}
.auth-page form, .login-page form, .register-page form, .registration-page form {
  padding: clamp(22px,5vw,38px); border: 1px solid rgba(217,183,91,.28);
  border-radius: 22px; background: linear-gradient(145deg,#1a1a1e,#111114);
  box-shadow: 0 24px 70px rgba(0,0,0,.25);
}
.auth-page :is(input,select,textarea), .login-page :is(input,select,textarea),
.register-page :is(input,select,textarea), .registration-page :is(input,select,textarea) {
  width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #45434a;
  border-radius: 11px; background: #0d0d10; color: #f7f4ec; font: inherit;
}
.auth-page :is(button[type=submit],input[type=submit],.btn,.button),
.login-page :is(button[type=submit],input[type=submit],.btn,.button),
.register-page :is(button[type=submit],input[type=submit],.btn,.button),
.registration-page :is(button[type=submit],input[type=submit],.btn,.button) {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 48px; padding: 12px 19px; border-radius: 12px; font-weight: 800;
}
.auth-page a[href="/"], .login-page a[href="/"], .register-page a[href="/"],
.registration-page a[href="/"], .auth-page a[href*="homepage"],
.login-page a[href*="homepage"], .register-page a[href*="homepage"] {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; margin: 0 0 18px; padding: 10px 16px; border: 1px solid #a98a36;
  border-radius: 12px; background: #211b0d; color: #f4d66a; font-weight: 800;
  text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
  .member-experience .member-rail nav a,
  .member-experience .member-main .member-card,
  .dashboard-layout .dashboard-content .stat,
  .dashboard-layout .dashboard-content .section-card,
  .dashboard-layout .quick-action-grid a { transition: none !important; }
}


/* Auth form selectors match the existing server-rendered login/register markup. */
.wrap:has(.register-form),
.wrap:has(form[action="/login"]),
.wrap:has(form[action="/forgot-password"]),
.wrap:has(form[action="/resend-verification"]) {
  width: min(calc(100% - 28px), 620px) !important;
  margin: clamp(20px, 6vh, 64px) auto !important;
  padding: clamp(20px, 4vw, 36px) !important;
  border: 1px solid rgba(217,183,91,.28) !important;
  border-radius: 24px !important;
  background: radial-gradient(ellipse at 100% 0%, rgba(217,183,91,.08), transparent 42%), linear-gradient(145deg,#19191d,#101013) !important;
  box-shadow: 0 24px 75px rgba(0,0,0,.24) !important;
}
.wrap:has(.register-form) > .panel,
.wrap:has(form[action="/login"]) > .panel,
.wrap:has(form[action="/forgot-password"]) > .panel,
.wrap:has(form[action="/resend-verification"]) > .panel {
  padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
}
.wrap:has(.register-form) .links a[href="/"],
.wrap:has(form[action="/login"]) .links a[href="/"],
.wrap:has(form[action="/forgot-password"]) .links a[href="/"],
.wrap:has(form[action="/resend-verification"]) .links a[href="/"] {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
  min-height: 45px; padding: 10px 16px; border: 1px solid #92762e; border-radius: 12px;
  background: linear-gradient(135deg,#332912,#201b10); color: #f4d66a !important;
  font-weight: 800; text-decoration: none; transition: background .18s ease, transform .18s ease;
}
.wrap:has(.register-form) .links a[href="/"]:hover,
.wrap:has(form[action="/login"]) .links a[href="/"]:hover { background: #403217; transform: translateY(-1px); }
.wrap:has(form[action="/login"]) form[action="/login"],
.wrap:has(form[action="/forgot-password"]) form[action="/forgot-password"] { display: grid; gap: 10px; }
.wrap:has(form[action="/login"]) form[action="/login"] label,
.wrap:has(form[action="/forgot-password"]) form[action="/forgot-password"] label {
  display: block; margin: 10px 0 2px; color: #e7e1d4; font-weight: 750;
}
.wrap:has(form[action="/login"]) form[action="/login"] > .btn,
.wrap:has(form[action="/forgot-password"]) form[action="/forgot-password"] > .btn {
  width: 100%; min-height: 50px; margin-top: 12px; border-radius: 12px;
  background: linear-gradient(120deg,#f3d76b,#d6ad38); color: #17140a; font-weight: 900;
}
html[data-theme="light"] .wrap:has(.register-form),
html[data-theme="light"] .wrap:has(form[action="/login"]),
html[data-theme="light"] .wrap:has(form[action="/forgot-password"]),
html[data-theme="light"] .wrap:has(form[action="/resend-verification"]) {
  color: #20232b !important; background: #fff !important; border-color: #dfe3ea !important;
  box-shadow: 0 18px 54px rgba(24,35,55,.10) !important;
}
html[data-theme="light"] .wrap:has(.register-form) :is(h1,h2,h3,strong,b,label),
html[data-theme="light"] .wrap:has(form[action="/login"]) :is(h1,h2,h3,strong,b,label),
html[data-theme="light"] .wrap:has(form[action="/forgot-password"]) :is(h1,h2,h3,strong,b,label) { color: #171a21 !important; }
html[data-theme="light"] .wrap:has(.register-form) :is(p,.field-help,.register-intro),
html[data-theme="light"] .wrap:has(form[action="/login"]) p,
html[data-theme="light"] .wrap:has(form[action="/forgot-password"]) p { color: #444a55 !important; }
html[data-theme="light"] .wrap:has(.register-form) :is(input,select,textarea),
html[data-theme="light"] .wrap:has(form[action="/login"]) :is(input,select,textarea),
html[data-theme="light"] .wrap:has(form[action="/forgot-password"]) :is(input,select,textarea) {
  background: #fff !important; color: #171a21 !important; border-color: #c7cdd7 !important;
}
html[data-theme="light"] .wrap:has(.register-form) .register-consent,
html[data-theme="light"] .wrap:has(.register-form) .password-rules {
  background: #f6f7fa !important; border-color: #dce1e9 !important;
}
.member-rail-scroll-controls,
.dashboard-sidebar-scroll-controls {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  margin: 10px 0 14px; padding: 7px; border: 1px solid #494027; border-radius: 12px;
  background: rgba(217,183,91,.06);
}
.member-rail-scroll-controls span,
.dashboard-sidebar-scroll-controls span { color: #b7a45a; font-size: .62rem; font-weight: 900; letter-spacing: .16em; }
.member-rail-scroll-controls button,
.dashboard-sidebar-scroll-controls button {
  display: grid; place-items: center; width: 32px; height: 30px; border: 1px solid #6f5a27;
  border-radius: 8px; background: #28210f; color: #f3d66d; font-size: 1.05rem; font-weight: 900; cursor: pointer;
}
html[data-theme="light"] .dashboard-sidebar-scroll-controls { background: #fff9e8; border-color: #e3d39d; }
html[data-theme="light"] .dashboard-sidebar-scroll-controls span { color: #765714; }
@media (max-width: 520px) {
  .wrap:has(.register-form), .wrap:has(form[action="/login"]),
  .wrap:has(form[action="/forgot-password"]), .wrap:has(form[action="/resend-verification"]) {
    width: calc(100% - 20px) !important; margin: 12px auto !important;
    padding: 18px 14px !important; border-radius: 18px !important;
  }
}