/* Instagram dialogs above the app rail; keep the existing open/close handlers. */
body.instagram-dialog-open .instagram-workspace .app>.wrap{
  z-index:70!important;
  pointer-events:none;
}
body.instagram-dialog-open .instagram-workspace .nav{pointer-events:none}
body.instagram-dialog-open .instagram-workspace .instagram-browser-card:not([hidden]),
body.instagram-dialog-open .instagram-workspace .instagram-account-editor:not([hidden]),
body.instagram-dialog-open .instagram-workspace .instagram-login-modal:not([hidden]){pointer-events:auto}
.instagram-workspace .instagram-browser-card:focus,
.instagram-workspace .instagram-editor-dialog:focus,
.instagram-workspace .instagram-login-dialog:focus{outline:none!important}
.instagram-workspace .instagram-lab .instagram-browser-card{
  border-color:var(--bh-readable-border,var(--border))!important;
}

/* One quiet segmented control for Collect / Accounts / History. */
.instagram-workspace .instagram-tabs{
  display:flex;
  width:fit-content;
  max-width:100%;
  gap:4px;
  padding:4px;
  margin-bottom:8px;
  border:1px solid var(--bh-readable-border,var(--border));
  border-radius:14px;
  background:#141619;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.instagram-workspace .instagram-tabs .instagram-tab{
  min-width:0;
  height:40px;
  padding:0 18px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--text-2)!important;
  box-shadow:none;
  outline:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.instagram-workspace .instagram-tabs .instagram-tab:hover{
  background:rgba(255,255,255,.04)!important;
  color:var(--text)!important;
}
.instagram-workspace .instagram-tabs .instagram-tab.on{
  background:#22252A!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#F2F4F7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.instagram-workspace .instagram-tabs .instagram-tab:active{transform:scale(.995)}
.instagram-workspace .instagram-tabs .instagram-tab:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.12);
}
.instagram-workspace .instagram-tabs .instagram-tab:disabled{transform:none}
@media(max-width:767px){
  .instagram-workspace .instagram-tabs{width:100%;padding:4px;gap:4px}
  .instagram-workspace .instagram-tabs .instagram-tab{flex:1;height:44px;padding:0 10px}
}
@media(prefers-reduced-motion:reduce){
  .instagram-workspace .instagram-tabs .instagram-tab{transition:none!important;transform:none!important}
}