/* V67 NOTIFICATIONS [N] (NOTIFICATIONS_SPEC_HE sections 4-6 + 10, V67-028 / 029 / 030 / 035; DESIGN_SYSTEM_CONTRACT "Notifications";
   OVR67-10 / OVR67-12). This file (linked by _Layout on every page, file name kept from V64) now carries the V67 contract of the
   notifications area ONLY -- the bell panel (#pbNotifPanel.pb67n-panel), the full page (#pb67nPage), the shared item, the small
   status message (.pb67n-toast) -- and supersedes the V64 compact-panel rules (their .pb64n-* / .pb45-notification markup is no longer
   rendered). Nothing here applies outside these roots: no global link, outline or threshold rule.
     - item: dot | title + sentence + time | (page) a separate mark read / unread button. Title 16/1.5 (unread 600, read 500), body
       16/1.5 400, time 14/1.5; 16px item padding, 8px between groups of information, no fixed item height. Unread #FBEAF4 / #352333,
       read #FFFFFF / #1B222A, text #171A1F / #F5F7FA (never greyed after reading), time #667085 / #B8C2D1, dot #BD006E / #FFB2D8,
       divider #E4E7EC / #364152; the read state is also the dot, the weight and an accessible word (never colour alone);
     - NO underline on any text of the area in any link state (link, visited, hover, focus, active); a clear 2px focus ring stays;
     - panel: fixed head (18/1.4 600 title + "{n} unread" + close), the body = the one vertical scroll (at most 360px), fixed footer
       with "View all notifications"; 400px popover / bottom sheet below 768 (geometry: Content/v67n/pb-v67n-notify.js);
     - page: one column of at most 960px, 24-32px gutters (16 on a phone), day groups, no inner scroll, no table / KPI;
     - colour change in at most 150ms, no movement; reduced motion respected; forced colours keep every state distinct. */

/* ------------------------------------------------------------------ tokens (Light, then Dark: explicit + System) */
#pbNotifPanel.pb67n-panel, #pb67nPage, .pb67n-toast, .pb67n-backdrop {
    --pb67n-surface: #FFFFFF;
    --pb67n-bg-read: #FFFFFF;
    --pb67n-bg-unread: #FBEAF4;
    --pb67n-hover-read: #F3F4F6;
    --pb67n-hover-unread: #F6DDEC;
    --pb67n-ink: #171A1F;
    --pb67n-muted: #667085;
    --pb67n-dot: #BD006E;
    --pb67n-accent: #BD006E;
    --pb67n-line: #E4E7EC;
    --pb67n-control-line: #667085;
    --pb67n-focus: #BD006E;
    --pb67n-error: #A61B29;
    --pb67n-skel: #EEF0F3;
    --pb67n-shadow: rgba(0, 0, 0, .14);
    --pb67n-toast-bg: #171A1F;
    --pb67n-toast-ink: #F5F7FA;
    --pb67n-toast-act: #FFB2D8;
}
html[data-theme="dark"] #pbNotifPanel.pb67n-panel, html[data-theme="dark"] #pb67nPage, html[data-theme="dark"] .pb67n-toast,
html[data-theme="black"] #pbNotifPanel.pb67n-panel, html[data-theme="black"] #pb67nPage, html[data-theme="black"] .pb67n-toast {
    --pb67n-surface: #1B222A; --pb67n-bg-read: #1B222A; --pb67n-bg-unread: #352333; --pb67n-hover-read: #242B38; --pb67n-hover-unread: #40293D;
    --pb67n-ink: #F5F7FA; --pb67n-muted: #B8C2D1; --pb67n-dot: #FFB2D8; --pb67n-accent: #FFB2D8; --pb67n-line: #364152; --pb67n-control-line: #9AA8BE;
    --pb67n-focus: #FFB2D8; --pb67n-error: #FFB4AB; --pb67n-skel: #242B38; --pb67n-shadow: rgba(0, 0, 0, .5);
    --pb67n-toast-bg: #F5F7FA; --pb67n-toast-ink: #171A1F; --pb67n-toast-act: #BD006E;
}
@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]) #pbNotifPanel.pb67n-panel, html:not([data-theme="light"]) #pb67nPage, html:not([data-theme="light"]) .pb67n-toast {
        --pb67n-surface: #1B222A; --pb67n-bg-read: #1B222A; --pb67n-bg-unread: #352333; --pb67n-hover-read: #242B38; --pb67n-hover-unread: #40293D;
        --pb67n-ink: #F5F7FA; --pb67n-muted: #B8C2D1; --pb67n-dot: #FFB2D8; --pb67n-accent: #FFB2D8; --pb67n-line: #364152; --pb67n-control-line: #9AA8BE;
        --pb67n-focus: #FFB2D8; --pb67n-error: #FFB4AB; --pb67n-skel: #242B38; --pb67n-shadow: rgba(0, 0, 0, .5);
        --pb67n-toast-bg: #F5F7FA; --pb67n-toast-ink: #171A1F; --pb67n-toast-act: #BD006E;
    }
}

