.crewSettingsButton{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#354157;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.18s ease}.crewSettingsButton:hover{border-color:#bcc5d0;background:#f8fafb;transform:translateY(-1px);box-shadow:0 5px 14px rgba(10,15,31,.06)}.crewSettingsButton:active{transform:translateY(0)}.crewSettingsGear{font-size:16px;line-height:1;color:#667286;transform:translateY(-.5px)}
@media(max-width:760px){
  .crewSettingsButton{width:34px;min-width:34px;flex:0 0 34px;padding:0}
  .crewSettingsButton .crewSettingsText{display:none}
}
@media(max-width:650px){
  .topbarInner{flex-wrap:nowrap!important;gap:6px!important;min-width:0}
  .appBrand{flex:0 0 auto;min-width:0}
  .groupSwitch{display:flex!important;align-items:center;gap:5px!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden}
  .groupSwitch select{width:auto!important;max-width:none!important;min-width:0!important;flex:1 1 0!important;padding-left:8px!important;padding-right:24px!important}
  .groupSwitch .crewSettingsButton{flex:0 0 34px!important}
  .topActions{flex:0 0 auto!important;min-width:0;margin-left:0!important;gap:4px!important}
  .topActions .headerButton{white-space:nowrap;padding-left:6px!important;padding-right:6px!important}
}
@media(max-width:390px){
  .topbarInner{padding-left:7px!important;padding-right:7px!important;gap:4px!important}
  .appBrand .brandMark.small{width:30px!important;height:24px!important}
  .groupSwitch{gap:4px!important}
  .groupSwitch .crewSettingsButton{width:32px!important;min-width:32px!important;flex-basis:32px!important}
  .topActions .headerButton{font-size:7.5px!important;padding-left:5px!important;padding-right:5px!important}
}