#assetHistory{padding:22px;margin:16px 0;border:1px solid #264c71;border-radius:14px;background:linear-gradient(135deg,#0d2036,#081626);color:#e8f2ff}
#assetHistory header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}#assetHistory h2{margin:0 0 7px;font-size:21px}#assetHistory p{color:#9fb8d7;font-size:13px}#assetHistory button,.ah-dialog button{border:1px solid #31537b;border-radius:8px;padding:9px 14px;background:#172e50;color:#fff;cursor:pointer}#assetHistory .ah-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#assetHistory .ah-cards article{padding:22px;border:1px solid #304470;border-radius:12px;background:linear-gradient(120deg,#251d4b,#111f35)}#assetHistory .ah-cards article:nth-child(2){background:linear-gradient(120deg,#103c3b,#111f35)}#assetHistory .ah-cards article:nth-child(3){background:linear-gradient(120deg,#253348,#111f35)}#assetHistory small{display:block;font-size:14px;margin-bottom:10px}#assetHistory strong{font-size:27px}#assetHistory .ah-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:20px 0}#assetHistory label{display:grid;gap:6px;font-size:13px}#assetHistory input{background:#101f35;border:1px solid #31537b;border-radius:8px;padding:9px 12px;color:#fff;color-scheme:dark}#assetHistory .ah-table{overflow:auto}#assetHistory table{width:100%;border-collapse:collapse;white-space:nowrap}#assetHistory th,#assetHistory td{text-align:left;padding:12px;border-bottom:1px solid #213853;font-size:14px}#assetHistory th{background:#112846;color:#b7cce5}.ah-positive{color:#2de3a4!important}.ah-negative{color:#ff778c!important}#assetHistory .ah-note{margin-bottom:0}.ah-dialog{width:460px;max-width:90vw;max-height:85vh;overflow:auto;border:1px solid #31537b;border-radius:14px;background:#0d2036;color:#e8f2ff;padding:22px}.ah-dialog::backdrop{background:#0009}.ah-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ah-dialog h2{font-size:20px}.ah-details p{display:flex;justify-content:space-between;gap:16px;padding:10px 0;margin:0;border-bottom:1px solid #213853}.ah-details strong{display:block;margin-top:18px;font-size:21px;color:#2de3a4}@media(max-width:700px){#assetHistory .ah-cards{grid-template-columns:1fr}#assetHistory header{align-items:flex-start}#assetHistory{padding:16px}#assetHistory strong{font-size:24px}}

