#notifications-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0}#notifications-button svg{flex-shrink:0}#notifications-button span{font-weight:700;color:var(--ink)}
.notifications-dialog{width:min(760px,94vw);max-height:88dvh;overflow:auto;padding:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px}.notifications-dialog p,.notifications-dialog small,.notifications-dialog label,.notifications-dialog h2,.notifications-dialog h3{color:inherit}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-heading h2{font-size:24px}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.notification-item{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:16px;margin:12px 0;background:var(--surface-soft);overflow-wrap:anywhere}.notification-item.overdue{border-left-color:#d56666}.notification-item h3{margin:0;font-size:17px}.notification-date{font-weight:600}.notification-item.is-read h3:after{content:' · Lida';font-size:13px;font-weight:400}.notification-updated{font-size:13px;line-height:1.5}.notifications-dialog select{width:100%;color:var(--ink);background:var(--surface-soft)}
@media(max-width:600px){header .brand span{display:none}#notifications-button{padding:6px}.session-bar button{font-size:11px}.notifications-dialog{padding:16px}}