.tob-bell{position:relative}.tob-bell>summary{position:relative;list-style:none}.nb-count{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-size:10px;font-weight:700;color:white;background:var(--primary);border:2px solid var(--surface,var(--lm-bg,#fff));border-radius:20px}.nb-popover.top-popover{width:min(420px,calc(100vw - 28px));padding:0;border-radius:19px;overflow:hidden;background:var(--surface,var(--lm-surface,#fff));backdrop-filter:blur(22px);box-shadow:0 16px 55px #10224626;color:var(--text,var(--lm-text,inherit))}.nb-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:17px 17px 12px}.nb-heading strong{font-size:15px}.nb-heading button{font:inherit;font-size:11px;color:var(--primary);border:0;background:transparent;padding:8px;cursor:pointer}.nb-filter{display:flex;gap:8px;padding:0 16px 12px}.nb-filter button{font:inherit;font-size:12px;padding:8px 12px;border:1px solid var(--line,var(--lm-line,#dce4ef));border-radius:10px;background:transparent;color:inherit;cursor:pointer;min-height:36px}.nb-filter button[aria-pressed=true]{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 30%,transparent)}.nb-list{display:grid;gap:8px;padding:0 12px 12px}.nb-popover .nb-list{max-height:min(480px,65vh);overflow-y:auto;overscroll-behavior:contain}.nb-row{--nb-tone:var(--primary);display:flex!important;align-items:flex-start!important;gap:11px!important;padding:13px!important;border:1px solid var(--line,var(--lm-line,#dce4ef));border-radius:13px!important;background:transparent!important;color:inherit!important;text-decoration:none}.nb-row[data-tone=purple]{--nb-tone:#8b5cf6}.nb-row[data-tone=green]{--nb-tone:#16a06a}.nb-row[data-tone=amber]{--nb-tone:#d28a16}.nb-row.is-unread{background:color-mix(in srgb,var(--nb-tone) 6%,transparent)!important;border-color:color-mix(in srgb,var(--nb-tone) 18%,transparent)}.nb-row:hover{box-shadow:0 3px 14px #1534670d;border-color:var(--nb-tone)}.nb-event-icon{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:color-mix(in srgb,var(--nb-tone) 12%,transparent);color:var(--nb-tone)}.nb-event-icon svg{width:19px;height:19px}.nb-copy{min-width:0;flex:1}.nb-title{display:flex;gap:7px;align-items:center;font-size:12px;line-height:1.5;font-weight:650}.nb-dot{width:6px;height:6px;border-radius:50%;background:var(--nb-tone);flex-shrink:0}.nb-context{display:block;font-size:10px;opacity:.65;margin:3px 0;overflow-wrap:anywhere}.nb-text{display:block;font-size:11px;line-height:1.6;opacity:.8;overflow-wrap:anywhere}.nb-foot{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:7px;font-size:10px}.nb-foot time{opacity:.6}.nb-action{color:var(--nb-tone);font-weight:650}.nb-empty{text-align:center;padding:28px 14px;font-size:12px;line-height:1.8;opacity:.75}.nb-view-all{display:flex!important;justify-content:center;align-items:center;gap:8px;padding:13px!important;border-top:1px solid var(--line,var(--lm-line,#dce4ef));font-size:12px;color:var(--primary)!important}.nb-page{padding:22px;border-radius:22px;max-width:1050px;margin:auto}.nb-page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.nb-page-head h2{font-size:18px;margin:0 0 5px}.nb-page-head p{font-size:12px;opacity:.65;margin:0}.nb-page .nb-filter{padding-left:0}.nb-page .nb-list{padding:0;gap:10px}.nb-page .nb-row{padding:17px!important}.nb-page .nb-title{font-size:14px}.nb-page .nb-text{font-size:12px}.nb-page .nb-context{font-size:11px}.nb-more{margin-top:18px}.nb-feedback{font-size:12px;margin-bottom:10px}.nb-group{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin:8px 3px 0}.nb-row:focus-visible,.nb-filter button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.lumora .tob-bell .icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--lm-line);border-radius:12px;background:var(--lm-surface)}@media(max-width:600px){.nb-popover.top-popover{position:fixed;top:74px;left:14px;right:14px;width:auto;max-height:calc(100dvh - 95px);overflow:auto}.nb-page{padding:16px}.nb-page-head{align-items:flex-start;flex-direction:column}.nb-page-head h2{font-size:16px}.nb-page-head .btn{font-size:12px;min-height:40px}.nb-heading{padding:14px 12px 10px}.nb-page .nb-row{padding:13px!important}.nb-foot{flex-wrap:wrap}.lumora .tob-bell{display:none}}@media(prefers-reduced-motion:reduce){.nb-row{transition:none}}
.nb-menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:10px;font-weight:700;margin-left:auto}.nb-popover [hidden],.nb-page [hidden],.nb-count[hidden],.nb-menu-count[hidden]{display:none!important}.nb-heading button:hover{background:color-mix(in srgb,var(--primary) 7%,transparent);border-radius:8px}
/* Keep text readable over busy pages: dropdown surfaces are fully opaque. */
.tob-bell .nb-popover.top-popover{background:#ffffff;color:#20263a;isolation:isolate;z-index:120;border:1px solid #e0e7f2;box-shadow:0 18px 55px #10224626,inset 0 1px 0 #ffffff;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-theme=dark] .tob-bell .nb-popover.top-popover{background:#152139;color:#edf2ff;border-color:#30405c;box-shadow:0 18px 55px #0006,inset 0 1px 0 #ffffff08}.tob-bell .nb-popover .nb-heading,.tob-bell .nb-popover .nb-view-all{background:inherit}.tob-bell .nb-popover .nb-feedback{padding:0 16px;font-size:11px}
/* v311: the bell owns its layout; no dependency on admin-only dropdown CSS. */
details.tob-bell{position:relative;flex:0 0 40px;width:40px;min-width:40px;align-self:center;margin:0;padding:0;border:0}
details.tob-bell>summary.icon-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:8px;list-style:none;cursor:pointer;border:1px solid var(--lm-line,var(--line,#dce4ef));border-radius:12px;background:var(--lm-surface,var(--surface,#fff));color:var(--lm-text,var(--text,#20263a))}
details.tob-bell>summary::-webkit-details-marker{display:none}details.tob-bell>summary::marker{content:""}
details.tob-bell>summary>svg{width:20px;height:20px;flex:none}
details.tob-bell[open]>summary.icon-btn{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--lm-surface,var(--surface,#fff)))}
details.tob-bell>summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
details.tob-bell:not([open])>.nb-popover{display:none}
details.tob-bell>.nb-popover.top-popover{box-sizing:border-box;position:absolute;top:calc(100% + 12px);right:0;left:auto;width:min(420px,calc(100vw - 28px));max-width:calc(100vw - 28px);margin:0;z-index:120;text-align:start;line-height:1.5}
.lm-header:has(.tob-bell[open]){backdrop-filter:none;-webkit-backdrop-filter:none}
.nb-popover .nb-heading,.nb-popover .nb-filter,.nb-popover .nb-view-all{flex-shrink:0}
.nb-popover .nb-list{min-height:0;scrollbar-width:thin}
.nb-popover a.nb-row{box-sizing:border-box;width:100%;white-space:normal}
@media(max-width:600px){details.tob-bell>.nb-popover.top-popover{position:fixed;top:74px;left:14px;right:14px;width:auto;max-width:none;max-height:calc(100dvh - 95px)}.nb-popover .nb-list{max-height:calc(100dvh - 260px)}}

/* Badge numerals stay centered independently of button typography. */
.tob-bell>summary .nb-count{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;place-items:center;min-width:20px!important;width:auto!important;height:20px!important;min-height:20px!important;padding:0 4px!important;margin:0!important;line-height:1!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;font-weight:600!important;font-variant-numeric:tabular-nums;letter-spacing:0!important;text-indent:0!important;text-align:center!important;white-space:nowrap;vertical-align:middle;border-radius:999px;gap:0!important}.tob-bell>summary .nb-count[hidden]{display:none!important}

.nb-filter{align-items:center;flex-wrap:wrap}.nb-filter .nb-sound{display:flex;align-items:center;gap:7px;margin-left:auto;padding:4px 7px 4px 4px;background:color-mix(in srgb,var(--primary) 5%,transparent);border:1px solid var(--line,var(--lm-line,#dce4ef));border-radius:12px;min-height:36px}.nb-filter .nb-sound-toggle{display:grid;place-items:center;min-height:28px!important;width:28px;height:28px;padding:0!important;border:0!important;border-radius:8px;color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.nb-sound-toggle svg{width:17px;height:17px}.nb-filter .nb-sound input[type=range]{appearance:none;-webkit-appearance:none;width:76px!important;min-width:0;height:4px;min-height:0;margin:0!important;padding:0!important;border:0!important;border-radius:9px;background:linear-gradient(to right,var(--primary) 0 var(--sound-volume,60%),var(--line,var(--lm-line,#dce4ef)) var(--sound-volume,60%) 100%);cursor:pointer;box-shadow:none}.nb-sound input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border:2px solid var(--surface,var(--lm-surface,#fff));border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 25%,transparent)}.nb-sound input::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--surface,var(--lm-surface,#fff));border-radius:50%;background:var(--primary)}.nb-sound-value{font-size:10px;line-height:1;width:29px;text-align:right;font-variant-numeric:tabular-nums}.nb-sound[data-muted=true] .nb-sound-toggle{color:var(--text,var(--lm-text,#64748b));opacity:.65}.nb-sound input:focus-visible{outline:2px solid var(--primary);outline-offset:5px}
@media(max-width:380px){.nb-filter .nb-sound{margin-left:0}.nb-filter .nb-sound input[type=range]{width:90px!important}}