.back-btn {
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  padding: 7px 14px 7px 10px; border-radius: 999px; font: inherit; font-size: 13px; font-weight: 600;
  background: var(--navy-800, #fff); color: var(--fog, #334); border: 1px solid var(--navy-700, #d9deea);
}
.back-btn svg { width: 16px; height: 16px; }
.back-btn:hover { border-color: var(--amber, #f26b00); color: var(--amber, #f26b00); }
.back-btn.inline { margin: 0 0 14px; }
.back-btn.inline.compact { margin: 0 10px 0 0; padding: 6px 10px; flex-shrink: 0; }
.back-btn.inline.compact span { display: none; }
.back-btn.floating { position: fixed; top: 14px; left: 14px; z-index: 60; background: rgba(255,255,255,.92); color: #1b2236; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
@media (min-width: 901px) {
  body.sidebar-collapsed .app-shell > .main > .back-btn.inline { margin-left: 0; }
}