.notification-dialog .notification-list{display:grid;gap:10px}.notification-dialog .notification-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface,#fff)}.notification-dialog .notification-row.unread{background:var(--accent-soft)}.notification-dialog .notification-copy{min-width:0;flex:1}.notification-dialog .notification-row h3{font-size:15px;color:var(--ink);margin:0 0 6px}.notification-dialog .notification-row p{color:var(--text);font-size:13px;line-height:1.65;margin:0 0 7px;overflow-wrap:anywhere}.notification-dialog .notification-row small,.receipt-note{color:var(--muted);font-size:11px}.notification-destination{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:12px;color:var(--accent-dark)}.notification-destination .icon{width:15px;height:15px}.receipt-note{margin:15px 0 0}.receipt-retry{font-size:12px;margin-bottom:10px}.message-avatar{overflow:hidden;flex-shrink:0}.message-avatar .child-avatar-image{width:100%;height:100%;object-fit:cover}.message-avatar .child-avatar-emoji{font-size:25px;line-height:1}.message-item.message-highlight .message-bubble{outline:2px solid var(--focus);outline-offset:3px}.message-meta [data-read-status]{font-size:11px;color:var(--muted)}.message-card .message-history{scroll-margin-top:100px}.message-item>div{min-width:0}.message-history .message-bubble{overflow-wrap:anywhere}.message-item.unread .message-bubble{border-color:var(--focus)}
@media(max-width:540px){.notification-dialog .notification-row{gap:9px;padding:12px}.notification-dialog .small-icon{width:30px;height:30px;flex:none}.notification-dialog .notification-row h3{font-size:14px}.notification-dialog .notification-row p{font-size:12px}}
.notification-dialog .notification-list{gap:8px}.notification-dialog .notification-row{gap:10px;padding:11px 12px;border-radius:12px}.notification-dialog .notification-row h3{margin:0 0 3px}.notification-dialog .notification-row p{margin:0 0 4px;line-height:1.5}.notification-dialog [data-notification-open]{cursor:pointer;transition:background .15s,border-color .15s}.notification-dialog [data-notification-open]:hover{border-color:var(--accent);background:var(--accent-soft)}.notification-dialog [data-notification-open]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notification-dialog .notification-row .small-icon{width:32px;height:32px;flex:none}.notification-dialog .notification-row .small-icon .icon{width:20px;height:20px}