/* Option A adds a bell to the existing profile/Help area only. */
.notification-bell{position:relative;width:39px;height:39px;border:0;border-radius:50%;background:#fff;color:var(--blue);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;padding:0}
.notification-dot{position:absolute;right:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#e4434e;border:2px solid #fff}
.approved-notification-bell{position:absolute;left:72%;top:6%;z-index:5}
.profile-help-group{position:relative}
.profile-help-group>.notification-bell{position:absolute;right:47px;top:0}
html[lang="ar"] .profile-help-group{padding-left:44px}
html[lang="ar"] .profile-help-group>.notification-bell{left:0;right:auto}
.notification-list{display:grid;gap:10px}.notification-row{display:flex;align-items:flex-start;gap:11px;width:100%;border:1px solid var(--line);border-radius:15px;background:#fff;padding:14px;text-align:start;color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--shadow)}
.notification-glyph,.notification-detail-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#e4f6fc;color:var(--blue)}
.notification-row>span:last-child{display:grid;gap:6px;min-width:0}.notification-row strong{font-size:14px}.notification-row small{font-size:12px;line-height:1.5;color:var(--muted)}.notification-row em{font-style:normal;font-size:10px;color:var(--blue-dark)}.notification-row.unread{border-color:#b8dce9}
.notification-detail h2{font-size:22px;line-height:1.4}.notification-detail p{font-size:14px;line-height:1.7}.notification-detail small{color:var(--muted);font-size:11px}
html[lang="ar"] .notification-row strong{line-height:1.5}html[lang="ar"] .notification-row small{font-size:13px}
@media(max-width:350px){.notification-row{padding:11px;gap:8px}.notification-bell{width:32px;height:32px}.profile-help-group>.notification-bell{right:40px}.notification-row strong{font-size:13px}}
.sample-data-label{position:fixed;bottom:2px;left:50%;transform:translateX(-50%);z-index:50;background:#e4f6fc;border-radius:8px;color:#17617c;padding:2px 7px;font:9px Arial;white-space:nowrap;pointer-events:none}