.dy-chat-room{min-width:0;border:1px solid #e6ded4;border-radius:18px;overflow:hidden;background:#fbf8f3}.dy-chat-room header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#fffdfa;border-bottom:1px solid #e6ded4}.dy-chat-room h3{margin:0 0 4px}.dy-chat-room header small{color:#887f75}.dy-chat-stream{height:420px;overflow:auto;overscroll-behavior:contain;padding:22px;scrollbar-gutter:stable}.dy-chat-row{display:flex;flex-direction:column;align-items:flex-start;margin:18px 0;max-width:100%}.dy-chat-row.mine{align-items:flex-end}.dy-chat-row.continued{margin-top:5px}.dy-chat-author{display:flex;gap:7px;align-items:center;margin-bottom:7px;font-size:13px}.dy-chat-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:hsl(var(--avatar-hue) 25% 88%);color:#554a40}.dy-chat-role{border:1px solid #d5c5b5;border-radius:5px;padding:1px 4px}.dy-chat-bubble{background:#fff;border:1px solid #e8e1d8;border-radius:4px 15px 15px;padding:11px 15px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:82%;text-align:left;line-height:1.65}.mine .dy-chat-bubble{background:#eadfd2;border-color:#dfd0be;border-radius:15px 4px 15px 15px}.dy-chat-row time{font-size:11px;color:#948b80;margin-top:4px}.dy-chat-compose{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;border-top:1px solid #e6ded4;background:#fffdfa;align-items:end}.dy-chat-compose textarea{width:100%;min-height:66px;resize:vertical;box-sizing:border-box;border-radius:12px}.dy-chat-compose button{white-space:nowrap;min-height:46px}.dy-chat-compose .status{grid-column:1/-1}.dy-chat-overlay{position:fixed;inset:0;background:#332c2466;z-index:10000;display:grid;place-items:center;padding:20px}.dy-chat-settings{background:#fffdfa;border-radius:20px;padding:24px;max-width:390px;width:100%;box-sizing:border-box}.dy-chat-emojis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.phone-cell{white-space:nowrap;width:64px}.phone-icon{display:grid;place-items:center;border:1px solid #ded5ca;background:#faf7f1;color:#82624f;width:36px;height:36px;border-radius:10px;cursor:pointer}.phone-icon:disabled{opacity:.35;cursor:default}.contact-options{display:grid;gap:12px;padding:20px}.contact-options a{display:flex;justify-content:space-between;gap:15px;padding:15px;background:#f7f2eb;border:1px solid #e4dacc;border-radius:12px;color:#694e3b;text-decoration:none}.contact-options small{display:block;color:#8d8176}@media(max-width:700px){.dy-chat-stream{height:48vh;padding:14px}.dy-chat-bubble{max-width:90%}.dy-chat-compose{position:sticky;bottom:0;padding:12px}.dy-chat-room header{padding:14px}.dy-chat-settings{max-height:80dvh;overflow:auto}}@media(min-width:701px) and (max-width:1100px){.dy-chat-stream{height:50vh}}
.dy-chat-name-emoji:empty{display:none}.dy-chat-name-emoji{font-size:17px;line-height:1}.dy-chat-settings{max-height:80dvh;overflow:auto}.dy-chat-emojis{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:10px 0 18px}.dy-chat-emojis button{padding:7px!important;min-width:0;font-size:22px!important;min-height:42px}.dy-chat-emoji-category{font-size:13px;color:#8a7563;margin:18px 0 6px}
/* Personal inbox shares the room palette while retaining its existing permissions/forms. */
.inbox.card{background:#fffdfa;border-color:#e6ded4;border-radius:18px}.inbox .threadpane{background:#fffdfa;border-color:#e6ded4}.inbox .inboxsearch{border-color:#e6ded4;background:#faf6ef}.inbox .thread{background:#fffdfa;border-color:#eee5db;color:#55483d;padding:17px}.inbox .thread.chosen,.inbox .thread:hover{background:#f2e8dd}.inbox .thread small,.inbox .thread span{color:#958576}.inbox .chatpane{background:#fbf8f3;padding:22px}.chatmessages{background:#fbf8f3;border:1px solid #e6ded4;border-radius:14px;padding:18px;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:240px}.chatmessages .message{background:#fff!important;border:1px solid #e8e1d8;border-radius:4px 15px 15px;padding:12px 16px;max-width:82%;color:#55483d}.chatmessages .message.out{background:#eadfd2!important;border-color:#dfd0be;border-radius:15px 4px 15px 15px}.chatmessages .message b{font-size:13px;font-weight:650}.chatmessages .message small{font-size:11px;color:#948b80;margin-top:4px}.chatmessages .message p{line-height:1.65;overflow-wrap:anywhere}
#centerMessageForm,#messageForm{padding:15px;border:1px solid #e6ded4;border-radius:14px;background:#fffdfa;gap:10px}#centerMessageForm>.inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}#centerMessageForm textarea,#messageForm textarea{width:100%;min-height:66px;resize:vertical;border-radius:12px;box-sizing:border-box}#centerMessageForm button,#messageForm button{min-height:46px;white-space:nowrap}#messageForm>button{align-self:flex-end}
.chatScroll{background:#fbf8f3!important;border:1px solid #e6ded4;border-radius:14px;padding:18px!important;overscroll-behavior:contain}.chatbubble{background:#fff!important;border:1px solid #e8e1d8!important;border-radius:4px 15px 15px!important;color:#55483d!important;max-width:82%}.chatbubble.mine{background:#eadfd2!important;border-color:#dfd0be!important;border-radius:15px 4px 15px 15px!important;margin-left:auto!important}.chatbubble small{font-size:11px!important;color:#948b80!important}.chatbubble p{line-height:1.65;overflow-wrap:anywhere}.messageForm{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:end;background:#fffdfa;padding:14px;border:1px solid #e6ded4;border-radius:14px}.messageForm textarea{width:100%;min-height:66px;border-radius:12px}.messageForm button{min-height:46px;white-space:nowrap}.messageForm .status{grid-column:1/-1}
@media(max-width:700px){.inbox .chatpane{padding:14px}.chatmessages,.chatScroll{padding:14px!important}.chatmessages .message,.chatbubble{max-width:90%}#centerMessageForm,#messageForm,.messageForm{padding:12px}.dy-chat-emojis{grid-template-columns:repeat(5,minmax(0,1fr))}}

.messageSectionTabs{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.messageSectionTabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid #e3d8cc;background:#fffdfa;color:#806953;border-radius:10px;padding:10px 17px;font:inherit;font-weight:650}.messageSectionTabs button.active{background:#eadfd2;border-color:#c9b6a3;color:#55483d}.messageCount,.messageMenuBadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:7px;background:#a96348;color:#fff;font-size:11px;font-weight:700;line-height:1}.messageMenuBadge{margin-left:9px;vertical-align:middle}.chatmessages,.chatScroll{height:420px;overflow:auto}.chatmessages .dy-chat-row time{display:block}.chatmessages .dy-chat-bubble{font-size:14px}.chatpane #centerMessageForm{padding:16px;border:1px solid #e6ded4;border-radius:12px;background:#fffdfa}.chatpane #centerMessageForm>.inline{display:grid;grid-template-columns:minmax(0,1fr) auto}.chatpane #centerMessageForm textarea{min-height:66px}.chatpane #centerMessageForm>label{font-size:13px;color:#887f75}.inboxsearch label{display:flex;align-items:center;gap:7px}.inboxsearch input[type=checkbox]{width:auto;margin:0}
@media(max-width:700px){.messageSectionTabs{gap:7px;margin-bottom:14px}.messageSectionTabs button{padding:10px 12px;font-size:14px;flex:1;justify-content:center}.chatmessages,.chatScroll{height:48vh;padding:14px!important}.chatpane #centerMessageForm>.inline{grid-template-columns:minmax(0,1fr) auto}}

/* Shared desktop message workspace: identical list and conversation proportions. */
.adminMessageWorkspace{width:100%;max-width:1100px;margin-inline:auto;min-width:0}
.adminMessageWorkspace .inbox,.adminMessageWorkspace>.panel>.split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;align-items:stretch}
.adminMessageWorkspace>.panel{padding:0;overflow:hidden;margin-top:0}
.adminMessageWorkspace>.panel>.sectionhead{padding:18px 22px;margin:0;border-bottom:1px solid #e6ded4}
.adminMessageWorkspace>.panel>.split>div:first-child{padding:16px;border-right:1px solid #e6ded4;background:#fffdfa;max-height:650px;overflow:auto}
.adminMessageWorkspace>.panel>.split>div:last-child{min-width:0;padding:22px;background:#fbf8f3}
.adminMessageWorkspace .threadpane{min-width:0;width:auto;max-height:650px;overflow:auto}
.adminMessageWorkspace .chatpane{min-width:0}
.adminMessageWorkspace .dy-chat-stream,.adminMessageWorkspace .chatmessages{height:clamp(320px,48vh,500px)}
.adminMessageWorkspace .dy-chat-bubble{max-width:min(82%,480px)}
.adminMessageWorkspace .currrow{width:100%;text-align:left;display:grid;gap:6px;margin-bottom:8px;border-radius:12px}
@media(min-width:701px) and (max-width:1000px){.adminMessageWorkspace .inbox,.adminMessageWorkspace>.panel>.split{grid-template-columns:240px minmax(0,1fr)}.adminMessageWorkspace .chatpane,.adminMessageWorkspace>.panel>.split>div:last-child{padding:16px}}
@media(max-width:700px){.adminMessageWorkspace .inbox,.adminMessageWorkspace>.panel>.split{grid-template-columns:minmax(0,1fr)}.adminMessageWorkspace .threadpane,.adminMessageWorkspace>.panel>.split>div:first-child{max-height:240px;border-right:0;border-bottom:1px solid #e6ded4}.adminMessageWorkspace>.panel>.split>div:last-child{padding:14px}.adminMessageWorkspace .dy-chat-stream,.adminMessageWorkspace .chatmessages{height:48vh}.adminMessageWorkspace>.panel>.sectionhead{padding:14px}}

.dy-chat-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.dy-chat-header-actions .btn{font-size:14px;padding:8px 11px}.dy-chat-room header>div:first-child{min-width:0}.dy-chat-room h3{overflow-wrap:anywhere}@media(max-width:700px){.dy-chat-room header{gap:10px}.dy-chat-header-actions{gap:5px}.dy-chat-header-actions .btn{padding:8px;font-size:13px}}

.studentMessageWorkspace{width:100%;max-width:800px;margin-inline:auto;min-width:0}.studentMessageWorkspace .chatmessages{height:clamp(320px,48vh,500px)}.studentMessageWorkspace .dy-chat-bubble{max-width:min(82%,480px)}.studentMessageWorkspace #messageForm{margin-top:16px}.studentMessageWorkspace #messageForm>button{align-self:end;justify-self:end}.studentMessageWorkspace>.inline{flex-wrap:wrap}@media(max-width:700px){.studentMessageWorkspace{padding:14px}.studentMessageWorkspace .chatmessages{height:48vh}}

.mobileMessageBack{display:none}
@media(max-width:700px){
.adminMessageWorkspace.mobile-list .chatpane,.adminMessageWorkspace.mobile-list>.panel>.split>div:last-child{display:none}
.adminMessageWorkspace.mobile-room .threadpane,.adminMessageWorkspace.mobile-room>.panel>.split>div:first-child,.adminMessageWorkspace.mobile-room>.messageSectionTabs,.adminMessageWorkspace.mobile-room>.sectionhead,.adminMessageWorkspace.mobile-room>.panel>.sectionhead{display:none}
.adminMessageWorkspace.mobile-list .threadpane,.adminMessageWorkspace.mobile-list>.panel>.split>div:first-child{max-height:none;border-bottom:0}
.adminMessageWorkspace.mobile-room>.mobileMessageBack{display:inline-flex;align-items:center;background:#fffdfa;color:#806953;border:1px solid #e3d8cc;border-radius:9px;padding:10px 14px;margin-bottom:14px;font:inherit;font-weight:650}
.adminMessageWorkspace.mobile-room .chatmessages,.adminMessageWorkspace.mobile-room .dy-chat-stream{height:clamp(260px,52dvh,600px)}
}
.personalRoomHeader{display:flex;align-items:center;gap:10px;margin-bottom:18px}.personalRoomHeader h2{font-size:19px;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.personalRoomHeader .roomMenuButton{font-size:22px;line-height:1;padding:8px 12px;min-height:38px}.mobileRoomBack{display:none}.personalAudienceTabs{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border:1px solid #e6ded4;border-radius:10px;background:#f4eee5;width:fit-content}.personalAudienceTabs button{border:0;border-radius:7px;background:transparent;color:#887361;padding:8px 16px;font:inherit;font-size:14px;font-weight:650;white-space:nowrap}.personalAudienceTabs button.active{background:#fffdfa;color:#76533e;box-shadow:0 1px 4px #50372212}.personalPrivacyNote{color:#958576;font-size:13px;margin:12px 0 18px}.personalRoomMenu{display:grid;gap:12px;padding:20px}.personalRoomMenu .btn{text-align:left;padding:14px 16px}.personalRoomMenu p{margin:4px 0;line-height:1.6}
@media(max-width:700px){.adminMessageWorkspace.mobile-room>.mobileMessageBack:has(~.inbox){display:none}.personalRoomHeader .mobileRoomBack{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;font-size:24px;line-height:1}.personalRoomHeader{margin-bottom:16px}.personalRoomHeader h2{font-size:18px}.personalAudienceTabs button{padding:8px 14px}.adminMessageWorkspace .chatpane #centerMessageForm{padding:12px;margin-top:14px}.personalPrivacyNote{font-size:13px}}
/* Only the personal conversation menu uses a compact dialog. */
#modalroot .modal:has(.personalRoomMenu){width:min(320px,calc(100vw - 32px))!important;max-width:320px!important;min-width:0!important;min-height:0!important;height:auto!important;padding:16px!important;border-radius:14px}
#modalroot .modal:has(.personalRoomMenu)>header{padding:0 0 12px!important;margin:0!important;gap:12px}
#modalroot .modal:has(.personalRoomMenu)>header h2{font-size:17px;margin:0}
#modalroot .modal:has(.personalRoomMenu)>header button{font-size:14px;padding:7px 9px;min-height:36px}
#modalroot .personalRoomMenu{padding:0;gap:8px}
#modalroot .personalRoomMenu .btn{min-height:46px;padding:11px 13px;font-size:15px}
#modalroot .personalRoomMenu p{font-size:13px;line-height:1.55;margin:5px 0 0}

.personalRoomHeader .compactStudentLink{font-size:13px;padding:7px 10px;min-height:34px;flex-shrink:0;background:#f6f0e8;border-color:#e5dacc;color:#806953}
.studentSimpleChat .chatmessages{margin-top:16px}.studentSimpleChat #messageForm.studentSimpleCompose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;margin-top:14px}.studentSimpleChat #messageForm textarea{min-width:0;min-height:66px}.studentSimpleChat #messageForm button{align-self:end}
.chatFileReceived img{width:min(220px,60vw);height:160px;max-width:100%;object-fit:contain;background:#f7f1e9}
/* Portal cards give every button the primary fill; attachments are quiet content cards. */
.card .chatFileReceived{display:block;box-sizing:border-box;width:238px;max-width:100%;margin:8px 0;padding:8px;background:#fffdfa!important;color:#55483d!important;border:1px solid #e1d5c5;border-radius:10px;text-align:left;box-shadow:none}
.card .chatFileReceived:hover,.card .chatFileReceived:focus-visible{background:#faf6ef!important;border-color:#c9b6a3}
.card .chatFileReceived img{display:block;width:100%;max-width:100%;height:160px;max-height:none;object-fit:contain;background:#f7f1e9;border-radius:6px}
.card .chatFileReceived span{display:block;width:100%;margin-top:5px;color:#766f67;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portalPersonalChat .subtabs{width:fit-content;max-width:100%;padding:4px;margin-bottom:14px;gap:4px;border:1px solid #e6ded4;border-radius:10px;background:#f4eee5}
.portalPersonalChat .subtabs button{min-height:38px;padding:7px 12px;border:0;border-radius:7px;background:transparent!important;color:#887361!important;font-size:14px;font-weight:650;box-shadow:none}
.portalPersonalChat .subtabs button.active{background:#fffdfa!important;color:#76533e!important;box-shadow:0 1px 4px #50372212}
.portalPersonalChat .subtabs button:hover:not(.active){background:#eee3d7!important;color:#55483d!important}
@media(max-width:700px){.personalRoomHeader .compactStudentLink{font-size:12px;padding:7px 8px}.personalRoomHeader{gap:7px}.studentSimpleChat .chatmessages{height:clamp(240px,42dvh,420px)}}

.adminDeviceCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px}.adminDeviceCards h2{font-size:20px;margin-top:0}.adminDeviceCards p{line-height:1.65}.adminDeviceCards .actions{gap:8px;flex-wrap:wrap}@media(max-width:900px){.adminDeviceCards{grid-template-columns:1fr}}

/* v258: compact read-only participant drawer and scoped group editor. */
.dy-chat-room .dy-chat-members-trigger{border:0;background:transparent;color:#82694f;font:inherit;font-weight:650;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:#cfbda8;text-underline-offset:3px}.dy-chat-members-trigger:focus-visible{outline:2px solid #a47d5a;outline-offset:4px;border-radius:3px}.dy-chat-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.dy-chat-dialog-head h3{margin:0;font-size:19px;color:#55483d}.dy-chat-dialog-head p{margin:5px 0 0;font-size:13px;color:#8a7a68;overflow-wrap:anywhere}.dy-chat-dialog-head .btn{flex-shrink:0}.dy-chat-members{max-width:420px;display:flex;flex-direction:column;overflow:hidden}.dy-chat-member-search{display:grid;gap:6px;font-size:13px;color:#7d6c58}.dy-chat-member-search input{width:100%;box-sizing:border-box;font:inherit;font-size:15px;border:1px solid #e2d6c7;border-radius:10px;padding:10px 12px;background:#fff;color:#57493d}.dy-chat-member-count{font-size:13px;color:#887865;margin:12px 0 6px}.dy-chat-member-list{margin:0;padding:0;list-style:none;overflow-y:auto;overscroll-behavior:contain;max-height:min(48dvh,420px);scrollbar-gutter:stable}.dy-chat-member-list li{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #eee6dc}.dy-chat-member-list li:last-child{border-bottom:0}.dy-chat-member-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eee5d8;color:#8a6d50;flex-shrink:0}.dy-chat-member-list strong{display:flex;align-items:center;gap:7px;font-size:15px;color:#55483d;overflow-wrap:anywhere}.dy-chat-member-list small{display:block;margin-top:2px;font-size:12px;color:#95836e}.dy-chat-member-list .dy-chat-self{display:inline-block;font-size:11px;background:#e7ebdf;color:#667453;padding:1px 5px;border-radius:5px;margin:0}.dy-chat-member-list .dy-chat-member-empty{justify-content:center;padding:24px 0;color:#8a7a69;font-size:14px}.groupEditor258 .groupmembers{max-height:36vh;overflow:auto;overscroll-behavior:contain;border:1px solid #e5dbcd;border-radius:12px;padding:8px}.groupEditor258 .groupmembers label{display:flex;align-items:center;gap:8px;padding:9px 8px;font-size:15px;font-weight:500}.groupEditor258 .groupmembers label[hidden]{display:none}.groupEditor258 .groupmembers input{width:16px;height:16px;min-height:0;flex-shrink:0;accent-color:#8a6b4d}.groupEditor258 .groupMemberTools258{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.groupEditor258 .groupMemberTools258 p{margin:0;color:#7b6852;font-size:13px}.groupEditor258 .groupMemberHelp258{font-size:13px;line-height:1.55;color:#8a7a68;margin:0}.groupEditor258 footer{flex-wrap:wrap}@media(max-width:560px){.dy-chat-overlay{padding:16px}.dy-chat-members{padding:20px;max-height:82dvh}.groupEditor258 .formgrid{grid-template-columns:1fr 1fr}.groupEditor258 .groupMemberTools258 .btn{font-size:13px}}

/* v259: pinned notices keep the chat header compact; archive keeps history readable. */
.dy-chat-pinned{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #e3d8c6;border-radius:10px;background:#f8f2e6!important;color:#715a3f!important;padding:10px 12px;margin:10px 0;text-align:left;box-shadow:none!important}.dy-chat-pinned>span:first-child{font-size:12px;white-space:nowrap;color:#97794f}.dy-chat-pinned strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.dy-chat-pinned.empty{font-size:13px;justify-content:center}.dy-chat-archive-label{display:inline-block;border-radius:5px;background:#eee9e2;color:#88796c;font-size:12px;padding:2px 7px;margin-top:8px}.dy-chat-archived-note{font-size:13px;padding:12px;margin:0;text-align:center;background:#f5f1e9;color:#887562;border-radius:9px}.dy-chat-read-status{font-size:12px;color:#a05d42;margin:6px 0}.dy-chat-read-status[hidden]{display:none}.dy-chat-read-status button,.dy-chat-notice-own button{border:0;background:transparent!important;color:#8a5f39!important;text-decoration:underline;padding:2px 6px;font:inherit}.dy-chat-notice-dialog{max-width:490px}.dy-chat-notice-list{display:grid;margin-top:12px}.dy-chat-notice-list button{display:flex;align-items:center;justify-content:space-between;gap:14px;background:transparent!important;color:#67523e!important;text-align:left;border:0;border-bottom:1px solid #e9e0d4;border-radius:0;padding:14px 0;box-shadow:none!important}.dy-chat-notice-list strong{display:block;font-size:15px}.dy-chat-notice-list small{display:block;font-size:12px;color:#97816a;margin-top:5px;white-space:nowrap}.dy-chat-notice-body h4{font-size:19px;line-height:1.5;margin:0 0 4px;overflow-wrap:anywhere}.dy-chat-notice-body>small{color:#a18b74;font-size:12px}.dy-chat-notice-body p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8;color:#665440;margin:20px 0}.dy-chat-notice-own{font-size:13px;color:#7f866a;border-top:1px solid #e8dfd4;padding-top:12px}.dy-chat-notice-confirmation h4{font-size:15px;margin:22px 0 12px}.dy-chat-notice-readers{list-style:none;margin:8px 0;padding:0;max-height:240px;overflow:auto}.dy-chat-notice-readers li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #eee6dc;font-size:14px}.dy-chat-notice-readers small{font-size:11px;color:#a28c77}.dy-chat-notice-readers li>span:last-child{text-align:right;font-size:12px}.dy-chat-notice-readers li>span:last-child small{display:block}.dy-chat-notice-readers .read{color:#7a8665}.dy-chat-notice-readers .unread{color:#a18c76}.dy-chat-notice-actions,.dy-chat-settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.dy-chat-notice-dialog form{display:grid;gap:14px}.dy-chat-notice-dialog label{display:grid;gap:6px;font-size:13px;color:#806a54}.dy-chat-notice-dialog input,.dy-chat-notice-dialog textarea{box-sizing:border-box;width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid #ded1bd;border-radius:9px;background:#fffefa;color:#5c4a38}.dy-chat-notice-dialog textarea{resize:vertical;line-height:1.7;min-height:150px}.dy-chat-notice-help{font-size:12px;line-height:1.5;color:#9b856f;margin:0}.dy-chat-notice-dialog .status{font-size:13px;color:#a25a3d}@media(max-width:560px){.dy-chat-notice-dialog{padding:20px;max-height:84dvh}.dy-chat-pinned{gap:7px;padding:9px}.dy-chat-pinned>span:first-child{font-size:11px}.dy-chat-pinned strong{font-size:13px}}

/* Message reactions share the quiet room palette; reads stay owner-only. */
.dy-chat-message-foot{display:flex;align-items:center;gap:7px;max-width:100%;min-height:22px;margin-top:3px;flex-wrap:wrap}.dy-chat-row .dy-chat-message-foot time{margin:0}.dy-chat-read-receipt{font-size:11px;line-height:1.4;color:#9b8875;white-space:nowrap}.dy-chat-read-receipt.is-read{color:#718061}.dy-chat-row .dy-chat-reaction-open{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:34px;padding:2px 7px;border:1px solid transparent;border-radius:20px;background:transparent!important;color:#8d7762!important;font:inherit;font-size:17px;line-height:1;box-shadow:none!important;cursor:pointer}.dy-chat-row .dy-chat-reaction-open:hover,.dy-chat-row .dy-chat-reaction-open:focus-visible{background:#f1e8dc!important;border-color:#d8c7b4}.dy-chat-reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;max-width:90%}.dy-chat-reactions:empty{display:none}.dy-chat-row .dy-chat-reaction-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:3px 8px;border:1px solid #e0d5c7;border-radius:20px;background:#fffaf3!important;color:#6d5b48!important;line-height:1.3;font:inherit;font-size:12px;box-shadow:none!important}.dy-chat-reaction-chip>span:first-child{font-size:16px}.dy-chat-row button.dy-chat-reaction-chip{cursor:pointer}.dy-chat-row .dy-chat-reaction-chip.is-mine{background:#edf0e6!important;border-color:#a8b394;color:#586448!important}.dy-chat-row .dy-chat-reaction-chip:hover{border-color:#b5a18a}.dy-chat-reaction-open:focus-visible,.dy-chat-reaction-chip:focus-visible,.dy-chat-reaction-palette button:focus-visible{outline:2px solid #9c7c5c;outline-offset:3px}.dy-chat-reaction-status{font-size:12px;line-height:1.5;color:#9e5f45;margin:5px 0 0;max-width:100%;overflow-wrap:anywhere}.dy-chat-reaction-status[hidden],.dy-chat-reaction-status:empty{display:none}.dy-chat-reaction-status button{border:0;background:transparent!important;color:#8c6140!important;padding:3px 6px;text-decoration:underline;font:inherit;box-shadow:none!important}.dy-chat-reaction-picker{width:min(410px,100%);max-height:80dvh;overflow:auto;box-sizing:border-box;border:1px solid #e5d8c8;border-radius:20px;background:#fffdfa;padding:20px;box-shadow:0 16px 48px #49352224}.dy-chat-reaction-picker .dy-chat-dialog-head{align-items:center;gap:12px;margin-bottom:12px}.dy-chat-reaction-picker .dy-chat-dialog-head h3{font-size:17px;line-height:1.5}.dy-chat-reaction-picker .dy-chat-dialog-head .btn{min-height:36px;padding:6px 10px;border:1px solid #e1d4c3;border-radius:9px;background:#f8f3ec;color:#816b55;font-size:13px}.dy-chat-reaction-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;color:#8a7966;font-size:13px;line-height:1.6;border-left:2px solid #e5d7c5;padding-left:10px;margin:0 0 16px}.dy-chat-reaction-palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dy-chat-reaction-palette button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:70px;border:1px solid #e7ddcf;border-radius:12px;background:#faf6ef;color:#7b6650;padding:9px 3px;cursor:pointer;box-shadow:none}.dy-chat-reaction-palette button>span{font-size:27px;line-height:1.2}.dy-chat-reaction-palette button>small{font-size:12px;white-space:nowrap}.dy-chat-reaction-palette button:hover,.dy-chat-reaction-palette button.is-mine{background:#edf0e5;border-color:#a8b394;color:#5e6b4f}.dy-chat-reaction-help{font-size:12px;line-height:1.6;color:#998572;margin:14px 0 0}.dy-chat-reaction-palette button:disabled,.dy-chat-reaction-open:disabled,.dy-chat-reaction-chip:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.dy-chat-reaction-picker{padding:18px;max-width:390px}.dy-chat-row .dy-chat-reaction-open{min-width:38px;min-height:36px}.dy-chat-row .dy-chat-reaction-chip{min-height:34px;padding:4px 9px}.dy-chat-reaction-palette{gap:5px}.dy-chat-reaction-picker .dy-chat-dialog-head h3{font-size:16px}.dy-chat-reaction-palette button>small{font-size:12px}.dy-chat-reaction-palette button>span{font-size:25px}}

/* Web links remain legible in received and sent message bubbles. */
.dy-chat-bubble a.dy-chat-web-link{color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;word-break:break-word}.dy-chat-bubble a.dy-chat-web-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}
