/* home.css — p62 (2026-11-10): the home screen (home.js). Everything here is under html[data-home] (app_flags.home_orgs);
   off, the two pieces home.js adds are hidden and the page is the chat as before.
   The list of chats gives its column to the five robots on their keys; the start screen lies over the chief of staff's chat
   (html[data-home-stage]): black, like the landing, one greeting, one big message bar, three ideas. */
.home-side,.home-stage{display:none}

/* ------------------------------------------------------------------ the column: the five, big */
html[data-look="chats"][data-home]{--rail:300px}
@media (min-width:801px) and (max-width:1000px){
  html[data-look="chats"][data-home]{--rail:260px}
}
html[data-look="chats"][data-home] #chats-side>:not(.home-side){display:none!important}
/* p62b ("remove second sidebar"): no strip of places; the five's column is the only one */
html[data-look="chats"][data-home]{--strip:0px}
html[data-look="chats"][data-home] #chats-strip{display:none!important}
@media (min-width:801px){
  html[data-look="chats"][data-home] .app{grid-template-columns:var(--rail) minmax(0,1fr)}
}
html[data-look="chats"][data-home] .home-side{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}
.home-sidehead{display:flex;align-items:center;justify-content:space-between;flex:none;height:64px;padding:0 14px 0 22px}
.home-word{display:block;width:auto;height:16px}
.home-tools{display:flex;align-items:center;gap:8px}
.home-new,.home-me{width:34px;height:34px;border-radius:50%;border:0;background:#1a1a1a;color:#cfcfcc;display:grid;place-items:center;cursor:pointer;padding:0}
.home-me{font-family:inherit;font-size:12px;font-weight:600;color:#bdbdb9}
.home-new:hover,.home-me:hover{background:#242424;color:#fff}
.home-me:focus-visible,.home-new:focus-visible,.home-pill:focus-visible,.home-hint:focus-visible,.home-clip:focus-visible,.home-send:focus-visible{outline:2px solid #6c9cff;outline-offset:2px}
.home-team{--s:.5;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 12px;display:flex;flex-direction:column;align-items:center;
  justify-content:space-around;scrollbar-width:none}
.home-team::-webkit-scrollbar{display:none}
.home-slot{position:relative;flex:none;width:min(272px,100%);height:calc(336px * var(--s) + 4px);border:0;border-radius:22px;padding:0;
  background:none;color:inherit;font:inherit;cursor:pointer}
.home-slot:hover{background:rgba(255,255,255,.025)}
.home-slot:focus-visible{outline:2px solid #6c9cff;outline-offset:-2px}
.home-unit{position:absolute;left:50%;bottom:4px;width:264px;height:112px;transform:translateX(-50%) scale(var(--s));transform-origin:50% 100%;
  pointer-events:none}
.home-key{position:absolute;left:0;bottom:0;width:264px;height:112px;overflow:visible}
.home-cap{transform:translateY(var(--press,0px))}
.home-bot{position:absolute;left:50%;bottom:76px;width:236px;transform:translate(-50%,calc(6.25% + var(--press,0px)))}
.home-bot svg{display:block;width:100%;height:auto;overflow:visible}
.home-slot:not(.on) .home-unit{filter:saturate(.85) brightness(.82)}
.home-slot.on::before{content:"";position:absolute;inset:4px 10px;border-radius:20px;pointer-events:none;opacity:.32;
  background:radial-gradient(ellipse 60% 55% at 50% 80%,var(--glow),rgba(0,0,0,0) 70%)}

/* ------------------------------------------------------------------ the start screen, over the chat */
html[data-look="chats"][data-home][data-home-stage] .home-stage{display:flex;flex-direction:column;position:absolute;inset:0;z-index:40;
  background:radial-gradient(ellipse 55% 45% at 50% 45%,rgba(255,255,255,.045),rgba(0,0,0,0) 70%),#000}
.home-top{display:flex;align-items:center;justify-content:space-between;flex:none;padding:14px 18px 0}
.home-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:0;border-radius:999px;background:#151515;
  box-shadow:inset 0 0 0 1px #262626;color:#bdbdb9;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1;cursor:pointer}
.home-pill:hover{color:#fff;box-shadow:inset 0 0 0 1px #3a3a3a}
.home-convo.needs{color:#f5b73b}
.home-convo.needs::after{content:"";width:7px;height:7px;border-radius:50%;background:#f5b73b}
.home-teambtn{visibility:hidden}
.home-mid{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 40px 9vh}
.home-who{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;color:#9a9a96}
.home-who b{display:inline-block;width:9px;height:9px;border-radius:50%}
.home-h1{margin:0;max-width:760px;text-align:center;font-size:clamp(32px,3.6vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.03em;color:#f4f4f1}
.home-bar{display:flex;align-items:flex-end;gap:10px;width:min(760px,100%);min-height:62px;margin:34px 0 0;padding:8px 9px 8px 12px;border-radius:31px;
  background:#141415;box-shadow:inset 0 0 0 1px #262628,0 20px 60px rgba(0,0,0,.5)}
.home-bar:focus-within{box-shadow:inset 0 0 0 1px #3a3a3e,0 20px 60px rgba(0,0,0,.5)}
.home-clip{flex:none;width:44px;height:44px;border:0;border-radius:50%;padding:0;background:none;color:#bdbdb9;display:grid;place-items:center;cursor:pointer}
.home-clip:hover{background:#1f1f21;color:#fff}
.home-field{flex:1;min-width:0;height:44px;min-height:44px;max-height:200px;box-sizing:border-box;margin:0;padding:10px 0;border:0;outline:0;resize:none;background:none;color:#f4f4f1;
  font-family:inherit;font-size:17px;line-height:24px}
.home-field::placeholder{color:#6f6f6b}
.home-send{flex:none;width:44px;height:44px;border:0;border-radius:50%;padding:0;background:#f4f4f1;color:#0b0b0b;display:grid;place-items:center;cursor:pointer}
.home-send:hover{background:#fff}
.home-send:disabled{opacity:.35;cursor:default}
.home-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin-top:18px}
.home-hint{height:34px;padding:0 14px;border:0;border-radius:999px;background:#121213;box-shadow:inset 0 0 0 1px #232325;color:#a8a8a4;
  font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer}
.home-hint:hover{color:#fff;box-shadow:inset 0 0 0 1px #34343a}

/* ------------------------------------------------------------------ a phone: the five are the drawer; "Team" opens it */
@media (max-width:800px){
  html[data-look="chats"][data-home] .home-sidehead{padding-top:env(safe-area-inset-top)}
  .home-teambtn{visibility:visible}
  .home-mid{padding:0 16px 12vh}
  .home-h1{font-size:32px}
  .home-bar{margin-top:26px}
  .home-hint{height:32px;font-size:13px}
}

/* p63/p63b (the old chat recoloured, the screen window) are gone with the old chat: p64 is patron-chat.js / css/patron-chat.css */

/* ------------------------------------------------------------------ p63b: the old orb icons are gone everywhere (Albert: "just remove them from everywhere") */
html[data-home] .chats-av,html[data-home] .mc.orb,html[data-home] .proj-robot{display:none!important}
html[data-home] .chauto-av:not(.bolt){display:none!important}