.usc-inbox{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 170px);min-height:360px;max-height:900px;background:white;border:1px solid #dfe4d9;border-radius:14px;overflow:hidden;color:#172019}.usc-inbox *{box-sizing:border-box}.usc-inbox [hidden]{display:none!important}.dm89sidebar{border-right:1px solid #e5e9e0;overflow:auto}.dm89listhead{display:flex;justify-content:space-between;align-items:center;padding:16px}.dm89listhead button,.dm89head button{font:inherit;border:0;border-radius:20px;background:#edf4e8;color:#1f5a33;padding:8px 12px;cursor:pointer}.dm89sidebar>input{margin:0 12px 12px;width:calc(100% - 24px);padding:10px;border:1px solid #dfe4d9;border-radius:20px;font:inherit}.dm89row{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:14px 12px;border:0;border-bottom:1px solid #f0f2ed;background:white;color:inherit;cursor:pointer;font:inherit}.dm89row.on{background:#edf4e8}.dm89row>span:nth-child(2){min-width:0;flex:1}.dm89row b{display:block;font-size:14px}.dm89row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737a70;font-size:12px;max-width:230px;margin-top:4px}.dm89avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1f5a33;color:white}.dm89rowtime{font-size:10px;color:#697565;max-width:65px}.dm89rowtime b{font-size:11px;color:#1f5a33}.dm89conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.dm89head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e9e0;flex:none}.dm89head h2{font:600 17px system-ui;margin:0}.dm89head small{font-size:11px;color:#72796e}.dm89head #dm89back{display:none}.dm89body{flex:1;min-height:0;overflow:auto;padding:16px;overscroll-behavior:contain}.dm89message{width:fit-content;max-width:85%;margin:0 0 16px}.dm89message.mine{margin-left:auto}.dm89bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;border:1px solid #dfe4d9;border-radius:14px;padding:10px 13px;font-size:14px;user-select:text;-webkit-user-select:text;-webkit-touch-callout:none}.mine>.dm89bubble{background:#e7f1e1}.dm89meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#75806e;margin-top:5px;flex-wrap:wrap}.mine>.dm89meta{justify-content:flex-end}.dm89meta>button{font:inherit;border:0;background:none;color:#1f5a33;cursor:pointer;padding:0}.dm89empty{padding:12px;color:#737a70;font-size:14px;line-height:1.5}.dm89choose{padding:10px;display:block}.dm89choose select{width:100%;padding:8px}#dm89status{flex:none;font-size:12px;color:#6d7767;margin:0;padding:0 14px}#dm89status:not(:empty){padding:8px 14px}#dm89compose{flex:none;display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid #e5e9e0;margin:0;background:white}#dm89in{width:100%;flex:1;min-width:0;min-height:42px;max-height:140px;border:1px solid #dfe4d9;border-radius:20px;padding:10px 14px;font:inherit;resize:none}#dm89compose>button{width:42px;height:42px;flex:none;border:0;border-radius:50%;background:#1f5a33;color:white;font-size:20px;cursor:pointer}#phone .usc-inbox{display:flex;flex:1;min-height:0;height:auto;max-height:none;border:0;border-radius:0;margin:0}#phone .dm89sidebar,#phone .dm89conversation{width:100%;flex:1}#phone .dm89conversation{display:none}#phone .dm89selected .dm89sidebar{display:none}#phone .dm89selected .dm89conversation{display:flex}#phone .dm89head #dm89back{display:block}#phone .dm89head{padding:10px 14px}#phone:has(#dm89){overflow:hidden}#phone #dm89compose{padding-bottom:12px}html.r30kb #phone:has(#dm89) .dockwrap{display:none}#dm89 .usc-reactions{margin:0;display:contents}#dm89 .usc-reactions button{font-size:11px;padding:1px 5px}.dm89message .usc-react-add{margin-left:auto}@media(max-width:700px){.usc-inbox{display:flex;height:calc(100dvh - 180px);min-height:0}.dm89sidebar,.dm89conversation{width:100%;flex:1}.dm89conversation{display:none}.dm89selected .dm89sidebar{display:none}.dm89selected .dm89conversation{display:flex}.dm89head #dm89back{display:block}.dm89message{max-width:94%}}

