.messenger-page{max-width:1080px;margin:0 auto;padding:8px 0 42px}.messenger-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.messenger-hero p{margin:0;color:#6f7780;font-size:13px}.messenger-hero p:first-child{color:#56834f;font-size:11px;font-weight:800;letter-spacing:.09em}.messenger-hero p span{margin-left:6px;padding:3px 6px;border-radius:999px;background:#eaf6e8;color:#4b7c46;font-size:9px;letter-spacing:0}.messenger-hero h1{margin:7px 0;font-size:32px;color:#26313b}.messenger-hero>small{padding:7px 10px;border:1px solid #dce8da;border-radius:999px;color:#62845d;font-size:11px}.messenger-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:550px;overflow:hidden;border:1px solid #e4e7e8;border-radius:18px;background:#fff;box-shadow:0 10px 30px #1f29370a}.messenger-list{border-right:1px solid #edf0ef;background:#fcfdfc}.messenger-list>div{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px}.messenger-list h2{margin:0;color:#35413d;font-size:16px}.messenger-list>div>span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#eaf5e8;color:#598253;font-size:10px;font-weight:800}.messenger-list>button{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;border:0;border-top:1px solid #f0f2f1;background:transparent;text-align:left}.messenger-list>button:hover,.messenger-list>button.selected{background:#f0f8ef}.messenger-list>button.selected{box-shadow:inset 3px 0 #68a15f}.messenger-list>button>span{display:grid;min-width:0;gap:3px;flex:1}.messenger-list strong{overflow:hidden;color:#39443f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.messenger-list small{overflow:hidden;color:#909892;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.messenger-list time{align-self:flex-start;color:#9aa39b;font-size:9px;white-space:nowrap}.messenger-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:#fff0e8;color:#c66235;font-size:12px}.messenger-avatar.sage{background:#ebf5eb;color:#51814c}.messenger-thread{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0}.messenger-thread>header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #eef0ef}.messenger-thread>header>div{display:flex;align-items:center;gap:10px}.messenger-thread>header span{display:grid;gap:2px}.messenger-thread>header strong{font-size:13px;color:#35413d}.messenger-thread>header small{color:#8a938c;font-size:10px}.messenger-info{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e3e8e3;border-radius:50%;background:#fff;color:#6e8370;font-weight:700}.messenger-notice{padding:8px 18px;background:#f5faf4;color:#688063;font-size:10px}.messenger-messages{display:flex;flex-direction:column;gap:10px;min-height:300px;padding:20px;overflow:auto;background:linear-gradient(135deg,#fbfdfb,#f8faf9)}.messenger-messages article{display:flex;align-items:end;gap:6px;max-width:76%}.messenger-messages article.mine{align-self:flex-end;flex-direction:row-reverse}.messenger-messages article>span{padding:10px 12px;border-radius:4px 13px 13px 13px;background:#fff;color:#47534c;box-shadow:0 2px 8px #33403b0d;font-size:12px;line-height:1.55;white-space:pre-wrap}.messenger-messages article.mine>span{border-radius:13px 4px 13px 13px;background:#dff1dc;color:#345a31}.messenger-messages article small{color:#9aa39b;font-size:9px;white-space:nowrap}.messenger-empty{align-self:center;margin:auto;text-align:center;color:#7f8a82}.messenger-empty b{font-size:13px}.messenger-empty p{margin:7px 0 0;font-size:11px}.messenger-composer{display:flex;gap:8px;padding:14px 16px;border-top:1px solid #edf0ee}.messenger-composer input{min-width:0;flex:1;border:1px solid #dde4dd;border-radius:9px;background:#fff;padding:10px 11px;font:inherit;font-size:12px}.messenger-composer input:focus{border-color:#7daa75;outline:2px solid #dcefd9}.messenger-composer .btn{padding:9px 13px;font-size:12px}.messenger-limit{margin:13px 2px 0;color:#89928c;font-size:11px;line-height:1.65}.messenger-list-empty{padding:20px;color:#959d98;font-size:12px;text-align:center}@media(max-width:700px){.messenger-page{padding-bottom:25px}.messenger-hero h1{font-size:26px}.messenger-shell{grid-template-columns:1fr;min-height:0}.messenger-list{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #edf0ef}.messenger-list>div{display:none}.messenger-list>button{min-width:175px;border-top:0;border-right:1px solid #f0f2f1}.messenger-thread{min-height:440px}.messenger-messages{min-height:240px}.messenger-composer{padding:11px}.messenger-composer .btn{padding:9px 11px}.messenger-hero>small{display:none}}
.messenger-list{overflow:auto}.messenger-list-heading{display:flex;align-items:center;justify-content:space-between;padding:18px}.messenger-list-heading small{display:block;margin-top:3px;color:#98a199;font-size:10px}.messenger-new{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dce8da;border-radius:8px;background:#fff;color:#55824e;font-size:20px}.messenger-list-group{padding:0 0 9px}.messenger-list-group h3{margin:0;padding:10px 18px 6px;color:#87928a;font-size:10px;letter-spacing:.06em}.messenger-list-group button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:0;background:transparent;text-align:left}.messenger-list-group button:hover,.messenger-list-group button.selected{background:#f0f8ef}.messenger-list-group button.selected{box-shadow:inset 3px 0 #68a15f}.messenger-list-group button>span{display:grid;min-width:0;gap:3px;flex:1}.messenger-avatar.blue{background:#eef5ff;color:#3975b6}.messenger-avatar.purple{background:#f3efff;color:#7854b8}.messenger-avatar.peach{background:#fff1e8;color:#bd693e}@media(max-width:700px){.messenger-list-heading{display:none}.messenger-list-group{display:contents}.messenger-list-group h3{display:none}.messenger-list-group button{min-width:175px;border-right:1px solid #f0f2f1}}
.messenger-search{display:flex;align-items:center;gap:6px;margin:0 14px 8px;padding:8px 10px;border-radius:8px;background:#f3f5f3;color:#849087}.messenger-search input{min-width:0;width:100%;border:0;background:transparent;font:inherit;font-size:11px;outline:0}.messenger-thread-actions{display:flex;gap:5px}.messenger-thread-actions button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:7px;background:#f5f7f5;color:#65746a}.messenger-messages{gap:8px}.messenger-date{align-self:center;margin:10px 0 5px;padding:4px 7px;border-radius:99px;background:#edf1ed;color:#8b958e;font-size:9px}.messenger-messages article{display:grid;gap:4px}.messenger-messages article>b{margin-left:2px;color:#65736a;font-size:10px}.messenger-messages article>span{display:grid;gap:7px}.messenger-messages article>span i{padding-top:7px;border-top:1px solid #e9efea;color:#548452;font-size:11px;font-style:normal}.messenger-messages article.mine>small{color:#699161}.messenger-composer{align-items:end}.messenger-composer textarea{min-height:40px;max-height:110px;resize:none;flex:1;border:1px solid #dde4dd;border-radius:9px;background:#fff;padding:10px 11px;font:inherit;font-size:12px;line-height:1.5}.messenger-composer textarea:focus{border-color:#7daa75;outline:2px solid #dcefd9}.messenger-attach,.messenger-emoji{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:#f4f7f3;color:#668066;font-size:18px}.messenger-emoji{font-size:16px}.messenger-send{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:#5e9658;color:#fff;font-size:15px}.messenger-send:hover{background:#4c8547}.messenger-quick{display:flex;gap:5px;padding:0 15px 12px}.messenger-quick button{border:1px solid #e3eae1;border-radius:999px;background:#fff;padding:5px 8px;color:#617265;font-size:10px}.messenger-contact-picker{display:grid;gap:7px;border:1px solid #e7ebe7;border-radius:9px;padding:11px}.messenger-contact-picker legend{padding:0 4px;color:#748076;font-size:11px}.messenger-contact-picker label{display:flex;align-items:center;gap:7px;font-size:12px}.messenger-contact-picker small{margin-left:auto;color:#8c968e;font-size:10px}@media(max-width:700px){.messenger-search{display:none}.messenger-composer textarea{min-height:38px}.messenger-quick{overflow:auto;white-space:nowrap}}