/* ------------------------------------------------------------------ helpers */
.pb67n-sr {
    position: absolute !important; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
/* no underline anywhere in the area, in every link state */
html body #pbNotifPanel.pb67n-panel a, html body #pbNotifPanel.pb67n-panel a:link, html body #pbNotifPanel.pb67n-panel a:visited,
html body #pbNotifPanel.pb67n-panel a:hover, html body #pbNotifPanel.pb67n-panel a:focus, html body #pbNotifPanel.pb67n-panel a:active,
html body #pb67nPage a, html body #pb67nPage a:link, html body #pb67nPage a:visited, html body #pb67nPage a:hover,
html body #pb67nPage a:focus, html body #pb67nPage a:active,
html body #pbNotifPanel.pb67n-panel button, html body #pb67nPage button, .pb67n-toast button {
    text-decoration: none;
}

/* ------------------------------------------------------------------ the shared item */
html body .pb67n-list { list-style: none; margin: 0; padding: 0; }
html body .pb67n-item {
    position: relative; display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; column-gap: 0; align-items: start;
    margin: 0; padding: 0; padding-inline-start: 16px; border: 0; border-block-end: 1px solid var(--pb67n-line);
    background: var(--pb67n-bg-read); color: var(--pb67n-ink); list-style: none; text-align: start;
    transition: background-color .15s ease; scroll-margin-block: 96px 24px;
}
html body .pb67n-item:last-child { border-block-end: 0; }
html body .pb67n-item[data-read="false"] { background: var(--pb67n-bg-unread); }
html body .pb67n-item:hover { background: var(--pb67n-hover-read); }
html body .pb67n-item[data-read="false"]:hover { background: var(--pb67n-hover-unread); }
html body .pb67n-dot {
    grid-column: 1; grid-row: 1; align-self: start; inline-size: 8px; block-size: 8px; margin-block-start: 24px; border-radius: 50%;
    background: transparent;
}
html body .pb67n-item[data-read="false"] .pb67n-dot { background: var(--pb67n-dot); }
html body .pb67n-main {
    grid-column: 2; grid-row: 1; display: block; box-sizing: border-box; inline-size: 100%; min-inline-size: 0; min-block-size: 48px;
    margin: 0; padding: 16px; padding-inline-start: 8px; border: 0; border-radius: 8px; background: transparent;
    color: var(--pb67n-ink); font: inherit; font-size: 16px; line-height: 1.5; font-weight: 400; text-align: start; text-decoration: none;
    cursor: pointer; -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent;
}
html body .pb67n-main:hover, html body .pb67n-main:visited, html body .pb67n-main:active { color: var(--pb67n-ink); text-decoration: none; }
html body .pb67n-title {
    display: block; color: var(--pb67n-ink); font-size: 16px; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere;
}
html body .pb67n-item[data-read="false"] .pb67n-title { font-weight: 600; }
html body .pb67n-text {
    display: block; margin-block-start: 4px; color: var(--pb67n-ink); font-size: 16px; line-height: 1.5; font-weight: 400;
    overflow-wrap: anywhere; white-space: normal;
}
html body .pb67n-meta {
    display: block; margin-block-start: 8px; color: var(--pb67n-muted); font-size: 14px; line-height: 1.5; font-weight: 400;
}
html body .pb67n-meta time { color: inherit; }
html body .pb67n-toggle { grid-column: 3; grid-row: 1; align-self: center; margin: 0; margin-inline: 0 4px; padding: 0; }
html body .pb67n-tbtn {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; inline-size: 48px; block-size: 48px;
    margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--pb67n-ink); cursor: pointer;
}
html body .pb67n-tbtn:hover { background: var(--pb67n-hover-read); }
html body .pb67n-tbtn:disabled { color: var(--pb67n-muted); cursor: progress; }
html body .pb67n-tbtn svg { inline-size: 20px; block-size: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
html body .pb67n-tbtn .pb67n-ic-fill { fill: currentColor; stroke: none; }
html body .pb67n-item[data-read="true"] .pb67n-ic-read, html body .pb67n-item[data-read="false"] .pb67n-ic-unread { display: none; }

/* focus: a clear ring around the active target (independent of the read colours) */
html body .pb67n-main:focus-visible, html body .pb67n-tbtn:focus-visible, html body .pb67n-full:focus-visible,
html body #pbNotifPanel.pb67n-panel button:focus-visible, html body #pbNotifPanel.pb67n-panel a:focus-visible,
html body #pb67nPage .pb67n-btn2:focus-visible, html body #pb67nPage .pb67n-tab:focus-visible, html body #pb67nPage .pb67n-q:focus-visible,
html body #pb67nPage .pb67n-kind:focus-visible, html body #pb67nPage h1:focus-visible, html body #pb67nPage .pb67n-caught:focus-visible,
.pb67n-toast-act:focus-visible {
    outline: 2px solid var(--pb67n-focus); outline-offset: -2px; border-radius: 8px;
}

/* ------------------------------------------------------------------ the bell panel (popover / bottom sheet) */
html body #pbNotifPanel.pb67n-panel {
    display: flex; flex-direction: column; box-sizing: border-box;
    inline-size: min(400px, calc(100vw - 32px)); max-inline-size: calc(100vw - 32px);
    max-block-size: min(520px, calc(100vh - 32px)); max-block-size: min(520px, calc(100dvh - 32px));
    min-block-size: 0; margin: 0; padding: 0; overflow: hidden; overscroll-behavior: contain;
    border: 1px solid var(--pb67n-line); border-radius: 12px; background: var(--pb67n-surface); color: var(--pb67n-ink);
    box-shadow: 0 12px 32px var(--pb67n-shadow); font-family: inherit; font-size: 16px; line-height: 1.5; font-weight: 400;
    letter-spacing: normal; text-align: start; z-index: 62;
}
html body #pbNotifPanel.pb67n-panel[hidden] { display: none; }
html body #pbNotifPanel.pb67n-panel[data-pb67n-mode="sheet"] {
    border-radius: 16px 16px 0 0; border-inline: 0; border-block-end: 0;
    max-block-size: 70vh; max-block-size: 70dvh; padding-block-end: env(safe-area-inset-bottom, 0px);
}
.pb67n-backdrop { position: fixed; inset: 0; z-index: 61; background: rgba(16, 20, 24, .48); }
.pb67n-backdrop[hidden] { display: none; }
html.pb67n-lock, html.pb67n-lock body { overflow: hidden; }

