/* Collaboration invitations and notification actions. */
.collaboration-section { max-width: 1400px; margin: 0 auto 24px; }
.collaboration-invitation { border: 1px solid #e7d4e3; border-radius: 14px; padding: 18px; margin: 12px 0; background: #fff; }
.collaboration-invitation p { margin: 0 0 10px; }
.collaboration-invitation a { color: #73305e; }
.collaboration-hint { font-size: .85rem; color: #786778; margin-top: 12px !important; }
.collaboration-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.collaboration-actions form { margin: 0; }
.collaboration-actions button { cursor: pointer; padding: 9px 16px; border: 1px solid #73305e; color: #73305e; border-radius: 8px; background: white; font: inherit; }
.collaboration-actions .collaboration-accept { background: #73305e; color: white; }
.collaboration-result { padding: 18px; margin: 0 auto 20px; border-radius: 10px; background: #edf7ef; color: #286342; max-width: 1400px; }
.collaboration-result.is-error { background: #fff0ef; color: #932f30; }
.collaboration-popover summary { position: relative; }
.notification-count { position: absolute; top: -5px; right: -5px; background: #73305e; color: white; padding: 2px 6px; border-radius: 20px; font-size: 11px; }
.header-popover.collaboration-popover > div { width: min(410px, calc(100vw - 32px)); max-height: 70vh; overflow-y: auto; z-index: 50; }
.notifications-page { max-width: 1000px; margin: 0 auto; }
.notifications-view-all { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0 2px; border-top: 1px solid #e7d4e3; color: #73305e; font-weight: 600; }
.notifications-history { margin-top: 32px; }
.notification-type { display: block; font-size: .8rem; color: #786778; margin-bottom: 10px; }
.notification-status { display: inline-block; margin-top: 12px; padding: 5px 10px; border-radius: 20px; background: #f7f0f5; color: #73305e; font-size: .85rem; }
.notifications-empty { background: white; padding: 40px 20px; border: 1px solid #e7d4e3; border-radius: 14px; }