.account-info>div{min-width:0}
#qr-placeholder{display:grid;place-items:center;grid-area:1/1}
#qr-placeholder svg{width:58px;height:58px;color:#9aafa2}
@media(max-width:720px){
  .workspace>.heading{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px}
  .workspace>.heading>h1{flex-shrink:0;white-space:nowrap}
  .workspace>.heading>.workspace-actions{width:100%;justify-content:flex-start;gap:8px}
  .workspace .wallet-actions{display:flex;gap:8px;flex-basis:100%;width:100%}
  .workspace .heading .actions.wallet-actions>button{flex:1 1 0;min-width:0;min-height:40px;padding:8px 6px;font-size:13px;gap:5px}
  .wallet-actions>button>svg{width:16px;height:16px}
  .workspace .balances.forge-mode-balances{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:18px 0;margin-bottom:16px}
  .workspace .forge-mode-balances>div{display:block;grid-column:auto;min-width:0;padding:0;border:0}
  .workspace .forge-mode-balances>div:nth-child(odd){padding-right:12px;border-right:1px solid var(--line)}
  .workspace .forge-mode-balances dt{font-size:12px;line-height:1.5}
  .workspace .forge-mode-balances dd{font-size:20px;line-height:1.5;min-height:30px;margin:6px 0 0}
  .workspace #forge-balance,.workspace #forge_accelerated-balance{font-size:18px}
  .workspace .forge-mode-balances small:empty{display:none}
  body[data-member="true"] #public-notices{max-height:180px}
  .history table,.history tbody{display:block;width:100%;min-width:0}
  .history thead{display:none}
  .history tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 0;border-bottom:1px solid var(--line)}
  .history td{display:block;border:0;padding:0;min-width:0;overflow-wrap:anywhere}
  .history td:first-child{grid-column:1;grid-row:1}
  .history td:nth-child(2){grid-column:1;grid-row:2;color:var(--muted);font-size:12px}
  .history td:nth-child(3){grid-column:2;grid-row:1;text-align:right}
  .history td:nth-child(4){grid-column:2;grid-row:2;align-self:end}
}
@media(max-width:360px){
  .workspace .heading .actions.wallet-actions>button{font-size:12px;gap:4px;padding-inline:5px}
  .workspace #forge-balance,.workspace #forge_accelerated-balance{font-size:16px}
}
@media(max-width:400px){
  .header-inner{gap:6px;padding-inline:12px}
  .brand{gap:6px;white-space:nowrap}
  .brand>svg{width:18px;height:18px}
  .environment{white-space:nowrap;flex-shrink:0;padding:3px 4px}
  #username{max-width:45px}
  #user-menu{gap:2px}
  #user-menu .icon{width:30px;min-width:30px;height:32px;min-height:32px;padding:6px}
}