:root{--bg:#f4f6f5;--surface:#fff;--surface2:#eceff0;--ink:#1a222c;--muted:#66717f;--line:#dde2e0;--accent:#0f6e56;--run:#2b6cb0;--wait:#b7791f;--ok:#2f855a;--run-bg:#e6f0fb;--wait-bg:#fbf1dc;--ok-bg:#e3f4ea;--sans:"IBM Plex Sans",-apple-system,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:14px/1.5 var(--sans);color:var(--ink);background:var(--bg);display:grid;grid-template-columns:328px minmax(0,1fr);grid-template-rows:34px minmax(calc(100vh - 34px),1fr)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #70ab95;outline-offset:2px}.skip{position:absolute;left:12px;top:-60px;z-index:99;background:var(--surface);padding:8px}.skip:focus{top:5px}[hidden]{display:none!important}
#sample-bar{grid-column:1/-1;grid-row:1;background:#e4eee8;border-bottom:1px solid #c8ded0;padding:6px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#355e46}#sample-bar a{margin-left:14px;font-weight:600}
#side{grid-column:1;grid-row:2;position:sticky;top:0;height:calc(100vh - 34px);border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;overflow:hidden;padding:0 8px;z-index:20}.side-head{display:none}.side-scroll{min-height:0;flex:1;overflow:auto;padding:8px 0}.nav-link{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:6px;color:var(--ink);font-size:13.5px}.nav-link:hover{background:var(--surface2);text-decoration:none}.nav-link.cur{background:var(--surface2);font-weight:500}.nav-icon{width:20px;height:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;font-family:"Material Symbols Outlined";font-weight:300;font-style:normal;font-size:20px;line-height:1;white-space:nowrap;font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;color:var(--muted)}.cur .nav-icon{color:var(--ink)}.side-section{margin-top:8px}.section-label{padding:8px 10px 5px;font-size:11px;letter-spacing:.08em;color:var(--muted);font-weight:600}.org-link{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:6px;color:var(--ink);font-size:13px}.org-link.indent{padding-left:25px}.org-link:hover,.org-link.cur{background:var(--surface2);text-decoration:none}.org-link small{display:block;color:var(--muted);font-size:10px;line-height:1.15}.av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;font-size:11px;font-weight:600;color:white}.av.human{background:#4c5e75}.av.green{background:#168268}.av.purple{background:#9b4971}.av.blue{background:#48789c}.side-footer{border-top:1px solid var(--line);padding:8px 0 12px}.side-footer button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;border-radius:6px;text-align:left;padding:8px 10px;font-size:13px}.side-footer button:hover{background:var(--surface2)}kbd{margin-left:auto;font:11px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 4px}.account-row{display:flex;align-items:center;gap:8px;padding:10px;font-size:11.5px;color:var(--muted)}.account-row a{margin-left:auto;border:1px solid var(--line);border-radius:50%;width:23px;height:23px;text-align:center;line-height:21px}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
#main{grid-column:2;grid-row:2;min-width:0;padding:24px 28px 70px}.page{max-width:1200px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.page-head h1{font-size:25px;font-weight:600;line-height:1.2;letter-spacing:-.025em;margin:0}.page-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.toolbar{display:flex;align-items:center;gap:8px}.toolbar input{min-width:130px;max-width:330px;width:25vw;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:9px 11px}.ghost,.seg button,.chip{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:7px 11px;font-size:12.5px}.ghost:hover,.seg button:hover,.chip:hover{background:var(--surface2)}.round-add{border:0;border-radius:50%;height:36px;width:36px;background:var(--accent);color:white;font-size:26px;line-height:1}.round-add:hover{filter:brightness(1.1)}.seg{display:inline-flex;background:var(--surface2);border-radius:8px;padding:3px;gap:2px}.seg button{border:0;background:none;color:var(--muted);padding:6px 10px}.seg button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0002}.chip{border-radius:99px}.chip.active{background:var(--accent);border-color:var(--accent);color:white}.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.subhead small{font-size:11px;color:var(--muted)}
/* Updates mirrors the shipped feed structure. */
.upd-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;max-width:900px}.upd-card.unread{border-color:#9ac9b1}.upd-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12.5px}.upd-meta strong{font-weight:600}.upd-meta small{color:var(--muted)}.upd-pill{font-size:10px;font-weight:600;background:var(--run-bg);color:var(--run);border-radius:99px;padding:2px 7px}.upd-body{font-size:15px;line-height:1.48;margin-top:6px}.upd-body p{margin:0 0 7px}.upd-body ul{margin:0;padding-left:20px}.upd-actions{display:flex;gap:8px;margin-top:8px}.upd-actions button{border:0;background:none;padding:4px 6px;color:var(--muted);font-size:12px}.upd-actions button:hover{color:var(--accent)}
/* Tasks mirrors For you, List and Board in the current app. */
.tasks-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.tasks-head h1{margin-right:5px}.tasks-search{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:170px;max-width:340px;flex:1}.tasks-search .nav-icon{margin-left:8px}.tasks-search input{border:0;background:transparent;min-width:70px;flex:1;padding:8px;outline:0}.tasks-search button{border:0;border-left:1px solid var(--line);background:none;padding:9px;color:var(--muted)}.task-tabs{display:flex;gap:2px;align-items:center;margin-left:auto}.task-tabs button{background:none;border:0;border-radius:6px;padding:7px 9px;color:var(--muted);font-size:12px}.task-tabs button.active{background:var(--surface2);color:var(--ink);font-weight:600}.task-tabs button:hover{background:var(--surface2)}.needs-card,.list-panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:16px;margin-top:13px}.needs-card h2,.list-panel h2{font-size:15px;font-weight:600;margin:0 0 12px}.needs-row{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid var(--line);background:none;text-align:left;padding:14px 4px}.needs-row strong,.needs-row small{display:block}.needs-row strong{font-size:13px}.needs-row small{font-size:12px;color:var(--muted)}.needs-row:hover,.task-row:hover{background:var(--surface2)}.badge{font-size:10px;border-radius:99px;padding:3px 8px;background:var(--run-bg);color:var(--run)}.badge.wait{background:var(--wait-bg);color:var(--wait)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.task-row{display:grid;grid-template-columns:130px 1fr 135px 70px;gap:10px;align-items:center;width:100%;background:none;border:0;border-top:1px solid var(--line);text-align:left;padding:13px 10px;font-size:12px}.task-row strong{font-size:13px;font-weight:500}.task-row small{color:var(--muted)}.board{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:11px;overflow:auto}.bcol{border:1px solid var(--line);border-radius:9px;background:var(--surface);min-width:150px;align-self:start}.bcol>h2{font-size:11px;color:var(--muted);letter-spacing:.07em;font-weight:600;margin:0;padding:12px;border-bottom:1px solid var(--line)}.bcard{display:block;width:calc(100% - 12px);border:0;border-radius:7px;background:var(--bg);text-align:left;padding:10px;margin:6px;font-size:12px}.bcard:hover{background:var(--surface2)}.bcard strong,.bcard small{display:block}.bcard small{margin-top:9px;color:var(--muted)}
/* Goals, docs, market and bot page use the same paper-like panels. */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:18px;margin:12px 0}.panel h2{font-size:16px;margin:0 0 8px}.panel p{margin:0;color:var(--muted)}.goal-row{border-top:1px solid var(--line);display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0}.goal-row:first-of-type{border-top:0}.goal-row strong{font-size:14px}.goal-row small{display:block;color:var(--muted);margin-top:3px}.goal-row button{border:0;background:none;color:var(--accent)}.doc-row{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:12px 2px}.doc-row strong{display:block}.doc-row small{color:var(--muted)}.bot-head{display:flex;align-items:center;gap:14px}.bot-head .av{width:45px;height:45px;font-size:16px}.bot-head h1{margin:0}.chat-thread{max-width:820px;margin:30px auto;display:grid;gap:13px}.chat-msg{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:13px 16px}.chat-msg small{display:block;color:var(--muted);margin-bottom:5px}.chat-compose{max-width:820px;margin:20px auto;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:13px;color:var(--muted);font-size:13px}.empty{padding:45px 15px;text-align:center;color:var(--muted)}
#mobile-nav{display:none}dialog{border:1px solid var(--line);border-radius:12px;box-shadow:0 25px 80px #0004;max-width:min(660px,calc(100vw - 28px));width:100%;padding:0;background:var(--surface);color:var(--ink)}dialog::backdrop{background:#0d182799}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.1em;color:var(--muted)}.modal-head button{border:0;background:none;font-size:22px;line-height:1}.modal-content{padding:20px}.modal-content h2{font-size:21px;margin:0 0 8px}.modal-content p{color:var(--muted)}.modal-content li{margin-bottom:6px}.modal-note{border-top:1px solid var(--line);padding:13px 20px;color:var(--muted);font-size:11px}#search-modal input{display:block;width:calc(100% - 40px);margin:20px;border:1px solid var(--line);border-radius:7px;padding:10px}#search-results{padding:0 20px 20px}#search-results button{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:11px 0}#search-results button:hover{color:var(--accent)}
@media(max-width:1050px){body{grid-template-columns:240px minmax(0,1fr)}.task-tabs{margin-left:0}.tasks-head{flex-wrap:wrap}.task-row{grid-template-columns:85px 1fr 100px}.task-row small:last-child{display:none}}
@media(max-width:760px){body{display:block;padding-bottom:64px}#sample-bar{height:auto;min-height:34px;font-size:10px;padding:5px 10px}#sample-bar>a{display:none}#sample-bar span:last-child{display:none}#side{display:none;position:fixed;top:0;left:0;bottom:0;width:min(330px,88vw);height:100vh;box-shadow:8px 0 28px #0004;z-index:50}#side.open{display:flex}.side-head{display:flex;justify-content:space-between;align-items:center;padding:12px 10px}.side-head button{background:none;border:0;font-size:24px}.side-scroll{padding-top:0}#side-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0006;z-index:49}#main{padding:16px 12px 90px}.page-head h1{font-size:21px}.upd-card{padding:12px;gap:10px;border-radius:12px}.upd-body{font-size:14px}.toolbar{flex-wrap:wrap}.tasks-head{gap:7px}.tasks-head h1{width:100%}.tasks-search{flex:1}.task-tabs{width:100%;justify-content:space-between;overflow:auto}.task-tabs button{white-space:nowrap}.task-row{grid-template-columns:72px 1fr}.task-row small{display:none}.board{grid-template-columns:repeat(4,180px)}.goal-row{grid-template-columns:32px 1fr}.goal-row button{grid-column:2;text-align:left}.nav-icon{font-size:21px}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--line);z-index:30;justify-content:space-around}#mobile-nav>*{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;background:none;color:var(--muted);font:11px var(--sans)}#mobile-nav .cur{color:var(--accent)}#mobile-nav .cur .nav-icon{color:var(--accent)}dialog{max-height:85vh;overflow:auto}}