.message-attachments { display: grid; gap: 12px; margin-block-start: 12px; min-inline-size: 0; }
.message-attachment { display: grid; gap: 8px; min-inline-size: 0; }
.message-attachment img,.message-attachment video { display: block; max-inline-size: 100%; inline-size: 320px; max-block-size: 360px; object-fit: contain; border-radius: 10px; }
.message-attachment audio { display: block; inline-size: 320px; max-inline-size: 100%; }
.attachment-download { color: inherit; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; padding-block: 4px; }
.attachment-download:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.attachment-unavailable,.attachment-error { font-size: 13px; line-height: 1.5; color: inherit; overflow-wrap: anywhere; }
.message-attachment [hidden] { display: none; }
@media(max-width: 720px) { .message-attachment img,.message-attachment audio,.message-attachment video { inline-size: 100%; } }

.reply-attachments{display:block!important;padding:0 4px 10px;min-width:0}.reply-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reply-file-actions button,.reply-file-state button{border:1px solid var(--border,#ffffff28);background:transparent;color:inherit;border-radius:9px;padding:8px 12px;cursor:pointer;font:inherit;min-height:36px}.reply-file-actions button:focus-visible,.reply-file-state button:focus-visible{outline:2px solid #a590dc;outline-offset:2px}.reply-file-actions small,.reply-media-hint,.reply-file-state small{color:var(--muted,#aaa7b5);font-size:12px}.reply-file-state:empty{display:none}.reply-file-state{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px solid var(--border,#ffffff28);border-radius:10px}.reply-file-state>span{flex:1;overflow-wrap:anywhere;min-width:0}.reply-file-state small{display:block;margin-top:4px}.reply-file-state img{width:52px;height:52px;object-fit:cover;border-radius:7px}.reply-media-hint{display:block;margin-top:8px;line-height:1.5}.reply button:disabled{opacity:.5;cursor:default}@media(max-width:700px){.reply-file-state{gap:8px}.reply-file-actions{gap:6px}.reply-attachments{padding-bottom:8px}}

.reply-voice-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.reply-voice-panel button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid var(--border,#ffffff28);border-radius:9px;background:transparent;color:inherit;font:inherit;cursor:pointer}.reply-voice-panel svg{width:18px;height:18px}.reply-voice-panel [hidden]{display:none!important}.reply-voice-panel [data-stop-voice]{background:#a590dc;color:#17132b}.reply-voice-panel [data-voice-status]{font-size:12px;color:var(--muted,#d0c7e6);font-variant-numeric:tabular-nums}.reply-voice-panel button:focus-visible{outline:2px solid #a590dc;outline-offset:2px}.reply-file-state:has(audio){flex-wrap:wrap}.reply-file-state audio{width:min(100%,320px);height:40px}.reply-file-state:has(audio)>span{flex:1;min-width:160px}@media(max-width:700px){.reply-voice-panel{gap:6px}.reply-voice-panel button{min-height:44px;padding:8px 10px}.reply-file-state audio{width:100%}}

.reply-compose-tools{margin-top:0;gap:10px}.reply-compose-tools>small,.reply-keyboard-hint{color:var(--muted,#d0c7e6);font-size:12px}.reply-keyboard-hint{display:block;margin-top:8px;line-height:1.5}.reply-attach-menu{position:relative}.reply-attach-menu summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:8px 12px;min-height:36px;border:1px solid var(--border,#ffffff28);border-radius:9px;font:inherit}.reply-attach-menu summary::-webkit-details-marker{display:none}.reply-attach-menu summary svg{width:18px;height:18px}.reply-attach-menu summary[aria-disabled=true]{opacity:.5;cursor:default}.reply-attach-menu summary:focus-visible{outline:2px solid #a590dc;outline-offset:2px}.reply-attach-options{position:absolute;bottom:calc(100% + 8px);left:0;z-index:10;min-width:190px;display:grid;padding:6px;background:var(--panel,#25213e);border:1px solid var(--border,#ffffff38);border-radius:12px;box-shadow:0 12px 32px #0005}.reply-attach-options button{justify-content:flex-start;border:0;border-radius:7px;width:100%;padding:10px 12px;min-height:42px}.reply-attach-options button:hover{background:#a590dc26}.reply-file-state:has(video){flex-wrap:wrap}.reply-file-state video{width:min(100%,340px);max-height:220px;border-radius:9px;background:#100e1a;object-fit:contain}.reply-file-state:has(video)>span{min-width:160px;flex:1}.reply.drag-target{outline:2px dashed #a590dc;outline-offset:-6px;background:#a590dc12}@media(max-width:700px){.reply-compose-tools{gap:8px}.reply-compose-tools>small{flex-basis:100%}.reply-attach-menu summary{min-height:44px}.reply-keyboard-hint{display:none}.reply-file-state video{width:100%;max-height:240px}}

.attachment-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.attachment-actions a,.attachment-unavailable a{overflow-wrap:anywhere;text-underline-offset:3px}.attachment-unavailable{display:flex;gap:8px;flex-direction:column;overflow-wrap:anywhere}
@media(max-width:700px){.shell>.main{max-inline-size:100%}.shell .inbox{inline-size:100%;max-inline-size:100%;min-inline-size:0}.shell .conversation-rows,.shell .messages,.shell .reply{min-inline-size:0;max-inline-size:100%}.shell .message{min-inline-size:0;overflow-wrap:anywhere}.shell .attachment-actions a{min-inline-size:0}.shell .message-attachment audio{min-inline-size:0}}

.inbox-unread-summary{color:var(--muted,#d0c7e6);font-size:14px;align-self:center;font-variant-numeric:tabular-nums}.inbox-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:2px 6px;border-radius:12px;background:#c9b4f5;color:#201632;font-size:12px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums}.inbox-unread-badge[hidden],[data-unread-total][hidden]{display:none!important}.row-foot:has(.inbox-unread-badge:not([hidden])){gap:8px}.heading-actions{flex-wrap:wrap}[data-sound-toggle]{min-height:44px;white-space:normal}@media(max-width:700px){.inbox-unread-summary{flex-basis:100%}.heading-actions [data-sound-toggle]{flex:1}}

.desktop-notification-hint{flex-basis:100%;text-align:end;color:var(--muted,#d0c7e6);font-size:13px;line-height:1.5;max-width:65ch;margin-inline-start:auto}[data-desktop-toggle]{min-height:44px;white-space:normal}@media(max-width:700px){.desktop-notification-hint{text-align:start;margin-inline-start:0}.heading-actions [data-desktop-toggle]{flex:1}}