/* XPRO PATCH-001: responsive dark / graphite / orange. No third-party fonts. */
:root { color-scheme: dark; --xp-bg:#0d0f13; --xp-panel:#191d24; --xp-card:#222730; --xp-line:#343943; --xp-text:#f5f5f6; --xp-muted:#a0a5af; --xp-orange:#ff881e; --xp-orange-2:#ffaf5e; --xp-radius:16px; }
html, body { background:var(--xp-bg)!important; color:var(--xp-text)!important; max-width:100%; overflow-x:hidden!important; }
body { font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important; }
.wrapper, .wrapper.inner { background:var(--xp-bg)!important; min-height:100dvh!important; height:auto!important; padding:0!important; }
.wrapper>div, .wrapper.inner>div { background:var(--xp-bg)!important; color:var(--xp-text)!important; min-height:100dvh; max-width:900px!important; border-radius:0!important; overflow:visible!important; }
.auth { max-width:470px; margin:0 auto; padding:clamp(18px,4vw,32px)!important; }
.auth>img { object-fit:contain; max-width:100%; }
.auth, .home, .home2, .wrapper.inner>div { color:var(--xp-text)!important; }
.home { padding:clamp(12px,2.5vw,26px)!important; }
.home>.home-title>div:first-of-type>div>p:first-of-type { color:var(--xp-orange)!important; }
.home>.home-title>div:first-of-type>div>p:last-of-type, label.group-input>p { color:var(--xp-muted)!important; }
.home>.balance { background:linear-gradient(135deg,#2e241e,#242831 70%)!important; border:1px solid #6a4630!important; border-radius:var(--xp-radius)!important; box-shadow:0 12px 35px #0005; }
.home>.balance div.amount>p:first-of-type span { color:var(--xp-orange-2)!important; }
.home>.links, .home>.links-group, .home>.links-group>a, .home2, .auth a.btn.bordered { background:var(--xp-panel)!important; border:1px solid var(--xp-line)!important; border-radius:var(--xp-radius)!important; color:var(--xp-text)!important; }
.home>.links>a, .home>.links>a>div { color:var(--xp-orange)!important; }
.btn, button.btn, input[type=submit], .request-code { background:linear-gradient(105deg,#e66b10,var(--xp-orange))!important; color:#15100b!important; border:1px solid #ff9b42!important; border-radius:12px!important; box-shadow:none!important; font-weight:700!important; }
.btn:hover, button:hover { filter:brightness(1.08); }
.btn.bordered, .auth a.btn, .auth a.btn.bordered { background:var(--xp-card)!important; color:var(--xp-orange-2)!important; border:1px solid var(--xp-line)!important; }
button:disabled { opacity:.48!important; cursor:not-allowed!important; }
label.group-input>div, input, select, textarea { background:var(--xp-card)!important; color:var(--xp-text)!important; border-color:var(--xp-line)!important; }
input::placeholder, textarea::placeholder { color:var(--xp-muted)!important; opacity:1; }
input:focus-visible, button:focus-visible, a:focus-visible, select:focus-visible { outline:2px solid var(--xp-orange)!important; outline-offset:2px; }
.top-nav, .top-nav>div { background:var(--xp-panel)!important; color:var(--xp-text)!important; border-bottom:1px solid var(--xp-line); }
.bottom-nav>div>div:first-of-type { background:#1b1f27!important; border:1px solid #47404a!important; border-radius:14px 14px 0 0!important; }
.bottom-nav>div>div:first-of-type>a.active { color:var(--xp-orange)!important; }
.bottom-nav>div>div:first-of-type>a { min-height:56px; color:var(--xp-muted)!important; }
.wrapper.inner>div { padding-bottom:calc(80px + env(safe-area-inset-bottom))!important; }
.xpro-logout-form { margin:0; width:100%; }
.xpro-logout-button { display:flex; width:100%; align-items:center; justify-content:space-between; padding:12px; color:var(--xp-text); background:transparent; text-align:left; }
.xpro-logout-button>div { display:flex; align-items:center; gap:12px; }
@media (min-width:900px) { .wrapper>div,.wrapper.inner>div { border-left:1px solid var(--xp-line); border-right:1px solid var(--xp-line); } }
@media (max-width:480px) { .home>.balance>div:last-of-type { gap:12px; } .home>.links { padding:12px!important; } .auth { padding:16px!important; } .top-nav>div { padding:12px 14px!important; } }
@media (prefers-reduced-motion:reduce) { * { animation-duration:.01ms!important; transition-duration:.01ms!important; } }