html body #pbNotifPanel.pb67n-panel .pb67n-phd {
    flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; min-block-size: 56px; margin: 0;
    padding-block: 4px; padding-inline: 16px 4px; border-block-end: 1px solid var(--pb67n-line); background: var(--pb67n-surface);
}
html body #pbNotifPanel.pb67n-panel .pb67n-phd h2 {
    flex: 0 1 auto; min-inline-size: 0; margin: 0; color: var(--pb67n-ink); font-size: 18px; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere;
}
html body #pbNotifPanel.pb67n-panel .pb67n-pcount { flex: 1 1 auto; min-inline-size: 0; color: var(--pb67n-muted); font-size: 14px; line-height: 1.5; }
html body #pbNotifPanel.pb67n-panel .pb67n-pcount[hidden] { display: none; }
html body #pbNotifPanel.pb67n-panel .pb67n-phd h2 + .pb67n-pcount[hidden] + .pb67n-x { margin-inline-start: auto; }
html body #pbNotifPanel.pb67n-panel .pb67n-x {
    display: inline-flex; align-items: center; justify-content: center; flex: none; box-sizing: border-box; inline-size: 44px; block-size: 44px;
    margin: 0; margin-inline-start: auto; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--pb67n-ink); cursor: pointer;
}
html body #pbNotifPanel.pb67n-panel .pb67n-x:hover { background: var(--pb67n-hover-read); }
html body #pbNotifPanel.pb67n-panel .pb67n-x svg { inline-size: 20px; block-size: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; pointer-events: none; }
html body #pbNotifPanel.pb67n-panel .pb67n-new {
    flex: none; display: block; inline-size: 100%; min-block-size: 44px; margin: 0; padding: 8px 16px; border: 0;
    border-block-end: 1px solid var(--pb67n-line); background: var(--pb67n-bg-unread); color: var(--pb67n-ink);
    font: inherit; font-size: 14px; line-height: 1.5; font-weight: 600; text-align: center; cursor: pointer;
}
html body #pbNotifPanel.pb67n-panel .pb67n-new[hidden] { display: none; }
html body #pbNotifPanel.pb67n-panel .pb67n-body {
    flex: 1 1 auto; min-block-size: 0; max-block-size: 360px; margin: 0; padding: 0;
    overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
}
html body #pbNotifPanel.pb67n-panel[data-pb67n-mode="sheet"] .pb67n-body { max-block-size: none; }
/* a linked sentence is two lines here (the title always wraps in full); a row without a destination expands in place */
html body #pbNotifPanel.pb67n-panel .pb67n-item:not([data-expanded="1"]) a.pb67n-main .pb67n-text,
html body #pbNotifPanel.pb67n-panel .pb67n-item:not([data-expanded="1"]) button.pb67n-main .pb67n-text {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
}
html body #pbNotifPanel.pb67n-panel .pb67n-item { grid-template-columns: 8px minmax(0, 1fr); }
html body #pbNotifPanel.pb67n-panel .pb67n-full {
    grid-column: 2; display: inline-flex; align-items: center; justify-self: start; min-block-size: 44px; margin: -12px 0 4px;
    padding: 0 8px; border-radius: 8px; color: var(--pb67n-accent); font-size: 14px; line-height: 1.5; font-weight: 600;
}
html body #pbNotifPanel.pb67n-panel .pb67n-pstate { padding: 16px; }
html body #pbNotifPanel.pb67n-panel .pb67n-pstate[hidden] { display: none; }
html body #pbNotifPanel.pb67n-panel .pb67n-pstate-text { margin: 0 0 8px; color: var(--pb67n-ink); font-size: 16px; line-height: 1.5; }
html body #pbNotifPanel.pb67n-panel .pb67n-pstate[data-kind="empty"] .pb67n-pstate-text { color: var(--pb67n-muted); margin: 0; }
html body #pbNotifPanel.pb67n-panel .pb67n-pstate .pb67n-btn2 {
    display: inline-flex; align-items: center; box-sizing: border-box; min-block-size: 44px; margin: 0; padding: 0 16px;
    border: 1px solid var(--pb67n-control-line); border-radius: 8px; background: transparent; color: var(--pb67n-ink);
    font: inherit; font-size: 16px; line-height: 1.5; font-weight: 500; cursor: pointer;
}
html body .pb67n-skel { padding: 16px; padding-inline-start: 32px; border-block-end: 1px solid var(--pb67n-line); list-style: none; }
html body .pb67n-skel span { display: block; block-size: 16px; border-radius: 4px; background: var(--pb67n-skel); }
html body .pb67n-skel span + span { inline-size: 60%; margin-block-start: 12px; block-size: 14px; }
html body #pbNotifPanel.pb67n-panel .pb67n-pft {
    flex: none; display: flex; justify-content: center; margin: 0; padding: 4px 8px; border-block-start: 1px solid var(--pb67n-line);
    background: var(--pb67n-surface);
}
html body #pbNotifPanel.pb67n-panel .pb67n-all {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-block-size: 48px; padding: 0 16px;
    border-radius: 8px; color: var(--pb67n-accent); font-size: 16px; line-height: 1.5; font-weight: 600;
}
html body #pbNotifPanel.pb67n-panel .pb67n-all:hover { background: var(--pb67n-hover-read); }

