@font-face{font-family:Involve;src:url("/derin/Involve-Regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:Involve;src:url("/derin/Involve-Medium.otf") format("opentype");font-weight:500 700;font-display:swap}
/* DG-0241: isolated visual adapter for pinned Element Web v1.12.33.
   No message/crypto/auth code is patched. Keep upstream notices and source links. */
:root{--darin-accent:#f05924;--darin-ink:#17212d;--darin-muted:#687582;--darin-line:#ebeae5;--darin-surface:#fffefa;--darin-subtle:#f3f3ee;--cpd-color-bg-action-primary-rest:#f05924;--cpd-color-bg-action-primary-hovered:#dc4d19;--cpd-color-icon-accent-tertiary:#f05924;--cpd-color-text-action-accent:#b94318}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--darin-ink)}
.mx_MatrixChat,.mx_RoomView,.mx_RoomView_body,.mx_RoomView_messagePanel{background:var(--darin-surface)}
.mx_LeftPanel{background:var(--darin-surface);border-right:1px solid var(--darin-line)}
.mx_SpacePanel{background:var(--darin-subtle)}
.mx_RoomHeader{min-height:64px;border-bottom:1px solid var(--darin-line);background:var(--darin-surface)}
.mx_RoomSearch{margin:12px 10px}.mx_RoomSearch input{border-radius:12px}
.mx_RoomTile{margin:3px 8px;border-radius:14px}.mx_RoomTile_selected{background:#fff1eb!important}
.mx_RoomTile_name{font-weight:600}.mx_RoomTile_name,.mx_RoomHeader_name{color:var(--darin-ink)}
.mx_MessageComposer{margin:10px 16px 16px;border:1px solid var(--darin-line);border-radius:18px;background:var(--darin-surface)}
.mx_MessageComposer_wrapper{border:0}.mx_SendMessageComposer{min-height:52px}
.mx_EventTile .mx_EventTile_line{border-radius:14px}.mx_EventTile .mx_EventTile_content{line-height:1.55}
.mx_MFileBody{padding:14px 16px;border:1px solid var(--darin-line);border-radius:16px;max-width:min(420px,100%)}
.mx_MFileBody a{color:#b94318;text-underline-offset:3px}
.mx_AccessibleButton_kind_primary{background:var(--darin-accent);border-radius:14px}
.mx_Dialog{border-radius:20px}.mx_SearchBar{border-radius:14px}
:focus-visible{outline-offset:3px}
@media(max-width:700px){.mx_MessageComposer{margin:6px 8px 10px;border-radius:14px}.mx_RoomHeader{min-height:56px}.mx_MFileBody{max-width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important}}

html body,html body input,html body button,html body textarea{font-family:Involve,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.mx_RoomListItemView{margin:3px 8px;border-radius:14px!important}.mx_RoomListItemView_selected{background:#fff1eb!important}.mx_RoomListItemView_selected::before{background-color:#f05924!important}
.mx_EventTile .mx_EventTile_content{display:inline-block;max-width:95%;padding:8px 12px;background:#f5f7f7;border:1px solid #ebeae5;border-radius:14px;overflow-wrap:anywhere;box-sizing:border-box}
.mx_EventTile_me .mx_EventTile_content{background:#fff1eb;border-color:#f6d9ca}
.mx_EventTile[class*="_stateOwnEvent_"] .mx_EventTile_content{background:#fff1eb;border-color:#f6d9ca}
html body.cpd-theme-light,html body.cpd-theme-light button,html body.cpd-theme-light input,html body.cpd-theme-light textarea{font-family:Involve,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
/* Compound uses an important font shorthand; override its documented tokens. */
:root,body.cpd-theme-light{--cpd-font-family-sans:Involve,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;--cpd-font-body-md-regular:400 .9375rem/1.5 Involve,sans-serif!important;--cpd-font-body-md-medium:500 .9375rem/1.5 Involve,sans-serif!important;--cpd-font-body-sm-regular:400 .875rem/1.45 Involve,sans-serif!important}
.darinRoomListToggle{display:none;border:0;background:transparent;color:#17212d;align-items:center;justify-content:center;flex-shrink:0;min-width:36px;min-height:40px;border-radius:10px;cursor:pointer}
@media(min-width:701px){.mx_LeftPanel{width:280px!important;min-width:280px!important;max-width:320px}}
@media(min-width:701px){.mx_MatrixChat > div > div:has(.mx_LeftPanel){flex:0 0 280px!important;min-width:280px!important;max-width:320px!important}.mx_LeftPanel_wrapper--user,.mx_LeftPanel_wrapper,.mx_LeftPanel_outerWrapper{min-width:0;width:100%}}

.darinRoomsDialog{border:1px solid #ebeae5;border-radius:20px;padding:18px;width:min(400px,calc(100vw - 32px));max-height:80dvh;background:#fffefa;color:#17212d;box-sizing:border-box}.darinRoomsDialog::backdrop{background:rgb(23 33 45 / .25)}.darinRoomsDialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.darinRoomsDialog h2{font-size:22px;margin:0}.darinRoomsDialog input{width:100%;padding:12px;border:1px solid #ebeae5;border-radius:12px;box-sizing:border-box}.darinRoomsDialog button{border:1px solid #ebeae5;border-radius:12px;background:#fffefa;color:#17212d;min-height:42px;padding:10px 12px;cursor:pointer}.darinRoomsList{display:grid;gap:8px;margin-top:12px;overflow:auto;max-height:55dvh}.darinRoomsList button{text-align:left}.darinRoomsList button:hover{background:#fff1eb}.darinRoomListToggle--floating{position:fixed;right:16px;bottom:16px;z-index:20;background:#fff1eb}
@media(max-width:700px){.mx_MatrixChat > div > div:has(.mx_LeftPanel){display:none!important}.mx_RoomView_wrapper{min-width:0!important;width:100%!important}.mx_RoomView{min-width:0!important;width:100%}.mx_SpacePanel{display:none!important}.darinRoomListToggle{display:inline-flex}}

.mx_MatrixChat > div > div:has(.mx_RoomView_wrapper){flex:1 1 0!important;min-width:0!important;max-width:none!important;width:auto!important}
@media(max-width:700px){.mx_EventTile_content:has([class*="_tile_"]){display:block;width:100%;max-width:100%}.mx_EventTile_content [class*="_tile_"]{width:100%;max-width:100%;box-sizing:border-box}.mx_EventTile_content [class*="_textContent_"]{min-width:0;flex:1}.mx_EventTile_content [class*="_header_"]{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:700px){.mx_EventTile_content [class*="_leftGroup_"]{flex-direction:column!important;align-items:flex-start!important;gap:6px}.mx_EventTile_content [class*="_header_"]{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;max-width:none!important;overflow-wrap:anywhere!important}.mx_EventTile_content [class*="_textContent_"]{width:100%!important}}

/* One-time native login/verification must also fit the corporate drawer. */
.darinEmbeddedChat .mx_AuthPage{background:var(--darin-surface)!important;min-width:0;height:100dvh;overflow:auto}
.darinEmbeddedChat .mx_AuthPage_modal{width:calc(100% - 24px);max-width:460px;min-width:0;box-sizing:border-box;flex-direction:column;margin:20px auto 0;border:1px solid var(--darin-line);background:var(--darin-surface)}
.darinEmbeddedChat .mx_AuthPage_modalContent,.darinEmbeddedChat .mx_CompleteSecurityBody,.darinEmbeddedChat .mx_AuthBody{width:100%!important;min-width:0;max-width:100%;box-sizing:border-box;padding:24px;border-radius:20px}
.darinEmbeddedChat .mx_AuthHeader{width:100%;padding:16px;box-sizing:border-box}.darinEmbeddedChat .mx_AuthHeaderLogo{max-width:100px;margin:0 auto;padding:0}
.darinEmbeddedChat .mx_CompleteSecurityBody h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere}
.darinEmbeddedChat .mx_AuthFooter{background:none;font-size:12px;margin-top:auto}.darinEmbeddedChat .mx_AuthFooter a:link,.darinEmbeddedChat .mx_AuthFooter a:visited{color:var(--darin-muted);margin:0 12px}
@media(max-width:700px){
.darinEmbeddedChat .mx_EventTile_content [class*="_leftGroup_"]{flex-direction:row!important;align-items:center!important;gap:10px}
.darinEmbeddedChat .mx_EventTile_content [class*="_icon_"]{width:36px;height:42px!important;aspect-ratio:auto;flex:none}
.darinEmbeddedChat .mx_EventTile_content [class*="_textContent_"]{display:block!important;width:auto!important;flex:1 1 0!important;min-width:0}
.darinEmbeddedChat .mx_EventTile_content [class*="_header_"]{display:block!important;-webkit-line-clamp:unset;line-clamp:unset;white-space:normal!important;overflow:visible!important}
.darinEmbeddedChat .mx_EventTile_content [class*="_below_"]{height:auto!important;min-height:56px}
}