/* Notification bell + compact inbox, shared by the public and studio headers. Loaded after omu-header-actions.css. */
[data-omu-notification-count][hidden] { display:none!important; }
body:has([data-omu-notifications]) #notifMobileFab { display:none!important; }

/* Bell button */
html body :is(.omu-mobile-header-actions,.am-page-actions,.omu-header-actions,.artist-header-actions,.omu-desktop-listening-bar) .omu-notification-trigger[data-omu-notifications] {
 --bell-ink:#4a4658;--bell-accent:var(--omu-primary,#6d3be8);
 position:relative;display:inline-grid;place-items:center;padding:0!important;
 border:1px solid #e6e3ef!important;border-radius:14px!important;
 background:linear-gradient(180deg,#fff 0%,#f8f7fc 100%)!important;color:var(--bell-ink)!important;
 box-shadow:0 1px 2px rgb(30 22 60 / 6%),inset 0 1px 0 #fff!important;
 transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
html body :is(.omu-mobile-header-actions,.am-page-actions,.omu-header-actions,.artist-header-actions,.omu-desktop-listening-bar) .omu-notification-trigger[data-omu-notifications]:hover {
 color:var(--bell-accent)!important;border-color:color-mix(in srgb,var(--bell-accent) 32%,#e6e3ef)!important;
 background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--bell-accent) 7%,#fff) 100%)!important;
 box-shadow:0 6px 16px -6px color-mix(in srgb,var(--bell-accent) 45%,transparent),inset 0 1px 0 #fff!important;
}
html body :is(.omu-mobile-header-actions,.am-page-actions,.omu-header-actions,.artist-header-actions,.omu-desktop-listening-bar) .omu-notification-trigger[data-omu-notifications][aria-expanded="true"] {
 color:#fff!important;border-color:var(--bell-accent)!important;background:var(--bell-accent)!important;
 box-shadow:0 8px 20px -8px color-mix(in srgb,var(--bell-accent) 70%,transparent)!important;
}
html body .omu-notification-trigger[data-omu-notifications] svg { width:20px!important;height:20px!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 8%; }
html body .omu-notification-trigger[data-omu-notifications]:hover svg { animation:omuBellSwing .7s ease; }
/* Unread: accent-tinted bell with a soft red badge. */
html body :is(.omu-mobile-header-actions,.am-page-actions,.omu-header-actions,.artist-header-actions,.omu-desktop-listening-bar) .omu-notification-trigger[data-omu-notifications]:has(> [data-omu-notification-count]:not([hidden])):not([aria-expanded="true"]) {
 color:var(--bell-accent)!important;border-color:color-mix(in srgb,var(--bell-accent) 26%,#e6e3ef)!important;
 background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--bell-accent) 9%,#fff) 100%)!important;
}
html body .omu-notification-trigger[data-omu-notifications] [data-omu-notification-count] {
 position:absolute;top:5px;right:5px;left:auto;display:grid;place-items:center;box-sizing:border-box;
 min-width:18px;height:18px;padding:0 5px;border:2px solid #fff;border-radius:999px;
 background:linear-gradient(180deg,#ff5d7a,#ee2f5b);color:#fff;
 font:700 10px/1 Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em;
 box-shadow:0 2px 6px rgb(238 47 91 / 38%);pointer-events:none;transform:translate(35%,-35%);
}
html body .omu-notification-trigger[data-omu-notifications] [data-omu-notification-count]::after {
 content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid #ee2f5b;opacity:0;animation:omuBellPing 2.4s ease-out 3;
}
@keyframes omuBellSwing { 0%,100%{transform:rotate(0)} 20%{transform:rotate(14deg)} 40%{transform:rotate(-11deg)} 60%{transform:rotate(6deg)} 80%{transform:rotate(-3deg)} }
@keyframes omuBellPing { 0%{opacity:.55;transform:scale(1)} 70%,100%{opacity:0;transform:scale(1.7)} }

/* Inbox panel: a popover under the header on desktop, a bottom sheet on phones. */
#omuHeaderNotifications.omu-header-inbox {
 --inbox-ink:#1f1d29;--inbox-muted:#77748a;--inbox-faint:#a3a0b4;--inbox-line:#eeecf4;--inbox-soft:#f6f5fa;--inbox-accent:var(--omu-primary,#6d3be8);
 box-sizing:border-box;position:fixed;inset:84px 24px auto auto;margin:0;padding:0;
 width:min(384px,calc(100vw - 32px));max-width:none;height:auto;max-height:min(600px,calc(100dvh - 108px));
 border:1px solid #e8e6f0;border-radius:18px;background:#fff;color:var(--inbox-ink);
 box-shadow:0 24px 60px -18px rgb(28 20 64 / 30%),0 4px 14px rgb(28 20 64 / 8%);
 overflow:hidden;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;text-align:left;color-scheme:light;
}
#omuHeaderNotifications:not([open]) { display:none!important; }
#omuHeaderNotifications[open] { display:flex!important;flex-direction:column;animation:omuInboxIn .2s cubic-bezier(.2,.8,.2,1); }
#omuHeaderNotifications::backdrop { background:rgb(24 20 40 / 14%); }
#omuHeaderNotifications * { box-sizing:border-box; }
#omuHeaderNotifications :is(p,h2,h3,ul) { margin:0; }
#omuHeaderNotifications button { font:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0; }
#omuHeaderNotifications button:disabled { opacity:.4;cursor:default; }
#omuHeaderNotifications :is(button,a):focus-visible { outline:2px solid color-mix(in srgb,var(--inbox-accent) 55%,transparent);outline-offset:1px; }

#omuHeaderNotifications .omu-header-inbox__header { display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:14px 12px 12px 18px;border-bottom:1px solid var(--inbox-line); }
#omuHeaderNotifications .omu-header-inbox__heading { display:flex;align-items:baseline;gap:8px;min-width:0; }
#omuHeaderNotifications h2 { color:var(--inbox-ink);font-size:16px;font-weight:750;letter-spacing:-.03em;line-height:1.4; }
#omuHeaderNotifications #omuHeaderInboxSummary { overflow:hidden;color:var(--inbox-faint);font-size:11.5px;font-weight:500;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums; }
#omuHeaderNotifications .omu-header-inbox__tools { display:flex;align-items:center;gap:2px;flex:none; }
#omuHeaderNotifications .omu-header-inbox__tool { display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--inbox-muted); }
#omuHeaderNotifications .omu-header-inbox__tool:hover:not(:disabled) { background:var(--inbox-soft);color:var(--inbox-ink); }
#omuHeaderNotifications .omu-header-inbox__tool[aria-busy="true"] svg { animation:omuInboxSpin .8s linear infinite; }
#omuHeaderNotifications .omu-header-inbox__readall { height:30px;min-height:0;margin-right:4px;padding:0 11px;border:0;border-radius:999px;background:color-mix(in srgb,var(--inbox-accent) 10%,#fff);color:var(--inbox-accent);font-size:11.5px;font-weight:650;line-height:1;white-space:nowrap; }
#omuHeaderNotifications .omu-header-inbox__readall:hover:not(:disabled) { background:color-mix(in srgb,var(--inbox-accent) 16%,#fff); }
#omuHeaderNotifications .omu-header-inbox__readall[hidden] { display:none!important; }

#omuHeaderNotifications .omu-header-inbox__content { flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dcd9e6 transparent; }
#omuHeaderNotifications .omu-header-inbox__list { padding:6px;list-style:none; }
#omuHeaderNotifications .omu-header-inbox__item { position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:11px 12px;border-radius:12px;transition:background-color .15s ease; }
#omuHeaderNotifications .omu-header-inbox__item + .omu-header-inbox__item { margin-top:2px; }
#omuHeaderNotifications .omu-header-inbox__item:hover { background:var(--inbox-soft); }
#omuHeaderNotifications .omu-header-inbox__item.is-unread { background:color-mix(in srgb,var(--inbox-accent) 5%,#fff); }
#omuHeaderNotifications .omu-header-inbox__item.is-unread:hover { background:color-mix(in srgb,var(--inbox-accent) 8%,#fff); }
#omuHeaderNotifications .omu-header-inbox__icon { --tone:var(--inbox-accent);display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--tone) 12%,#fff);color:var(--tone);overflow:hidden; }
#omuHeaderNotifications .omu-header-inbox__icon svg { width:18px;height:18px; }
#omuHeaderNotifications .omu-header-inbox__icon img { display:block;width:100%;height:100%;object-fit:cover; }
#omuHeaderNotifications .omu-header-inbox__item[data-kind="success"] .omu-header-inbox__icon { --tone:#139a6a; }
#omuHeaderNotifications .omu-header-inbox__item[data-kind="failed"] .omu-header-inbox__icon { --tone:#e2405f; }
#omuHeaderNotifications .omu-header-inbox__body { min-width:0; }
#omuHeaderNotifications .omu-header-inbox__item-meta { display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;line-height:1.4;color:var(--inbox-faint); }
#omuHeaderNotifications .omu-header-inbox__kind { color:var(--inbox-muted); }
#omuHeaderNotifications .omu-header-inbox__item[data-kind="success"] .omu-header-inbox__kind { color:#139a6a; }
#omuHeaderNotifications .omu-header-inbox__item[data-kind="failed"] .omu-header-inbox__kind { color:#e2405f; }
#omuHeaderNotifications .omu-header-inbox__time { flex:none;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap; }
#omuHeaderNotifications .omu-header-inbox__item h3 { margin-top:2px;color:var(--inbox-ink);font-size:13.5px;font-weight:650;line-height:1.45;letter-spacing:-.02em;overflow-wrap:anywhere; }
#omuHeaderNotifications .omu-header-inbox__item:not(.is-unread) h3 { font-weight:550;color:#3b3848; }
#omuHeaderNotifications .omu-header-inbox__unread-dot { display:inline-block;width:6px;height:6px;margin:0 0 2px 6px;border-radius:50%;background:#ee2f5b;vertical-align:middle; }
#omuHeaderNotifications .omu-header-inbox__message { display:-webkit-box;margin-top:2px;overflow:hidden;color:var(--inbox-muted);font-size:12px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
#omuHeaderNotifications .omu-header-inbox__link { position:absolute;inset:0;border-radius:12px; }
#omuHeaderNotifications .omu-header-inbox__link:focus-visible { outline-offset:-2px; }
#omuHeaderNotifications .omu-header-inbox__item.has-link { grid-template-columns:36px minmax(0,1fr) 14px;cursor:pointer; }
#omuHeaderNotifications .omu-header-inbox__item.has-link::after { content:"";align-self:center;width:7px;height:7px;margin-left:2px;border:solid var(--inbox-faint);border-width:1.8px 1.8px 0 0;transform:rotate(45deg);transition:transform .15s ease,border-color .15s ease; }
#omuHeaderNotifications .omu-header-inbox__item.has-link:hover::after { border-color:var(--inbox-accent);transform:translateX(2px) rotate(45deg); }

#omuHeaderNotifications .omu-header-inbox__pagination { display:flex;align-items:center;justify-content:center;gap:10px;flex:none;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--inbox-line); }
#omuHeaderNotifications .omu-header-inbox__pagination[hidden] { display:none!important; }
#omuHeaderNotifications .omu-header-inbox__pagination button { display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:0;border:1px solid var(--inbox-line);border-radius:10px;background:#fff;color:var(--inbox-muted); }
#omuHeaderNotifications .omu-header-inbox__pagination button:hover:not(:disabled) { border-color:#dcd9e6;color:var(--inbox-ink); }
#omuHeaderNotifications .omu-header-inbox__pagination p { min-width:52px;text-align:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--inbox-muted); }

#omuHeaderNotifications .omu-header-inbox__state { display:flex;align-items:center;flex-direction:column;justify-content:center;padding:40px 28px 44px;text-align:center; }
#omuHeaderNotifications .omu-header-inbox__state-mark { display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:16px;background:color-mix(in srgb,var(--inbox-accent) 10%,#fff);color:var(--inbox-accent); }
#omuHeaderNotifications .omu-header-inbox__state--error .omu-header-inbox__state-mark { background:#fdecef;color:#e2405f; }
#omuHeaderNotifications .omu-header-inbox__state-mark svg { width:22px;height:22px; }
#omuHeaderNotifications .omu-header-inbox__state h3 { color:var(--inbox-ink);font-size:14px;font-weight:650;line-height:1.5;letter-spacing:-.02em; }
#omuHeaderNotifications .omu-header-inbox__state p { max-width:26ch;margin-top:4px;color:var(--inbox-muted);font-size:12px;line-height:1.6;word-break:keep-all; }
#omuHeaderNotifications .omu-header-inbox__state-action { height:34px;min-height:0;margin-top:14px;padding:0 16px;border:0;border-radius:999px;background:var(--inbox-accent);color:#fff;font-size:12px;font-weight:650; }
#omuHeaderNotifications .omu-header-inbox__state-action:hover { filter:brightness(1.08); }

#omuHeaderNotifications .omu-header-inbox__skeleton { padding:6px; }
#omuHeaderNotifications .omu-header-inbox__skeleton-row { display:grid;grid-template-columns:36px 1fr;gap:6px 12px;padding:11px 12px; }
#omuHeaderNotifications .omu-header-inbox__skeleton-row i { height:10px;border-radius:5px;background:linear-gradient(90deg,#f0eef5 0%,#f8f7fb 50%,#f0eef5 100%);background-size:200% 100%;animation:omuInboxLoading 1.2s linear infinite; }
#omuHeaderNotifications .omu-header-inbox__skeleton-row i:first-child { grid-row:span 3;width:36px;height:36px;border-radius:11px; }
#omuHeaderNotifications .omu-header-inbox__skeleton-row i:nth-child(2) { width:34%;height:8px; }
#omuHeaderNotifications .omu-header-inbox__skeleton-row i:last-child { width:82%; }
#omuHeaderNotifications .omu-header-inbox__sr { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }

@keyframes omuInboxIn { from { opacity:0;transform:translateY(-6px) scale(.985); } to { opacity:1;transform:none; } }
@keyframes omuInboxSheet { from { transform:translateY(100%); } to { transform:none; } }
@keyframes omuInboxLoading { from { background-position:200% 0; } to { background-position:0 0; } }
@keyframes omuInboxSpin { to { transform:rotate(360deg); } }

/* Tablets: the unified header is 112px tall. */
@media(max-width:1023px) {
 #omuHeaderNotifications.omu-header-inbox { inset:120px 16px auto auto;max-height:min(600px,calc(100dvh - 140px)); }
}
/* Phones: bottom sheet. */
@media(max-width:640px) {
 #omuHeaderNotifications.omu-header-inbox { inset:auto 0 0 0;width:100%;max-height:min(78dvh,640px);border-width:1px 0 0;border-radius:20px 20px 0 0;box-shadow:0 -16px 48px rgb(28 20 64 / 22%); }
 #omuHeaderNotifications[open] { animation:omuInboxSheet .26s cubic-bezier(.2,.8,.2,1); }
 #omuHeaderNotifications::backdrop { background:rgb(24 20 40 / 40%); }
 #omuHeaderNotifications .omu-header-inbox__header { position:relative;padding-top:20px; }
 #omuHeaderNotifications .omu-header-inbox__header::before { content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#dcd9e6; }
 #omuHeaderNotifications .omu-header-inbox__content { padding-bottom:env(safe-area-inset-bottom); }
 #omuHeaderNotifications .omu-header-inbox__tool { width:40px;height:40px; }
 #omuHeaderNotifications .omu-header-inbox__pagination button { width:40px;height:40px; }
}
@media(prefers-reduced-motion:reduce) {
 #omuHeaderNotifications, #omuHeaderNotifications *, html body .omu-notification-trigger[data-omu-notifications], html body .omu-notification-trigger[data-omu-notifications] * { animation:none!important;transition:none!important; }
}