/* ------------------------------------------------------------------ the full page */
html body #pb67nPage.pb67n-page {
    box-sizing: border-box; max-inline-size: 960px; margin-inline: auto; padding: 24px 32px 48px; color: var(--pb67n-ink); text-align: start;
}
html body #pb67nPage .pb67n-phead { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 0 0 16px; }
html body #pb67nPage .pb67n-ptitle { flex: 1 1 320px; min-inline-size: 0; }
html body #pb67nPage h1 { margin: 0; color: var(--pb67n-ink); font-size: 24px; line-height: 1.3; font-weight: 600; }
html body #pb67nPage .pb67n-sub { margin: 4px 0 0; color: var(--pb67n-muted); font-size: 16px; line-height: 1.5; }
html body #pb67nPage .pb67n-count { margin: 4px 0 0; color: var(--pb67n-ink); font-size: 14px; line-height: 1.5; font-weight: 600; }
html body #pb67nPage .pb67n-count[hidden] { display: none; }
html body #pb67nPage .pb67n-markall { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; margin: 0; max-inline-size: 280px; }
html body #pb67nPage .pb67n-help { color: var(--pb67n-muted); font-size: 14px; line-height: 1.5; text-align: end; }
html body #pb67nPage .pb67n-btn2 {
    display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-block-size: 48px; margin: 0; padding: 0 16px;
    border: 1px solid var(--pb67n-control-line); border-radius: 8px; background: transparent; color: var(--pb67n-ink);
    font: inherit; font-size: 16px; line-height: 1.5; font-weight: 500; cursor: pointer; white-space: nowrap;
}
html body #pb67nPage .pb67n-btn2:hover { background: var(--pb67n-hover-read); }
html body #pb67nPage .pb67n-btn2:disabled { border-color: var(--pb67n-line); color: var(--pb67n-muted); cursor: default; background: transparent; }
html body #pb67nPage .pb67n-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 8px; }
html body #pb67nPage .pb67n-tabs { display: inline-flex; flex-wrap: wrap; gap: 8px; }
html body #pb67nPage .pb67n-tab {
    display: inline-flex; align-items: center; box-sizing: border-box; min-block-size: 44px; padding: 0 16px; border: 1px solid var(--pb67n-line);
    border-radius: 999px; background: transparent; color: var(--pb67n-ink); font-size: 16px; line-height: 1.5; font-weight: 500;
}
html body #pb67nPage .pb67n-tab:hover { background: var(--pb67n-hover-read); }
html body #pb67nPage .pb67n-tab[aria-current="page"] { border-color: var(--pb67n-dot); background: var(--pb67n-bg-unread); font-weight: 600; }
html body #pb67nPage .pb67n-fields { display: flex; flex: 1 1 360px; flex-wrap: wrap; align-items: center; gap: 8px; min-inline-size: 0; }
html body #pb67nPage .pb67n-q, html body #pb67nPage .pb67n-kind {
    box-sizing: border-box; min-block-size: 48px; margin: 0; padding: 0 12px; border: 1px solid var(--pb67n-control-line); border-radius: 8px;
    background: var(--pb67n-surface); color: var(--pb67n-ink); font: inherit; font-size: 16px; line-height: 1.5;
}
html body #pb67nPage .pb67n-q { flex: 1 1 220px; min-inline-size: 0; }
html body #pb67nPage .pb67n-kind { flex: 0 1 220px; min-inline-size: 0; max-inline-size: 100%; }
html body #pb67nPage .pb67n-group { margin: 0; }
html body #pb67nPage .pb67n-group[hidden] { display: none; }
html body #pb67nPage .pb67n-gh { margin: 24px 0 8px; color: var(--pb67n-muted); font-size: 14px; line-height: 1.5; font-weight: 600; }
html body #pb67nPage .pb67n-list { border: 1px solid var(--pb67n-line); border-radius: 12px; overflow: hidden; background: var(--pb67n-surface); }
html body #pb67nPage .pb67n-more { margin: 16px 0 0; text-align: center; }
html body #pb67nPage .pb67n-moreerr { margin: 8px 0 0; color: var(--pb67n-error); font-size: 16px; line-height: 1.5; }
html body #pb67nPage .pb67n-moreerr .pb67n-btn2 { margin-inline-start: 8px; color: var(--pb67n-ink); }
html body #pb67nPage .pb67n-caught { margin: 16px 0 0; padding: 16px; color: var(--pb67n-muted); font-size: 16px; line-height: 1.5; text-align: center; }
@media (max-width: 767.98px) {
    html body #pb67nPage.pb67n-page { padding: 16px 16px 32px; }
    html body #pb67nPage .pb67n-phead { flex-direction: column; align-items: stretch; gap: 12px; }
    html body #pb67nPage .pb67n-markall { align-items: flex-start; max-inline-size: none; }
    html body #pb67nPage .pb67n-help { text-align: start; }
    html body #pb67nPage .pb67n-filters { flex-direction: column; align-items: stretch; }
    html body #pb67nPage .pb67n-fields { flex: none; }
    html body #pb67nPage .pb67n-q { flex: 1 1 100%; }
    html body #pb67nPage .pb67n-kind { flex: 1 1 auto; }
}

