.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;flex-shrink:0}
.sidebar-brand-row .brand{min-width:0}
.mobile-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.notification-toolbar{display:flex;align-items:center;flex-shrink:0}
.notification-toolbar[hidden],.notification-admin[hidden]{display:none}
body.playing .notification-toolbar{display:none}
.notification-button{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:rgba(255,253,248,.6);cursor:pointer;transition:background-color var(--tt-fast) var(--tt-ease-out),border-color var(--tt-fast) var(--tt-ease-out)}
.notification-button .tt-icon{display:block;width:20px;height:20px}
.notification-button:hover{background:var(--paper);border-color:var(--plum)}
.notification-button:active{background:#e9e1e9}
.notification-button:focus-visible{outline:2px solid var(--coral-action);outline-offset:3px}
.notification-button b{position:absolute;top:-4px;right:-4px;display:grid;min-width:20px;height:20px;padding:0 4px;place-items:center;border:2px solid var(--paper);border-radius:20px;background:var(--coral-action);color:#fff;font-size:12px;font-weight:700;line-height:1}
.notification-admin{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.notification-panel-head h2{font:500 26px/1.2 var(--serif)}
.notification-list{max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}
#notificationDialog>.modal-actions{margin:24px 0;gap:12px;flex-wrap:wrap}
#notificationDialog>.modal-actions .button{min-height:48px;white-space:normal}
#notificationDialog [data-notification-more][hidden]{display:none}
.notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:15px 4px;border-bottom:1px solid var(--line);font-size:15px}
.notification-item strong{display:block}.notification-item.is-unread strong::before{display:inline-block;content:"";width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--coral)}
.notification-item p{margin:6px 0;font-size:15px;line-height:1.5}.notification-item small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.notification-item-actions{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.notification-item .text-link{font-size:13px;min-height:36px;text-align:left}
.notification-mode{font-weight:700}.notification-send{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--line)}.notification-send small{width:100%}
@media(max-width:600px){.notification-item{grid-template-columns:minmax(0,1fr)}.notification-item-actions{flex-direction:row;flex-wrap:wrap;gap:16px}.notification-item .text-link{min-height:44px}.notification-panel-head{align-items:flex-start;flex-wrap:wrap}.notification-list{max-height:50dvh}}
@media(max-width:480px){#notificationDialog>.modal-actions{flex-direction:column;align-items:stretch}#notificationDialog>.modal-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.notification-button{transition:none}}