/* Shared floating actions, composer, and compact conversation window. */
.open-footer, .open-footer-gallery, .open-button, .open-button-post-large-screen {
    display: inline-flex !important; align-items: center; justify-content: center;
    position: fixed !important; right: 18px !important; width: 44px !important; height: 44px !important;
    margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 14px !important; background: #1e5fc4 !important; color: #fff !important;
    box-shadow: 0 8px 20px rgba(22,75,155,.22) !important; opacity: 1 !important; z-index: 999;
    cursor: pointer; text-decoration: none;
}
.open-footer, .open-footer-gallery { bottom: 124px !important; }
.open-button-post-large-screen { bottom: 72px !important; }
.open-button { bottom: 20px !important; }
.open-footer:hover, .open-footer-gallery:hover, .open-button:hover, .open-button-post-large-screen:hover { background: #174fa8 !important; transform: translateY(-2px); }
.open-footer:focus-visible, .open-footer-gallery:focus-visible, .open-button:focus-visible, .open-button-post-large-screen:focus-visible { outline: 3px solid #8fc2ff; outline-offset: 2px; }
.open-footer i, .open-footer-gallery i, .open-button i, .open-button-post-large-screen i { display: inline-flex !important; align-items: center; justify-content: center; width: 21px !important; height: 21px !important; margin: 0 !important; padding: 0 !important; color: #fff !important; font-size: 0 !important; line-height: 1 !important; }
.open-footer i::before, .open-footer-gallery i::before, .open-button i::before, .open-button-post-large-screen i::before { content: '' !important; display: block; width: 21px; height: 21px; background: currentColor; -webkit-mask: var(--floating-icon) center / contain no-repeat; mask: var(--floating-icon) center / contain no-repeat; }
.open-footer, .open-footer-gallery { --floating-icon: url('/icons/outline-menu.svg'); }
.open-button-post-large-screen { --floating-icon: url('/icons/outline-upload.svg'); }
.open-button { --floating-icon: url('/icons/outline-message.svg'); }

#myForm[hidden] { display: none !important; }
.voicer-chat-popup { right: 18px !important; bottom: 76px !important; width: min(380px, calc(100vw - 28px)); height: min(560px, calc(100dvh - 110px)); overflow: hidden; border: 1px solid #d5e2f2 !important; border-radius: 18px !important; background: #fff; box-shadow: 0 20px 60px rgba(16,47,94,.24); }
.voicer-chat-popup__header { display: flex; align-items: center; gap: 10px; height: 62px; padding: 0 12px; border-bottom: 1px solid #e6eef8; background: #fff; }
.voicer-chat-popup__symbol, .voicer-chat-popup__empty > span { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 34px; height: 34px; border-radius: 10px; background: #e9f2ff; color: #1e5fc4; }
.voicer-chat-popup__symbol::before, .voicer-chat-popup__empty > span::before { content: ''; display: block; width: 19px; height: 19px; background: currentColor; -webkit-mask: url('/icons/outline-message.svg') center / contain no-repeat; mask: url('/icons/outline-message.svg') center / contain no-repeat; }
.voicer-chat-popup__avatar { display: none; flex: none; width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.voicer-chat-popup.has-conversation .voicer-chat-popup__symbol { display: none; }
.voicer-chat-popup.has-conversation .voicer-chat-popup__avatar { display: block; }
.voicer-chat-popup__identity { flex: 1 1 auto; min-width: 0; }
.voicer-chat-popup__header h2 { margin: 0; color: #1b3657; font-size: 15px; font-weight: 760; }
.voicer-chat-popup__identity h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.voicer-chat-popup__identity small { display: block; overflow: hidden; color: #6e829e; font-size: 10px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.voicer-chat-popup__options { position: relative; flex: none; }
.voicer-chat-popup__options-trigger, .voicer-chat-popup__close { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 34px; height: 34px; margin: 0; padding: 0; border: 0; border-radius: 9px; background: #f0f5fb; color: #536e8d; cursor: pointer; }
.voicer-chat-popup__options-trigger[hidden], .voicer-chat-popup__options-menu[hidden] { display: none !important; }
.voicer-chat-popup__options-trigger:hover, .voicer-chat-popup__options-trigger[aria-expanded="true"] { background: #e2edfa; color: #195fc6; }
.voicer-chat-popup__options-trigger span { width: 18px; height: 18px; background: currentColor; -webkit-mask: url('/icons/outline-more.svg') center / contain no-repeat; mask: url('/icons/outline-more.svg') center / contain no-repeat; }
.voicer-chat-popup__options-menu { position: absolute; top: 41px; right: 0; z-index: 10; width: 190px; padding: 5px; border: 1px solid #dce7f5; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(17,47,87,.2); }
.voicer-chat-popup__options-menu button { display: block; width: 100%; min-height: 37px; padding: 7px 10px; border: 0; border-radius: 7px; background: transparent; color: #284362; font-size: 12px; text-align: left; cursor: pointer; }
.voicer-chat-popup__options-menu button:hover { background: #edf4ff; color: #165fc8; }
.voicer-chat-popup__options-menu button:disabled { color: #9aacc1; cursor: default; }
.voicer-chat-popup__options-menu button:disabled:hover { background: transparent; }
.voicer-chat-popup__options-menu #voicerChatDeleteSelectedButton:not(:disabled) { color: #a43a49; }
.voicer-chat-popup__options-menu button:last-child { color: #a43a49; }
.voicer-chat-popup__close { margin-left: 0; }
.voicer-chat-popup__close:hover { background: #e2edfa; color: #195fc6; }
.voicer-chat-popup__close span { width: 18px; height: 18px; background: currentColor; -webkit-mask: url('/icons/outline-close.svg') center / contain no-repeat; mask: url('/icons/outline-close.svg') center / contain no-repeat; }
.voicer-chat-popup__body { height: calc(100% - 62px); background: #f8fbff; }
.voicer-chat-popup__empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 28px; text-align: center; }
.voicer-chat-popup__empty > span { width: 54px; height: 54px; margin-bottom: 14px; border-radius: 16px; }
.voicer-chat-popup__empty > span::before { width: 27px; height: 27px; }
.voicer-chat-popup__empty strong { color: #1d385a; font-size: 16px; }
.voicer-chat-popup__empty p { max-width: 250px; margin: 7px 0 0; color: #657b96; font-size: 13px; line-height: 1.45; }
.voicer-chat-popup iframe { display: none; width: 100%; height: 100%; border: 0; background: #f8fbff; }
.voicer-chat-popup.has-conversation .voicer-chat-popup__empty { display: none; }
.voicer-chat-popup.has-conversation iframe { display: block; }

.voicer-chat-modal .modal-dialog { width: min(500px, calc(100vw - 24px)); max-width: none; margin: 12px auto; }
.voicer-chat-modal .modal-content { display: flex; flex-direction: column; height: min(780px, calc(100dvh - 24px)); overflow: hidden; padding: 0 !important; border: 1px solid #d9e5f3; border-radius: 18px; background: #fff; box-shadow: 0 24px 65px rgba(16,47,94,.24); }
.voicer-chat-modal .modal-body { flex: 1 1 auto; min-height: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; }
.voicer-chat-modal .responsive-iframe, .voicer-chat-modal iframe { display: block; width: 100%; height: 100%; padding: 0 !important; border: 0; }
.voicer-chat-modal .modal-footer { flex: none; min-height: 52px; margin: 0 !important; padding: 7px 13px !important; border-top: 1px solid #e5edf7; background: #fff; }
.voicer-chat-modal__close { min-height: 34px; margin: 0 !important; padding: 6px 12px; border: 1px solid #d4e2f2; border-radius: 9px; background: #f4f8fd; color: #355575; font-size: 12px; font-weight: 720; cursor: pointer; }
.voicer-chat-modal__close:hover { background: #e7f1ff; color: #175cbd; }

.voicer-iframe-modal .modal-dialog { max-width: 760px; }
.voicer-iframe-modal .modal-content { display: flex; flex-direction: column; height: min(720px, calc(100dvh - 38px)) !important; overflow: hidden; border: 1px solid #d7e4f3; border-radius: 18px !important; background: #fff !important; box-shadow: 0 24px 70px rgba(10,39,83,.24); }
.voicer-iframe-modal .modal-header { flex: none; min-height: 66px; padding: 7px 17px !important; border-bottom: 1px solid #e8eef7 !important; background: #fff; }
.voicer-iframe-modal .modal-header .col-12 { display: flex; align-items: center; padding: 0; }
.voicer-iframe-modal .modal-header img { width: 38px; height: 38px; margin: 0 9px 0 0 !important; border-radius: 50%; object-fit: cover; box-shadow: none !important; }
.voicer-iframe-modal .modal-header a { color: #2365bd !important; font-size: 13px; font-weight: 700; }
.voicer-iframe-modal .modal-header .btn-close { margin: 0 0 0 auto !important; }
.voicer-iframe-modal .modal-body { flex: 1 1 auto; min-height: 0; overflow: hidden; }
.voicer-iframe-modal .responsive-iframe { width: 100%; height: 100%; min-height: 0; padding: 0 !important; }
.voicer-iframe-modal iframe { display: block; width: 100%; height: 100%; border: 0; }
.voicer-iframe-modal .modal-footer { flex: none; min-height: 54px; padding: 7px 15px !important; border-top: 1px solid #e8eef7 !important; background: #fff !important; }
.voicer-iframe-modal .modal-footer button { width: auto !important; min-height: 36px; margin: 0 !important; padding: 7px 16px; border: 1px solid #d5e2f0; border-radius: 9px !important; background: #f4f8fd; color: #385777; font-size: 12px; font-weight: 720; box-shadow: none !important; }
.voicer-iframe-modal--composer .modal-content { height: min(760px, calc(100dvh - 32px)) !important; padding-bottom: 0 !important; }

body.voicer-post-composer { background: #fff !important; color: #193453; font-family: 'Voicer Inter', system-ui, sans-serif; }
body.voicer-post-composer .page-content.header-clear-medium { min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0; box-shadow: none; }
body.voicer-post-composer main { width: 100%; max-width: 740px; margin: 0 auto; padding: 0 18px 22px !important; }
body.voicer-post-composer main > .p-2 { margin: 0 !important; padding: 17px 0 !important; }
body.voicer-post-composer #postform { width: 100%; max-width: 650px; margin: 0 auto; }
body.voicer-post-composer #postingtitle { margin: 0 0 14px; color: #1b3656; font-size: 21px; font-weight: 780; letter-spacing: -.025em; }
.voicer-composer-visibility { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.voicer-composer-visibility__option { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; margin: 0; padding: 7px 12px; border: 1px solid #dbe6f4; border-radius: 999px; background: #fff; color: #536b87; font-size: 12px; font-weight: 700; cursor: pointer; }
.voicer-composer-visibility__option:has(input:checked) { border-color: #8cb9f2; background: #eaf3ff; color: #175cbf; }
.voicer-composer-visibility__option input { position: static !important; width: 15px; height: 15px; margin: 0; opacity: 1 !important; accent-color: #1e63c8; }
body.voicer-post-composer #postform > .row { margin: 0 0 12px !important; }
body.voicer-post-composer #postform > .row.center-div-content { display: block; }
body.voicer-post-composer #postform .container { width: 100%; max-width: none; padding: 0; }
body.voicer-post-composer #Description, body.voicer-post-composer #tagsInput { width: 100%; border: 1px solid #d4e0ef; border-radius: 11px; background: #fff; color: #1c3959; font-size: 14px; }
body.voicer-post-composer #Description { min-height: 110px; padding: 12px 14px; resize: vertical; }
body.voicer-post-composer #tagsInput { height: 42px; padding: 9px 12px; }
body.voicer-post-composer #Description:focus, body.voicer-post-composer #tagsInput:focus { border-color: #8cb9f2; box-shadow: 0 0 0 3px rgba(31,98,200,.1); }
body.voicer-post-composer #postform .form-group { width: 100%; margin: 8px 0 0; color: #526c88; font-size: 12px; font-weight: 700; text-align: left; }
body.voicer-post-composer #postform .form-group > i { display: none; }
body.voicer-post-composer #charNum { display: block; margin: 4px 0 0; color: #6b819b !important; font-size: 11px; text-align: right; }
body.voicer-post-composer #postform > br { display: none; }
body.voicer-post-composer #postform .content-icons { display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 0 11px !important; padding: 0 !important; }
body.voicer-post-composer #postform .content-icons > span { display: none; }
body.voicer-post-composer #postform .content-icons .upload-btn-wrapper { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 39px; height: 39px; margin: 0 !important; padding: 0 !important; border: 1px solid #dbe6f4; border-radius: 10px; background: #edf4ff; color: #2e6bbc; cursor: pointer; }
body.voicer-post-composer #postform .content-icons .upload-btn-wrapper:hover { border-color: #9fc3f2; background: #deecff; }
body.voicer-post-composer #postform .content-icons .upload-btn-wrapper i { display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; margin: 0 !important; padding: 0 !important; color: currentColor !important; font-size: 0 !important; }
body.voicer-post-composer #postform .content-icons .upload-btn-wrapper i::before { content: '' !important; display: block; width: 19px; height: 19px; background: currentColor; -webkit-mask: var(--composer-icon) center / contain no-repeat; mask: var(--composer-icon) center / contain no-repeat; }
body.voicer-post-composer #postform .fa-folder-open { --composer-icon: url('/icons/outline-folder.svg'); }
body.voicer-post-composer #postform .fa-photo-video { --composer-icon: url('/icons/outline-image.svg'); }
body.voicer-post-composer #postform .fa-video { --composer-icon: url('/icons/outline-video.svg'); }
body.voicer-post-composer #postform .fa-code { --composer-icon: url('/icons/outline-code.svg'); }
body.voicer-post-composer #postform .fa-link { --composer-icon: url('/icons/outline-link.svg'); }
body.voicer-post-composer #postform .fa-map-marker { --composer-icon: url('/icons/outline-map-pin.svg'); }
body.voicer-post-composer #postform .content-icons input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
body.voicer-post-composer #file-upload-gallery { display: none !important; }
body.voicer-post-composer #postform a[onclick="preexecutePost()"] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 43px; margin: 0 !important; border-radius: 10px !important; background: #1e63c8 !important; color: #fff !important; font-size: 13px; letter-spacing: .02em; box-shadow: none !important; }
body.voicer-post-composer #postform a[onclick="preexecutePost()"] i { display: inline-block; width: 18px; height: 18px; color: #fff; font-size: 0 !important; }
body.voicer-post-composer #postform a[onclick="preexecutePost()"] i::before { content: '' !important; display: block; width: 18px; height: 18px; background: currentColor; -webkit-mask: url('/icons/outline-upload.svg') center / contain no-repeat; mask: url('/icons/outline-upload.svg') center / contain no-repeat; }
body.voicer-post-composer #image-container { position: relative; width: 100%; margin: 0 !important; padding: 0 !important; border: 0; background: transparent; }
body.voicer-post-composer #image-container:has(#spanClearItem.enabled) { margin: 14px 0 0 !important; padding: 12px !important; border: 1px solid #dce7f5; border-radius: 12px; background: #f8fbff; }
body.voicer-post-composer #image-container #spanClearItem.enabled { display: flex; align-items: center; justify-content: center; float: none !important; width: 32px; height: 32px; margin: 0 0 8px auto !important; padding: 0 !important; border-radius: 8px; background: #e9f1fc; color: #4d6b8d; }
body.voicer-post-composer #image-data.enabled { display: block; width: 100%; max-height: min(220px, 30dvh); margin: 0 auto; border-radius: 10px; background: #e9f1fc; object-fit: contain; }
body.voicer-post-composer #videodiv.enabled { max-width: 100%; padding: 0 !important; }
/* Match the original videoScale preview dimensions and crop behavior. */
body.voicer-post-composer #video-data.enabled { display: block; max-width: 100%; margin: 0 auto; border-radius: 10px; object-fit: cover; }
body.voicer-post-composer #image-container:has(#boxscale1-fac-radio:checked) #video-data.enabled { width: min(100%, 400px) !important; height: 225px !important; }
body.voicer-post-composer #image-container:has(#boxscale2-fac-radio:checked) #video-data.enabled { width: min(100%, 400px) !important; height: 400px !important; }
body.voicer-post-composer #image-container:has(#boxscale3-fac-radio:checked) #video-data.enabled { width: min(100%, 225px) !important; height: 400px !important; }

/* Gallery video composer inside the shared posting modal. */
.voicer-video-upload.page-content.header-clear-medium { min-height: 100%; margin: 0 !important; padding: 0 !important; border: 0; background: #fff; box-shadow: none; color: #193453; font-family: 'Voicer Inter', system-ui, sans-serif; }
.voicer-video-upload__main { width: 100%; max-width: 740px; margin: 0 auto; padding: 20px 22px 30px !important; }
.voicer-video-upload__content { width: 100%; }
.voicer-video-upload__form { width: 100%; }
.voicer-video-upload__title { margin: 0 0 5px; color: #1b3656; font-size: 21px; font-weight: 780; letter-spacing: -.025em; }
.voicer-video-upload__intro { margin: 0 0 18px; color: #627894; font-size: 13px; line-height: 1.45; }
.voicer-video-upload__label { display: block; margin: 0 0 7px; color: #294460; font-size: 12px; font-weight: 750; line-height: 1.3; }
.voicer-video-upload__label span { margin-left: 5px; color: #7b8ea5; font-weight: 500; }
.voicer-video-upload__choices { margin: 0 -6px 6px !important; }
.voicer-video-upload__choices > div { padding: 0 6px 12px !important; }
.voicer-video-upload__choices .dropdown { margin: 0 !important; }
.voicer-video-upload__choices .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 43px; padding: 9px 14px; border: 1px solid #d4e0ef; border-radius: 11px; background: #fff; color: #254564; font-size: 13px; font-weight: 650; text-align: left; box-shadow: none; }
.voicer-video-upload__choices .dropdown-toggle:hover, .voicer-video-upload__choices .dropdown-toggle:focus { border-color: #8cb9f2; background: #f8fbff; color: #175cbf; box-shadow: 0 0 0 3px rgba(31,98,200,.1); }
.voicer-video-upload__choices .dropdown-menu { width: 100%; max-height: 260px; overflow-y: auto; border: 1px solid #dce7f5; border-radius: 11px; box-shadow: 0 12px 28px rgba(17,47,87,.14); }
.voicer-video-upload__choices .dropdown-item { min-height: 36px; padding: 8px 12px; color: #294460; font-size: 13px; cursor: pointer; }
.voicer-video-upload__choices .dropdown-item:hover { background: #edf4ff; color: #195fc6; }
.voicer-video-upload__file { display: flex; align-items: center; gap: 12px; position: relative; min-height: 74px; margin: 0; padding: 12px 14px; overflow: hidden; border: 1px dashed #9fbce2; border-radius: 12px; background: #f7faff; cursor: pointer; }
.voicer-video-upload__file:hover, .voicer-video-upload__file:focus-within { border-color: #508ee1; background: #eff6ff; outline: none; box-shadow: 0 0 0 3px rgba(31,98,200,.1); }
.voicer-video-upload__file-icon { display: block; flex: none; width: 40px; height: 40px; border-radius: 11px; background: #e3efff; color: #2367c5; }
.voicer-video-upload__file-icon::before { content: ''; display: block; width: 21px; height: 21px; margin: 9px auto; background: currentColor; -webkit-mask: url('/icons/outline-video.svg') center / contain no-repeat; mask: url('/icons/outline-video.svg') center / contain no-repeat; }
.voicer-video-upload__file-copy { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; gap: 2px; color: #244361; font-size: 13px; }
.voicer-video-upload__file-copy strong { font-weight: 740; }
.voicer-video-upload__file-copy small { overflow: hidden; color: #6b819a; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.voicer-video-upload__file-action { flex: none; padding: 7px 11px; border: 1px solid #c5d9f5; border-radius: 8px; background: #fff; color: #1b63bf; font-size: 11px; font-weight: 750; }
.voicer-video-upload__file input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.voicer-video-upload .voicer-composer-visibility { margin: 3px 0 18px; }
.voicer-video-upload__fields { display: block; margin: 0 !important; }
.voicer-video-upload__fields > .container, .voicer-video-upload__fields > .container2, .voicer-video-upload__fields > .form-group, .voicer-video-upload__fields > .col-12 { width: 100%; max-width: none; margin: 0 0 14px !important; padding: 0 !important; }
.voicer-video-upload__fields > br { display: none; }
.voicer-video-upload__fields #txtTitle, .voicer-video-upload__fields #MediaDescription, .voicer-video-upload__fields #tagsInput, .voicer-video-upload__fields .tagify { width: 100% !important; border: 1px solid #d4e0ef; border-radius: 11px; background: #fff; color: #1c3959; font-size: 14px; box-shadow: none; }
.voicer-video-upload__fields #txtTitle, .voicer-video-upload__fields #tagsInput, .voicer-video-upload__fields .tagify { min-height: 43px; padding: 9px 12px; }
.voicer-video-upload__fields #MediaDescription { min-height: 100px; padding: 11px 13px; resize: vertical; }
.voicer-video-upload__fields #txtTitle:focus, .voicer-video-upload__fields #MediaDescription:focus, .voicer-video-upload__fields #tagsInput:focus, .voicer-video-upload__fields .tagify:focus-within { border-color: #8cb9f2; outline: none; box-shadow: 0 0 0 3px rgba(31,98,200,.1); }
.voicer-video-upload__fields #charNum { display: block; width: 100%; margin: -9px 0 12px; color: #7589a0 !important; font-size: 11px !important; text-align: right; }
.voicer-video-upload__fields .tagify { height: auto; }
.voicer-video-upload__fields #btnSubmit { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin: 0 !important; padding: 9px 14px; border: 0; border-radius: 10px; background: #1e63c8; color: #fff; font-size: 13px; font-weight: 770; box-shadow: none; }
.voicer-video-upload__fields #btnSubmit.disabled { opacity: .52; pointer-events: none; }
.voicer-video-upload__fields #btnSubmit.enabled:hover { background: #174fa8; }
.voicer-video-upload__submit-icon { display: inline-block; width: 18px; height: 18px; background: currentColor; -webkit-mask: url('/icons/outline-upload.svg') center / contain no-repeat; mask: url('/icons/outline-upload.svg') center / contain no-repeat; }
.voicer-video-upload__preview-row { margin: 2px 0 0 !important; }
.voicer-video-upload__preview-row > .col-12 { padding: 0 !important; }
.voicer-video-upload #image-container { position: relative; margin: 0 0 18px; padding: 14px !important; border: 1px solid #dce7f5; border-radius: 12px; background: #f8fbff; }
.voicer-video-upload #VideoScale { margin: 0 42px 12px 0; }
.voicer-video-upload__remove { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 11px; right: 11px; z-index: 2; width: 32px; height: 32px; border: 0; border-radius: 8px; background: #e9f1fc; color: #4d6b8d; cursor: pointer; }
.voicer-video-upload__remove span { width: 17px; height: 17px; background: currentColor; -webkit-mask: url('/icons/outline-close.svg') center / contain no-repeat; mask: url('/icons/outline-close.svg') center / contain no-repeat; }
.voicer-video-upload #videodiv { max-width: 100%; padding: 0 !important; }
.voicer-video-upload #video-data { display: block; max-width: 100%; max-height: 400px; margin: 0 auto !important; border-radius: 10px; background: #dce8f5; }

/* Multi-image gallery composer uses the same controls as the video composer. */
.voicer-gallery-image-upload.page-content.header-clear-medium { min-height: 100%; margin: 0 !important; padding: 0 !important; border: 0; background: #fff; box-shadow: none; color: #193453; font-family: 'Voicer Inter', system-ui, sans-serif; }
.voicer-gallery-image-upload__main { width: 100%; max-width: 740px; margin: 0 auto; padding: 20px 22px 30px !important; }
.voicer-gallery-image-upload__content, .voicer-gallery-image-upload__form { width: 100%; margin: 0 !important; }
.voicer-gallery-image-upload__title { margin: 0 0 5px; color: #1b3656; font-size: 21px; font-weight: 780; letter-spacing: -.025em; }
.voicer-gallery-image-upload__intro { margin: 0 0 18px; color: #627894; font-size: 13px; line-height: 1.45; }
.voicer-gallery-image-upload__field { margin: 0 0 17px; }
.voicer-gallery-image-upload__label { display: block; margin: 0 0 7px; color: #294460; font-size: 12px; font-weight: 750; line-height: 1.3; }
.voicer-gallery-image-upload .dropdown-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 43px; padding: 9px 14px; border: 1px solid #d4e0ef; border-radius: 11px; background: #fff; color: #254564; font-size: 13px; font-weight: 650; text-align: left; box-shadow: none; }
.voicer-gallery-image-upload .dropdown-toggle:hover, .voicer-gallery-image-upload .dropdown-toggle:focus { border-color: #8cb9f2; background: #f8fbff; color: #175cbf; box-shadow: 0 0 0 3px rgba(31,98,200,.1); }
.voicer-gallery-image-upload .dropdown-menu { width: 100%; max-height: 260px; overflow-y: auto; border: 1px solid #dce7f5; border-radius: 11px; box-shadow: 0 12px 28px rgba(17,47,87,.14); }
.voicer-gallery-image-upload .dropdown-item { min-height: 36px; padding: 8px 12px; color: #294460; font-size: 13px; cursor: pointer; }
.voicer-gallery-image-upload .dropdown-item:hover { background: #edf4ff; color: #195fc6; }
.voicer-gallery-image-upload .voicer-composer-visibility { margin: 0 0 18px; }
.voicer-gallery-image-upload__file { display: flex; align-items: center; gap: 12px; position: relative; min-height: 74px; margin: 0; padding: 12px 14px; overflow: hidden; border: 1px dashed #9fbce2; border-radius: 12px; background: #f7faff; cursor: pointer; }
.voicer-gallery-image-upload__file:hover, .voicer-gallery-image-upload__file:focus-within { border-color: #508ee1; background: #eff6ff; outline: none; box-shadow: 0 0 0 3px rgba(31,98,200,.1); }
.voicer-gallery-image-upload__file-icon { display: block; flex: none; width: 40px; height: 40px; border-radius: 11px; background: #e3efff; color: #2367c5; }
.voicer-gallery-image-upload__file-icon::before { content: ''; display: block; width: 21px; height: 21px; margin: 9px auto; background: currentColor; -webkit-mask: url('/icons/outline-image.svg') center / contain no-repeat; mask: url('/icons/outline-image.svg') center / contain no-repeat; }
.voicer-gallery-image-upload__file-copy { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; gap: 2px; color: #244361; font-size: 13px; }
.voicer-gallery-image-upload__file-copy strong { font-weight: 740; }
.voicer-gallery-image-upload__file-copy small { overflow: hidden; color: #6b819a; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.voicer-gallery-image-upload__file-action { flex: none; padding: 7px 11px; border: 1px solid #c5d9f5; border-radius: 8px; background: #fff; color: #1b63bf; font-size: 11px; font-weight: 750; }
.voicer-gallery-image-upload__file input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.voicer-gallery-image-upload #btnSubmit { display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin: 0 !important; padding: 9px 14px; border: 0; border-radius: 10px; background: #1e63c8; color: #fff; font-size: 13px; font-weight: 770; box-shadow: none; }
.voicer-gallery-image-upload #btnSubmit.disabled { opacity: .52; pointer-events: none; }
.voicer-gallery-image-upload #btnSubmit.enabled:hover { background: #174fa8; }
.voicer-gallery-image-upload__submit-icon { display: inline-block; width: 18px; height: 18px; background: currentColor; -webkit-mask: url('/icons/outline-upload.svg') center / contain no-repeat; mask: url('/icons/outline-upload.svg') center / contain no-repeat; }
.voicer-gallery-image-upload__preview-row { margin: 15px 0 0 !important; }
.voicer-gallery-image-upload__preview-row > .col-12 { padding: 0 !important; }
.voicer-gallery-image-upload #image-container { position: relative; padding: 13px 38px 13px 10px; border: 1px solid #dce7f5; border-radius: 12px; background: #f8fbff; }
.voicer-gallery-image-upload__remove { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border: 0; border-radius: 8px; background: #e9f1fc; color: #4d6b8d; cursor: pointer; }
.voicer-gallery-image-upload__remove span { width: 17px; height: 17px; background: currentColor; -webkit-mask: url('/icons/outline-close.svg') center / contain no-repeat; mask: url('/icons/outline-close.svg') center / contain no-repeat; }
.voicer-gallery-image-upload #previewTable { width: 100%; border-collapse: separate; border-spacing: 5px; table-layout: fixed; }
.voicer-gallery-image-upload #previewTable thead { display: none; }
.voicer-gallery-image-upload #previewTable td { padding: 0; vertical-align: top; }
.voicer-gallery-image-upload #previewTable img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }

body.voicer-chat-conversation { background: #f8fbff !important; color: #1c3858; font-family: 'Voicer Inter', system-ui, sans-serif; }
body.voicer-chat-conversation .page-content.header-clear-medium { margin: 0 !important; min-height: 0 !important; padding: 0 !important; }
body.voicer-chat-conversation #page > .page-content { height: 100dvh; overflow-y: auto; }
body.voicer-chat-conversation main { padding: 66px 11px 80px !important; }
body.voicer-chat-conversation main > div[style*="margin-top: -60px"] { margin-top: 0 !important; }
body.voicer-chat-conversation .header.header-fixed { height: 62px; border-bottom: 1px solid #e3ecf8; background: #fff; box-shadow: none; }
html.voicer-embedded-chat body.voicer-chat-conversation .header.header-fixed { display: none !important; }
html.voicer-embedded-chat body.voicer-chat-conversation main { padding: 11px 11px 80px !important; }
body.voicer-chat-conversation .header .d-flex { align-items: center; height: 100%; padding: 7px 11px !important; }
body.voicer-chat-conversation .header img { width: 36px; height: 36px; border-radius: 50% !important; object-fit: cover; }
body.voicer-chat-conversation .header .font-13 { margin: 0 !important; color: #203a59 !important; font-size: 13px !important; font-weight: 760; }
body.voicer-chat-conversation .header .font-10 { margin: 2px 0 0 !important; padding: 0 !important; color: #7890aa !important; font-size: 10px !important; }
body.voicer-chat-conversation #header-3 { display: grid; place-items: center; box-sizing: border-box; width: 38px; height: 38px; margin: 0 !important; padding: 0 !important; border: 0; border-radius: 11px; background: #edf4ff; color: #426285; line-height: 0; cursor: pointer; }
body.voicer-chat-conversation #header-3 .voicer-chat-menu-dots { display: block; width: 18px; height: 18px; background: currentColor; -webkit-mask: url('/icons/outline-more.svg') center / contain no-repeat; mask: url('/icons/outline-more.svg') center / contain no-repeat; }
body.voicer-chat-conversation .dropdown-menu { border: 1px solid #dce7f5 !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 10px 28px rgba(17,47,87,.16) !important; }
body.voicer-chat-conversation .dropdown-menu button.dropdown-item { width: 100%; min-height: 37px; padding: 8px 12px; border: 0; background: transparent; color: #294460; font-size: 12px !important; text-align: left; cursor: pointer; }
body.voicer-chat-conversation .dropdown-menu button.dropdown-item:hover:not(:disabled) { background: #edf4ff; color: #165fc8; }
body.voicer-chat-conversation .dropdown-menu button.dropdown-item:disabled { color: #9aacc1; cursor: default; }
body.voicer-chat-conversation .dropdown-menu #chatDeleteSelected:not(:disabled) { color: #a43a49; }
body.voicer-chat-conversation .dropdown-menu button.dropdown-item:last-child { color: #a43a49; }
body.voicer-chat-conversation .voicer-chat-message__content { flex: 1 1 auto; min-width: 0; }
body.voicer-chat-conversation .voicer-chat-select-message { display: none; align-items: center; justify-content: center; flex: none; align-self: flex-start; width: 26px; height: 26px; margin: 4px 2px 0 0; padding: 0; border: 2px solid #a9bfd9; border-radius: 8px; background: #fff; color: #fff; cursor: pointer; }
body.voicer-chat-conversation.is-selecting .voicer-chat-select-message { display: inline-flex; }
body.voicer-chat-conversation .voicer-chat-select-message:hover { border-color: #4587da; background: #f0f6ff; }
body.voicer-chat-conversation .voicer-chat-select-message[aria-pressed="true"] { border-color: #1e63c8; background: #1e63c8; }
body.voicer-chat-conversation .voicer-chat-select-message[aria-pressed="true"] span { width: 11px; height: 7px; margin-top: -2px; transform: rotate(-45deg); border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
body.voicer-chat-conversation .voicer-chat-message.is-selected { border-radius: 10px; background: rgba(222,237,255,.55); }
body.voicer-chat-conversation #footer-bar.voicer-chat-composer { display: flex; align-items: flex-end; gap: 8px; min-height: 64px; height: auto !important; padding: 9px 10px calc(9px + env(safe-area-inset-bottom)); border-top: 1px solid #e3ecf8; background: #fff; box-shadow: none; }
body.voicer-chat-conversation #footer-bar .speach-icon { flex: 0 0 40px; align-self: flex-end; margin: 0 !important; }
body.voicer-chat-conversation #footer-bar .speach-icon > a, body.voicer-chat-conversation #footer-bar #btnSend { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; min-height: 40px; margin: 0 !important; padding: 0 !important; transform: none !important; border: 0; border-radius: 11px; background: #eaf3ff !important; color: #2866b7 !important; line-height: 1; cursor: pointer; }
body.voicer-chat-conversation #footer-bar .speach-icon svg { display: block; width: 19px; height: 19px; }
body.voicer-chat-conversation #footer-bar .speach-input { flex: 1 1 auto; min-width: 0; align-self: flex-end; }
body.voicer-chat-conversation #footer-bar .container { width: 100%; padding: 0; }
body.voicer-chat-conversation #messageInput { display: block; width: 100%; min-height: 40px; max-height: 120px; height: 40px; margin: 0; padding: 10px 42px 10px 13px; overflow-y: auto; resize: none; border: 1px solid #d8e5f4; border-radius: 16px; background: #fff; color: #1e3c5d; font-size: 13px; line-height: 1.4; }
body.voicer-chat-conversation #footer-bar #btnSend { border-radius: 11px; background: #1e63c8 !important; color: #fff !important; }
body.voicer-chat-conversation #footer-bar .voicer-emoji-trigger { top: 5px !important; right: 5px !important; width: 30px; height: 30px; }
body.voicer-chat-conversation #footer-bar .voicer-emoji-picker { bottom: calc(100% + 12px) !important; }
body.voicer-chat-conversation .content.my-0 { margin: 0 !important; }
body.voicer-chat-conversation .content .d-flex[id] { gap: 7px; margin: 0 0 10px; }
body.voicer-chat-conversation .content .d-flex[id] img[width="45"] { width: 28px; height: 28px; margin: 0 3px 0 0 !important; border-radius: 50% !important; object-fit: cover; }
body.voicer-chat-conversation .content .bg-fade-gray-light, body.voicer-chat-conversation .content .bg-blue-dark { border-radius: 13px !important; box-shadow: none !important; }
body.voicer-chat-conversation .content .bg-fade-gray-light { background: #eaf2fc !important; color: #23415f !important; }
body.voicer-chat-conversation .content .bg-blue-dark { background: #1e63c8 !important; }

.voicer-emoji-container { position: relative; width: 100%; }
.voicer-emoji-container > [data-emoji-picker="true"] { padding-right: 43px !important; }
.voicer-emoji-trigger { display: inline-flex; align-items: center; justify-content: center; position: absolute !important; top: 7px !important; right: 8px !important; z-index: 2; width: 29px; height: 29px; padding: 0; border: 0; border-radius: 8px; background: #edf4ff; color: #3b6fac; cursor: pointer; }
.voicer-emoji-trigger:hover, .voicer-emoji-trigger[aria-expanded="true"] { background: #dcecff; color: #195fc4; }
.voicer-emoji-trigger svg { display: block; width: 19px; height: 19px; opacity: 1 !important; }
.voicer-emoji-trigger:focus-visible, .voicer-emoji-picker button:focus-visible, .voicer-emoji-picker a:focus-visible { outline: 2px solid #7cb7fb; outline-offset: 2px; }
.voicer-emoji-picker { position: absolute !important; top: 37px !important; right: 0 !important; z-index: 1000 !important; width: min(300px, calc(100vw - 30px)) !important; height: 278px !important; max-height: min(278px, calc(100dvh - 170px)); margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 1px solid #d8e5f4; border-radius: 14px !important; background: #fff !important; box-shadow: 0 16px 38px rgba(12,43,88,.2) !important; }
.voicer-emoji-picker--above { top: auto !important; bottom: calc(100% + 8px) !important; }
.voicer-emoji-picker__header { display: flex; align-items: center; justify-content: space-between; min-height: 43px; padding: 0 10px 0 13px; border-bottom: 1px solid #e8eef7; background: #fff; }
.voicer-emoji-picker__header strong { color: #233f5e; font-size: 12px; font-weight: 760; }
.voicer-emoji-picker__close { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; padding: 0; border: 0; border-radius: 8px; background: #f1f5fb; color: #52718f; font-size: 20px; line-height: 1; cursor: pointer; }
.voicer-emoji-picker__close:hover { background: #e3efff; color: #1a62c6; }
.voicer-emoji-picker ul { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 1px; height: calc(100% - 43px); margin: 0 !important; padding: 7px !important; overflow-x: hidden; overflow-y: auto; list-style: none; scrollbar-width: thin; }
.voicer-emoji-picker ul > a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 33px; margin: 0 !important; border-radius: 8px; font-size: 21px !important; line-height: 1; text-decoration: none; cursor: pointer; }
.voicer-emoji-picker ul > a:hover { background: #edf4ff; }
body.theme-dark .voicer-emoji-picker { border-color: #354a65; background: #1d2b40 !important; }
body.theme-dark .voicer-emoji-picker__header { border-color: #354a65; background: #1d2b40; }
body.theme-dark .voicer-emoji-picker__header strong { color: #eef5ff; }
body.theme-dark .voicer-emoji-picker ul > a:hover { background: #2b486b; }

/* Posting, upload, and chat windows live in iframes; theme their own surfaces. */
body.theme-dark .voicer-iframe-modal .modal-content,
body.theme-dark .voicer-chat-modal .modal-content { border-color: #354a65; background: #172438 !important; color: #edf5ff; }
body.theme-dark .voicer-iframe-modal :is(.modal-header, .modal-footer),
body.theme-dark .voicer-chat-modal .modal-footer { border-color: #354a65 !important; background: #1d2b40 !important; }
body.theme-dark .voicer-iframe-modal .modal-body,
body.theme-dark .voicer-chat-modal .modal-body { background: #111927 !important; }
body.theme-dark .voicer-iframe-modal .modal-footer button,
body.theme-dark .voicer-chat-modal__close { border-color: #49617f; background: #29415e; color: #eef5ff; }

body.theme-dark .voicer-chat-popup { border-color: #354a65 !important; background: #172438; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
body.theme-dark .voicer-chat-popup__header { border-color: #354a65; background: #1d2b40; }
body.theme-dark .voicer-chat-popup__header h2,
body.theme-dark .voicer-chat-popup__empty strong { color: #f0f6ff; }
body.theme-dark .voicer-chat-popup__identity small,
body.theme-dark .voicer-chat-popup__empty p { color: #a8bad3 !important; }
body.theme-dark .voicer-chat-popup__body,
body.theme-dark .voicer-chat-popup iframe { background: #111927; }
body.theme-dark .voicer-chat-popup__symbol,
body.theme-dark .voicer-chat-popup__empty > span,
body.theme-dark .voicer-chat-popup__options-trigger,
body.theme-dark .voicer-chat-popup__close { background: #29415e; color: #c7dfff; }
body.theme-dark .voicer-chat-popup__options-trigger:hover,
body.theme-dark .voicer-chat-popup__close:hover { background: #365677; color: #fff; }
body.theme-dark .voicer-chat-popup__options-menu { border-color: #354a65; background: #23344b; }
body.theme-dark .voicer-chat-popup__options-menu button { color: #e3efff; }
body.theme-dark .voicer-chat-popup__options-menu button:hover { background: #31506f; color: #fff; }
body.theme-dark .voicer-chat-popup__options-menu button:disabled { color: #879ab3; }

body.theme-dark .voicer-composer-visibility__option { border-color: #46607e; background: #253a55; color: #d9e7fa !important; }
body.theme-dark .voicer-composer-visibility__option:has(input:checked) { border-color: #80b2f3; background: #254f82; color: #fff !important; }
body.theme-dark .voicer-composer-visibility__option input { accent-color: #85baff; }
body.theme-dark .voicer-composer-visibility__option span { color: inherit !important; }
body.theme-dark .voicer-emoji-trigger { background: #2a4567; color: #c5ddff; }
body.theme-dark .voicer-emoji-trigger:hover { background: #365a80; color: #fff; }

body.theme-dark.voicer-post-composer,
body.theme-dark.voicer-post-composer #page,
body.theme-dark.voicer-post-composer .page-content.header-clear-medium,
body.theme-dark.voicer-post-composer .modal-bg { min-height: 100%; background: #1b293c !important; color: #edf5ff; }
body.theme-dark.voicer-post-composer #postingtitle { color: #f0f6ff; }
body.theme-dark.voicer-post-composer #postform .form-group,
body.theme-dark.voicer-post-composer #charNum { color: #b9cbe2 !important; }
body.theme-dark.voicer-post-composer #Description,
body.theme-dark.voicer-post-composer #tagsInput,
body.theme-dark.voicer-post-composer :is(#EmbedLink, #EmbedCode, #txtLink, #txtTitle) { border-color: #49617f !important; background: #23344b !important; color: #edf5ff !important; }
body.theme-dark.voicer-post-composer #Description::placeholder,
body.theme-dark.voicer-post-composer input::placeholder,
body.theme-dark.voicer-post-composer textarea::placeholder { color: #a9bbd2 !important; }
body.theme-dark.voicer-post-composer #postform .content-icons .upload-btn-wrapper { border-color: #4a6382; background: #294361; color: #b9d8ff; }
body.theme-dark.voicer-post-composer #postform .content-icons .upload-btn-wrapper:hover { background: #365879; }
body.theme-dark.voicer-post-composer #image-container:has(#spanClearItem.enabled) { border-color: #3d5571; background: #22334a; }
body.theme-dark.voicer-post-composer #image-container #spanClearItem.enabled { background: #304965; color: #d6e7fb; }
body.theme-dark.voicer-post-composer #image-data.enabled { background: #1b293c; }
body.theme-dark #iframeModalURL.voicer-iframe-modal--composer .modal-body { background: #1b293c !important; }

body.theme-dark .tagify { --tags-border-color: #49617f; --tags-hover-border-color: #6688ac; --tag-bg: #31557b; --tag-hover: #3d658d; --tag-text-color: #edf5ff; --tag-text-color--edit: #edf5ff; --input-color: #edf5ff; --placeholder-color: #a9bbd2; --tagify-dd-bg-color: #23344b; border-color: #49617f !important; background: #23344b !important; color: #edf5ff; }
body.theme-dark .tagify__input { color: #edf5ff !important; }
body.theme-dark .tagify__tag-text { filter: none; color: #edf5ff; }
body.theme-dark .tagify__dropdown__wrapper { border-color: #49617f; background: #23344b; }
body.theme-dark .tagify__dropdown__item { color: #edf5ff; }
body.theme-dark .tagify__dropdown__item--active { background: #31557b; }

body.theme-dark .voicer-video-upload.page-content.header-clear-medium,
body.theme-dark .voicer-gallery-image-upload.page-content.header-clear-medium { min-height: 100dvh; background: #1b293c !important; color: #edf5ff; }
body.theme-dark :is(.voicer-video-upload__title, .voicer-gallery-image-upload__title) { color: #f0f6ff; }
body.theme-dark :is(.voicer-video-upload__intro, .voicer-gallery-image-upload__intro) { color: #b9cbe2 !important; font-size: 13px !important; }
body.theme-dark :is(.voicer-video-upload__label, .voicer-gallery-image-upload__label) { color: #dbe8f9; }
body.theme-dark .voicer-video-upload__label span { color: #a9bbd2; }
body.theme-dark :is(.voicer-video-upload__choices, .voicer-gallery-image-upload) .dropdown-toggle { border-color: #49617f; background: #23344b; color: #edf5ff; }
body.theme-dark :is(.voicer-video-upload__choices, .voicer-gallery-image-upload) .dropdown-toggle:hover,
body.theme-dark :is(.voicer-video-upload__choices, .voicer-gallery-image-upload) .dropdown-toggle:focus { border-color: #80b2f3; background: #29415e; color: #fff; }
body.theme-dark :is(.voicer-video-upload__choices, .voicer-gallery-image-upload) .dropdown-menu { border-color: #49617f; background: #23344b; }
body.theme-dark :is(.voicer-video-upload__choices, .voicer-gallery-image-upload) .dropdown-item { color: #edf5ff; }
body.theme-dark :is(.voicer-video-upload__choices, .voicer-gallery-image-upload) .dropdown-item:hover { background: #31557b; color: #fff; }
body.theme-dark :is(.voicer-video-upload__file, .voicer-gallery-image-upload__file) { border-color: #6487ad; background: #23344b; }
body.theme-dark :is(.voicer-video-upload__file, .voicer-gallery-image-upload__file):hover,
body.theme-dark :is(.voicer-video-upload__file, .voicer-gallery-image-upload__file):focus-within { border-color: #80b2f3; background: #29415e; }
body.theme-dark :is(.voicer-video-upload__file-icon, .voicer-gallery-image-upload__file-icon) { background: #305680; color: #c8e1ff; }
body.theme-dark :is(.voicer-video-upload__file-copy, .voicer-gallery-image-upload__file-copy) { color: #edf5ff; }
body.theme-dark :is(.voicer-video-upload__file-copy, .voicer-gallery-image-upload__file-copy) small { color: #afc3dc; }
body.theme-dark :is(.voicer-video-upload__file-action, .voicer-gallery-image-upload__file-action) { border-color: #6487ad; background: #2c496a; color: #dbeaff; }
body.theme-dark .voicer-video-upload__fields :is(#txtTitle, #MediaDescription, #tagsInput, .tagify) { border-color: #49617f !important; background: #23344b !important; color: #edf5ff !important; }
body.theme-dark :is(.voicer-video-upload, .voicer-gallery-image-upload) #image-container { border-color: #49617f; background: #23344b; }
body.theme-dark :is(.voicer-video-upload__remove, .voicer-gallery-image-upload__remove) { background: #31506f; color: #dbeaff; }
body.theme-dark :is(.voicer-video-upload, .voicer-gallery-image-upload) .card { background: #23344b; color: #edf5ff; }
body.theme-dark .voicer-video-upload__fields #btnSubmit.disabled,
body.theme-dark .voicer-gallery-image-upload #btnSubmit.disabled { background: #29496f; color: #dbeaff; opacity: 1; }

body.theme-dark.voicer-chat-conversation,
body.theme-dark.voicer-chat-conversation #page,
body.theme-dark.voicer-chat-conversation #page > .page-content { background: #111927 !important; color: #edf5ff; }
body.theme-dark.voicer-chat-conversation .header.header-fixed { border-color: #354a65; background: #1d2b40 !important; }
body.theme-dark.voicer-chat-conversation .header .font-13 { color: #edf5ff !important; }
body.theme-dark.voicer-chat-conversation .header .font-10 { color: #a9bbd2 !important; }
body.theme-dark.voicer-chat-conversation #header-3 { background: #29415e; color: #d4e6ff; }
body.theme-dark.voicer-chat-conversation #header-3:hover { background: #365879; }
body.theme-dark.voicer-chat-conversation .dropdown-menu { border-color: #49617f !important; background: #23344b !important; }
body.theme-dark.voicer-chat-conversation .dropdown-menu button.dropdown-item { color: #edf5ff; }
body.theme-dark.voicer-chat-conversation .dropdown-menu button.dropdown-item:hover:not(:disabled) { background: #31557b; color: #fff; }
body.theme-dark.voicer-chat-conversation .dropdown-menu button.dropdown-item:disabled { color: #91a5bf; }
body.theme-dark.voicer-chat-conversation #footer-bar.voicer-chat-composer { border-color: #354a65; background: #1d2b40 !important; }
body.theme-dark.voicer-chat-conversation #messageInput { border-color: #49617f !important; background: #23344b !important; color: #edf5ff !important; }
body.theme-dark.voicer-chat-conversation #messageInput::placeholder { color: #a9bbd2 !important; }
body.theme-dark.voicer-chat-conversation #footer-bar .speach-icon > a { background: #29415e !important; color: #d4e6ff !important; }
body.theme-dark.voicer-chat-conversation .content .bg-fade-gray-light { background: #263951 !important; color: #edf5ff !important; }
body.theme-dark.voicer-chat-conversation .voicer-chat-select-message { border-color: #7a93b2; background: #23344b; }
body.theme-dark.voicer-chat-conversation .voicer-chat-message.is-selected { background: rgba(65,113,172,.25); }

/* Shared chooser for video, photo, and post creation. */
.voicer-upload-menu.menu-box-modal { width: min(420px, calc(100vw - 28px)) !important; height: min(450px, calc(100dvh - 28px)) !important; max-height: calc(100dvh - 28px) !important; overflow-x: hidden; overflow-y: auto; border: 1px solid #d8e4f2; border-radius: 20px !important; background: #fff !important; box-shadow: 0 24px 65px rgba(12,42,85,.24); }
.voicer-upload-menu__content { padding: 22px 22px 24px; }
.voicer-upload-menu__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; }
.voicer-upload-menu__hero-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 13px; background: #e9f2ff; color: #1e63c8; }
.voicer-upload-menu__hero-icon svg { width: 23px; height: 23px; }
.voicer-upload-menu__close { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 9px; background: #f1f5fa; color: #617994; cursor: pointer; }
.voicer-upload-menu__close:hover { background: #e5effc; color: #1e63c8; }
.voicer-upload-menu__close svg { width: 16px; height: 16px; }
.voicer-upload-menu__eyebrow { margin: 0 0 5px !important; color: #1e63c8 !important; font-size: 10px !important; font-weight: 800; letter-spacing: .11em; }
.voicer-upload-menu h2 { margin: 0 0 7px; color: #193656; font-family: 'Voicer Inter', system-ui, sans-serif !important; font-size: 24px; font-weight: 780; letter-spacing: -.035em; }
.voicer-upload-menu__intro { max-width: 340px; margin: 0 0 18px !important; color: #637c98 !important; font-size: 13px !important; line-height: 1.45; }
.voicer-upload-menu__actions { display: grid; gap: 9px; }
.voicer-upload-menu__action { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 65px; padding: 10px 12px; border: 1px solid #dce7f4; border-radius: 12px; background: #f8fbff; color: #23415f; text-align: left; cursor: pointer; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
.voicer-upload-menu__action:hover { border-color: #9dc5f5; background: #edf5ff; transform: translateY(-1px); }
.voicer-upload-menu__action:focus-visible, .voicer-upload-menu__close:focus-visible { outline: 3px solid #8fc2ff; outline-offset: 2px; }
.voicer-upload-menu__action-icon { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: 10px; background: #e8f2ff; color: #236bc7; }
.voicer-upload-menu__action-icon svg { width: 21px; height: 21px; }
.voicer-upload-menu__action-copy { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; gap: 2px; }
.voicer-upload-menu__action-copy strong { color: #1e3b5d; font-size: 13px; font-weight: 760; line-height: 1.25; }
.voicer-upload-menu__action-copy small { color: #6e849e; font-size: 11px; line-height: 1.3; }
.voicer-upload-menu__action-arrow { flex: none; color: #7e99b8; font-size: 24px; line-height: 1; }
body.theme-dark .voicer-upload-menu.menu-box-modal { border-color: #354a65; background: #1b293c !important; box-shadow: 0 24px 65px rgba(0,0,0,.4); }
body.theme-dark .voicer-upload-menu__hero-icon,
body.theme-dark .voicer-upload-menu__action-icon { background: #2b4a70; color: #c7dfff !important; }
body.theme-dark .voicer-upload-menu__close { background: #293b53; color: #b7cbe4; }
body.theme-dark .voicer-upload-menu__close:hover { background: #365879; color: #fff; }
body.theme-dark .voicer-upload-menu__eyebrow { color: #8ec0ff !important; }
body.theme-dark .voicer-upload-menu h2 { color: #f0f6ff; }
body.theme-dark .voicer-upload-menu__intro { color: #b9cbe2 !important; }
body.theme-dark .voicer-upload-menu__action { border-color: #3e5470; background: #24364d; color: #edf5ff; }
body.theme-dark .voicer-upload-menu__action:hover { border-color: #79aae8; background: #2d4563; }
body.theme-dark .voicer-upload-menu__action-copy strong { color: #f0f6ff; }
body.theme-dark .voicer-upload-menu__action-copy small { color: #b6c8df; }
body.theme-dark .voicer-upload-menu__action-arrow { color: #a6c6ed !important; }

/* Report abuse dialog, shared by posts, comments, messages, and media. */
.voicer-report-menu.menu-box-modal { width: min(470px, calc(100vw - 28px)) !important; height: auto !important; max-height: calc(100dvh - 28px) !important; overflow-x: hidden; overflow-y: auto; border: 1px solid #dbe5f2; border-radius: 20px !important; background: #fff !important; box-shadow: 0 24px 65px rgba(12,42,85,.24); }
.voicer-report-menu__content { padding: 23px 24px 25px; }
.voicer-report-menu__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 13px; }
.voicer-report-menu__icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 13px; background: #e9f2ff; color: #2065c8; }
.voicer-report-menu__icon svg { width: 23px; height: 23px; }
.voicer-report-menu__close { display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; border-radius: 9px; background: #f1f5fa; color: #627b98; }
.voicer-report-menu__close:hover { background: #e5effc; color: #1e63c8; }
.voicer-report-menu__close svg { width: 16px; height: 16px; }
.voicer-report-menu__eyebrow { margin: 0 0 5px !important; color: #2065c8 !important; font-size: 10px !important; font-weight: 800; letter-spacing: .11em; }
.voicer-report-menu h2 { margin: 0 0 7px; color: #193656; font-family: 'Voicer Inter', system-ui, sans-serif !important; font-size: 25px; font-weight: 780; letter-spacing: -.035em; }
.voicer-report-menu__intro { margin: 0 0 21px !important; color: #657c96 !important; font-size: 13px !important; line-height: 1.5; }
.voicer-report-menu__field { margin-bottom: 17px; }
.voicer-report-menu__field label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; background: transparent !important; color: #284563; font-size: 12px; font-weight: 750; }
.voicer-report-menu__field label span { color: #7e90a6; font-size: 11px; font-weight: 550; }
.voicer-report-menu__select-wrap { position: relative; }
.voicer-report-menu__select-wrap > svg { position: absolute; top: 50%; right: 14px; width: 16px; height: 16px; color: #6d87a4; transform: translateY(-50%); pointer-events: none; }
.voicer-report-menu__field select, .voicer-report-menu__field textarea { display: block; width: 100%; margin: 0; border: 1px solid #d7e3f1; border-radius: 11px; background: #f8fbff; color: #23415f; font: 500 13px/1.5 'Voicer Inter', system-ui, sans-serif; }
.voicer-report-menu__field select { height: 45px; padding: 0 38px 0 13px; appearance: none; cursor: pointer; color-scheme: light; }
.voicer-report-menu__field select option { background: #fff; color: #23415f; }
.voicer-report-menu__field textarea { min-height: 103px; padding: 11px 13px; resize: vertical; }
.voicer-report-menu__field textarea::placeholder { color: #8b9db0; }
.voicer-report-menu__field :is(select, textarea):focus-visible, .voicer-report-menu__close:focus-visible, .voicer-report-menu__submit:focus-visible { outline: 3px solid #9ac8ff; outline-offset: 2px; }
.voicer-report-menu__status { min-height: 0; margin: -3px 0 12px; color: #2065c8; font-size: 12px; line-height: 1.4; }
.voicer-report-menu__status:empty { display: none; }
.voicer-report-menu__status.is-error { color: #b83b4e; }
.voicer-report-menu__submit { display: block; width: 100%; min-height: 44px; padding: 10px 15px; border: 0; border-radius: 10px; background: #1e63c8; box-shadow: 0 8px 18px rgba(30,99,200,.2); color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; }
.voicer-report-menu__submit:hover:not(:disabled) { background: #1656b4; }
.voicer-report-menu__submit:disabled { opacity: .6; cursor: default; }
body.theme-dark .voicer-report-menu.menu-box-modal { border-color: #354a65; background: #1b293c !important; box-shadow: 0 24px 65px rgba(0,0,0,.4); }
body.theme-dark .voicer-report-menu__icon { background: #2b4a70; color: #c7dfff; }
body.theme-dark .voicer-report-menu__close { background: #293b53; color: #bfd1e8; }
body.theme-dark .voicer-report-menu__close:hover { background: #365879; color: #fff; }
body.theme-dark .voicer-report-menu__eyebrow { color: #91c2ff !important; }
body.theme-dark .voicer-report-menu h2 { color: #f0f6ff; }
body.theme-dark .voicer-report-menu__intro { color: #b9cbe2 !important; }
body.theme-dark .voicer-report-menu__field label { color: #e2edfb; }
body.theme-dark .voicer-report-menu__field label span { color: #afc0d6 !important; }
body.theme-dark .voicer-report-menu__select-wrap > svg { color: #b6cbe3; }
body.theme-dark .voicer-report-menu__field select, body.theme-dark .voicer-report-menu__field textarea { border-color: #49617f; background: #23344b; color: #edf5ff; }
body.theme-dark .voicer-report-menu__field select { color-scheme: dark; }
body.theme-dark .voicer-report-menu__field select option { background: #23344b; color: #edf5ff; }
body.theme-dark .voicer-report-menu__field textarea::placeholder { color: #a9bbd2 !important; }
body.theme-dark .voicer-report-menu__status { color: #a9d0ff; }
body.theme-dark .voicer-report-menu__status.is-error { color: #ffacb5; }
body.theme-dark .voicer-report-menu__submit { background: #246bd0; box-shadow: 0 8px 20px rgba(0,0,0,.22); }
body.theme-dark .voicer-report-menu__submit:hover:not(:disabled) { background: #357fe5; }

@media (max-width: 600px) {
    .voicer-chat-popup { right: 8px !important; bottom: 65px !important; width: calc(100vw - 16px); height: min(600px, calc(100dvh - 110px)); }
    .voicer-chat-modal .modal-dialog { width: 100%; max-width: none; height: 100dvh; margin: 0; }
    .voicer-chat-modal .modal-content { height: 100dvh; border: 0; border-radius: 0; }
    .voicer-iframe-modal .modal-content, .voicer-iframe-modal--composer .modal-content { height: 100dvh !important; border-radius: 0 !important; }
    .voicer-upload-menu__content { padding: 19px 18px 22px; }
    .voicer-report-menu__content { padding: 19px 18px 22px; }
    body.voicer-post-composer main { padding: 0 14px 18px !important; }
    .voicer-video-upload__main { padding: 16px 14px 24px !important; }
    .voicer-video-upload__title { font-size: 19px; }
    .voicer-video-upload__file { gap: 9px; padding: 10px; }
    .voicer-video-upload__file-action { padding: 6px 8px; }
    .voicer-gallery-image-upload__main { padding: 16px 14px 24px !important; }
    .voicer-gallery-image-upload__title { font-size: 19px; }
    .voicer-gallery-image-upload__file { gap: 9px; padding: 10px; }
    .voicer-gallery-image-upload__file-action { padding: 6px 8px; }
}