/* SCRM's shortcut editor trigger stays available even before the first shortcut. */
.academy-header-shortcut-add{display:none}
.academy-header-shortcut-add[hidden]{display:none!important}
.academy-shortcut-add-mobile{display:inline-flex;align-items:center;gap:5px;padding:7px 8px;border:1px dashed var(--academy-nav-border,#deebf3);border-radius:7px;background:transparent;color:var(--academy-nav-text,#42647a);font:inherit;font-size:10px;cursor:pointer}
.academy-shortcut-add-mobile svg{width:17px;height:17px;flex-shrink:0}
.academy-shortcut-editor{width:min(680px,calc(100vw - 32px));max-width:680px}
.academy-shortcut-editor .academy-dialog-body>.academy-appearance-shortcuts{margin-top:0}
.academy-shortcut-editor .academy-appearance-actions{margin-top:18px}
@media(min-width:769px){
  #appShell[data-academy-layout=sidebar] .academy-header-shortcut-add{position:absolute;top:21px;left:calc(50% + min(180px,17.5vw) + 12px + var(--academy-shortcut-right-count,0)*40px);display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;padding:0;border:1px dashed #ffffffa6;border-radius:9px;background:#ffffff14;color:#fff;cursor:pointer}
  #appShell[data-academy-layout=sidebar] .academy-header-shortcut-add svg{width:17px;height:17px;flex-shrink:0}
  #appShell[data-academy-layout=sidebar] .academy-header-shortcut-add:hover{background:#ffffff3b}
  #appShell[data-academy-layout=sidebar] .academy-header-shortcut-add:focus-visible{outline:2px solid #fff;outline-offset:3px}
}
@media(min-width:769px) and (max-width:1100px){
  #appShell[data-academy-layout=sidebar] .academy-header-shortcut-add{left:calc(50% + min(180px,17.5vw) + 12px)}
  #appShell[data-academy-layout=sidebar] .academy-shortcuts-overflow{left:calc(50% + min(180px,17.5vw) + 52px)}
}