/* These controls use verified account responses, independently of home copy. */
html[data-ui-copy-state] :is(#r-notification-button,.r-notification-panel,.r-approval-receipt,#r-notification-status){visibility:visible}
.r-notification-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px 10px;border:0;border-radius:9px;color:inherit;background:transparent;font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
.r-notification-button:hover,.r-notification-button[aria-expanded=true]{background:#7c3aed0e;color:#7c3aed}
.r-notification-count{display:grid;place-items:center;position:absolute;right:1px;top:1px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:10px;background:#7c3aed;color:#fff;font-size:10px;line-height:1;font-weight:700;box-shadow:0 0 0 2px white}
.r-notification-count[hidden],.r-notification-dot[hidden],.r-notification-panel[hidden]{display:none!important}
.r-notification-panel{position:fixed;z-index:2147481200;box-sizing:border-box;width:390px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 105px);overflow:auto;color:#2f263a;background:#fff;border:1px solid #e6deee;border-radius:14px;box-shadow:0 16px 64px #1e0d3d33;font-family:inherit;overscroll-behavior:contain}
.r-notification-head{display:flex;justify-content:space-between;align-items:center;padding:19px 20px 13px}
.r-notification-head>div{display:flex;align-items:center;gap:12px}.r-notification-head h2{margin:0;font-size:18px;font-weight:700}.r-notification-head span{color:#8f7d9f;font-size:11px}
.r-notification-head>button{min-width:36px;min-height:36px;border:0;background:transparent;color:#81748e;font:inherit;font-size:24px;cursor:pointer;border-radius:7px}
.r-notification-tools{display:flex;justify-content:space-between;padding:0 20px 12px;border-bottom:1px solid #eee8f4}
.r-notification-tools button,.r-notification-more,.r-notification-empty button{min-height:36px;border:0;border-radius:6px;background:transparent;color:#7c3aed;font:inherit;font-size:12px;cursor:pointer}
.r-notification-tools button:disabled,.r-notification-more:disabled{color:#b7acbf;cursor:default}
.r-notification-empty{display:flex;flex-direction:column;align-items:center;padding:37px 22px 40px;gap:10px;text-align:center;font-size:13px;color:#8a7b96;word-break:keep-all}.r-notification-empty>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f4effc;color:#9a77cf;margin-bottom:8px}.r-notification-empty strong{color:#5f506b;font-size:14px;font-weight:600}.r-notification-empty p{margin:0;line-height:1.7}
.r-notification-empty .r-notification-login{padding:6px 24px;margin-top:8px;color:white;background:#7c3aed;font-size:13px}
.r-notification-item{display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;width:100%;padding:16px 19px;border:0;border-bottom:1px solid #f0ebf5;text-align:left;background:#fff;color:#564a61;font:inherit;font-size:12px;line-height:1.65;cursor:pointer}
.r-notification-item.is-unread{background:#faf7ff}.r-notification-item:hover{background:#f3eefb}
.r-notification-kind{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:10px;background:#eee4fb;color:#8652be;font-size:19px;line-height:1}
.r-notification-copy{display:block;flex:1;min-width:0}.r-notification-copy strong{color:#352240;font-weight:700}.r-notification-copy time{display:block;color:#a393af;font-size:10px;margin-top:6px}.r-notification-song{display:block;color:#8f5cbc;margin-top:6px;font-size:11px;font-weight:600}.r-notification-preview{display:block;color:#756681;margin-top:4px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.r-notification-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#9460d7;margin-top:8px}.r-notification-unavailable{display:block;color:#b2a5bc;margin-top:5px;font-size:10px}.r-notification-more{display:block;width:100%;padding:10px}.r-notification-error{margin:0;padding:12px 20px;color:#b54756;background:#fff5f6;font-size:12px;line-height:1.6}
.r-notification-button:focus-visible,.r-notification-panel button:focus-visible{outline:3px solid #bc96ef;outline-offset:-3px}
#r-notification-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2147481300;box-sizing:border-box;max-width:calc(100vw - 30px);padding:13px 20px;color:white;background:#302139;border-radius:10px;font-family:inherit;font-size:13px;line-height:1.7;box-shadow:0 6px 30px #0003}
.social-comment.is-notification-target{background:#f4edff;border-radius:8px;outline:2px solid #c9aaf4;outline-offset:4px}
.r-notification-item.is-approval-approved .r-notification-kind{background:#e4f5ec;color:#278357}.r-notification-item.is-approval-rejected .r-notification-kind{background:#fff0e9;color:#c46b3c}.r-notification-item.is-approval-pending .r-notification-kind{background:#edf0ff;color:#6574ba}
.r-approval-receipt{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:440px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #e6deee;border-radius:16px;background:#fff;color:#352240;font-family:inherit;box-shadow:0 20px 80px #25143333}.r-approval-receipt::backdrop{background:#21133070}
.r-approval-receipt header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.r-approval-receipt h2{margin:12px 0 8px;font-size:21px}.r-approval-receipt header button{min-width:36px;min-height:36px;border:0;border-radius:8px;background:#f5f1f9;color:#82728d;font-size:23px;cursor:pointer}
.r-approval-receipt-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.r-approval-receipt-badge.is-approved{background:#e4f5ec;color:#278357}.r-approval-receipt-badge.is-rejected{background:#fff0e9;color:#b96136}
.r-approval-receipt dl{margin:18px 0;font-size:13px}.r-approval-receipt dl>div{display:grid;grid-template-columns:75px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #f0ebf5}.r-approval-receipt dt{color:#9b8ba7}.r-approval-receipt dd{margin:0;overflow-wrap:anywhere;line-height:1.6}
.r-approval-receipt-reason{padding:16px;border-radius:9px;background:#faf6ff;font-size:13px;line-height:1.8}.r-approval-receipt-reason p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.r-approval-receipt-note{font-size:13px;line-height:1.8;color:#7c6a89}
.r-approval-receipt footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.r-approval-receipt footer button{min-height:40px;padding:8px 16px;border:0;border-radius:8px;background:#f2edf8;color:#715982;font:inherit;font-size:13px;cursor:pointer}.r-approval-receipt footer button:last-child{background:#7c3aed;color:#fff}.r-approval-receipt button:focus-visible{outline:3px solid #bc96ef;outline-offset:2px}
@media(max-width:600px){.r-notification-label{display:none}.r-notification-button{padding:8px;gap:0}.r-notification-panel{right:12px!important}.renewal-header .header-actions{gap:5px}}

.r-notification-item.is-admin-message .r-notification-kind,.r-approval-receipt-badge.is-admin-message{background:#ece9ff;color:#6350ad}.r-admin-message-date{margin:4px 0 20px;color:#a08cac;font-size:12px}.r-admin-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95;color:#5a4768}