/* A conversation owns the phone viewport, including the composer. */
#phone:has(#dm89.dm89selected) .dockwrap{display:none!important}
#phone:has(#dm89:not(.dm89selected)) .dm89sidebar{padding-bottom:100px}
#phone #dm89compose{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.dm89head #dm89back{display:block}.dm89head>div{margin-left:auto;text-align:right;min-width:0}.dm89head small:empty{display:none}
.dm89listhead button{font-size:13px;font-weight:600}
.dm89recipients{width:min(360px,calc(100vw - 32px));max-height:75dvh;padding:0;border:1px solid #dfe4d9;border-radius:18px;background:#fff;color:#172019;box-shadow:0 12px 50px #0003}
.dm89recipients::backdrop{background:#12201866}.dm89recipients header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e9e0}.dm89recipients h2{margin:0;font:600 18px system-ui}.dm89recipients header button{border:0;background:#eef4e9;border-radius:50%;width:32px;height:32px;font-size:22px;color:#1f5a33}.dm89recipient{display:block;width:100%;padding:17px 20px;text-align:left;border:0;border-bottom:1px solid #eef1ea;background:#fff;color:inherit;font:600 16px system-ui;cursor:pointer}.dm89recipient small{display:inline;margin-left:4px;color:#737a70;font-size:12px;font-weight:400}

.dm89day{text-align:center;font-size:11px;color:#75806e;margin:8px 0 18px}.dm89recipients>input{display:block;width:calc(100% - 32px);margin:14px 16px;padding:12px 14px;border:1px solid #dfe4d9;border-radius:24px;font:16px system-ui}.dm89choices{max-height:50dvh;overflow:auto}.dm89listhead{padding:18px 16px}.dm89listhead>b{font-size:20px}.dm89row{padding:16px;min-height:80px}.dm89rowtime{align-self:flex-start;white-space:nowrap;font-size:11px;max-width:none}.dm89rowtime b{margin-top:7px;text-align:center;border-radius:12px;background:#1f5a33;color:white;min-width:20px;padding:2px 5px}.dm89row small{font-size:13px}.dm89avatar{width:42px;height:42px;font-size:14px;font-weight:600}.dm89bubble{font-size:15px;border-radius:17px;border-color:#e6e9e3}.dm89head{min-height:66px}.dm89head h2{font-size:18px}#dm89compose button:disabled{opacity:.45}#phone .dm89body{padding:16px}#phone .dm89message{max-width:86%}

.dm89head #dm89back{background:transparent;padding:8px 0;font-size:16px}.dm89row b{font-size:16px}.dm89row small{font-size:14px}#dm89compose>button{display:grid;place-items:center;padding:0;line-height:1}#dm89compose>button svg{display:block;pointer-events:none}

/* Keep the close glyph centred despite inherited admin button styles. */
.dm89recipients header button{display:grid;place-items:center;flex:0 0 32px;min-width:32px;min-height:32px;padding:0;line-height:1;box-sizing:border-box}
@media(min-width:701px){
 .usc-inbox{grid-template-columns:clamp(280px,25vw,340px) minmax(0,1fr)}
 .usc-inbox:not(.dm89selected)::after{content:'Choose a chat to start reading';align-self:center;justify-self:center;color:#737a70;font-size:15px}
 .dm89body{padding:24px}.dm89message{max-width:min(75%,640px)}
 .dm89row small{max-width:none}.dm89row{gap:12px}.dm89listhead{padding:20px 16px}
}
/* The visible viewport owns chat height while the iPhone keyboard is open. */
#phone:has(#dm89){height:var(--dm-height,100dvh)!important;max-height:var(--dm-height,100dvh)!important;top:var(--dm-top,0px)!important;transform:none!important;position:fixed!important;display:flex;flex-direction:column}
#phone:has(#dm89)>.hdr{flex-shrink:0}#phone:has(#dm89) .usc-inbox{padding-top:0}
.dm89filters{display:flex;gap:6px;padding:0 12px 12px}.dm89filters button{border:1px solid #dfe4d9;border-radius:16px;padding:6px 12px;background:white;font:inherit;font-size:12px}.dm89filters button[aria-pressed=true]{background:#1f5a33;color:white}
.dm89row{min-height:68px;padding:11px 14px}.dm89row b{font-size:14px}.dm89row small{font-size:12px;margin-top:3px}.dm89avatar{width:34px;height:34px;font-size:12px}.dm89channel{font-weight:600;color:#1f5a33!important}.dm89row:disabled{opacity:.65;cursor:default}
#dm89channels select{margin-top:5px;border:1px solid #dfe4d9;border-radius:8px;padding:4px 8px;background:white;font:inherit;font-size:12px}
.dm89recipients .dm89choices{min-height:100px;padding:8px 0}@media(min-width:701px){.dm89recipients{width:min(560px,calc(100vw - 48px))}}