/* Shared section navigation, deliberately distinct from action buttons. */
.app-tabs.app-tabs{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;min-width:0;max-width:100%;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}
.app-tabs.app-tabs>button{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:12px 16px;border:0;border-radius:6px 6px 0 0;background:transparent;color:var(--text-secondary);box-shadow:none;transform:none;font:inherit;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;transition:color .15s,background .15s}
.app-tabs.app-tabs>button::after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:3px;border-radius:3px 3px 0 0;background:transparent}
.app-tabs.app-tabs>button[aria-pressed=true],.app-tabs.app-tabs>button[aria-selected=true]{background:transparent;color:var(--text-link);font-weight:600;box-shadow:none}
.app-tabs.app-tabs>button[aria-pressed=true]::after,.app-tabs.app-tabs>button[aria-selected=true]::after{background:var(--text-link)}
.app-tabs.app-tabs>button:hover{background:var(--surface-hover)}.app-tabs.app-tabs>button:active{background:var(--surface-pressed);transform:none}.app-tabs.app-tabs>button:focus-visible{outline:2px solid var(--text-link);outline-offset:-3px}
.app-tabs::-webkit-scrollbar{height:4px}.app-tabs::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.app-tabs::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
@media(max-width:600px){.app-tabs.app-tabs>button{padding:12px 11px;min-height:44px}.app-tabs.app-tabs>button::after{left:9px;right:9px}}
@media(prefers-reduced-motion:reduce){.app-tabs.app-tabs>button{transition:none}}