:root{color:#17211c;background:#f6f2ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2f6f9f;outline-offset:2px}.app-shell{display:grid;grid-template-columns:68px 282px minmax(420px,1fr) 340px;width:100vw;height:100vh;background:#f6f2ea}.auth-shell{display:grid;width:100vw;height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(127,216,190,.18),transparent 34%),#f6f2ea}.auth-panel{width:min(440px,100%);padding:24px;border:1px solid #ded8ca;border-radius:8px;background:#fffaf0;box-shadow:0 22px 70px #25332e29}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.auth-brand img{width:50px;height:50px;border-radius:12px}.auth-brand h1{margin:0;color:#17211c;font-size:28px;line-height:1.1}.auth-tabs{margin-bottom:16px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-error{margin:0;color:#9c3939;font-size:13px;font-weight:750}.secondary-action{min-height:40px;border:1px solid #d8d3c9;border-radius:8px;color:#26312c;background:#f7f5f0;font-weight:850}.secondary-action:hover{background:#f0ece3}.workspace-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 10px;background:#17211c;-webkit-app-region:drag}.brand-mark,.rail-button,.rail-add{-webkit-app-region:no-drag}.brand-mark{display:grid;width:44px;height:44px;place-items:center;margin:26px 0 10px}.brand-mark img{width:44px;height:44px;border-radius:12px;box-shadow:0 10px 28px #00000040}.rail-button,.rail-add{position:relative;display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#b9c6bf;background:transparent}.rail-button:hover,.rail-add:hover,.rail-button.active{color:#fff;background:#ffffff1c}.rail-button.active:before{position:absolute;left:-10px;width:4px;height:24px;border-radius:0 4px 4px 0;background:#7fd8be;content:""}.rail-button span{position:absolute;top:3px;right:1px;min-width:18px;padding:1px 5px;border-radius:999px;color:#17211c;background:#f7d06b;font-size:11px;font-weight:800}.rail-add{margin-top:auto;background:#ffffff14}.channel-sidebar{display:flex;min-width:0;flex-direction:column;gap:18px;padding:18px 14px;border-right:1px solid #ded8ca;background:#25332e;color:#f7f5f0}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px 4px 0}.eyebrow{margin:0 0 3px;color:#aeb8b2;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.workspace-header h1{margin:0;font-size:22px;line-height:1.1}.icon-button{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:8px;color:currentColor;background:#ffffff14}.icon-button:hover{background:#ffffff29}.search-box{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#c9d1cc;background:#00000024}.search-box input{min-width:0;flex:1;border:0;color:#fff;background:transparent;font-size:13px}.search-box input::placeholder{color:#aeb8b2}.nav-section{display:flex;min-height:0;flex-direction:column;gap:4px}.people-section{overflow:auto}.section-title{display:flex;align-items:center;justify-content:space-between;padding:0 6px 6px;color:#aeb8b2;font-size:11px;font-weight:800;text-transform:uppercase}.section-title button{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;color:#cbd4cf;background:transparent}.section-title button:hover{background:#ffffff1a}.channel-row,.person-row{display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:34px;padding:0 9px;border-radius:8px;color:#dfe6e1;background:transparent;text-align:left}.channel-row:hover,.person-row:hover{background:#ffffff14}.channel-row.active{color:#fff;background:#3b7f5a}.channel-row span,.person-row span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-row strong{display:grid;min-width:22px;height:20px;place-items:center;border-radius:999px;color:#17211c;background:#f7d06b;font-size:12px}.avatar-dot{width:10px;height:10px;flex:0 0 auto;border-radius:999px}.person-row small{max-width:78px;overflow:hidden;color:#aeb8b2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#00000021}.sidebar-footer div{display:flex;min-width:0;flex-direction:column}.sidebar-footer strong{font-size:13px}.sidebar-footer span{color:#aeb8b2;font-size:12px}.conversation{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr) auto;background:#f7f5f0}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:18px 22px 14px;border-bottom:1px solid #e4e0d8;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.channel-title{display:flex;align-items:center;gap:8px;min-width:0}.channel-title h2{margin:0;overflow:hidden;font-size:20px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.conversation-header p{max-width:760px;margin:5px 0 0;overflow:hidden;color:#5c655f;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#25332e}.conversation .icon-button{border:1px solid #ddd7ca;background:#fff}.conversation .icon-button:hover{background:#f0ece3}.pill-button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid #ddd7ca;border-radius:8px;color:#25332e;background:#fff;font-weight:700}.message-list{min-height:0;overflow:auto;padding:20px 22px 26px}.day-divider{display:flex;align-items:center;gap:12px;margin:4px 0 20px;color:#7b817c;font-size:12px;font-weight:800;text-transform:uppercase}.day-divider:before,.day-divider:after{height:1px;flex:1;background:#e4e0d8;content:""}.message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:10px 8px;border-radius:8px}.message:hover{background:#fffaf0}.message-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#17211c;font-weight:900}.message-body{min-width:0}.message-meta{display:flex;align-items:baseline;gap:8px;min-width:0}.message-meta strong{min-width:0;overflow:hidden;color:#17211c;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.message-meta span,.message-meta time{color:#788078;font-size:12px}.message-body p{margin:3px 0 0;color:#26312c;font-size:14px;line-height:1.48;overflow-wrap:anywhere}.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.attachment-list a{display:inline-flex;align-items:center;gap:7px;max-width:280px;min-height:34px;padding:0 10px;border:1px solid #d8d3c9;border-radius:7px;color:#26312c;background:#fff;font-size:12px;font-weight:800;text-decoration:none}.attachment-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-list small{flex:none;color:#788078}.compact-attachments{margin-top:6px}.composer-wrap{padding:14px 22px 18px;border-top:1px solid #e4e0d8;background:#f7f5f0}.composer{border:1px solid #d8d3c9;border-radius:8px;background:#fff;box-shadow:0 18px 46px #25332e17}.file-input{display:none}.pending-attachments{display:flex;flex-wrap:wrap;gap:7px;padding:10px 10px 0}.pending-attachments button{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:30px;padding:0 9px;border:1px solid #d8d3c9;border-radius:7px;color:#26312c;background:#f7f5f0;font-size:12px;font-weight:750}.pending-attachments span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer textarea{display:block;width:100%;min-height:70px;max-height:160px;resize:vertical;padding:14px 14px 8px;border:0;color:#17211c;background:transparent;font-size:14px;line-height:1.45}.composer textarea::placeholder{color:#8a8f89}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-top:1px solid #ebe6dc}.composer-actions div{display:flex;gap:4px}.composer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:34px;height:34px;border-radius:7px;color:#59625c;background:transparent}.composer-actions button:hover{background:#f0ece3}.composer-actions .send-button{min-width:92px;padding:0 13px;color:#fff;background:#3b7f5a;font-weight:800}.composer-actions .send-button:hover{background:#326d4d}.composer-actions .send-button:disabled{cursor:not-allowed;opacity:.46}.details-panel{display:flex;min-width:0;flex-direction:column;gap:16px;padding:28px 18px;border-left:1px solid #e4e0d8;background:#f0ece3;overflow:auto}.details-card,.details-block{border:1px solid #ded8ca;border-radius:8px;background:#fff}.channel-summary{padding:18px}.summary-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;color:#17211c;background:#f7d06b}.details-card h3,.details-block h3{margin:0;font-size:15px}.details-card h3{margin-top:14px}.details-card p{margin:7px 0 0;color:#59625c;font-size:13px;line-height:1.45}.details-block{overflow:hidden}.details-heading{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid #eee8dc}.pin-item,.room-item{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:10px 14px;color:#25332e;background:#fff;text-align:left}.pin-item{flex-direction:column;align-items:flex-start;gap:2px}.pin-item:hover,.room-item:hover{background:#fbf6ec}.pin-item span,.room-item span{max-width:100%;overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.pin-item small{color:#777f78;font-size:12px}.app-shell.details-closed{grid-template-columns:68px 282px minmax(420px,1fr)}.workspace-switch{position:relative;display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#17211c;background:var(--workspace-accent);font-weight:900;-webkit-app-region:no-drag}.workspace-switch.active:before{position:absolute;left:-10px;width:4px;height:24px;border-radius:0 4px 4px 0;background:#fff;content:""}.channel-row em{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;color:#fff;background:#b94747;font-size:11px;font-style:normal;font-weight:900}.compact .message{padding-top:5px;padding-bottom:5px}.inline-channel{padding:0;color:#2f6f9f;background:transparent;font-size:12px;font-weight:800}.message-footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-pill,.ghost-action{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 8px;border:1px solid #e4e0d8;border-radius:999px;color:#4f5a53;background:#fff;font-size:12px;font-weight:750}.reaction-pill:hover,.ghost-action:hover,.ghost-action.selected{border-color:#bfd8c9;color:#17211c;background:#edf7f1}.ghost-action.danger:hover{border-color:#e4b1ad;color:#9c3939;background:#fff1f0}.edit-box{display:flex;flex-direction:column;gap:8px;margin-top:7px}.edit-box textarea{min-height:74px;resize:vertical;padding:10px;border:1px solid #d8d3c9;border-radius:8px}.edit-box div{display:flex;gap:8px}.edit-box button{min-height:30px;padding:0 10px;border-radius:7px;background:#f0ece3;font-weight:800}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-panel{display:flex;flex-direction:column;gap:14px}.call-stage{position:relative;display:grid;min-height:220px;place-items:center;overflow:hidden;border-radius:8px;background:#17211c}.call-stage video{width:100%;height:100%;min-height:220px;object-fit:cover;transform:scaleX(-1)}.call-video-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:10px;place-content:center;place-items:center;color:#f7f5f0;background:#17211cd6;font-size:13px;font-weight:800}.call-stage.audio-only{background:#25332e}.call-avatar{display:grid;gap:12px;place-items:center;color:#f7f5f0}.call-avatar svg{width:58px;height:58px;padding:15px;border-radius:999px;background:#3b7f5a}.call-incoming{display:grid;min-height:220px;place-items:center;gap:8px;padding:28px;border-radius:8px;color:#f7f5f0;background:#25332e;text-align:center}.call-incoming svg{width:58px;height:58px;padding:15px;border-radius:999px;background:#3b7f5a}.call-incoming strong{font-size:20px}.call-incoming span{color:#cbd4cf;font-size:13px;font-weight:750}.local-preview{position:absolute;right:10px;bottom:10px;display:grid;width:112px;height:82px;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.75);border-radius:8px;color:#f7f5f0;background:#17211c;font-size:12px;font-weight:850}.local-preview video{width:100%;height:100%;min-height:0;object-fit:cover;transform:scaleX(-1)}.call-status,.call-error{margin:0;font-size:13px;font-weight:750}.call-status{color:#4f5a53}.call-error{color:#9c3939}.call-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.call-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border-radius:8px;color:#26312c;background:#fffaf0;font-size:12px;font-weight:850}.call-controls button:hover,.call-controls button.active{background:#dfeee6}.call-controls button:disabled{cursor:not-allowed;opacity:.45}.call-controls .end-call{color:#fff;background:#b24742}.call-controls .end-call:hover{background:#9c3939}.panel-title h3{margin:0;font-size:17px}.panel-title button{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#fff}.summary-actions{display:flex;gap:8px;margin-top:14px}.summary-actions button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:8px;color:#fff;background:#3b7f5a;font-weight:800}.panel-empty{margin:0;padding:14px;color:#687168;font-size:13px}.message-mini{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #ded8ca;border-radius:8px;background:#fff}.message-mini strong{margin-right:8px;font-size:13px}.message-mini time{color:#788078;font-size:12px}.message-mini p{margin:4px 0 0;color:#26312c;font-size:13px;line-height:1.42;overflow-wrap:anywhere}.thread-replies{display:flex;flex-direction:column;gap:10px}.search-view,.preferences-view{min-height:0;overflow:auto;padding:22px}.big-search{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border:1px solid #d8d3c9;border-radius:8px;background:#fff}.big-search input{min-width:0;flex:1;border:0;color:#17211c;background:transparent}.search-results{display:flex;flex-direction:column;gap:8px;margin-top:14px}.search-result{display:grid;grid-template-columns:minmax(120px,auto) auto;gap:4px 10px;width:100%;padding:12px;border:1px solid #e4e0d8;border-radius:8px;color:#17211c;background:#fff;text-align:left}.search-result:hover{border-color:#bfd8c9;background:#fbf6ec}.search-result span{color:#2f6f9f;font-size:12px;font-weight:800}.search-result p{grid-column:1 / -1;margin:2px 0 0;color:#4f5a53;font-size:13px;line-height:1.4}.empty-state{display:grid;min-height:280px;place-items:center;align-content:center;gap:8px;color:#5c655f;text-align:center}.empty-state h3{margin:6px 0 0;color:#17211c}.empty-state p{max-width:360px;margin:0;font-size:14px}.preference-list{display:flex;flex-direction:column;gap:10px}.preference-list button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 12px;border:1px solid #ded8ca;border-radius:8px;color:#17211c;background:#fff;text-align:left}.preference-list button:hover{background:#fbf6ec}.preference-list strong{color:#3b7f5a;font-size:12px}.danger-action{margin-top:14px;min-height:38px;padding:0 12px;border-radius:8px;color:#fff;background:#b94747;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#17211c6b}.modal{display:flex;width:min(460px,100%);flex-direction:column;gap:14px;padding:16px;border:1px solid #d8d3c9;border-radius:8px;background:#fff;box-shadow:0 22px 80px #00000038}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:18px}.modal-header button{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:#f0ece3}.form-field{display:flex;flex-direction:column;gap:6px;color:#4f5a53;font-size:13px;font-weight:800}.form-field input,.form-field textarea{width:100%;border:1px solid #d8d3c9;border-radius:8px;color:#17211c;background:#fff}.form-field input{height:40px;padding:0 10px}.form-field textarea{min-height:82px;resize:vertical;padding:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border-radius:8px;background:#f0ece3}.segmented button{height:34px;border-radius:7px;color:#4f5a53;background:transparent;font-weight:800}.segmented button.active{color:#17211c;background:#fff}.primary-action{min-height:40px;border-radius:8px;color:#fff;background:#3b7f5a;font-weight:900}@media(max-width:1180px){.app-shell{grid-template-columns:64px 250px minmax(420px,1fr)}.details-panel{display:none}}@media(max-width:900px){.app-shell{grid-template-columns:60px minmax(0,1fr)}.channel-sidebar{display:none}.conversation-header{padding-top:42px}}