.ds-notifications-shell{display:grid;gap:var(--hierarchy-gap,12px)}.ds-notifications-shell--compact{gap:var(--working-gap,8px)}.ds-notifications-shell--compact h2{font-size:18px}.ds-notifications-toolbar{gap:12px}.ds-notifications-filter{width:100%;max-width:100%;--ribbon-radius:var(--radius-frame,16px);--chip-radius:var(--radius-field,12px);border-radius:var(--radius-frame,16px)}.ds-notifications-filter .ds-ribbon__header,.ds-notifications-filter .ds-ribbon__segment,.ds-notifications-filter.ds-ribbon--connected .ds-ribbon__header,.ds-notifications-filter.ds-ribbon--connected .ds-ribbon__segment,.ds-notifications-filter.ds-ribbon--connected .ds-ribbon__segment.is-selected{border-radius:var(--radius-field,12px)}.ds-notifications-shell:not([data-presentation=experimental]) .ds-notifications-filter .ds-ribbon--connected,.ds-notifications-shell:not([data-presentation=experimental]) .ds-notifications-filter.ds-ribbon--connected{width:100%}.ds-notifications-shell:not([data-presentation=experimental]) .ds-notifications-filter .ds-ribbon__segment.is-selected{box-shadow:var(--ribbon-active-blob,none)}.ds-notifications-groups{gap:10px}.ds-notifications-group{padding:10px;border-radius:var(--control-radius,14px);background:color-mix(in srgb,var(--raised) 72%,var(--surface));border:1px solid var(--line)}.ds-notifications-group--attention{border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.ds-notifications-group--recent{border-color:color-mix(in srgb,var(--blue,#68a3ff) 28%,var(--line))}.ds-notifications-group__title{margin:0 0 8px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text)}.ds-notifications-group--attention .ds-notifications-group__title{color:color-mix(in srgb,var(--accent) 70%,var(--accent-text,var(--ink)))}.ds-notifications-group--recent .ds-notifications-group__title{color:color-mix(in srgb,var(--blue,#68a3ff) 65%,var(--accent-text,var(--ink)))}.ds-notifications-list{display:grid;gap:8px}.ds-notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:stretch;border:1px solid var(--line);border-radius:var(--control-radius,14px);background:color-mix(in srgb,var(--raised) 55%,transparent);padding:0}.ds-notification-item__main{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;min-height:44px;margin:0;padding:10px;border:0;border-radius:var(--control-radius,14px);background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.ds-notification-item__main:hover{background:color-mix(in srgb,var(--raised) 40%,transparent)}.ds-notification-item__type{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;color:var(--muted)}.ds-notification-item.is-unread .ds-notification-item__type{color:var(--pink)}.ds-notification-item.is-attention .ds-notification-item__type{color:var(--accent)}.ds-notification-item.is-attention{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.ds-notification-item.is-unread:not(.is-attention){border-color:color-mix(in srgb,var(--pink) 32%,var(--line))}.ds-notification-item.is-read:not(.is-attention),.ds-notification-item.is-resolved{opacity:.92}.ds-notification-item.is-stale{opacity:.78}.ds-notification-item__title{display:block;overflow-wrap:anywhere}.ds-notification-answers{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:4px}.ds-notification-answer{display:inline-flex;align-items:center;gap:6px;min-height:22px;font-size:13px;font-weight:650;color:var(--ink)}.ds-notification-answer__nick{overflow-wrap:anywhere}.ds-notification-answer__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ds-notification-answer.rsvp-tone-going .ds-notification-answer__icon{color:var(--positive)}.ds-notification-answer.rsvp-tone-maybe .ds-notification-answer__icon{color:var(--warning)}.ds-notification-answer.rsvp-tone-declined .ds-notification-answer__icon{color:var(--negative)}.ds-notification-chip{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:var(--raised);border:1px solid var(--line);font-size:11px;font-weight:800;color:var(--muted)}.ds-notification-chip--attention{color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.ds-notification-chip--unread{color:var(--pink)}.ds-notification-chip--muted{opacity:.85}.ds-notification-item__mark{align-self:center}.ds-notification-item__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 10px}.ds-notification-item__actions .btn{min-height:44px}.inbox-panel.ds-notifications-panel{display:grid;gap:10px;max-height:min(70vh,560px);overflow:auto}.inbox-panel-footer{position:sticky;bottom:0;padding-top:8px;background:color-mix(in srgb,var(--surface) 92%,transparent);gap:8px}.inbox-panel-footer .inbox-panel-close{margin-top:0;width:auto;flex:1 1}.inbox-panel-footer .btn{flex:1 1;min-height:44px}@media (max-width:640px){.inbox-panel.ds-notifications-panel{position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:min(88vh,720px);border-radius:var(--radius) var(--radius) 0 0;z-index:var(--z-notifications,40)}.ds-notifications-shell{gap:var(--working-gap,8px)}}