/* ------------------------------------------------------------------ the small status message (mark confirmation, undo, save error) */
.pb67n-toast {
    position: fixed; inset-inline: 16px; inset-block-end: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 1000;
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; box-sizing: border-box; max-inline-size: 560px; margin-inline: auto;
    padding: 12px 16px; border-radius: 12px; background: var(--pb67n-toast-bg); color: var(--pb67n-toast-ink);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24); font-size: 16px; line-height: 1.5; text-align: start;
}
.pb67n-toast:not([data-on]) {
    inline-size: 1px; block-size: 1px; padding: 0; margin: 0; overflow: hidden; clip-path: inset(50%); box-shadow: none; inset-inline: auto;
}
.pb67n-toast-msg { flex: 1 1 auto; min-inline-size: 0; overflow-wrap: anywhere; }
.pb67n-toast-act {
    display: inline-flex; align-items: center; min-block-size: 44px; margin: 0; padding: 0 12px; border: 0; border-radius: 8px;
    background: transparent; color: var(--pb67n-toast-act); font: inherit; font-size: 16px; font-weight: 600; cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
    html body .pb67n-item { transition: none; }
}
@media (forced-colors: active) {
    html body #pbNotifPanel.pb67n-panel, html body #pb67nPage .pb67n-list, .pb67n-toast { border: 1px solid CanvasText; }
    html body .pb67n-item { border-block-end-color: CanvasText; }
    html body .pb67n-item[data-read="false"] .pb67n-dot { background: Highlight; forced-color-adjust: none; }
    html body .pb67n-main:focus-visible, html body .pb67n-tbtn:focus-visible, html body #pbNotifPanel.pb67n-panel button:focus-visible,
    html body #pbNotifPanel.pb67n-panel a:focus-visible, html body #pb67nPage .pb67n-btn2:focus-visible, html body #pb67nPage .pb67n-tab:focus-visible { outline-color: Highlight; }
    html body #pb67nPage .pb67n-tab[aria-current="page"] { border: 2px solid Highlight; }
}