/* v1.8.7 — visible account control and compact dismissible cloud status */
#profileShell{position:relative}
.garage-account-button{
  position:absolute;top:14px;right:14px;z-index:12;
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(44,232,255,.65);
  background:rgba(7,12,18,.94);color:#f4f7fb;text-decoration:none;
  box-shadow:0 0 0 3px rgba(4,9,14,.5);
}
.garage-account-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.garage-account-button:focus-visible{outline:2px solid #ff2f8e;outline-offset:3px}
.cloud-profile-panel{
  position:absolute;top:14px;left:14px;right:68px;z-index:11;
  min-height:42px;margin:0!important;padding:7px 9px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  border-width:1px!important;background:rgba(7,12,18,.92)!important;
}
.cloud-profile-panel>div:first-child{display:flex!important;align-items:center;gap:8px;min-width:0}
.cloud-profile-panel b{font-size:10px!important;white-space:nowrap}
.cloud-profile-panel span{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cloud-profile-actions{flex:0 0 auto!important;display:flex!important;gap:5px!important}
.cloud-profile-actions button{min-height:28px!important;padding:6px 8px!important;font-size:9px!important}
#dismissCloudProfileBtn{width:28px;padding:0!important;font-size:18px!important;line-height:1!important}
.cloud-profile-panel.is-dismissed{display:none!important}
@media(max-width:700px){
  .garage-account-button{top:10px;right:10px;width:40px;height:40px}
  .cloud-profile-panel{top:10px;left:10px;right:60px;min-height:40px;padding:6px 8px!important;flex-direction:row!important}
  .cloud-profile-panel span{display:none}
  .cloud-profile-actions{width:auto!important}
  .cloud-profile-actions button{flex:none!important;text-align:center}
}