.platform-button img {display:block;width:26px;height:26px;margin:0 auto 9px;object-fit:contain}
.platform-button .platform-symbol {display:block;font-size:27px;line-height:26px;margin:0 auto 9px;color:inherit}
.platform-button .platform-label {display:block;margin:0;color:inherit;font-size:inherit;font-weight:700}
[data-theme="dark"] .platform-button img {filter:invert(1)}
.account-summary {display:flex;align-items:center;gap:8px;min-width:0}
.header-balance {display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;font-size:.76rem;white-space:nowrap}
.header-balance span {color:var(--muted)}
.header-balance strong {font-variant-numeric:tabular-nums}
.topbar {height:auto;min-height:76px;padding-top:10px;padding-bottom:10px}
.top-actions {flex-wrap:wrap;justify-content:flex-end}
.top-actions .security-button:not([hidden]) {display:block}
.top-actions #accountName{display:inline-flex;align-items:center;height:34px;padding:0 4px;font-size:.82rem;font-weight:800;color:var(--ink);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.overview {margin-bottom:18px}
#navigationToggle {display:none}
.desktop-nav a {display:flex;align-items:center;min-height:43px;border-radius:10px;padding:9px 12px;color:#c6bdb3;text-decoration:none;font-size:1rem}
.desktop-nav a:hover,.desktop-nav a:focus-visible {background:var(--side-soft);color:#fff}
button.sidebar-support {background:transparent;text-align:left;cursor:pointer;font:inherit}
.side-contact{margin-top:14px;padding:12px 12px 4px;border-top:1px solid #35302b}
.side-contact-title{margin:0 0 6px;padding:0 0 0 12px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8f867c}
.side-contact-list{display:grid;gap:4px}
.side-contact-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px;border-radius:10px;color:#c6bdb3;text-decoration:none;font-size:.95rem;font-weight:600}
.side-contact-item img{width:22px;height:22px;object-fit:contain;flex:none}
.side-contact-item:hover,.side-contact-item:focus-visible{background:var(--side-soft);color:#fff}
#services {scroll-margin-top:130px}
#announcementBanner{display:flex;gap:14px;align-items:flex-start;margin:14px auto 0;padding:13px 18px;max-width:1500px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px}
#announcementBanner strong{display:block;color:var(--ink);font-size:.92rem}
#announcementBanner p{margin:4px 0 0;color:var(--muted);font-size:.84rem;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}
#announcementDismiss{border:0;background:transparent;color:var(--muted);font-size:1.2rem;line-height:1;cursor:pointer}
@media(max-width:720px){
  #navigationToggle {display:block;flex-shrink:0}
  .topbar {align-items:flex-start;gap:8px}
  .app-sidebar.mobile-open {display:flex;position:fixed;z-index:30;top:115px;left:16px;right:16px;max-height:calc(100dvh - 135px);overflow:auto;border-radius:16px;box-shadow:0 16px 50px #0005}
  .app-sidebar.mobile-open .desktop-nav {margin-top:18px}
  .app-sidebar.mobile-open .sidebar-support {margin-top:16px}
  .topbar {min-height:62px}
  .account-summary {margin-right:auto}
  .top-actions {width:100%}
  .header-balance {gap:6px}
  .platforms #platformList {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  .platform-button {min-width:0}
  #announcementBanner{margin:10px 16px 0}
}