/* Compact conversation tools and focused editing surfaces. */
.river-chat #roomIdentity{cursor:text;min-width:120px}
.river-chat #roomIdentity:hover strong{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px}
.river-chat #roomIdentity.identity-editing{display:grid;gap:3px;min-width:min(320px,35vw)}
.river-chat #roomIdentity .inline-identity-input{width:100%;height:32px;padding:4px 10px;border:1px solid #9cc3ff;border-radius:8px;background:var(--surface-2,#22262c);color:var(--text,#fff);font-family:inherit;font-size:15px;font-weight:600;outline:2px solid #9cc3ff44}
.river-chat #roomIdentity.identity-editing small{font-size:10px;color:var(--muted,#aab0ba)}
.river-chat #modal.chat-feature-screen.chat-picker-popover{position:fixed!important;inset:auto 24px 76px auto!important;margin:0!important;width:min(480px,calc(100vw - 24px))!important;height:min(560px,calc(100dvh - 110px))!important;min-width:0!important;min-height:0!important;max-width:480px!important;max-height:calc(100dvh - 110px)!important;resize:none!important;border:1px solid #ffffff2b!important;border-radius:16px!important;box-shadow:0 18px 65px #000b!important;background:#17191d!important}
.river-chat #modal.chat-picker-popover .modal-head{height:48px!important;min-height:48px!important;padding:8px 15px!important;background:#17191d!important;cursor:default!important}
.river-chat #modal.chat-picker-popover .modal-head h2{font-size:15px!important}
.river-chat #modal.chat-picker-popover>.modal-body{display:block!important;height:calc(100% - 48px)!important;max-height:none!important;padding:10px 14px!important;overflow:auto!important;background:#17191d!important}
.river-chat #modal.chat-picker-popover .gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:none!important}
.river-chat #modal.chat-picker-popover .gif-grid button{height:154px!important;min-height:154px!important;border:1px solid #ffffff18!important;border-radius:10px!important;overflow:hidden}
.river-chat #modal.chat-picker-popover .gif-grid img{object-fit:contain!important;width:100%!important;height:100%!important}
body.river-chat #modal.chat-picker-popover .emoji-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;padding-bottom:10px!important}
body.river-chat #modal.chat-picker-popover .emoji-search label{grid-column:1/-1;display:flex!important;width:100%!important;min-width:0!important;min-height:40px!important}
body.river-chat #modal.chat-picker-popover .emoji-search input{flex:1!important;width:100%!important;min-width:0!important}
body.river-chat #modal.chat-picker-popover .emoji-search select{width:100%!important;min-width:0!important;margin:0!important}
.river-chat .br-video-download{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;color:inherit;text-decoration:none;border-radius:7px}
.river-chat .br-video-download:hover,.river-chat .br-video-download:focus-visible{background:#ffffff20;outline:none}
.river-chat .br-video-download svg{width:17px;height:17px}
body.river-chat .profile-editor-preview.has-profile-image,body.river-chat .rich-profile-view>header[style*="background-image"]{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#111820!important}
body.river-chat .profile-editor-preview .avatar,body.river-chat .rich-profile-identity .avatar{object-fit:contain!important;background:#111820!important}
.river-chat .profile-save-error{margin:14px 0 0!important;padding:12px 14px!important;border:1px solid #ff697b99!important;border-radius:10px!important;background:#5d1f2b!important;color:#fff!important;font-size:13px!important;line-height:1.45!important}
.river-chat .profile-save-error[hidden]{display:none!important}
.river-chat .profile-editor-preview,.river-chat .rich-profile-view>header{position:relative;overflow:hidden;isolation:isolate}
.river-chat .profile-editor-preview>.profile-banner-video,.river-chat .rich-profile-view>header>.profile-banner-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111820;z-index:0;pointer-events:none}
.river-chat .profile-editor-preview>div{position:relative;z-index:1}
@layer chat-interface{
  body.river-chat #modal.chat-picker-popover .emoji-search{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;padding-bottom:10px!important}
  body.river-chat #modal.chat-picker-popover .emoji-search label{grid-column:1/-1!important;display:flex!important;min-width:0!important;width:100%!important;min-height:40px!important}
  body.river-chat #modal.chat-picker-popover .emoji-search input{flex:1!important;min-width:0!important;width:100%!important}
  body.river-chat #modal.chat-picker-popover .emoji-search select{width:100%!important;min-width:0!important;margin:0!important}
  body.river-chat #modal.sketch-dialog>.modal-body{height:100%!important;max-height:none!important;padding:0!important}
}
.gif-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.gif-tabs .gif-upload{display:flex;align-items:center;gap:5px;margin-left:auto;padding:7px 10px;border-radius:8px;background:#83b9ff22;color:#bdd8ff;cursor:pointer;font-size:12px;font-weight:650}.gif-tabs .gif-upload:hover{background:#83b9ff38}.gif-tabs .gif-upload svg{width:15px;height:15px}
.river-chat .image-attachment.transparent-media,.river-chat .message-attachments .image-attachment.transparent-media{max-width:min(520px,85vw)!important;width:auto!important;height:auto!important;max-height:none!important}
.river-chat .image-attachment.transparent-media img,.river-chat .message-attachments .image-attachment.transparent-media img{display:block;width:auto!important;height:auto!important;max-width:min(520px,85vw)!important;max-height:480px!important;object-fit:contain!important}
.river-chat #modal.chat-feature-screen:has(.rich-profile-editor),.river-chat #modal.chat-feature-screen:has(.rich-profile-view){position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(760px,calc(100vw - 24px))!important;height:min(720px,calc(100dvh - 32px))!important;min-width:0!important;min-height:0!important;max-width:760px!important;max-height:calc(100dvh - 32px)!important;resize:both!important;border:1px solid #ffffff28!important;border-radius:18px!important;box-shadow:0 24px 80px #000b!important}
.river-chat #modal.chat-feature-screen:has(.rich-profile-view){width:min(480px,calc(100vw - 24px))!important;max-width:480px!important}
.river-chat #modal.chat-feature-screen:has(.rich-profile-editor) .modal-head,.river-chat #modal.chat-feature-screen:has(.rich-profile-view) .modal-head{height:54px!important;min-height:54px!important;padding:12px 20px!important}
.river-chat #modal.chat-feature-screen:has(.rich-profile-editor)>.modal-body,.river-chat #modal.chat-feature-screen:has(.rich-profile-view)>.modal-body{height:calc(100% - 54px)!important;max-height:none!important;padding:18px!important;overflow:auto!important}
.river-chat #modal.chat-feature-screen.identity-mini-dialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(420px,calc(100vw - 24px))!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:420px!important;max-height:calc(100dvh - 24px)!important;resize:none!important;border:1px solid #ffffff2b!important;border-radius:15px!important}
.river-chat #modal.identity-mini-dialog .modal-head{height:50px!important;min-height:50px!important;padding:9px 16px!important}.river-chat #modal.identity-mini-dialog>.modal-body{height:auto!important;max-height:calc(100dvh - 74px)!important;padding:15px!important;overflow:auto!important}.river-chat #modal.identity-mini-dialog .identity-editor{max-width:none!important;min-height:0!important}.river-chat #modal.identity-mini-dialog .identity-preview{padding:10px!important;margin:0 0 12px!important}.river-chat #modal.identity-mini-dialog .modal-actions{margin-top:8px!important}
/* Sketchbook uses one compact command row and gives the page most of the window. */
body.river-chat #modal.sketch-dialog{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(1740px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;height:min(970px,calc(100dvh - 20px))!important;max-height:calc(100dvh - 20px)!important;border:1px solid #ffffff26!important;border-radius:18px!important;background:#15191d!important;resize:none!important}
body.river-chat #modal.sketch-dialog .modal-head{display:none!important}
body.river-chat #modal.sketch-dialog>.modal-body{height:100%!important;max-height:none!important;padding:0!important}
.sketch-studio{background:#15191d!important;color:#edf3f8!important}
.sketch-header{padding:10px 16px!important;min-height:62px;background:linear-gradient(90deg,#1b2228,#171b1f)!important}
.sketch-identity strong{font-size:17px;font-weight:700}.sketch-identity small{font-size:11px;letter-spacing:0;color:#a8b5bd}
.sketch-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#83b9ff22;color:#9ecaff}
.sketch-actions button{min-height:36px;padding:7px 11px;font-size:12px}.sketch-studio .primary{background:#8cbbff!important;color:#122136!important;border-color:#8cbbff!important}
.sketch-tools{gap:0!important;padding:5px 12px!important;min-height:70px;background:#191e23!important;align-items:stretch!important}
.sketch-tool-group{display:flex;align-items:center;gap:3px;padding:20px 9px 2px;border-right:1px solid #ffffff1b;position:relative;flex-shrink:0}.sketch-tool-group>small{position:absolute;top:3px;left:10px;color:#9eaab2;font-size:10px;font-weight:700;letter-spacing:.025em}.sketch-tool-group:last-child{border:0}.sketch-tool-group.sketch-history{margin-left:auto}.sketch-tools button{min-height:34px!important;padding:5px 9px!important;font-weight:550}
.sketch-tools button[aria-pressed=true]{background:#274568!important;border:1px solid #79b4ff!important;color:#f4f9ff!important;box-shadow:inset 0 -2px #91c4ff,0 1px 8px #4a96ff22!important}
.sketch-danger button{color:#ff8c91!important}.sketch-danger button:hover{background:#61272d!important}
.sketch-main{grid-template-columns:minmax(0,1fr) clamp(240px,19vw,300px)!important}
.sketch-stage{padding:22px!important;background-color:#1d2228!important;background-image:radial-gradient(#bdc6d235 1px,transparent 1px)!important;background-size:21px 21px!important}
.sketch-sheet{transition:transform .12s ease-out;transform-origin:center center;max-width:calc(100% - 4px);max-height:calc(100% - 4px)}
.sketch-sheet canvas{border:1px solid #cbd2d9!important;border-radius:5px!important;box-shadow:0 4px 8px #0005,0 22px 60px #0006!important}
.sketch-sheet canvas.is-panning{cursor:grab!important}
.sketch-inspector{padding:14px!important;gap:12px!important;background:#171c21!important}
.sketch-inspector section{padding:12px!important;background:#1f252b;border:1px solid #ffffff19;border-radius:11px;gap:10px!important}
.sketch-inspector section+section{border:1px solid #ffffff19!important;padding:12px!important}
.sketch-inspector .sketch-help{background:none;border:0;padding:0;color:#a3b1ba}
.sketch-field-label{font-size:11px;color:#bac7d0}
.sketch-inspector #drawHex{width:100%;padding:7px 10px;background:#11171d;color:#f3f8ff;border:1px solid #ffffff29;border-radius:7px;font:12px ui-monospace,monospace}
.sketch-color-actions{display:flex;gap:6px;align-items:center}.sketch-color-actions button{width:34px;height:34px;display:grid;place-items:center;background:#2b353e;border:1px solid #ffffff29;border-radius:8px;color:#d4e2ec}.sketch-color-actions button[hidden]{display:none}.sketch-recent-colors{display:flex;gap:7px;flex-wrap:wrap;min-height:25px}.sketch-recent-colors .sketch-swatch{width:22px!important;height:22px!important}
.sketch-brush>strong{font-size:13px}.sketch-brush #shapeSettings{display:grid;gap:9px;padding-top:9px;border-top:1px solid #ffffff22}.sketch-brush #shapeSettings[hidden]{display:none}.shape-fill-option{display:flex;justify-content:space-between}.shape-fill-option input{accent-color:#91bfff}
.sketch-import-layer{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #87bbff55;border-radius:7px;background:#8ebfff1a;color:#bbd9ff;cursor:pointer;font-size:11px}.sketch-import-layer svg{width:14px;height:14px}.sketch-layer-row{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:7px 0;border-top:1px solid #ffffff15;font-size:11px}.sketch-layer-row>span{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sketch-layer-row svg{width:13px;height:13px}.sketch-layer-row>div{display:flex;gap:1px;flex-shrink:0}.sketch-layer-row button{width:23px;height:23px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#afc4d4}.sketch-layer-row button:hover{background:#ffffff1b}.sketch-layer-row small{font-size:10px;color:#8495a2}.sketch-background-layer{color:#a4b2bc}
.sketch-studio input[type=color]{width:44px!important;height:34px!important;border-radius:9px!important;cursor:pointer}
.sketch-studio input[type=range]{height:7px!important}
.sketch-canvas-settings summary{cursor:pointer;color:#b9d7ff;font-size:11px}.sketch-canvas-settings[open]{display:grid;gap:8px}.sketch-canvas-settings .sketch-dimensions{margin-top:8px}.sketch-canvas-settings button{width:100%}
.sketch-footer{min-height:48px!important;padding:7px 14px!important;font-size:11px!important;background:#171c21!important}
.sketch-view-controls{display:flex;align-items:center;gap:5px}.sketch-view-controls button{min-width:30px;min-height:30px;padding:4px 8px;color:#dce9f2;background:#242c33;border:1px solid #ffffff23;border-radius:7px}.sketch-view-controls button:hover{background:#334350}.sketch-view-controls output{min-width:52px;text-align:center;color:#f0f6fa}
/* Portal identity and quick theme switch stay visible beside the schedule. */
.topbar-right{gap:9px}.portal-top-action,.portal-account{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:5px 9px;border:1px solid var(--line,#ffffff20);border-radius:8px;background:var(--surface,#1c2228);color:var(--text,#fff);font-size:12px;font-weight:600;white-space:nowrap}.portal-top-action:hover,.portal-account:hover{background:var(--surface-2,#303943)}.portal-top-action svg{width:16px;height:16px}.portal-theme{width:36px;padding:5px}.portal-account .avatar{width:22px;height:22px;font-size:9px}.portal-account span{max-width:150px;overflow:hidden;text-overflow:ellipsis}
/* Calls use a calmer surface and a distinct, readable control deck. */
body.river-chat #callPanel.call-overlay:not(.minimized){background:#12161c!important;border-color:#ffffff27!important;box-shadow:0 30px 110px #000b!important}
body.river-chat #callPanel .call-top{min-height:52px!important}
body.river-chat #callPanel .call-person h2{font-size:17px!important;font-weight:700!important;letter-spacing:-.025em}
body.river-chat #callPanel .call-meta{color:#b0bfca!important}
body.river-chat #callPanel .call-stage{background:radial-gradient(circle at 50% 38%,#242d38 0%,#141a21 57%,#11161d 100%)!important;border:1px solid #ffffff1c!important;box-shadow:inset 0 0 0 1px #0004!important}
body.river-chat #callPanel .call-controls{background:#1d252d!important;border:1px solid #ffffff2c!important;border-radius:18px!important;box-shadow:0 9px 25px #0007!important;padding:6px!important}
body.river-chat #callPanel .call-control{color:#e4eef7!important;width:67px!important}
body.river-chat #callPanel .call-control:hover,body.river-chat #callPanel .call-control.active{background:#334962!important;border-color:#85b8ff66!important}
body.river-chat #callPanel .call-control.off{background:#743a43!important;color:#ffe3e6!important}
body.river-chat #callPanel .call-end{background:#d14253!important;color:white!important;border-radius:13px!important}
body.river-chat #callPanel .call-note{display:none!important}
body.river-chat #callPanel .call-secondary-controls{background:#202932!important;border:1px solid #ffffff22!important;box-shadow:0 15px 45px #0009!important}
body.river-chat #modal.chat-feature-screen:has(.call-preferences){position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(610px,calc(100vw - 24px))!important;height:min(780px,calc(100dvh - 28px))!important;min-width:0!important;min-height:0!important;max-width:610px!important;max-height:calc(100dvh - 28px)!important;resize:both!important;border:1px solid #ffffff2b!important;border-radius:17px!important}
body.river-chat #modal.chat-feature-screen:has(.call-preferences) .modal-head{height:54px!important;min-height:54px!important;padding:11px 17px!important}
body.river-chat #modal.chat-feature-screen:has(.call-preferences)>.modal-body{height:calc(100% - 54px)!important;max-height:none!important;padding:18px!important;overflow:auto!important}
body.river-chat .call-preferences{max-width:none!important;gap:9px!important}.call-preferences h3{margin:14px 0 3px;padding-top:10px;border-top:1px solid #ffffff24;font-size:13px;color:#c7dcf3}.call-preferences h3:first-child{margin-top:0;padding-top:0;border:0}.call-preferences label{min-height:42px;padding:8px 11px;border:1px solid #ffffff1d;border-radius:9px;background:#ffffff08;font-size:12px!important;line-height:1.45}.call-preferences input[type=range]{width:48%!important;accent-color:#90bdff}.call-preferences select{max-width:190px}.call-preferences button{min-height:36px;border-radius:9px}.call-preferences p{margin:3px 0;color:#9daebb}
@media(max-width:760px){.sketch-main{display:flex!important}.sketch-inspector{max-height:210px!important;display:flex!important;flex-direction:row!important;overflow:auto!important}.sketch-inspector section{min-width:210px}.sketch-tool-group{padding-left:5px;padding-right:5px}.sketch-tool-group>small{left:6px}.sketch-tools button span{display:none}.sketch-footer #paintCanvasStatus{display:none}}
/* Pickers are anchored conversation tools, never feature windows. */
body.river-chat #modal.ace-modal.chat-picker-popover[open]{position:fixed!important;inset:auto 20px 76px auto!important;transform:none!important;margin:0!important;width:min(480px,calc(100vw - 24px))!important;min-width:0!important;max-width:480px!important;height:min(560px,calc(100dvh - 100px))!important;min-height:0!important;max-height:calc(100dvh - 100px)!important;resize:none!important;border:1px solid #ffffff2b!important;border-radius:16px!important;background:#17191d!important;box-shadow:0 18px 65px #000b!important}
body.river-chat #modal.ace-modal.chat-picker-popover[open]>.modal-head{height:48px!important;min-height:48px!important;padding:8px 15px!important}
body.river-chat #modal.ace-modal.chat-picker-popover[open]>.modal-body{display:block!important;height:calc(100% - 48px)!important;max-height:none!important;padding:10px 14px!important;overflow-y:auto!important}
body.river-chat #modal.ace-modal:is(.profile-editor-dialog,.profile-view-dialog,.identity-mini-dialog,.call-preferences-dialog,.conversation-options-dialog)[open]{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:min(720px,calc(100vw - 24px))!important;min-width:0!important;max-width:720px!important;height:auto!important;max-height:calc(100dvh - 32px)!important;resize:none!important;border:1px solid #ffffff29!important;border-radius:17px!important;background:#191b20!important;box-shadow:0 24px 80px #000b!important}
body.river-chat #modal.ace-modal:is(.profile-view-dialog,.identity-mini-dialog)[open]{width:min(480px,calc(100vw - 24px))!important;max-width:480px!important}
body.river-chat #modal.ace-modal.identity-mini-dialog[open]{width:min(420px,calc(100vw - 24px))!important;max-width:420px!important}
body.river-chat #modal.ace-modal.call-preferences-dialog[open]{width:min(610px,calc(100vw - 24px))!important;max-width:610px!important}
body.river-chat #modal.ace-modal:is(.profile-editor-dialog,.profile-view-dialog,.identity-mini-dialog,.call-preferences-dialog,.conversation-options-dialog)[open]>.modal-head{height:52px!important;min-height:52px!important;padding:9px 17px!important}
body.river-chat #modal.ace-modal:is(.profile-editor-dialog,.profile-view-dialog,.identity-mini-dialog,.call-preferences-dialog,.conversation-options-dialog)[open]>.modal-body{height:auto!important;max-height:calc(100dvh - 86px)!important;padding:15px 18px!important;overflow-y:auto!important}
.river-chat #pinNav[hidden]{display:none!important}
.river-chat .conversation-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.river-chat .conversation-quick-actions .option-button{min-height:42px}
/* Keep long text and rich media within the scrollport, including on iOS PWA. */
body.river-chat .chat-shell,body.river-chat .conversation,body.river-chat .conversation-surface{max-width:100%!important;overflow-x:clip!important}
body.river-chat .message-list{max-width:100%!important;overflow-x:hidden!important;overflow-anchor:auto!important;touch-action:pan-y!important}
body.river-chat .message,body.river-chat .message-content,body.river-chat .message-attachments,body.river-chat .message-text,body.river-chat .quoted-message{min-width:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
body.river-chat .message-attachments,body.river-chat .message-attachments>*{max-width:100%!important}
body.river-chat .message-attachments .br-video-player,body.river-chat .br-video-player>.video-attachment{min-width:0!important;max-width:100%!important}
body.river-chat .br-video-controls{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;flex-wrap:wrap!important}
@media(max-width:760px){
  body.river-chat .conversation-header{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:5px!important;padding:5px max(7px,env(safe-area-inset-right)) 5px max(7px,env(safe-area-inset-left))!important;overflow:hidden!important}
  body.river-chat #togglePeople{flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;padding:6px!important}
  body.river-chat #roomIdentity{flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important}
  body.river-chat #roomIdentity>div,body.river-chat #roomIdentity strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.river-chat .conversation-tools{flex:0 0 auto!important;min-width:0!important;max-width:calc(100% - 116px)!important;gap:0!important;margin-left:0!important;padding:0!important;border:0!important;background:none!important}
  body.river-chat .conversation-tools .icon-btn{flex:0 0 29px!important;width:29px!important;min-width:29px!important;height:33px!important;min-height:33px!important;padding:5px!important}
  body.river-chat .conversation-tools #findMessages,body.river-chat .conversation-tools #pinNav{display:none!important}
  body.river-chat .message-list{padding:8px 8px 6px!important;overscroll-behavior-x:none!important}
  body.river-chat .message{width:fit-content!important;max-width:100%!important;gap:5px!important}
  body.river-chat .message-content{max-width:calc(100vw - 56px)!important;padding:10px 11px!important}
  body.river-chat .message-content img,body.river-chat .message-content video,body.river-chat .message-content iframe,body.river-chat .message-content audio{max-width:100%!important}
  body.river-chat .message-attachments .br-video-player{width:100%!important}
  body.river-chat .composer-wrap{flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:4px 8px max(8px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
  body.river-chat #messageForm{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:17px!important}
  body.river-chat #messageForm .composer-row{display:grid!important;grid-template-columns:38px 38px minmax(0,1fr) 38px!important;grid-template-rows:minmax(38px,auto) 38px!important;align-items:center!important;column-gap:2px!important;row-gap:3px!important;min-height:85px!important;max-width:100%!important;padding:5px 7px!important;box-sizing:border-box!important}
  body.river-chat #messageForm #messageInput{grid-column:1/-1!important;grid-row:1!important;width:100%!important;min-width:0!important;min-height:38px!important;max-height:120px!important;padding:7px 9px!important;line-height:1.35!important;overflow-y:auto!important;box-sizing:border-box!important}
  body.river-chat #messageForm .composer-menu-wrap{grid-column:1!important;grid-row:2!important}
  body.river-chat #messageForm .composer-row>#cameraBtn.composer-camera-quick{grid-column:2!important;grid-row:2!important;flex:none!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  body.river-chat #messageForm .composer-primary-tools{grid-column:3!important;grid-row:2!important;justify-self:end!important;min-width:0!important;gap:2px!important;overflow:hidden!important}
  body.river-chat #messageForm .composer-primary-tools #gifBtn,body.river-chat #messageForm .composer-primary-tools #emojiBtn,body.river-chat #messageForm .composer-primary-tools #recordBtn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  body.river-chat #messageForm #sendBtn{grid-column:4!important;grid-row:2!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  body.river-chat #modal.ace-modal.chat-picker-popover[open]{inset:auto 6px max(98px,env(safe-area-inset-bottom)) 6px!important;width:calc(100vw - 12px)!important;max-width:none!important;height:min(480px,calc(100dvh - 120px))!important;max-height:calc(100dvh - 120px)!important;animation:none!important}
  body.river-chat #modal.ace-modal.conversation-options-dialog[open]{height:min(76dvh,620px)!important;max-height:min(76dvh,620px)!important}
  body.river-chat #modal.ace-modal.conversation-options-dialog[open]>.modal-body{height:calc(100% - 52px)!important;max-height:none!important;overflow-y:auto!important}
  html[data-platform="ios"] body.river-chat #modal.ace-modal:is(.profile-editor-dialog,.profile-view-dialog,.identity-mini-dialog,.call-preferences-dialog,.conversation-options-dialog)[open]{inset:auto 6px max(6px,env(safe-area-inset-bottom)) 6px!important;transform:none!important;width:calc(100vw - 12px)!important;max-width:none!important;max-height:min(82dvh,720px)!important}
}