@font-face{font-family:Manrope;src:url('brand/fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#F4F5F3;--card:#FFF;--ink:#182126;--muted:#687781;--line:#DDE3E6;--gold:#123047;--gold-soft:rgba(18,48,71,.08);--on-primary:#FFF;--accent:#B29A68;--surface2:#EEF1F2;--sidebar:#123047;--sb-text:#F4F5F3;--sb-muted:rgba(244,245,243,.65)}
:root[data-theme="dark"]{--bg:#101D27;--card:#182B39;--ink:#F4F5F3;--muted:#A9C1D1;--line:rgba(244,245,243,.12);--gold:#A9C1D1;--gold-soft:rgba(169,193,209,.12);--on-primary:#182126;--accent:#B29A68;--surface2:#203949;--sidebar:#0B1822;--sb-text:#F4F5F3;--sb-muted:rgba(244,245,243,.58)}
body{font-family:Manrope,system-ui,sans-serif}.app{grid-template-columns:248px 1fr}.sidebar{padding:24px 16px 18px}.sb-logo{padding:0 8px 18px}.sb-logo svg{width:34px!important;height:34px!important}.sb-logo .nm{font-size:16px}.sb-logo .nm b{color:var(--sb-text)}.sb-label{font-size:9px;letter-spacing:1.6px;color:var(--accent);padding:11px 11px}.sb-nav{gap:3px}.sb-nav .tab{padding:10px 11px;border-radius:9px;font-size:13px;color:var(--sb-muted);position:relative}.sb-nav .tab.active{background:rgba(255,255,255,.1);color:var(--sb-text)}.sb-nav .tab.active:before{content:"";position:absolute;left:-16px;width:3px;height:22px;background:var(--accent);border-radius:0 3px 3px 0}.sb-foot{border-color:rgba(255,255,255,.12);padding-top:16px}.sb-foot .av{border-radius:50%;background:#A9C1D1;color:#123047}.topbar{height:72px;padding:0 32px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);gap:10px}.crumb{font-size:12px}.search{width:230px;background:var(--bg);border-radius:9px;font-size:12px}.out,.btn,.subtab{border-radius:9px;text-decoration:none}.btn{min-height:40px}.btn.gold{background:#123047;color:#fff}.subtabs{padding:13px 32px 0}.subtab{font-size:12px}.board{padding:16px 32px;gap:13px}.col{background:rgba(73,106,130,.055);border:1px solid var(--line);border-radius:13px}.card{border-radius:10px;box-shadow:0 2px 8px rgba(18,48,71,.025)}.card:hover{border-color:#A9C1D1;box-shadow:0 8px 20px rgba(18,48,71,.07)}.tag{border-radius:5px}.modal{border-radius:17px;box-shadow:0 24px 80px rgba(18,48,71,.2)}.overlay{background:rgba(10,27,39,.48)}input,textarea,select{border-color:var(--line)!important;border-radius:9px!important}input:focus,textarea:focus,select:focus{border-color:#496A82!important;box-shadow:0 0 0 3px rgba(73,106,130,.14)!important}.toast{border-radius:9px;background:#182126}.login{background:linear-gradient(120deg,#123047 0 44%,#F4F5F3 44%)}.login .box{border:1px solid var(--line);box-shadow:0 26px 75px rgba(18,48,71,.2)}.login h1{color:#123047}.login h1 b{color:#123047}.login button{background:#123047;color:#fff}.login .box:before{content:'ARQUITETURA DE CRESCIMENTO';display:block;font-size:9px;letter-spacing:1.5px;color:#496A82;margin-bottom:12px;font-weight:700}.bubble.out{background:#123047;color:#fff}.composer textarea{border-radius:10px}.avatar{background:linear-gradient(135deg,#123047,#496A82)}
@media(max-width:900px){body{padding-bottom:68px}.app{display:block;height:auto;min-height:100vh}.sidebar{position:fixed;inset:auto 0 0 0;height:68px;z-index:80;padding:6px;background:#fff;border-top:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.sb-logo,.sb-label,.sb-foot{display:none}.sb-nav{display:flex;height:100%;width:max-content;min-width:100%;justify-content:flex-start;gap:2px}.sb-nav .tab{min-width:72px;flex-direction:column;justify-content:center;gap:2px;padding:5px 8px;color:var(--muted);font-size:9px;white-space:nowrap}.sb-nav .tab.active{background:transparent;color:#123047}.sb-nav .tab.active:before{left:50%;top:-6px;width:26px;height:3px;transform:translateX(-50%);border-radius:0 0 3px 3px}.main{min-height:calc(100vh - 68px)}.topbar{height:auto;min-height:62px;padding:10px 14px;position:sticky;top:0;z-index:40}.search{flex:1;min-width:130px}.who{display:none}.subtabs{padding:9px 14px 0}.board{padding:12px 14px;scroll-snap-type:x mandatory}.col{width:84vw;min-width:84vw;scroll-snap-align:start}.login{background:#F4F5F3}.login .box{max-width:calc(100vw - 32px)}.overlay{padding:0}.modal{height:100%;max-height:none;border-radius:0}.inbox{min-height:calc(100vh - 140px)}}
@media(max-width:680px){.sidebar{flex-direction:row;align-items:stretch}.tabs{display:none}.topbar .crumb{display:none}.topbar .out{font-size:0;width:36px}.topbar .out:after{content:'⋯';font-size:18px}.search{width:auto}.clist{max-height:38vh}.thread{min-height:48vh}}