.notification-bell{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #e4d7ce;border-radius:50%;background:#fff;color:#29211e;padding:8px}.notification-count{position:absolute;right:-4px;top:-4px;background:#dc4245;color:white;border-radius:20px;min-width:19px;padding:2px 4px;font-size:10px;line-height:15px;font-weight:700}.notification-count[hidden]{display:none}.notification-heading,.notification-toolbar,.notification-meta,.notification-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notification-heading{justify-content:space-between}.notification-heading h1{margin-bottom:8px}.notification-toolbar{justify-content:space-between;margin:12px 0}.notification-toolbar .tabs{margin:0}.notification-help{font-size:12px;max-width:650px}.notification-list{display:grid;gap:12px;margin:18px 0}.notification-card{padding:18px!important;min-width:0;border-left:4px solid transparent!important}.notification-card.is-unread{border-left-color:#ff7e19!important}.notification-card h2{font-size:18px;line-height:1.3;margin:10px 0;overflow-wrap:anywhere}.notification-meta{font-size:11px;color:#786f68}.notification-meta time{margin-left:auto}.notification-dot{width:7px;height:7px;border-radius:50%;background:#ff7e19}.notification-body{white-space:pre-line;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.notification-actions{margin-top:12px}.notification-actions button{min-height:38px;padding:8px 14px}.notification-actions span{font-size:11px}.notification-targets button{display:block;text-align:left;margin:5px 0;max-width:100%;white-space:normal}.notification-publish{border:1px solid #e5d9d0;border-radius:12px;margin:18px 0;padding:12px;min-width:0}.notification-publish legend{font-size:13px;font-weight:700}.notification-publish textarea{min-height:64px!important}.notification-publish .choice{display:flex;gap:9px;align-items:flex-start;font-size:13px}.notification-composer summary{font-weight:700;cursor:pointer}.notification-composer form{margin-top:14px}.notification-menu-options{max-height:240px;overflow:auto;margin-bottom:12px;border-block:1px solid #eee1d7;padding:8px 0}.notification-menu-options label{display:flex;align-items:center;gap:7px;padding:7px 0;font-size:13px}.notification-menu-options label[hidden]{display:none}.notification-menu-options small{margin-left:auto;font-size:10px;white-space:nowrap}.workspace-content>header .notification-bell{margin-left:auto}.workspace-content>header .notification-bell+.header-user{margin-left:0}@media(max-width:600px){.notification-toolbar{align-items:stretch;gap:8px}.notification-toolbar .tabs{display:flex;flex:1}.notification-toolbar .tabs button{padding:8px 10px;font-size:12px;white-space:normal;min-width:0}.notification-toolbar>button{font-size:11px}.notification-card{padding:13px!important}.notification-card h2{font-size:16px}.notification-body{font-size:13px}.notification-bell{width:35px;height:35px;flex-basis:35px}.workspace-content>header{gap:8px}.notification-publish{padding:10px}}
@media(max-width:850px){.workspace-content>header{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px}.workspace-content>header .header-location{display:none}.workspace-content>header .mobile-brand{grid-column:1/-1}.workspace-content>header .notification-bell{grid-column:2;grid-row:2;min-height:44px;width:44px;margin:0}.workspace-content>header .header-user{grid-column:1;grid-row:2;margin:0;width:fit-content;max-width:100%}}
@media(max-width:380px){.notification-toolbar{display:grid;grid-template-columns:1fr}.notification-toolbar .tabs{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr)}.notification-toolbar .tabs button{white-space:nowrap}.notification-toolbar>button{justify-self:end;min-height:36px;padding:7px 10px}}