/* Paxor Music conversations use the same glass panels and cyan accents as Leya. */
.music-messenger a.music-chat-title { color: #eff5f7; font-size: 16px; font-weight: 650; text-decoration: none; }
.music-messenger a.music-chat-title:hover { color: #13bfdf; }
.music-messenger .music-chat-actions .music-chat-trash span { display: none !important; }
.music-messenger .music-chat-actions .music-chat-trash { flex: 0 0 38px; }
.music-message-media-link { background: none; border: 0; padding: 0; text-align: start; cursor: pointer; font: inherit; }
.music-messenger .music-chat-back span { display: none !important; }
.music-messenger a.music-chat-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body:has(#paxor-message-workspace) #music-mobile-library,
body:has(#paxor-message-workspace) #music-mobile-backdrop { display: none !important; }
html body:has(#paxor-message-workspace) {
    overflow: hidden !important;
    background: #05080d url('/static/video/fon-poster.webp') center / cover fixed !important;
}

html body:has(#paxor-message-workspace) .video-background {
    display: block !important;
}

html body:has(#paxor-message-workspace) .main-content {
    padding: 0 !important;
    min-height: 0 !important;
}

html body .music-shell:has(#paxor-message-workspace) {
    position: fixed !important;
    top: calc(var(--music-messages-top, var(--paxor-menu-height, 62px)) + 14px) !important;
    bottom: calc(var(--music-messages-bottom, var(--paxor-player-height, 88px)) + 10px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 100;
}

html body .music-shell:has(#paxor-message-workspace) > .music-sidebar,
html body .music-shell:has(#paxor-message-workspace) > .music-now-panel,
html body .music-shell:has(#paxor-message-workspace) .music-topbar {
    display: none !important;
}

html body .music-shell:has(#paxor-message-workspace) > .music-main,
html body .music-shell:has(#paxor-message-workspace) .music-main > .music-scroll-area,
html body .music-shell:has(#paxor-message-workspace) #music-detail-view {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
}

.music-messenger {
    --message-cyan: #13bfdf;
    --message-text: #eff5f7;
    --message-muted: #9aa9b2;
    --message-border: rgba(104, 159, 177, .23);
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    color: var(--message-text);
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 1.45;
    isolation: isolate;
}

.music-messenger *,
.music-messenger-dialog * { box-sizing: border-box; }

.music-messenger button,
.music-messenger input,
.music-messenger textarea,
.music-messenger-dialog button,
.music-messenger-dialog input,
.music-messenger-dialog select,
.music-messenger-dialog textarea { font: inherit; }

.music-messenger :is(button, a, input, textarea):focus-visible,
.music-messenger-dialog :is(button, a, input, textarea, select):focus-visible {
    outline: 2px solid #26cce9;
    outline-offset: 3px;
}

.music-messenger [hidden],
.music-messenger-dialog [hidden] { display: none !important; }

.music-messenger .music-messages-sidebar,
.music-messenger .music-chat-panel {
    min-width: 0;
    min-height: 0;
    height: 100%;
    border: 1px solid var(--message-border);
    border-radius: 20px;
    background: rgba(7, 10, 15, .93);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .025);
    overflow: hidden;
}

.music-messenger .music-messages-sidebar {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

.music-messenger .music-messages-sidebar::before,
.music-messenger .music-chat-toolbar::before { content: none; }

.music-messenger .music-messages-sidebar-header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    padding: 8px 10px;
    border: 1px solid rgba(47, 194, 232, .35);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(4, 32, 47, .99), rgba(3, 92, 116, .97));
    box-shadow: 0 10px 26px rgba(0, 0, 0, .28), 0 0 18px rgba(3, 125, 156, .12);
}

.music-messenger .music-messages-heading { flex: 1; min-width: 0; }
.music-messenger .music-messages-sidebar h1 { margin: 0; font-size: 15px; font-weight: 750; line-height: 18px; letter-spacing: 0; }
.music-messenger .music-messages-sidebar-header :is(p, small) { display: block; margin: 3px 0 0; color: #b7c6cd; font-size: 10px; line-height: 13px; }
.music-messenger .music-messages-mark { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; border: 1px solid rgba(32, 201, 230, .4); border-radius: 13px; background: rgba(3, 18, 26, .38); color: #68e0f3; font-size: 19px; }

.music-messenger .music-message-new,
.music-messenger .music-message-attach,
.music-messenger .music-chat-action,
.music-messenger .music-chat-back,
.music-messenger-dialog .music-chat-action {
    min-width: 38px;
    min-height: 38px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(118, 149, 163, .27);
    border-radius: 10px;
    background: rgba(17, 24, 31, .88);
    color: #dae6ea;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.music-messenger .music-message-new { color: #e0f9ff; background: rgba(3, 25, 33, .56); border-color: rgba(44, 193, 223, .38); font-weight: 650; }
.music-messenger .music-messages-sidebar > .music-message-new { flex: 0 0 auto; justify-content: flex-start; margin: 12px 14px 0; min-height: 46px; }
.music-messenger .music-chat-action { font-size: 12px; }
.music-messenger :is(.music-message-new,.music-message-attach,.music-chat-action,.music-chat-back):hover,
.music-messenger-dialog .music-chat-action:hover { background: rgba(20, 72, 88, .38); border-color: rgba(32, 201, 232, .55); color: #fff; }
.music-messenger .music-chat-action.is-danger { color: #e8a6ad; }
.music-messenger button:disabled,
.music-messenger-dialog button:disabled { opacity: .45; cursor: not-allowed; }

.music-messenger .music-message-search,
.music-messenger-dialog .music-message-search {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 10px 13px;
    color: #e8f0f4;
    background: #11171e;
    border: 1px solid rgba(132, 157, 168, .22);
    border-radius: 11px;
    outline: none;
}
.music-messenger .music-message-search::placeholder,
.music-messenger .music-chat-input::placeholder,
.music-messenger-dialog .music-message-search::placeholder { color: #83929d; opacity: 1; }
.music-messenger .music-messages-sidebar > .music-message-search { width: calc(100% - 28px); flex: 0 0 auto; margin: 14px; }
.music-messenger .music-message-search:focus,
.music-messenger-dialog .music-message-search:focus { border-color: rgba(35, 197, 228, .6); }

.music-messenger .music-messages-page-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: 1 1 0;
    gap: 5px;
    min-height: 0;
    max-height: none;
    padding: 0 9px 12px;
    overflow-y: auto;
    overflow-x: hidden;
}

.music-messenger .music-message-thread.page-thread {
    width: 100%;
    min-height: 79px;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 12px 10px;
    text-align: left;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #edf2f5;
    background: transparent;
    cursor: pointer;
    box-shadow: none;
}

.music-messenger .music-message-thread.page-thread:hover { background: rgba(255, 255, 255, .055); }
.music-messenger .music-message-thread.page-thread.active { background: #24282d; border-color: rgba(147, 173, 184, .14); box-shadow: inset 3px 0 0 #0ebcdc; }
.music-messenger .music-message-thread-copy { min-width: 0; display: grid; gap: 5px; text-align: left; }
.music-messenger .music-message-thread-copy strong { font-size: 14px; font-weight: 650; color: #ecf2f5; }
.music-messenger .music-message-thread-copy small { font-size: 12px; color: #97a4ad; font-weight: 400; }
.music-messenger .music-message-thread-copy :is(strong,small) { min-width: 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.music-messenger .music-message-thread.unread .music-message-thread-copy strong { color: #fff; font-weight: 750; }
.music-messenger .music-message-thread.unread .music-message-thread-copy small { color: #c7d7e0; }
.music-messenger .music-message-thread-date { align-self: start; padding-top: 4px; color: #86959f; font-size: 10px; white-space: nowrap; }
.music-messenger .music-message-unread { min-width: 18px; height: 18px; display: inline-grid; place-items: center; border-radius: 99px; background: #087e9a; color: #fff; font-size: 10px; font-weight: 700; }

.music-messenger .music-message-avatar {
    width: 48px;
    height: 48px;
    min-width: 0;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(42, 191, 220, .34);
    border-radius: 50%;
    background-color: #16242d;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #74919e;
    font-size: 18px;
}
.music-messenger .music-message-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }

.music-messenger .music-chat-panel { position: relative; display: flex; flex-direction: column; gap: 0; padding: 0; }
.music-messenger .music-chat-toolbar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 80px;
    padding: 15px 20px;
    border: 0;
    border-bottom: 1px solid rgba(111, 152, 166, .17);
    border-radius: 0;
    background: rgba(10, 16, 22, .68);
    box-shadow: none;
    overflow: visible;
}
.music-messenger .music-chat-identity { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; color: #f1f7fa; text-decoration: none; }
.music-messenger .music-chat-identity > :not(.music-message-avatar) { min-width: 0; }
.music-messenger .music-chat-identity :is(strong,small) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-messenger .music-chat-identity strong { font-size: 16px; font-weight: 650; }
.music-messenger .music-chat-identity small { color: #92a4af; font-size: 11px; margin-top: 3px; }
.music-messenger .music-chat-toolbar .music-message-avatar { width: 44px; height: 44px; }
.music-messenger .music-chat-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.music-messenger .music-chat-back { display: none; padding: 8px; flex: 0 0 36px; min-width: 36px; }

.music-messenger .music-chat-messages {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 24px 22px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    overflow-anchor: none;
}
.music-messenger .music-chat-day { display: flex; align-items: center; justify-content: center; gap: 12px; color: #8796a1; font-size: 11px; padding: 3px 0; }
.music-messenger .music-chat-day::before,
.music-messenger .music-chat-day::after { content: ''; flex: 1; height: 1px; background: rgba(156, 179, 190, .09); }

.music-messenger .music-chat-message {
    display: flex;
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 11px;
    width: fit-content;
    min-width: 0;
    max-width: 87%;
    margin: 0;
}
.music-messenger .music-chat-message.mine { flex-direction: row-reverse; margin-left: auto; }
.music-messenger .music-chat-message .music-message-avatar { width: 36px; height: 36px; margin-top: 2px; font-size: 14px; }
.music-messenger .music-chat-message .music-chat-bubble {
    min-width: 0;
    max-width: 100%;
    display: grid;
    justify-items: stretch;
    gap: 7px;
    padding: 12px 15px;
    border: 1px solid rgba(144, 161, 173, .21);
    border-radius: 16px;
    background: #181c21;
    box-shadow: none;
}
.music-messenger .music-chat-message.mine .music-chat-bubble { border-color: rgba(19, 168, 199, .32); background: linear-gradient(135deg, #084455, #083341); }
.music-messenger .music-chat-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 18px; }
.music-messenger .music-chat-meta strong { font-size: 12px; font-weight: 600; color: #b9d0da; }
.music-messenger .music-chat-message :is(time,.music-chat-meta time) { color: #8ea4af; font-size: 10px; line-height: 1.4; white-space: nowrap; }
.music-messenger .music-chat-message .music-chat-bubble :is(strong,p),
.music-messenger .music-chat-message.mine .music-chat-bubble :is(strong,p) { color: #edf4f8; }
.music-messenger .music-chat-bubble p { margin: 0; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; white-space: pre-wrap; }
.music-messenger .music-chat-bubble a { color: #7addec; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }

.music-messenger .music-chat-composer {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 18px 16px;
    padding: 11px 13px;
    border: 1px solid rgba(126, 159, 177, .31);
    border-radius: 17px;
    background: linear-gradient(180deg, rgba(21, 27, 35, .96), rgba(11, 19, 27, .98));
    box-shadow: 0 5px 22px rgba(0, 0, 0, .15);
}
.music-messenger .music-chat-composer:focus-within { border-color: rgba(30, 190, 220, .52); }
.music-messenger .music-chat-composer .music-chat-input,
.music-messenger-dialog .music-chat-input {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    max-height: min(130px, 22dvh);
    margin: 0;
    padding: 7px 3px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #edf4f8;
    outline: 0;
    font-size: 15px;
    line-height: 1.5;
    resize: none;
    box-shadow: none;
    overflow-y: auto;
}
.music-messenger .music-chat-composer .music-chat-input:focus { border: 0; }
.music-messenger .music-chat-composer-actions { display: flex; align-items: center; gap: 10px; min-width: 0; }
.music-messenger .music-message-attach { min-height: 36px; font-size: 12px; background: transparent; border-color: rgba(109, 151, 168, .24); }
.music-messenger .music-message-attach > i { color: #7dc6d7; }
.music-messenger .music-chat-hint { flex: 1; text-align: right; color: #8297a2; font-size: 10px; }
.music-messenger .music-message-send,
.music-messenger-dialog .music-message-send {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex: 0 0 auto;
    min-height: 41px;
    margin-left: auto;
    padding: 9px 16px;
    border: 1px solid rgba(89, 222, 246, .27);
    border-radius: 11px;
    background: #079fc2;
    color: #fff;
    font-weight: 650;
    cursor: pointer;
}
.music-messenger .music-message-send:hover,
.music-messenger-dialog .music-message-send:hover { background: #0bb4d7; }
.music-messenger .music-message-status { padding: 9px 20px; color: #aac5d2; font-size: 12px; }
.music-messenger .music-message-status.error,
.music-messenger .music-message-status.is-error { color: #f0a3ae; }

.music-messenger .music-chat-attachments { display: flex; flex-wrap: wrap; gap: 8px; max-height: 138px; overflow-y: auto; }
.music-messenger .music-message-media {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    max-width: 100%;
    padding: 9px;
    border: 1px solid rgba(97, 167, 189, .26);
    border-radius: 12px;
    background: rgba(2, 13, 21, .42);
    color: #e1f2f8;
    text-decoration: none;
}
.music-messenger .music-message-media:hover { border-color: rgba(40, 198, 228, .55); }
.music-messenger .music-message-media.is-draft { flex: 1 1 230px; max-width: 380px; }
.music-messenger .music-message-media .music-chat-action { min-width: 28px; min-height: 28px; padding: 4px; margin-left: auto; border: 0; background: transparent; }
.music-messenger .music-message-media-cover,
.music-messenger-dialog .music-message-media-cover { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; border-radius: 7px; background: #15303e center / cover no-repeat; color: #54c9e1; overflow: hidden; }
.music-messenger .music-message-media-cover img,
.music-messenger-dialog .music-message-media-cover img { width: 100%; height: 100%; object-fit: cover; }
.music-messenger .music-message-media .music-message-thread-copy { flex: 1; }
.music-messenger .music-chat-new-messages { align-self: center; position: sticky; bottom: 0; border: 1px solid #208da7; border-radius: 20px; padding: 8px 14px; color: #fff; background: #084657; cursor: pointer; }

.music-messenger .music-message-empty { flex: 1; min-height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 32px 18px; text-align: center; color: #96aab6; background: none; font-size: 14px; }
.music-messenger .music-message-empty p { margin: 0; max-width: 320px; line-height: 1.6; }
.music-messenger .music-message-empty strong { color: #e5eff5; font-size: 18px; font-weight: 600; }
.music-messenger .music-message-empty-icon { display: grid; place-items: center; width: 66px; height: 66px; margin-bottom: 6px; border: 1px solid rgba(39, 179, 208, .24); border-radius: 20px; color: #3bc2df; background: rgba(7, 65, 85, .24); font-size: 24px; }

.music-messenger .music-message-picker,
.music-messenger-dialog .music-message-picker { min-height: 0; display: flex; flex-direction: column; gap: 18px; padding: 24px; overflow: hidden; }
.music-messenger .music-chat-panel > .music-message-picker { flex: 1; }
.music-messenger .music-message-picker-heading,
.music-messenger-dialog .music-message-picker-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.music-messenger .music-message-picker h2,
.music-messenger-dialog .music-message-picker h2 { margin: 0; font-size: 21px; font-weight: 650; color: #f1f6fa; }
.music-messenger .music-message-picker-results,
.music-messenger-dialog .music-message-picker-results { min-height: 0; display: flex; flex-direction: column; gap: 5px; overflow-y: auto; }
.music-messenger .music-message-recipient,
.music-messenger-dialog .music-message-recipient { display: flex; align-items: center; gap: 12px; padding: 11px; min-height: 64px; width: 100%; flex: 0 0 auto; text-align: left; background: transparent; border: 1px solid transparent; border-radius: 11px; color: #eaf5fa; cursor: pointer; }
.music-messenger .music-message-recipient:hover,
.music-messenger-dialog .music-message-recipient:hover { background: rgba(37, 114, 137, .17); border-color: rgba(31, 188, 221, .28); }
.music-messenger .music-message-picker-tabs,
.music-messenger-dialog .music-message-picker-tabs { display: flex; gap: 7px; }
.music-messenger .music-message-picker-tabs button,
.music-messenger-dialog .music-message-picker-tabs button { padding: 9px 16px; border: 1px solid rgba(103, 153, 172, .22); border-radius: 9px; background: #111c24; color: #adbdc6; cursor: pointer; }
.music-messenger .music-message-picker-tabs button.active,
.music-messenger-dialog .music-message-picker-tabs button.active { background: #08475b; color: #e5faff; border-color: #147a95; }

dialog.music-messenger-dialog {
    width: min(540px, calc(100vw - 32px));
    max-height: min(650px, calc(100dvh - 48px));
    margin: auto;
    padding: 0;
    border: 1px solid rgba(69, 166, 194, .35);
    border-radius: 20px;
    background: #0b121b;
    box-shadow: 0 25px 90px rgba(0, 0, 0, .55);
    color: #e7f2f8;
    font-family: Inter, sans-serif;
    font-size: 14px;
    overflow: hidden;
}
dialog.music-messenger-dialog[open] { display: flex; flex-direction: column; }
dialog.music-messenger-dialog::backdrop { background: rgba(0, 3, 8, .7); backdrop-filter: blur(5px); }
.music-messenger-dialog .music-message-picker { max-height: inherit; }
.music-messenger-dialog .music-chat-input { min-height: 110px; padding: 12px; border: 1px solid rgba(132, 157, 168, .22); border-radius: 10px; background: #111b25; }
.music-messenger-dialog .music-message-empty { padding: 25px 12px; text-align: center; color: #94a9b5; }
.music-messenger-dialog .music-message-thread-copy { min-width: 0; display: grid; gap: 5px; }
.music-messenger-dialog .music-message-thread-copy :is(strong,small) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-messenger-dialog .music-message-thread-copy strong { color: #e5f2f8; font-size: 14px; }
.music-messenger-dialog .music-message-thread-copy small { color: #97aebc; font-size: 12px; }

.music-messenger :is(.music-messages-page-list,.music-chat-messages,.music-message-picker-results,.music-chat-attachments),
.music-messenger-dialog .music-message-picker-results { scrollbar-width: thin; scrollbar-color: #586a76 transparent; overscroll-behavior: contain; }
.music-messenger :is(.music-messages-page-list,.music-chat-messages,.music-message-picker-results,.music-chat-attachments)::-webkit-scrollbar,
.music-messenger-dialog .music-message-picker-results::-webkit-scrollbar { width: 6px; height: 6px; }
.music-messenger :is(.music-messages-page-list,.music-chat-messages,.music-message-picker-results,.music-chat-attachments)::-webkit-scrollbar-thumb,
.music-messenger-dialog .music-message-picker-results::-webkit-scrollbar-thumb { background: #586a76; border: 0; border-radius: 8px; }

@media (max-width: 1200px) {
    .music-messenger .music-chat-toolbar { gap: 10px; padding: 14px 16px; }
    .music-messenger .music-chat-actions .music-chat-action { width: 35px; min-width: 35px; padding: 8px; }
    .music-messenger .music-chat-actions .music-chat-action span { display: none; }
    .music-messenger .music-chat-hint { display: none; }
    .music-messenger .music-chat-message { max-width: 95%; }
}

@media (max-width: 900px) {
    .music-messenger { grid-template-columns: 230px minmax(0, 1fr); gap: 8px; }
    .music-messenger .music-message-thread.page-thread { grid-template-columns: 42px minmax(0, 1fr) auto; gap: 9px; padding: 11px 8px; }
    .music-messenger .music-message-thread .music-message-avatar { width: 42px; height: 42px; }
    .music-messenger .music-message-thread time { font-size: 9px; }
    .music-messenger .music-chat-toolbar { flex-wrap: wrap; gap: 8px; }
    .music-messenger .music-chat-actions { margin-left: auto; }
    .music-messenger .music-chat-messages { padding: 18px 12px; gap: 13px; }
    .music-messenger .music-chat-message { gap: 8px; }
    .music-messenger .music-chat-message .music-message-avatar { width: 29px; height: 29px; }
    .music-messenger .music-chat-composer { margin: 0 10px 10px; padding: 10px; }
    .music-messenger .music-message-attach { padding: 8px; }
    .music-messenger .music-message-attach span { display: none; }
}

@media (max-width: 700px) {
    html body .music-shell:has(#paxor-message-workspace) { width: calc(100% - 16px) !important; top: calc(var(--music-messages-top, var(--paxor-menu-height, 62px)) + 8px) !important; bottom: calc(var(--music-messages-bottom, var(--paxor-player-height, 88px)) + 8px) !important; }
    .music-messenger { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .music-messenger .music-messages-sidebar,
    .music-messenger .music-chat-panel { border-radius: 16px; }
    .music-messenger:not(.is-chat-open) .music-chat-panel { display: none; }
    .music-messenger.is-chat-open .music-messages-sidebar { display: none; }
    .music-messenger .music-chat-back { display: inline-flex; }
    .music-messenger .music-message-thread.page-thread { grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; min-height: 78px; padding: 12px; }
    .music-messenger .music-message-thread .music-message-avatar { width: 48px; height: 48px; }
    .music-messenger .music-message-thread time { font-size: 11px; }
    .music-messenger .music-chat-toolbar { min-height: 67px; padding: 10px; gap: 8px; }
    .music-messenger .music-chat-identity { gap: 9px; }
    .music-messenger .music-chat-identity strong { font-size: 14px; }
    .music-messenger .music-chat-toolbar .music-message-avatar { width: 35px; height: 35px; }
    .music-messenger .music-chat-actions { width: 100%; justify-content: flex-end; padding-top: 2px; gap: 7px; }
    .music-messenger .music-chat-actions .music-chat-action { width: auto; min-height: 30px; padding: 5px 8px; font-size: 11px; }
    .music-messenger .music-chat-actions .music-chat-action span { display: none; }
    .music-messenger .music-chat-messages { padding: 16px 11px; }
    .music-messenger .music-chat-message { max-width: 97%; }
    .music-messenger .music-chat-message .music-chat-bubble { padding: 10px 12px; border-radius: 13px; }
    .music-messenger .music-chat-bubble p { font-size: 14px; }
    .music-messenger .music-chat-composer { margin: 0 8px 8px; padding: 9px; border-radius: 14px; }
    .music-messenger .music-chat-composer .music-chat-input { min-height: 39px; font-size: 16px; }
    .music-messenger .music-message-attach span { display: inline; }
    .music-messenger .music-message-send { min-height: 38px; padding: 8px 13px; }
    .music-messenger .music-message-picker,
    .music-messenger-dialog .music-message-picker { padding: 17px; gap: 14px; }
    .music-messenger .music-message-picker h2 { font-size: 19px; }
    .music-messenger .music-message-search { font-size: 16px; }
}

@media (max-width: 380px) {
    .music-messenger .music-chat-actions .music-chat-action span { display: none; }
    .music-messenger .music-chat-actions { width: auto; padding: 0; }
    .music-messenger .music-chat-identity .music-message-avatar { display: none; }
    .music-messenger .music-chat-message .music-message-avatar { display: none; }
    .music-messenger .music-chat-message { max-width: 100%; }
    .music-messenger .music-message-attach span { display: none; }
}

@media (max-height: 560px) {
    .music-messenger .music-chat-toolbar { min-height: 53px; padding-top: 7px; padding-bottom: 7px; }
    .music-messenger .music-chat-actions { width: auto; padding: 0; }
    .music-messenger .music-chat-actions .music-chat-action span { display: none; }
    .music-messenger .music-chat-identity small { display: none; }
    .music-messenger .music-chat-composer { padding: 6px 9px; margin-bottom: 7px; gap: 4px; }
    .music-messenger .music-chat-composer .music-chat-input { height: 36px; min-height: 34px; max-height: 36px; }
    .music-messenger .music-chat-messages { padding-top: 12px; padding-bottom: 12px; }
    .music-messenger .music-chat-attachments { max-height: 64px; }
}

@media (prefers-reduced-motion: reduce) {
    .music-messenger *, .music-messenger-dialog * { scroll-behavior: auto !important; transition: none !important; }
}

/* Keep the expanded desktop columns and composer the same width as Leya. */
@media (min-width: 901px) {
    .music-messenger .music-chat-composer { margin-left: 15px; margin-right: 15px; }
}
@media (min-width: 701px) and (max-width: 900px) {
    html body .music-shell:has(#paxor-message-workspace) { width: calc(100% - 18px) !important; }
    .music-messenger .music-chat-composer { margin-left: 0; margin-right: -1px; }
}
@media (max-width: 640px) {
    .music-messenger .music-chat-composer { margin-left: 7px; margin-right: 7px; }
    .music-messenger .music-messages-sidebar-header {
        border-radius: 12px;
        background: linear-gradient(90deg, rgba(4, 32, 47, .98), rgba(3, 92, 116, .96));
    }
}