:root{--ink:#10211b;--muted:#6c7772;--line:#e4e9e6;--soft:#f4f7f5;--cream:#fbfcfa;--green:#146c52;--mint:#dff5e9;--deep:#071813;--blue:#2661d9;--orange:#f2a85b;--shadow:0 18px 50px rgba(15,32,25,.13)}
*{box-sizing:border-box}body{margin:0;background:#e9eeeb;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{height:100vh;display:grid;grid-template-columns:76px 330px minmax(460px,1fr) 310px;background:var(--cream);max-width:1720px;margin:auto;box-shadow:0 0 80px rgba(7,24,19,.12)}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rail{background:var(--deep);display:flex;flex-direction:column;align-items:center;padding:24px 0 18px;color:#fff}.brand{width:40px;height:40px;border-radius:13px;background:#e3f6e9;border:0;color:var(--deep);font:800 19px Manrope;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.brand span{display:block;transform:rotate(-8deg)}.rail-nav{display:flex;flex-direction:column;gap:10px;margin-top:54px}.rail-btn{position:relative;width:44px;height:44px;border:0;border-radius:12px;color:#82948e;background:transparent;display:grid;place-items:center;transition:.2s}.rail-btn:hover,.rail-btn.active{background:#17352c;color:white}.rail-btn.active:before{content:"";position:absolute;left:-16px;width:3px;height:22px;background:#79d39e;border-radius:0 3px 3px 0}.rail-btn:after{content:attr(data-tip);position:absolute;left:56px;background:#0e211b;padding:6px 9px;border-radius:6px;opacity:0;pointer-events:none;transform:translateX(-5px);transition:.2s;font-size:12px;z-index:20;white-space:nowrap}.rail-btn:hover:after{opacity:1;transform:none}.nav-dot{width:6px;height:6px;border-radius:50%;background:#70d498;position:absolute;right:7px;top:7px}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:18px}.owner-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d7a673;color:#fff;font-weight:700;font-size:12px;border:2px solid #29463d}
.inbox-panel{background:#f7f9f7;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.inbox-head{padding:28px 23px 17px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font:700 10px Manrope;letter-spacing:1.6px;color:#96a19c;margin:0 0 3px}.inbox-head h1{font:700 23px Manrope;margin:0;letter-spacing:-.6px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:white;border-radius:10px;display:grid;place-items:center;color:#44524d}.icon-btn.dark{background:var(--deep);color:#fff;border:0}.seat-card{margin:0 20px 17px;background:#e9f3ed;border:1px solid #d9e9df;border-radius:12px;padding:12px 14px}.seat-top{display:flex;justify-content:space-between;font-size:11px;font-weight:600}.seat-top strong{font-size:11px}.seat-track{height:4px;border-radius:10px;background:#d2e0d7;margin:8px 0}.seat-track i{display:block;width:72%;height:100%;background:var(--green);border-radius:inherit}.seat-card p{margin:0;color:#557066;font-size:10px}.pulse-dot,.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2eb477;margin-right:6px}.search-box{margin:0 20px 13px;height:41px;background:white;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 10px;gap:8px;color:#809089}.search-box svg{width:17px}.search-box input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);font-size:12px}.search-box kbd{border:1px solid #e1e7e3;border-radius:5px;padding:2px 5px;font-size:9px;color:#98a29e;background:#f7f9f8}.filter-row{display:flex;padding:0 20px 11px;gap:7px}.filter-chip{border:0;background:transparent;color:#79847f;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:600}.filter-chip.active{color:var(--ink);background:#e4ebe7}.filter-chip span{background:#d9e1dd;border-radius:10px;padding:1px 5px;margin-left:3px}.filter-chip.active span{background:white}.chat-list{overflow-y:auto;flex:1;padding:0 9px}.chat-item{display:grid;grid-template-columns:45px 1fr auto;gap:11px;align-items:center;padding:13px 12px;border-radius:12px;border:0;width:100%;text-align:left;background:transparent;color:inherit;position:relative}.chat-item:hover{background:#eff3f0}.chat-item.active{background:white;box-shadow:0 3px 14px rgba(24,47,38,.07)}.chat-item.active:before{content:"";position:absolute;left:-9px;top:17px;width:3px;height:36px;border-radius:0 4px 4px 0;background:var(--green)}.client-avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#d8ece2;color:#236148;font:700 12px Manrope}.client-avatar.gold{background:#f3e3cf;color:#9a5f28}.client-avatar.blue{background:#dfe9f5;color:#3d668d}.client-avatar.purple{background:#ebe2f2;color:#735087}.client-avatar.rose{background:#f2dfe2;color:#995765}.chat-main{min-width:0}.chat-name-row,.chat-preview-row{display:flex;justify-content:space-between;gap:8px}.chat-name-row strong{font:700 13px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-name-row time{font-size:9px;color:#929c98}.chat-preview-row{align-items:center;margin-top:5px}.chat-preview-row p{font-size:11px;color:#77827d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.unread-count{min-width:18px;height:18px;border-radius:9px;background:var(--green);color:white;font-size:9px;font-weight:700;display:grid;place-items:center}.chat-tag{font-size:8px;color:#5c7168;background:#e8efeb;border-radius:5px;padding:2px 5px}.invite-card{margin:10px 20px 20px;border:1px dashed #cdd8d2;background:transparent;border-radius:11px;display:flex;align-items:center;gap:9px;padding:10px;text-align:left;color:var(--ink)}.invite-card:hover{background:white}.invite-icon{width:29px;height:29px;border-radius:8px;background:#e8f2ec;display:grid;place-items:center;color:var(--green);font-size:20px}.invite-card>span:nth-child(2){display:flex;flex-direction:column;flex:1}.invite-card strong{font-size:11px}.invite-card small{font-size:9px;color:#87918d}.invite-card svg{width:14px;color:#86908c}
.conversation{display:flex;flex-direction:column;background:#fbfcfb;min-width:0;position:relative}.conversation-head{height:78px;border-bottom:1px solid var(--line);padding:0 25px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.8)}.client-avatar.large{width:43px;height:43px}.client-title{min-width:0}.name-line{display:flex;align-items:center;gap:7px}.client-title h2{font:700 16px Manrope;margin:0}.verified{width:16px;height:16px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:9px}.client-title p{margin:3px 0 0;color:#77827d;font-size:10px}.head-actions{margin-left:auto;display:flex;gap:7px}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}.security-strip{height:37px;background:#f1f7f3;color:#61736b;font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid #e2ece6}.security-strip svg{width:13px}.security-strip button{border:0;background:transparent;color:var(--green);font-weight:600;font-size:10px}.messages{flex:1;overflow-y:auto;padding:17px 5.5% 10px;scroll-behavior:smooth}.date-divider{text-align:center;margin:3px 0 18px;position:relative}.date-divider:before{content:"";height:1px;background:#edf0ee;position:absolute;left:0;right:0;top:50%}.date-divider span{position:relative;background:#fbfcfb;padding:0 10px;color:#96a09c;font-size:9px;text-transform:uppercase;letter-spacing:.6px}.message{display:flex;gap:8px;margin:0 0 13px;max-width:76%}.message.outgoing{margin-left:auto;justify-content:flex-end}.message>div:last-child{max-width:100%}.mini-avatar{width:28px;height:28px;border-radius:50%;background:#d8ece2;color:#236148;display:grid;place-items:center;font-size:8px;font-weight:700;align-self:flex-end;margin-bottom:17px}.bubble{padding:10px 13px;background:white;border:1px solid #e6eae8;border-radius:13px 13px 13px 4px;box-shadow:0 2px 4px rgba(23,47,38,.02);font-size:12px;line-height:1.5}.outgoing .bubble{background:#dff2e7;border-color:#d5ebdf;border-radius:13px 13px 4px 13px}.message time{display:block;color:#98a19d;font-size:8px;margin-top:4px}.outgoing time{text-align:right}.ticks{color:#259065;letter-spacing:-2px;margin-left:3px}.document-message{min-width:330px}.document-card{width:340px;max-width:100%;border:1px solid #dce5e0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 16px rgba(28,53,43,.06)}.document-top{display:flex;align-items:center;gap:10px;padding:12px}.file-icon{width:39px;height:43px;border-radius:8px;display:grid;place-items:center;font:800 8px Manrope;letter-spacing:.4px}.file-icon.pdf,.tiny-file.pdf{background:#f8e2e1;color:#b84843}.file-icon.doc,.tiny-file.doc{background:#dfeafa;color:#426b9d}.file-meta{display:flex;flex-direction:column;min-width:0;flex:1}.file-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta span{font-size:9px;color:#87918d;margin-top:4px}.more-btn,.shared-file>button{border:0;background:transparent;color:#89938f}.access-row{border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;color:#839089;font-size:9px}.lock-chip{color:#32684f;background:#edf6f1;padding:4px 7px;border-radius:5px;font-weight:600}.document-actions{display:grid;grid-template-columns:1fr 42px}.document-actions button{height:36px;border:0;background:white;color:var(--green);font-size:10px;font-weight:700}.download-btn{border-left:1px solid #edf0ee!important}.download-btn svg{width:15px}.audit-event{margin:12px auto 16px;background:#f0f3f1;color:#76817c;border-radius:20px;padding:6px 11px;width:max-content;max-width:90%;font-size:8px}.audit-event span{display:inline-grid;place-items:center;border-radius:50%;width:14px;height:14px;background:#dceae2;color:var(--green);margin-right:4px}.composer-wrap{padding:10px 4.5% 12px;background:linear-gradient(0deg,#fbfcfb 80%,rgba(251,252,251,0));position:relative}.composer{height:48px;border:1px solid #dfe5e2;background:white;border-radius:13px;display:flex;align-items:center;padding:0 7px;box-shadow:0 6px 20px rgba(18,39,31,.06)}.composer button{border:0;background:transparent}.attach-btn{width:35px;color:#5e6d67}.composer textarea{resize:none;border:0;outline:0;flex:1;max-height:80px;padding:15px 6px;font-size:12px}.emoji-btn{font-size:18px;color:#86908c}.send-btn{width:36px!important;height:36px;border-radius:9px!important;background:var(--green)!important;color:white;margin-left:6px;display:grid;place-items:center}.send-btn svg{width:16px}.composer-note{text-align:center;margin:6px 0 0;font-size:8px;color:#9aa29f}.composer-note svg{width:9px;height:9px;vertical-align:-2px;margin-right:3px}.reply-preview{display:none;position:absolute;left:5%;right:5%;bottom:64px;background:white;border:1px solid var(--line);border-left:3px solid var(--green);padding:8px 12px;border-radius:8px 8px 0 0;box-shadow:0 -5px 20px rgba(0,0,0,.05)}.reply-preview.visible{display:flex;flex-direction:column}.reply-preview span{font-size:8px;color:var(--green)}.reply-preview strong{font-size:10px}.reply-preview button{position:absolute;right:8px;top:8px;border:0;background:transparent}
.details-panel{border-left:1px solid var(--line);background:#f9faf9;overflow-y:auto;transition:.25s}.details-head{height:78px;padding:0 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:white}.details-head h3{font:700 15px Manrope}.close-details{border:0;background:transparent;font-size:20px;color:#7e8984}.profile-block{text-align:center;padding:22px 18px 19px;border-bottom:1px solid var(--line)}.client-avatar.xl{width:61px;height:61px;margin:auto;font-size:16px}.profile-block h3{font:700 15px Manrope;margin:10px 0 3px}.profile-block p{font-size:9px;color:#89938f;margin:0}.profile-actions{display:flex;justify-content:center;gap:8px;margin-top:14px}.profile-actions button{border:1px solid var(--line);border-radius:8px;background:white;color:#52615b;font-size:9px;padding:7px 13px}.profile-actions svg{width:12px;height:12px;vertical-align:-3px;margin-right:5px}.detail-section{padding:13px 17px;border-bottom:1px solid var(--line)}.section-title{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;padding:3px 0 10px;font:700 11px Manrope;color:var(--ink)}.section-title b{font-size:8px;background:#e3e9e6;padding:2px 5px;border-radius:8px;margin-left:4px}.shared-file{display:grid;grid-template-columns:32px 1fr 18px;gap:8px;align-items:center;margin-bottom:11px}.tiny-file{width:31px;height:34px;border-radius:6px;display:grid;place-items:center;font:800 6px Manrope}.shared-file>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.shared-file strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-file small{font-size:8px;color:#8d9792;margin-top:3px}.view-all{width:100%;border:0;background:#edf3ef;color:var(--green);padding:8px;border-radius:7px;font-size:9px;font-weight:700}.view-all span{float:right}.control-row{display:flex;justify-content:space-between;align-items:center;margin:7px 0 15px}.control-row>span{display:flex;align-items:center;gap:8px}.control-row>span>span{display:flex;flex-direction:column}.control-row strong{font-size:9px}.control-row small{font-size:8px;color:#8c9692;margin-top:2px}.control-icon,.option-icon{width:29px;height:29px;border-radius:8px;background:#eaf1ed;color:#517062;font-style:normal;font-size:10px;display:grid;place-items:center}.edit-control{border:0;background:transparent;color:var(--green);font-size:9px}.switch{display:inline-block}.switch input{display:none}.switch i{display:block;width:31px;height:18px;border-radius:11px;background:#cdd5d1;position:relative;transition:.2s}.switch i:after{content:"";position:absolute;width:14px;height:14px;background:white;border-radius:50%;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.switch input:checked+i{background:var(--green)}.switch input:checked+i:after{left:15px}.audit-link{margin:14px 17px;border:1px solid #dde5e1;background:white;border-radius:10px;padding:11px;display:flex;align-items:center;gap:9px;width:calc(100% - 34px);text-align:left;color:var(--ink)}.audit-link svg{width:16px;color:var(--green)}.audit-link>span:nth-child(2){display:flex;flex-direction:column;flex:1}.audit-link strong{font-size:9px}.audit-link small{font-size:8px;color:#909995;margin-top:2px}
.modal-backdrop{position:fixed;inset:0;background:rgba(4,17,12,.65);backdrop-filter:blur(5px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex;animation:fade .2s}.modal{width:550px;max-height:94vh;overflow-y:auto;background:#fbfcfb;border-radius:18px;box-shadow:var(--shadow);animation:rise .25s}.modal-head{padding:24px 27px 17px;position:relative}.modal-kicker{font:700 9px Manrope;color:var(--green);letter-spacing:1.6px}.modal-head h2{font:700 22px Manrope;letter-spacing:-.5px;margin:5px 0 3px}.modal-head p{color:#7e8984;font-size:11px;margin:0}.modal-close{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:white;font-size:20px;color:#68756f;position:absolute;right:20px;top:20px}.selected-file{margin:0 27px 16px;padding:12px;background:#edf4f0;border:1px solid #dce9e2;border-radius:11px;display:flex;align-items:center;gap:10px}.selected-file>div:nth-child(2){display:flex;flex-direction:column;flex:1}.selected-file strong{font-size:11px}.selected-file span{font-size:9px;color:#7f8b85;margin-top:3px}.ready-check{width:21px;height:21px!important;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white!important}.modal-body{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 27px}.field-label{display:block;font:700 8px Manrope;letter-spacing:1.1px;color:#89938e;margin-bottom:7px}.recipient-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:9px;padding:9px 10px;margin-bottom:12px}.recipient-avatar{width:30px;height:30px;border-radius:50%;background:#d8ece2;color:#236148;display:grid;place-items:center;font-size:9px;font-weight:700}.recipient-box>span:nth-child(2){display:flex;flex:1;flex-direction:column}.recipient-box strong{font-size:10px}.recipient-box small{font-size:8px;color:#89938e}.verified-mail{font-size:8px;color:var(--green);font-weight:600}.option-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #edf0ee}.option-row>span{display:flex;align-items:center;gap:9px}.option-row>span>span{display:flex;flex-direction:column}.option-row strong{font-size:10px}.option-row small{font-size:8px;color:#8d9692;margin-top:2px}.option-row select{border:1px solid var(--line);background:white;border-radius:7px;padding:6px 20px 6px 8px;font-size:9px;outline:0}.modal-footer{padding:15px 27px 20px;display:flex;align-items:center;justify-content:space-between}.modal-footer>p{font-size:8px;color:#73807a}.modal-footer>p svg{width:13px;vertical-align:-3px;color:var(--green);margin-right:4px}.modal-footer>div{display:flex;gap:8px}.secondary-btn,.primary-btn{border-radius:9px;padding:9px 13px;font-size:10px;font-weight:600}.secondary-btn{border:1px solid var(--line);background:white;color:#53615b}.primary-btn{border:1px solid var(--green);background:var(--green);color:white}.primary-btn span{margin-left:9px}.preview-modal{width:810px;height:min(690px,94vh);background:#1a2420;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.preview-modal>header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:white;background:#101a16}.preview-modal>header>div{display:flex;align-items:center;gap:9px}.preview-modal header .file-icon{height:35px;width:32px}.preview-modal header strong{display:block;font-size:11px}.preview-modal header small{font-size:8px;color:#9aaba4}.preview-modal .modal-close{position:static;background:#23312b;border-color:#35443e;color:white}.paper-wrap{flex:1;overflow:auto;background:#39443f;padding:30px;position:relative;display:grid;place-items:start center}.paper{width:390px;min-height:505px;background:#fff;padding:42px 48px;color:#18251f;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.2)}.paper-brand{font:800 10px Manrope;letter-spacing:1px}.paper-label{font-size:7px;letter-spacing:2px;color:#8b3b3b;margin-top:70px}.paper h1{font:700 37px Manrope;line-height:1.05;letter-spacing:-1.5px;margin:10px 0 18px}.paper-subtitle{font:500 12px Manrope;line-height:1.6;color:#53625b}.paper-rule{height:3px;width:50px;background:var(--green);margin:55px 0 16px}.paper>p:nth-last-of-type(1){font-size:9px;line-height:1.5}.paper footer{position:absolute;bottom:25px;font-size:7px;color:#849088}.watermark{position:absolute;color:rgba(66,91,80,.11);font:800 17px Manrope;transform:rotate(-35deg);left:50%;top:50%;width:500px;margin-left:-250px;text-align:center;z-index:3;pointer-events:none}.preview-modal>footer{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#101a16;color:#aebbb5;font-size:9px}.preview-modal>footer svg{width:13px;vertical-align:-4px;margin-right:4px}.toast{position:fixed;right:25px;bottom:25px;z-index:200;background:#10241c;color:white;min-width:290px;border-radius:12px;padding:13px 15px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.toast>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#6cc893;color:#082015}.toast>div{display:flex;flex-direction:column}.toast strong{font-size:11px}.toast small{font-size:9px;color:#aebcb6;margin-top:2px}@keyframes fade{from{opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(16px)}}
@media(max-width:1250px){.app-shell{grid-template-columns:70px 300px minmax(460px,1fr)}.details-panel{position:fixed;z-index:40;right:0;top:0;bottom:0;width:310px;box-shadow:-10px 0 35px rgba(9,26,19,.12);transform:translateX(102%)}.details-panel.open{transform:none}}
@media(max-width:840px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:100dvh}.rail{display:none}.inbox-panel{position:fixed;z-index:50;left:0;top:0;bottom:0;width:min(330px,88vw);box-shadow:10px 0 30px rgba(0,0,0,.15);transform:translateX(-102%);transition:.25s}.inbox-panel.open{transform:none}.mobile-menu{display:block}.conversation{height:100dvh}.messages{padding-left:4%;padding-right:4%}.message{max-width:88%}.document-message{min-width:0}.security-strip{padding:0 10px;text-align:center}.preview-modal{width:100%;height:100%;border-radius:0}.paper{width:330px;min-height:470px;padding:35px}.modal{width:100%}}
@media(max-width:480px){.conversation-head{padding:0 12px;height:66px}.client-avatar.large{display:none}.head-actions .icon-btn:first-child{display:none}.security-strip{height:42px}.messages{padding-top:12px}.document-card{width:310px}.modal-backdrop{padding:0}.modal{height:100%;max-height:none;border-radius:0}.modal-head{padding:24px 20px 17px}.selected-file{margin-left:20px;margin-right:20px}.modal-body{padding-left:20px;padding-right:20px}.modal-footer{padding:14px 20px;align-items:flex-end}.modal-footer>p{display:none}.paper-wrap{padding:20px 10px}.paper{width:290px;min-height:420px}.toast{left:15px;right:15px;bottom:15px}.message{max-width:94%}}

/* Product typography and functional workspace surfaces */
body{font-family:"DM Sans",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.brand,.chat-name-row strong,.client-title h2,.profile-block h3,.modal-head h2,.workspace-title,.workspace-card h3,.empty-state strong{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,sans-serif!important;letter-spacing:-.035em}
.paper h1{font-family:"Source Serif 4",Georgia,serif!important;font-weight:600;letter-spacing:-.04em}
.workspace-backdrop{position:fixed;inset:0;background:rgba(4,17,12,.68);backdrop-filter:blur(6px);z-index:150;display:none;align-items:center;justify-content:center;padding:24px}.workspace-backdrop.open{display:flex;animation:fade .18s}.workspace-modal{width:min(880px,94vw);max-height:88vh;display:flex;flex-direction:column;background:#f8faf8;border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 28px 80px rgba(3,16,11,.26);overflow:hidden;animation:rise .24s}.workspace-head{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;background:#fff;border-bottom:1px solid var(--line)}.workspace-head>div{min-width:0}.workspace-kicker{font:700 9px "Plus Jakarta Sans";letter-spacing:1.6px;color:var(--green)}.workspace-title{font-size:24px;margin:4px 0 3px}.workspace-subtitle{margin:0;color:#7d8984;font-size:11px}.workspace-close{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:white;color:#68756f;font-size:21px}.workspace-body{padding:20px 26px 26px;overflow:auto}.workspace-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.workspace-search{flex:1;height:42px;border:1px solid var(--line);border-radius:10px;background:white;padding:0 13px;outline:0}.workspace-search:focus,.form-input:focus{border-color:#86b9a4;box-shadow:0 0 0 3px rgba(20,108,82,.08)}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-card{background:white;border:1px solid var(--line);border-radius:13px;padding:14px;display:flex;align-items:center;gap:12px}.workspace-card h3{font-size:12px;margin:0 0 4px}.workspace-card p{font-size:9px;color:#7f8b85;margin:0}.workspace-card .card-main{flex:1;min-width:0}.workspace-card .card-main h3,.workspace-card .card-main p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card .card-action{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;color:var(--green);font-size:9px;font-weight:700}.workspace-card .status-pill{font-size:8px;padding:4px 7px;border-radius:12px;background:#e7f4ec;color:var(--green);font-weight:700}.activity-list{display:flex;flex-direction:column}.activity-item{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.activity-icon{width:34px;height:34px;border-radius:9px;background:#eaf2ed;display:grid;place-items:center;color:var(--green);font-weight:800}.activity-item strong{font-size:11px}.activity-item p{margin:2px 0 0;color:#7d8984;font-size:9px}.activity-item time{font-size:8px;color:#99a29e}.form-stack{display:flex;flex-direction:column;gap:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font:700 8px "Plus Jakarta Sans";letter-spacing:.8px;color:#75817c}.form-input{height:42px;border:1px solid var(--line);border-radius:9px;background:white;padding:0 11px;outline:0;color:var(--ink)}textarea.form-input{height:88px;padding-top:10px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.settings-list{display:flex;flex-direction:column;gap:10px}.setting-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border:1px solid var(--line);padding:14px;border-radius:12px}.setting-card strong{display:block;font-size:11px}.setting-card small{display:block;color:#87928d;font-size:9px;margin-top:3px}.danger-btn{border:1px solid #ecd4d2;background:#fff6f5;color:#a44843;border-radius:9px;padding:8px 11px;font-size:9px;font-weight:700}.empty-state{text-align:center;padding:55px 20px;color:#83908a}.empty-state span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8f1ec;margin:0 auto 12px;font-size:20px}.empty-state strong{display:block;color:var(--ink);font-size:13px}.empty-state p{font-size:10px;margin:5px 0 0}.emoji-popover{position:absolute;right:4.5%;bottom:72px;background:white;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);padding:8px;display:none;grid-template-columns:repeat(5,30px);gap:2px;z-index:10}.emoji-popover.open{display:grid}.emoji-popover button{border:0;background:transparent;font-size:17px;border-radius:6px}.emoji-popover button:hover{background:#edf4f0}.search-hit{background:#fff3b7;border-radius:2px}.revoked{opacity:.58}.revoked .lock-chip{background:#f4e4e2;color:#9b4742}
@media(max-width:650px){.workspace-backdrop{padding:0}.workspace-modal{width:100%;height:100%;max-height:none;border-radius:0}.workspace-grid,.form-row{grid-template-columns:1fr}.workspace-head{padding:20px}.workspace-body{padding:16px 20px 22px}.workspace-toolbar{align-items:stretch;flex-direction:column}.workspace-toolbar .primary-btn{height:40px}}

/* Authenticated production entry */
.auth-shell{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(390px,.95fr) minmax(420px,1.05fr);background:#f7faf8;transition:opacity .25s,visibility .25s}.auth-shell.authenticated{opacity:0;visibility:hidden}.auth-brand-panel{background:radial-gradient(circle at 78% 18%,rgba(83,180,132,.18),transparent 28%),linear-gradient(145deg,#061a13,#0d2d22);color:white;padding:54px clamp(42px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.auth-brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-220px;bottom:-190px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}.auth-brand{font:700 17px "Plus Jakarta Sans";display:flex;align-items:center;gap:11px;position:relative;z-index:1}.auth-brand span,.auth-mobile-brand{width:41px;height:41px;border-radius:12px;background:#dcf3e5;color:#082018;display:grid;place-items:center;font:800 18px "Plus Jakarta Sans";transform:rotate(-5deg)}.auth-kicker{margin:0 0 13px;font:700 9px "Plus Jakarta Sans";letter-spacing:2px;color:#79d39e}.auth-brand-panel h1{font:700 clamp(36px,4.2vw,61px)/1.08 "Plus Jakarta Sans"!important;letter-spacing:-.055em;margin:0;max-width:660px}.auth-brand-panel h1 em{font-family:"Source Serif 4",serif;font-weight:600;color:#a8e2bd}.auth-copy{font-size:13px;line-height:1.7;color:#9fb6ad;max-width:440px;margin-top:23px}.auth-proof{position:relative;z-index:1;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px}.auth-proof>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#184b38;color:#86d4a5}.auth-proof div{display:flex;flex-direction:column}.auth-proof strong{font-size:10px}.auth-proof small{font-size:8px;color:#86a097;margin-top:4px}.auth-form-panel{display:grid;place-items:center;padding:40px}.auth-card{width:min(400px,100%);display:flex;flex-direction:column}.auth-card h2{font:700 29px "Plus Jakarta Sans"!important;letter-spacing:-.045em;margin:0}.auth-lead{font-size:11px;color:#7e8b85;margin:7px 0 27px}.auth-card label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font:700 9px "Plus Jakarta Sans";color:#33483f}.auth-card input{height:48px;background:white;border:1px solid #dce5e0;border-radius:10px;padding:0 13px;outline:0;color:var(--ink);font:500 12px "DM Sans"}.auth-card input:focus{border-color:#6eaa91;box-shadow:0 0 0 4px rgba(20,108,82,.08)}.auth-submit{height:49px;border:0;border-radius:10px;background:var(--green);color:white;font:700 11px "Plus Jakarta Sans";margin-top:5px;box-shadow:0 10px 24px rgba(20,108,82,.17)}.auth-submit span{float:right;margin-right:15px}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-note{text-align:center;color:#8d9993;font-size:8px;margin-top:15px}.auth-error{display:none;padding:10px 12px;border-radius:9px;background:#fff0ee;color:#9d3e38;border:1px solid #f0d0cd;font-size:10px;margin:0 0 14px}.auth-error.visible{display:block}.auth-mobile-brand{display:none;margin-bottom:30px}.auth-card[hidden]{display:none}
@media(max-width:780px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{padding:30px 24px}.auth-mobile-brand{display:grid}.auth-card h2{font-size:25px!important}}
.toast.error{background:#351714}.toast.error>span{background:#ef8177;color:#351714}
.passcode-field{display:none;margin:0 0 8px;padding:10px 12px;background:#f1f6f3;border-radius:9px}.passcode-field.visible{display:flex;flex-direction:column;gap:6px}.passcode-field label{font:700 8px "Plus Jakarta Sans";letter-spacing:.8px;color:#687971}.passcode-field input{height:38px;border:1px solid var(--line);border-radius:8px;background:white;padding:0 10px;outline:0;font-size:10px}.passcode-field input:focus{border-color:#78aa94;box-shadow:0 0 0 3px rgba(20,108,82,.07)}

/* Keep the composer visible at 100% browser zoom, including scaled displays. */
html,body{height:100%;max-height:100%;overflow:hidden}
.app-shell{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.rail,.inbox-panel,.conversation,.details-panel{height:100%;min-height:0}
.inbox-panel{overflow:hidden}.inbox-head,.seat-card,.search-box,.filter-row,.invite-card{flex-shrink:0}.chat-list{min-height:0;overflow-y:auto}
.conversation{min-height:0;overflow:hidden}.conversation-head,.security-strip,.composer-wrap{flex:0 0 auto}.messages{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain}.composer-wrap{z-index:5;background:#fbfcfb}
.details-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain}

/* WhatsApp-style messaging interactions */
.message{position:relative}.message-content{min-width:0;max-width:100%}.message-actions{align-self:center;display:flex;gap:3px;opacity:0;transform:translateY(3px);transition:.18s}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;transform:none}.message-actions button{width:27px;height:27px;border:1px solid #dce5e0;border-radius:50%;background:#fff;color:#66756e;font-size:12px;box-shadow:0 3px 10px rgba(16,38,29,.08)}.outgoing .message-actions{order:-1}.reply-quote{display:flex;flex-direction:column;gap:2px;border-left:3px solid #2a9b6f;background:rgba(255,255,255,.58);padding:7px 9px;margin-bottom:4px;border-radius:7px}.reply-quote strong{font-size:9px;color:#197452}.reply-quote span{font-size:9px;color:#64736c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.message-sender{display:block;color:#1c7c5a;font-size:9px;margin:0 0 4px 4px}.message-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.reaction-chip{border:1px solid #dce5e0;background:#fff;border-radius:12px;padding:2px 7px;font-size:10px;color:#31443b}.reaction-chip span{font-size:8px;color:#75817b}.voice-message{min-width:250px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e3e9e6;border-radius:13px}.outgoing .voice-message{background:#dff2e7;border-color:#d5ebdf}.voice-icon{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#147a59;color:#fff;font-size:10px}.voice-message>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;flex:1}.voice-message strong{font-size:10px}.voice-message audio{grid-column:1/-1;width:200px;height:27px}.voice-message small{font-size:8px;color:#7b8982}.voice-btn{width:31px;height:31px;border-radius:50%!important;color:#147a59!important;font-size:13px}.voice-btn.recording{background:#fff0ee!important;color:#c8453d!important;animation:voicePulse 1s infinite}.forward-target{width:100%;text-align:left;border:1px solid var(--line);cursor:pointer}.forward-target:hover{border-color:#78ab95;background:#f4faf6}@keyframes voicePulse{50%{box-shadow:0 0 0 7px rgba(200,69,61,.12)}}
@media(max-width:700px){.message{max-width:92%}.message-actions{opacity:1}.message-actions button{width:25px;height:25px}.voice-message{min-width:220px}.voice-message audio{width:165px}}

/* Production member onboarding and team dashboard */
.invite-summary{display:flex;align-items:center;gap:11px;padding:12px;margin:0 0 18px;border:1px solid #d8e8df;border-radius:12px;background:#edf6f1}.invite-summary-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--deep);color:#fff;font:800 12px "Plus Jakarta Sans"}.invite-summary>span:last-child{display:flex;min-width:0;flex-direction:column}.invite-summary strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.invite-summary small{font-size:9px;color:#6f8078;margin-top:3px;text-transform:capitalize}
.member-flow-note{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #dce9e2;border-radius:11px;background:#eff7f2}.member-flow-note>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;font-size:10px}.member-flow-note>div{display:flex;flex-direction:column}.member-flow-note strong{font-size:10px}.member-flow-note small{font-size:8px;color:#788780;margin-top:3px}.member-flow-note.compact{flex:1;padding:9px 11px}.member-flow-note.compact>span{width:24px;height:24px}
.invite-ready-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #d5eadf;border-radius:13px;background:#eaf6ef;margin-bottom:16px}.invite-ready-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#67ca91;color:#072018;font-weight:800}.invite-ready-card>div{display:flex;flex-direction:column;min-width:0}.invite-ready-card strong{font-size:11px}.invite-ready-card small{font-size:9px;color:#6f8078;margin-top:3px}.invite-link-label{display:block;font:700 8px "Plus Jakarta Sans";letter-spacing:.9px;color:#718078;margin:0 0 7px}.invite-link-box{height:46px;display:flex;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.invite-link-box input{min-width:0;flex:1;border:0;padding:0 12px;color:#50615a;outline:0;font-size:10px}.invite-link-box button{width:74px;border:0;border-left:1px solid var(--line);background:#fff;color:var(--green);font-size:9px;font-weight:800}.onboarding-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.onboarding-steps>div{padding:13px;border:1px solid var(--line);background:#fff;border-radius:11px;display:flex;flex-direction:column}.onboarding-steps span{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#e7f2eb;color:var(--green);font-weight:800;font-size:9px;margin-bottom:9px}.onboarding-steps strong{font-size:10px}.onboarding-steps small{font-size:8px;color:#7e8b85;line-height:1.45;margin-top:4px}
.team-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.team-metrics>div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column}.team-metrics strong{font:800 20px "Plus Jakarta Sans";color:var(--green)}.team-metrics span{font-size:8px;color:#7b8982;margin-top:4px}.conversation-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.conversation-empty .primary-btn{margin-top:16px}.invite-card[hidden],#newChatBtn[hidden]{display:none!important}body[data-role="viewer"] .composer{opacity:.55}
@media(max-width:650px){.onboarding-steps,.team-metrics{grid-template-columns:1fr}.onboarding-steps>div{display:grid;grid-template-columns:30px 1fr;column-gap:9px}.onboarding-steps span{grid-row:1/3;margin:0}.onboarding-steps small{grid-column:2}.team-metrics{grid-template-columns:repeat(3,1fr)}.team-metrics>div{padding:11px}.team-metrics strong{font-size:16px}.invite-link-box button{width:66px}}

/* Mobile navigation and explicit invitation channels */
.drawer-close,.drawer-scrim{display:none}.invite-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.invite-channel{min-height:62px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:11px 13px;text-align:left}.invite-channel.whatsapp{border-color:#bfe3cd;background:#eef9f2;color:#126b48}.invite-channel strong{font:700 10px "Plus Jakarta Sans"}.invite-channel small{font-size:8px;color:#7c8983;margin-top:4px}.document-card{position:relative}
.document-option-summary{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:13px}.document-option-summary>div:last-child{display:flex;flex-direction:column;min-width:0}.document-option-summary strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-option-summary small{font-size:9px;color:#7c8983;margin-top:4px}.document-option-list{display:flex;flex-direction:column;gap:9px}.document-option-list>button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;text-align:left;color:var(--ink)}.document-option-list>button>span{width:34px;height:34px;border-radius:10px;background:#edf5f0;color:var(--green);display:grid;place-items:center;font-weight:800}.document-option-list>button>div{display:flex;flex-direction:column}.document-option-list strong{font-size:10px}.document-option-list small{font-size:8px;color:#7c8983;margin-top:4px}.document-option-list .delete-document-option{border-color:#eed6d3;background:#fff8f7}.document-option-list .delete-document-option>span{background:#f8e5e2;color:#ad433c}.document-option-list .delete-document-option strong{color:#9f3e38}
@media(max-width:840px){.drawer-close{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:22px;flex:0 0 auto}.drawer-scrim{position:fixed;display:block;inset:0;z-index:45;border:0;background:rgba(3,17,11,.45);opacity:0;visibility:hidden;transition:.2s}.inbox-panel.open~.drawer-scrim{opacity:1;visibility:visible}.inbox-panel{z-index:50}.inbox-head{gap:12px}}
@media(max-width:650px){.invite-channel-grid{grid-template-columns:1fr}.invite-channel{min-height:54px}.invite-ready-card small{line-height:1.4}.workspace-head .workspace-close{width:42px;height:42px}}

/* Phone-first conversation list and chat navigation */
.inbox-head-actions{display:flex;align-items:center;gap:8px}.inbox-more-btn{display:none;width:42px;height:42px;border:0;background:transparent;color:var(--ink);font-size:29px;line-height:1;border-radius:50%}.mobile-bottom-nav{display:none}.workspace-menu-list{display:flex;flex-direction:column;gap:4px}.workspace-menu-list>button{width:100%;display:flex;align-items:center;gap:14px;padding:14px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.workspace-menu-list>button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e9f4ed;color:var(--green);font-size:17px;font-weight:700}.workspace-menu-list>button>div{display:flex;flex-direction:column}.workspace-menu-list strong{font:700 11px "Plus Jakarta Sans"}.workspace-menu-list small{font-size:9px;color:#7c8983;margin-top:4px}.workspace-menu-list .menu-danger strong{color:#a33f38}.workspace-menu-list .menu-danger>span{background:#f9e8e5;color:#a33f38}.message-actions .delete-message-action{color:#a33f38;border-color:#edd2cf;background:#fff8f7}body:not([data-role="admin"]) [data-requires-admin]{display:none!important}

@media(max-width:840px){
  .app-shell{display:block;width:100%;height:100dvh}
  .rail,.details-panel,.drawer-close,.drawer-scrim{display:none!important}
  .inbox-panel{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;transform:none!important;display:flex;z-index:40;box-shadow:none;border:0;background:#fff;padding-bottom:76px}
  .conversation{position:fixed;inset:0;width:100%;height:100dvh;display:none;background:#f9fbfa}
  body.mobile-view-list .inbox-panel{display:flex}
  body.mobile-view-list .conversation{display:none}
  body.mobile-view-chat .inbox-panel{display:none}
  body.mobile-view-chat .conversation{display:flex}
  .inbox-head{padding:23px 20px 12px;align-items:center;border-bottom:0}.inbox-head h1{font-size:29px}.inbox-head .eyebrow{font-size:10px;letter-spacing:2px}.inbox-head-actions{margin-left:auto}.inbox-more-btn{display:grid;place-items:center}
  .seat-card{margin:9px 20px 15px;padding:16px 17px;border-radius:17px}.seat-top{font-size:12px}.seat-card p{font-size:10px}
  .search-box{margin:0 20px 13px;height:52px;border-radius:18px;padding:0 15px}.search-box input{font-size:14px}.search-box kbd{display:none}
  .filter-row{padding:0 20px 11px;gap:9px;overflow-x:auto}.filter-chip{font-size:12px;padding:8px 14px;border:1px solid #d8e2dd;border-radius:18px;white-space:nowrap}.filter-chip.active{background:#dcf4e4;border-color:#9bd2ad}
  .chat-list{padding:0 10px 18px}.chat-item{min-height:76px;padding:11px 12px;border-radius:14px;border-bottom:0}.chat-item:hover,.chat-item.active{background:#f3f7f4}.chat-item .client-avatar{width:52px;height:52px;font-size:15px}.chat-name-row strong{font-size:15px}.chat-preview{font-size:12px;margin-top:5px}.chat-meta time{font-size:10px}.invite-card{margin:2px 20px 10px;min-height:58px;border-radius:14px}
  .conversation-head{min-height:73px;padding:12px 14px;gap:10px}.mobile-menu{display:grid;width:38px;height:38px;place-items:center;border:0;background:transparent;font-size:29px;color:var(--ink)}.conversation-head .client-avatar.large{display:grid;width:44px;height:44px}.client-title h2{font-size:16px}.client-title p{font-size:9px}.head-actions{gap:2px}.head-actions #searchConversation{display:none}.head-actions .icon-btn{width:39px;height:39px;border:0;background:transparent}.chat-more-btn svg{width:22px;height:22px}
  .security-strip{font-size:9px;padding:9px 16px}.security-strip button{font-size:9px}.messages{padding:18px 13px 14px}.composer-wrap{padding:8px 10px 8px}.composer{min-height:52px;border-radius:21px;padding:6px 7px}.composer-note{display:none}
  .message-actions{opacity:1}.message-actions button{width:29px;height:29px}.message{max-width:96%}.voice-message{min-width:205px}.voice-message audio{width:150px}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:72px;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #dfe7e2;z-index:70}.mobile-bottom-nav button{border:0;background:transparent;color:#52625b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:600 9px "Plus Jakarta Sans";border-radius:15px}.mobile-bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-bottom-nav button.active{color:#0b6848;background:#dff5e6}.mobile-bottom-nav button.active svg{stroke-width:2.3}
  body.mobile-view-chat .mobile-bottom-nav{display:none}
}