.app-back { display: inline-flex; align-items: center; justify-content: flex-start; gap: var(--sp-2, 8px); width: auto; min-width: 44px; height: 44px; padding: 0; margin-bottom: var(--sp-2, 8px); border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--color-brand, #0089c4); font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; flex-shrink: 0; }
.app-back:hover, .app-back:active { background: transparent; border: 0; box-shadow: none; color: var(--color-brand, #0089c4); text-decoration: none; }
.app-back:focus-visible { outline: 2px solid var(--color-brand, #0089c4); outline-offset: 2px; }
.app-back-label { white-space: nowrap; }
.app-text-action { display:inline-flex; align-items:center; min-height:44px; padding:0; border:0; background:transparent; color:var(--color-brand); font:inherit; font-size:var(--text-sm); cursor:pointer; }
.app-text-action:focus-visible { outline:2px solid var(--color-brand); outline-offset:3px; }

/* Back links point left; overview links retain their trailing right arrow. */
:is(.admin-shell, .onboarding-flow) .app-back,
.app-text-link { display:inline-flex; align-items:center; gap:var(--sp-2, 8px); min-height:44px; padding:0; border:0; background:transparent; box-shadow:none; color:var(--color-brand); font-size:14px; font-weight:400; text-decoration:none; }
:is(.admin-shell, .onboarding-flow) .app-back > :is(svg, [aria-hidden="true"]) { display:none; }
:is(.admin-shell, .onboarding-flow) .app-back::before,
.app-text-link::after { content:""; display:block; width:18px; height:18px; flex:0 0 18px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.app-text-link:hover, .app-text-link:active { background:transparent; color:var(--color-brand); text-decoration:none; }
.app-text-link:focus-visible { outline:2px solid var(--color-brand); outline-offset:2px; }
:is(.admin-shell, .onboarding-flow) .app-back::before { transform:rotate(180deg); }