/* Grok-style shell: AI employee list as home, feature grid + search at the
   bottom, account sheet. Loaded last; overrides the earlier shell styles. */
#nav .sb-top{display:flex;flex-direction:row;align-items:center;gap:12px;padding:18px 18px 10px;position:relative}
#nav .sb-top>.ui-round{margin-left:auto}
#nav .shell-brand{position:static;font-size:calc(18px * var(--ui-font-scale,1));font-weight:750;letter-spacing:-.5px;color:#333}
#nav .shell-brand span{font-weight:450;color:#8a8a8d}
#nav .account-trigger{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:#fff;padding:0;overflow:hidden;cursor:pointer;flex-shrink:0}
#nav .account-trigger .avatar{width:100%;height:100%}
#nav .sb-foot{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 18px calc(18px + env(safe-area-inset-bottom));background:inherit;border:0}
#nav .sb-apps{color:var(--text);text-decoration:none}
#nav .sb-apps .ico{width:22px;height:22px}
.sb-searchbox{flex:1;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:99px;background:#fff;border:1px solid var(--border);color:#8a8a8f;cursor:text}
.sb-searchbox .ico{width:20px;height:20px;flex-shrink:0}
.sb-searchbox input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:calc(15px * var(--ui-font-scale,1));color:var(--text)}
.sb-searchbox input::-webkit-search-cancel-button{display:none}
.shell-shortcuts,.shell-tools,.sb-app-row,.sb-mobile-account{display:none!important}

/* Phone: the list is the home screen; other pages get a back button. */
@media (max-width:767px){
  body.home-screen #nav{transform:none!important;width:100%!important;position:fixed;inset:0;z-index:40;background:var(--bg)}
  body.home-screen #view{display:none}
  body.home-screen>.sb-burger,body.chat-screen>.sb-burger{display:none!important}
  body:not(.home-screen):not(.chat-screen)>.sb-burger{display:inline-flex!important;position:fixed;top:calc(10px + env(safe-area-inset-top));left:14px;z-index:60;width:44px;height:44px;font-size:30px;padding-bottom:4px;text-decoration:none;color:var(--text)}
  body.home-screen #nav .sb-top{padding:calc(14px + env(safe-area-inset-top)) 16px 8px}
  body.home-screen #nav .shell-brand{visibility:hidden}
  body.home-screen #nav .account-trigger,body.home-screen #nav .sb-top .ui-round{width:52px;height:52px;box-shadow:0 3px 14px #0000000a}
  body.home-screen .sb-convs{padding:6px 10px}
  body.home-screen .sb-conv{min-height:84px;padding:12px 10px;border-radius:18px}
  body.home-screen .sb-conv .botface{width:52px;height:43px}
  body.home-screen .sb-conv-txt b{font-size:calc(19px * var(--ui-font-scale,1))}
  body.home-screen .sb-conv-txt i{font-size:calc(16px * var(--ui-font-scale,1))}
  body.home-screen #nav .sb-foot{padding:10px 16px calc(16px + env(safe-area-inset-bottom))}
  body.home-screen #nav .sb-apps,body.home-screen .sb-searchbox{min-height:54px}
  body.home-screen #nav .sb-apps{width:54px;height:54px}
  body:not(.chat-screen):not(.auth-screen):not(.home-screen) #view{padding-top:64px;padding-bottom:24px}
}

/* Feature grid page */
.apps-page{max-width:760px;margin:0 auto;padding:8px 18px 40px}
.apps-head{position:sticky;top:0;background:var(--bg);padding:14px 0 10px;z-index:2}
.apps-head h1{font-size:calc(24px * var(--ui-font-scale,1));font-weight:650;margin:0 0 12px;letter-spacing:-.4px}
@media (max-width:767px){.apps-head h1{margin:-76px 0 20px 56px;line-height:44px}}
.apps-search{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;border-radius:16px;background:#f1f1f2;color:#8a8a8f}
.apps-search .ico{width:19px;height:19px}
.apps-search input{flex:1;border:0;background:transparent;outline:none;font-size:calc(15px * var(--ui-font-scale,1));color:var(--text)}
.apps-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}
.apps-chips::-webkit-scrollbar{display:none}
.apps-chips button{flex-shrink:0;border:1px solid var(--border);background:#fff;border-radius:99px;padding:7px 14px;font-size:calc(13px * var(--ui-font-scale,1));color:#555;cursor:pointer}
.apps-chips button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:#fff}
.apps-list section{margin-top:18px}
.apps-list h2{font-size:calc(13px * var(--ui-font-scale,1));color:#8a8a8f;font-weight:500;margin:0 0 6px 4px}
.apps-row{display:flex;align-items:center;gap:14px;padding:12px 8px;border-radius:16px;color:var(--text);text-decoration:none}
.apps-row:hover{background:#f4f4f5}
.apps-ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#f1f1f2;flex-shrink:0}
.apps-ico .ico{width:23px;height:23px}
.apps-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.apps-txt b{font-size:calc(16px * var(--ui-font-scale,1));font-weight:600}
.apps-txt small{font-size:calc(13px * var(--ui-font-scale,1));color:#8a8a8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps-go{flex-shrink:0;background:#1f7bff;color:#fff;border-radius:99px;padding:6px 14px;font-size:calc(13px * var(--ui-font-scale,1))}
.apps-empty{color:#8a8a8f;padding:30px 4px}

/* Account sheet */
#modal-root.account-sheet .modal-sheet{width:min(460px,100%);max-height:92vh;overflow-y:auto;padding:0;background:#f2f2f4;border-radius:22px}
@media (max-width:767px){#modal-root.account-sheet .modal-sheet{position:fixed;inset:0;width:100%;max-height:none;height:100%;border-radius:0}}
.acct-sheet{padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}
.acct-close{width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:26px;line-height:1;cursor:pointer;margin-bottom:14px;box-shadow:0 2px 10px #0000000a}
.acct-group{background:#fff;border-radius:20px;overflow:hidden;margin-bottom:14px}
.acct-label{margin:4px 0 8px 14px;font-size:calc(13px * var(--ui-font-scale,1));color:#9a9aa0}
.acct-user,.acct-row{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border:0;background:transparent;color:var(--text);text-decoration:none;font-size:calc(16px * var(--ui-font-scale,1));text-align:left;cursor:pointer}
.acct-user+.acct-row,.acct-row+.acct-row{border-top:1px solid #f0f0f2}
.acct-user>span:not(.avatar){flex:1;display:flex;flex-direction:column;min-width:0}
.acct-user .avatar{width:56px;height:56px;flex:0 0 56px;border-radius:50%;font-size:20px}
.acct-user b{font-size:calc(18px * var(--ui-font-scale,1))}
.acct-user small{color:#8a8a8f;font-size:calc(13px * var(--ui-font-scale,1))}
.acct-row .ico{width:20px;height:20px;color:#55555a;flex-shrink:0}
.acct-row span{flex:1}
.acct-row em{font-style:normal;color:#8a8a8f;font-size:calc(14px * var(--ui-font-scale,1))}
.acct-user i,.acct-row i{font-style:normal;color:#c0c0c4}
.acct-danger span{color:#e5484d;text-align:left}
.acct-foot{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 0 4px;color:#9a9aa0}
.acct-foot b{color:var(--text);font-size:calc(17px * var(--ui-font-scale,1))}
/* The floating display launcher moves into the account sheet (外观与显示). */
body:not(.chat-screen) .display-launcher{display:none!important}
.bubble-found{outline:3px solid #ffd54a;outline-offset:2px;transition:outline-color .3s}
.conversation-execution-context .chat-model{min-width:84px}