.dc-account-widget:has(.dc-notification-control){display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:2px}
.dc-account-widget .dc-account-menu{min-width:0}
.dc-notification-control{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--text-2,#8a879e);cursor:pointer;border-radius:8px;transition:background 180ms ease,color 180ms ease}
.dc-notification-control[aria-expanded=true]{background:rgba(201,168,76,.1)}
.dc-notification-control:hover{background:rgba(255,255,255,.06)}
.dc-notification-control span{position:absolute;top:2px;right:0;min-width:17px;min-height:17px;padding:1px 3px;border-radius:9px;background:#64cfee;color:#081115;font:700 10px/15px var(--font-sans,Arial);animation:dc-notice-in 180ms ease-out}
.dc-notification-control span[hidden]{display:none}
.dc-app-shell.is-collapsed .dc-account-widget:has(.dc-notification-control){grid-template-columns:minmax(0,1fr);justify-items:center}
.dc-notification-panel{position:fixed;z-index:40000;display:flex;flex-direction:column;max-height:min(68vh,650px);background:var(--surface-2,#17171d);color:var(--text-1,#f0eef8);border:1px solid var(--border-strong,#363440);border-radius:var(--r-sm,10px);box-shadow:0 16px 50px #0009;overflow:hidden;font:13px/1.5 var(--font-sans,Arial);animation:dc-notice-in 180ms ease-out}
.dc-notification-heading{display:flex;align-items:center;gap:8px;padding:16px;border-bottom:1px solid var(--border-strong,#363440);flex-shrink:0}
.dc-notification-heading h2{margin:0!important;font-size:16px!important;line-height:1.4;flex:1}
.dc-notification-heading button,.dc-notification-filters button,[data-notification-status] button,.dc-notification-panel [data-load],[data-notifications-page] [data-load]{min-height:44px;padding:6px 10px;background:transparent;border:0;color:var(--accent-soft,#efd58b);font:inherit;cursor:pointer;border-radius:6px}
.dc-notification-heading [data-close]{min-width:44px;padding:0;display:grid;place-items:center;color:var(--text-1,#f0eef8)}
.dc-notification-heading button:disabled{color:#b0adbc;cursor:default}
.dc-notification-list{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.dc-notification{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--border,#ffffff0f);transition:background 180ms ease}
.dc-notification.is-unread{background:rgba(83,144,217,.08)}
.dc-notification-portrait{position:relative;width:36px;height:36px}
.dc-notification-avatar{display:grid;place-items:center;min-width:36px;min-height:44px;color:var(--accent-soft,#efd58b);font-weight:700;text-decoration:none!important}
.dc-notification-avatar img{height:36px;width:36px;object-fit:cover;border-radius:50%}
.dc-notification-event{position:absolute;bottom:-7px;right:-5px;display:grid;place-items:center;width:19px;height:19px;border:2px solid var(--surface-2,#17171d);border-radius:50%;background:#c9a84c;color:#111115;pointer-events:none}
.dc-notification-main{display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:var(--text-1,#f0eef8)!important;text-decoration:none!important;min-height:44px;overflow-wrap:anywhere}
.dc-notification-main strong{font-weight:650}
.dc-notification-deck{color:var(--accent-soft,#efd58b)}
.dc-notification-preview{color:#bab7c8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dc-notification time{font-size:11px;color:#bab7c8}
.dc-notification-unread{font-size:10px;color:#8ad4ec;font-weight:700}
.dc-notification-all{display:block;padding:12px 16px;min-height:44px;text-align:center;color:var(--accent-soft,#efd58b);border-top:1px solid var(--border-strong,#363440)}
[data-notification-status]{margin:0;padding:16px;color:#bab7c8;overflow-wrap:anywhere;flex-shrink:0}
[data-notification-status]:empty{display:none}
.dc-notification-filters{display:flex;gap:8px;padding:8px 16px}
.dc-notification-filters button{border:0;border-bottom:1px solid transparent;border-radius:0;box-shadow:none;color:var(--text-2,#aaa6bc)}
body.dc-shell-ready [data-notifications-page] .dc-notification-filters button{border-radius:0!important}
.dc-notification-filters button[aria-pressed=true]{color:var(--text-1,#f0eef8);border-bottom-color:var(--accent,#c9a84c);box-shadow:none}
[data-notifications-page]{max-width:760px;margin:24px auto}
[data-notifications-page] .dc-notification-heading{padding-left:0;padding-right:0}
[data-notifications-page] .dc-notification-list{overflow:visible}
.dc-notification-panel :focus-visible,[data-notifications-page] :focus-visible,.dc-notification-control:focus-visible{outline:2px solid #91d5ee;outline-offset:2px}
[data-notifications-page] .dc-notification-filters button:focus-visible{outline:1px solid var(--accent,#c9a84c);outline-offset:3px}
@keyframes dc-notice-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:899px){.dc-notification-panel{max-height:calc(100dvh - 96px);width:calc(100vw - 32px)!important}.dc-notification-open{overflow:hidden}.dc-notification-heading{padding:8px 12px}.dc-notification-heading h2{font-size:15px!important}.dc-notification-heading button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dc-notification-panel,.dc-notification-control span{animation:none}.dc-notification{transition:none}}

.dc-notification-byline { overflow-wrap:anywhere;line-height:1.55;margin-bottom:3px; }
.dc-notification-byline a { color:var(--text-1,#f0eef8);text-decoration:none; }
.dc-notification-byline .dc-notification-actor { font-weight:700; }
.dc-notification-byline a:hover { text-decoration:underline;text-underline-offset:3px; }
.dc-notification-byline .dc-notification-actor:focus-visible { outline:2px solid #91d5ee; }
.dc-notification-content { min-width:0; }

.dc-notification-byline .dc-notification-actor,.dc-notification-byline .dc-notification-target { display:inline-flex;align-items:center;min-height:44px;vertical-align:middle; }

.dc-notification-control:has(span:not([hidden])){color:var(--accent,#c9a84c)}

.dc-invitation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.dc-invitation-actions button,.dc-invitation-actions a{min-height:40px;padding:8px 12px;border:1px solid #ffffff26;border-radius:8px;color:#ededf1;background:#17171d;font:inherit;text-decoration:none}.dc-invitation-actions .dc-invitation-accept{background:#c4a344;color:#171719;border-color:#c4a344;font-weight:700}.dc-invitation-status{margin:8px 0 0;font-size:12px;line-height:1.5;color:#b4b4c3}.dc-invitation-status:empty{display:none}.dc-invitation-actions :focus-visible{outline:2px solid #fff;outline-offset:3px}
