.lab-sidebar .sidebar-bottom-actions {display:flex;align-items:center;gap:5px;margin-top:auto;flex-shrink:0;min-height:36px}
.lab-sidebar .sidebar-bottom-actions .sidebar-settings {flex:1;min-width:0;margin:0}
.notification-toggle {position:relative;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}
.notification-toggle svg {width:17px;height:17px}
.notification-toggle:hover,.notification-toggle[aria-expanded=true] {background:var(--hover);color:var(--text)}
.notification-dot {position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--accent,#83d7bb);box-shadow:0 0 5px color-mix(in srgb,var(--accent,#83d7bb) 38%,transparent)}
.notification-toggle:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.vv-notifications {position:fixed;inset:auto;margin:0;padding:0;background:var(--surface,#191e21);color:var(--text,#e8eeee);border:1px solid var(--line,#354045);border-radius:6px;box-shadow:0 12px 40px #0006;font:12px/1.5 system-ui;overflow:auto;box-sizing:border-box;max-width:calc(100vw - 24px)}
.vv-notifications::backdrop {background:transparent}
.vv-notifications header {position:sticky;top:0;display:flex;align-items:center;gap:3px;background:var(--surface,#191e21);border-bottom:1px solid var(--line,#354045);padding:10px 12px;z-index:1}
.vv-notifications h2 {margin:0;flex:1;font-size:13px;font-weight:600}
.vv-notifications h2 small {font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}
.vv-notifications button {display:grid;place-items:center;background:transparent;border:0;border-radius:3px;color:var(--muted);width:27px;height:27px;flex:0 0 27px;padding:4px;cursor:pointer}
.vv-notifications button:hover {color:var(--text);background:var(--hover)}
.vv-notifications button:disabled {opacity:.35;cursor:default}
.vv-notifications svg {width:15px;height:15px;flex-shrink:0}
.notification-item {display:flex;align-items:flex-start;gap:3px;padding:10px 9px 10px 12px;border-bottom:1px solid var(--line,#354045)}
.notification-item a {display:flex;align-items:start;gap:10px;min-width:0;flex:1;color:inherit;text-decoration:none}
.notification-item a>svg {margin-top:3px;color:var(--accent,#83d7bb)}
.notification-item a>span {min-width:0}
.notification-item strong {display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}
.notification-item span>span {display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere;margin-top:3px}
.notification-item time {display:block;font-size:10px;color:var(--quiet,var(--muted));margin-top:4px}
.notification-empty {color:var(--muted);padding:22px 16px;margin:0}
.notification-error {font-size:11px;color:#f68f8f;margin:0;padding:0 12px}
.notification-error:not(:empty) {padding:10px 12px}
@media(max-width:800px){.lab-sidebar .sidebar-bottom-actions {margin-top:12px;max-width:220px}}
