.account { position: relative; }
.notification-menu { position: absolute; right: 0; top: calc(100% + 16px); width: min(390px, calc(100vw - 32px)); max-height: 75vh; overflow: auto; padding: 18px; background: white; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 16px 45px #17231f26; color: var(--ink); z-index: 20; }
.notification-item { display: block; width: 100%; padding: 14px 9px; text-align: left; background: white; border-bottom: 1px solid var(--line); }
.notification-item:hover { background: var(--soft); }
.notification-item b, .notification-item span { display: block !important; }
.notification-item span { margin-top: 5px; font-size: 12px; color: var(--muted); line-height: 1.5; }
.notification-menu .modal-actions { margin-top: 15px; }
.dm-layout { display: grid; grid-template-columns: minmax(210px, 280px) minmax(0, 1fr); gap: 16px; }
.dm-layout .panel { min-width: 0; }
.grow { flex: 1; min-width: 0; }
.chat-input input { min-width: 0; }
.modal { max-height: 90vh; overflow-y: auto; }
@media(max-width:900px) { .dm-layout { grid-template-columns: 1fr; } .dm-layout > .panel:first-child { max-height: 285px; overflow-y: auto; } }