/* Keep the network, scanner, language and wallet controls readable together. */
.workspace>header{gap:20px}
.page-title{min-width:0}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto;white-space:nowrap}
.header-actions .network-switch-label{display:inline-flex;align-items:center;margin:0;white-space:nowrap;line-height:1;font-size:13px}
.header-actions .network-select{box-sizing:border-box;flex:0 0 125px;width:125px;min-width:125px;height:42px;padding:0 12px}
.header-actions .scan-button{box-sizing:border-box;flex:0 0 auto;min-width:96px;height:42px;justify-content:center;white-space:nowrap;padding:0 12px}
.header-actions .scan-button img{display:block;width:23px;height:23px;flex:0 0 23px;object-fit:contain}
.header-actions .scan-button b{white-space:nowrap;line-height:1}
.hero-scan-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.hero-scan-button img{display:block;width:22px;height:22px;object-fit:contain}
.hero-scan-button:hover{color:var(--blue);background:#eef6ff;border-color:#8db8f5}
.header-actions .icon-button{box-sizing:border-box;flex:0 0 42px;width:42px;height:42px;padding:0}
.header-actions .wallet-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:150px;max-width:190px;height:42px;white-space:nowrap;padding:0 17px;line-height:1}
.header-actions .wallet-button.connected{padding-right:30px}
.header-actions .wallet-button #wallet-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:940px){
  .workspace>header{gap:12px}
  .header-actions .network-switch-label{display:none}
}
@media(max-width:680px){
  .header-actions{gap:6px}
  .header-actions .network-select{flex-basis:90px;width:90px;min-width:90px;padding:0 6px}
  .header-actions .scan-button{width:42px;min-width:42px;padding:0}
  .header-actions .scan-button b{display:none}
  .header-actions .wallet-button{min-width:128px;max-width:138px;padding:0 10px}
  .header-actions .wallet-button.connected{padding-right:25px}
}
@media(max-width:560px){
  .header-actions .icon-button{display:none}
}
@media(max-width:420px){
  .workspace>header{padding:0 12px}
  .mobile-brand b{display:none}
}