/* Balances full page history and readable account layout. */
#assetHistory[hidden],#balanceOverview[hidden]{display:none!important}
.ab-title{font-size:30px;margin:12px 0 28px}.ab-history-launch{display:flex;justify-content:flex-end;margin:22px 0}
#ahOpen{background:linear-gradient(120deg,#8424ee,#5130e9);color:white;border:1px solid #9560ff;border-radius:9px;padding:13px 22px;font-size:16px;cursor:pointer}
#assetHistory{margin:0;padding:24px;min-height:65vh}#ahBack{margin-bottom:22px}#assetHistory h2{font-size:32px}#assetHistory p{font-size:15px}#assetHistory .ah-cards article{padding:26px;min-height:118px}#assetHistory strong{font-size:32px}#assetHistory th,#assetHistory td{font-size:16px;padding:20px 16px}#assetHistory button,#assetHistory input{font-size:15px;min-height:42px}#assetHistory .ah-cards article:first-child{background:linear-gradient(120deg,#084b38,#102338)}#assetHistory .ah-cards article:nth-child(2){background:linear-gradient(120deg,#493414,#182235)}#assetHistory .ah-cards article:nth-child(3){background:linear-gradient(120deg,#36205e,#182235)}
.brBalances #balanceOverview .brBalanceGroup{padding:0;border:0;background:none;margin-bottom:24px}.brBalances #balanceOverview .brBalanceGroup h2{font-size:22px}.brBalances #balanceOverview .brBalanceGroup header p{display:none}.brBalances #balanceOverview .brBalanceGroup header button{font-size:11px}.brBalances #balanceOverview .accounts{gap:14px!important}.brBalances #balanceOverview .accountCard{height:145px;padding:20px!important}.brBalances #balanceOverview .brCardTitle small{font-size:16px!important}.brBalances #balanceOverview .accountCardBody>b{font-size:27px!important}.brBalances #balanceOverview .accountProfitToday small{font-size:12px!important}.brBalances #balanceOverview .accountProfitToday strong{font-size:12px!important}.brBalances #balanceOverview .accountBrandIcon{width:52px!important;height:52px!important}.brBalances #balanceOverview .brPanel{padding:20px}.brBalances #balanceOverview .brPanel h2{font-size:22px}.brBalances #balanceOverview .brPanel header p{font-size:13px}.brBalances #balanceOverview .brTrendChart{height:210px}.brBalances #balanceOverview .brDonut{width:180px;height:180px}.brBalances #balanceOverview .brDonut:after{inset:36px}.brBalances #balanceOverview .brDonut strong{font-size:19px}.brBalances #balanceOverview #brDistributionRows p{font-size:11px;margin:7px 0}
@media(max-width:1200px){.brBalances #balanceOverview .accounts{grid-template-columns:repeat(3,minmax(0,1fr))!important}.brBalances #balanceOverview .brBottom{grid-template-columns:1fr}}@media(max-width:700px){.brBalances #balanceOverview .accounts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brBalances #balanceOverview .accountCard{padding:12px!important}.brBalances #balanceOverview .accountCardBody>b{font-size:20px!important}.brBalances #balanceOverview .accountBrandIcon{width:32px!important;height:32px!important}.brBalances #balanceOverview .accountBrandIcon img{width:30px!important;height:30px!important}.brBalances #balanceOverview .brBalanceGroup>header{flex-wrap:wrap}#assetHistory{padding:16px}#assetHistory .ah-cards{grid-template-columns:1fr}.ab-title{font-size:25px}}

/* v316: in-flow logos and intrinsic card widths across browser zoom. */
.brBalances #balanceOverview .accounts{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:14px!important}
.brBalances #balanceOverview .accountCard{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding:18px!important;height:auto!important;min-height:136px!important;box-sizing:border-box!important;overflow:visible!important}
.brBalances #balanceOverview .accountBrandIcon{position:static!important;inset:auto!important;left:auto!important;top:auto!important;transform:none!important;grid-column:1;width:48px!important;height:48px!important;min-width:0!important;align-self:center!important;z-index:auto!important}
.brBalances #balanceOverview .accountBrandIcon img{width:90%!important;height:90%!important;object-fit:contain!important}
.brBalances #balanceOverview .accountCardBody{grid-column:2;width:auto!important;min-width:0!important;position:static!important;z-index:auto!important}
.brBalances #balanceOverview .accountCardBody>b{font-size:clamp(20px,1.5vw,27px)!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-top:8px!important}
.brBalances #balanceOverview .brCardTitle{padding-right:34px!important;min-width:0!important}
.brBalances #balanceOverview .brCardTitle small{font-size:15px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
.brBalances #balanceOverview .accountProfitToday{gap:6px!important;flex-wrap:wrap!important;min-width:0!important}
.brBalances #balanceOverview .accountProfitToday small,.brBalances #balanceOverview .accountProfitToday strong{font-size:12px!important;white-space:normal!important}
.brBalances #balanceOverview .brBalanceGroup>header{flex-wrap:wrap!important;gap:10px!important}
.brBalances #balanceOverview .brBalanceGroup>header>div:last-child{display:flex;flex-wrap:wrap;gap:6px}
.brBalances #balanceOverview .brBottom{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr))!important}
.brBalances #balanceOverview .brPanel{min-width:0!important}
.brBalances #balanceOverview .brPanel>header{flex-wrap:wrap}
.brBalances #balanceOverview .brDistribution>div{flex-wrap:wrap}
.brBalances #balanceOverview #brDistributionRows{flex:1 1 230px;min-width:0}
.brBalances #balanceOverview #brDistributionRows em{width:auto;min-width:85px;overflow-wrap:anywhere}
@media(max-width:500px){.brBalances #balanceOverview .accounts{grid-template-columns:1fr!important}.brBalances #balanceOverview .accountCard{padding:16px!important}.brBalances #balanceOverview .brPanel{padding:14px!important}}