/* Shared mobile navigation: five short, accessible icon tabs. */
:root{--stu-nav-height:52px;--stu-nav-safe:max(env(safe-area-inset-bottom,0px),var(--native-inset-bottom,0px))}
.mobile-nav>button .stu-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;display:block}
.mobile-nav>button .stu-avatar .profile-portrait{width:100%;height:100%;margin:0;aspect-ratio:1;border-radius:50%;padding:0;box-shadow:none}
.mobile-nav>button .stu-avatar img{width:100%;height:100%;object-fit:cover}
.mobile-nav>button.active .stu-avatar{outline:2px solid var(--purple,#6236ff);outline-offset:3px}
.app-shell:not(.me-environment):has(.social-profile-screen)>.mobile-nav,
.app-shell:has(.feed-panel-backdrop)>.mobile-nav{display:none!important}
.personal-index-profile .back-row{position:relative;justify-content:space-between;min-height:44px}
.personal-index-profile .back-row>.social-handle{position:absolute;left:50%;transform:translateX(-50%);width:calc(100% - 100px);max-width:calc(100% - 100px);margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;color:inherit;font-weight:600;opacity:1}
.personal-index-profile .back-row>.social-own-tools,.profile-friendship-tool{margin-left:auto}
.thread-header .thread-profile-avatar{border:0;padding:0;background:transparent;cursor:pointer}
.thread-profile-name{font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.thread-profile-name:focus-visible,.thread-profile-avatar:focus-visible{outline:2px solid var(--purple,#6236ff);outline-offset:3px;border-radius:6px}
.conversation-title>.conversation-search{flex:1;min-width:0;margin:0;min-height:44px;padding:10px 12px;border:1px solid var(--mode-line);border-radius:16px;background:var(--mode-soft);color:var(--mode-muted)}
.conversation-title>.conversation-search input{width:100%;min-width:0;font-size:14px;background:none;color:var(--mode-text);border:0;outline:none;padding:0}
.feed-friends,.search-page-header>.icon-button{position:relative;flex:none}
.feed-friends .unread-badge{right:-3px}
.feed-page-header>.feed-tabs{flex:1;min-width:0}
.search-page{width:100%;color:var(--mode-text);padding:0 20px 20px}
.social-surface:has(.search-page){padding:0!important}
.search-page-header{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--mode-line);margin-bottom:18px}
.search-page-header h1{font-size:26px;margin:0;letter-spacing:-.8px}
.search-page .feed-search-form{margin:0 0 16px;background:var(--mode-soft);color:var(--mode-text)}
.search-page .feed-search-form input{color:var(--mode-text);background:transparent}
.search-page .feed-search-tabs{border-color:var(--mode-line)}
.search-page .feed-search-results{max-height:none;overflow:visible}
@media(max-width:760px){
 .app-shell>.mobile-nav,.app-shell:has(.messages-workspace)>.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))!important;height:calc(var(--stu-nav-height) + var(--stu-nav-safe))!important;min-height:0;padding:0 8px var(--stu-nav-safe)!important;align-items:center;box-sizing:border-box;top:auto!important;bottom:0!important}
 .app-shell>.mobile-nav>button{display:grid;place-items:center;width:100%;height:48px;min-height:44px;padding:0!important;gap:0;border:0;position:relative}
 .app-shell>.mobile-nav>button>svg{width:24px;height:24px;flex:none}
 .app-shell>.mobile-nav .unread-badge{top:2px;right:calc(50% - 23px);font-size:9px}
 .app-shell:has(>.mobile-nav){padding-bottom:calc(var(--stu-nav-height) + var(--stu-nav-safe))!important}
 .app-shell:not(:has(>.mobile-nav)){padding-bottom:0!important}
 .app-shell:not(.me-environment):has(.social-profile-screen){padding-bottom:0!important}
 .chat-environment .conversation-title{padding:14px 14px 10px;gap:8px}
 html.stu-native .chat-environment .conversation-title{padding-top:calc(14px + max(env(safe-area-inset-top,0px),var(--native-inset-top,0px)))}
 .conversation-title>.icon-button,.conversation-title>.new-chat-button{width:38px;height:44px;flex-basis:38px;min-width:38px;padding:8px}
 .social-surface .feed-page-header{gap:8px!important;align-items:center}
 .social-surface .feed-page-header .feed-header-actions{gap:4px!important}
 .social-surface .feed-page-header .feed-tabs button{font-size:15px!important;max-width:100px}
 .social-surface .feed-page-header .social-own-avatar,.social-surface .feed-page-header .feed-header-actions>[aria-label="Search posts and users"]{display:none!important}
 .search-page{padding:0 16px 20px}
 html.stu-native .search-page-header{padding-top:calc(18px + max(env(safe-area-inset-top,0px),var(--native-inset-top,0px)))}
 :root[data-chat-keyboard="open"] .chat-environment>.mobile-nav,:root[data-native-keyboard="open"] .app-shell>.mobile-nav{display:none!important}
 :root[data-chat-keyboard="open"] .chat-environment,:root[data-native-keyboard="open"] .app-shell{padding-bottom:0!important}
}