.notifications-page{max-width:720px;margin:0 auto;padding:var(--space-2)}.notifications-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.notifications-header h2{margin:0;font-size:var(--font-size-2xl)}#mark-all-read-btn{margin-inline-start:auto}.notifications-list{border:1px solid var(--color-divider);border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-background)}.notification-day{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-light);padding:var(--space-1) var(--space-2);border-block:1px solid var(--color-divider)}.notification-day:first-child{border-block-start:0}.notification-item{display:flex;gap:var(--space-1);align-items:flex-start;padding:var(--space-2);border-bottom:1px solid var(--color-divider);width:100%;background:none;border-inline:0;border-block-start:0;text-align:start;font:inherit;color:inherit}.notification-list-item:last-child .notification-item{border-bottom:0}button.notification-item{cursor:pointer}button.notification-item:hover{background:var(--color-background-light)}button.notification-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.notification-item.unread{background:#1e88e512}.notification-icon{width:34px;height:34px;min-width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-background-light);font-size:var(--font-size-md)}.notification-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-title{font-size:var(--font-size-sm);font-weight:600;line-height:1.35}.notification-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.45;display:block}.notification-item:not(.expanded) .notification-title,.notification-item:not(.expanded) .notification-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notification-item.expanded .notification-text{white-space:normal}.notification-caret{align-self:center;margin-inline-start:auto;color:var(--color-text-tertiary);transition:transform .18s ease;flex:0 0 auto}.notification-item.expanded .notification-caret{transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){.notification-caret{transition:none}}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notification-time,.notification-badge{unicode-bidi:isolate}.notification-unread-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--color-primary);margin-block-start:6px}.notifications-empty{padding:var(--space-5) var(--space-2);text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-1)}.notifications-empty .empty-icon{font-size:var(--font-size-4xl)}.notifications-footnote{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin-block-start:var(--space-2)}@media (max-width: 480px){.notifications-page{padding:var(--space-1)}.notifications-header h2{font-size:var(--font-size-xl)}}