/* A compact account notification inbox, independent of desktop notification settings. */
.notification-history-control{display:inline-flex;align-items:center;flex:none}
.notification-history-control,.notification-history-dialog{--nh-ink:var(--portal-theme-ink,#4c2b16);--nh-muted:var(--portal-theme-muted,#715a46);--nh-paper:var(--portal-theme-paper,#fffdf7);--nh-cream:var(--portal-theme-cream,#fff8ea);--nh-line:var(--portal-theme-line,#dcc8ac);color:var(--nh-ink)}
.notification-history-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;padding:8px;border:1px solid var(--nh-line);border-radius:9px;background:var(--nh-paper);color:var(--nh-ink);cursor:pointer;flex:none}
.notification-history-bell>svg{width:21px;height:21px;flex:none}.notification-history-bell:hover{background:var(--nh-cream);border-color:#bf8451}.notification-history-count{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:12px;padding:0 4px;border:2px solid var(--nh-paper);background:#d9361d;color:#fffdf7;font-size:10px;font-weight:700;line-height:1;pointer-events:none}.notification-history-count[hidden]{display:none}
.notification-history-dialog{box-sizing:border-box;position:fixed;inset:74px 16px auto auto;margin:0;width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);padding:0;border:1px solid var(--nh-line);border-radius:16px;background:var(--nh-paper);box-shadow:0 20px 60px #4c2b1640;font-family:inherit;font-size:calc(14px * var(--portal-text-scale,1));line-height:1.65;overflow:hidden;overflow-wrap:anywhere}
.notification-history-dialog[open]{display:flex;flex-direction:column}.notification-history-dialog *{box-sizing:border-box}.notification-history-dialog::backdrop{background:#35251d57}
.notification-history-dialog button{font:inherit;color:var(--nh-ink);cursor:pointer}.notification-history-dialog button:disabled{opacity:.5;cursor:wait}.notification-history-dialog button:focus-visible,.notification-history-bell:focus-visible{outline:3px solid #f5a313;outline-offset:3px}
.notification-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px 13px;flex:none}.notification-history-head h2{font-size:1.2em;margin:0;line-height:1.55}.notification-history-head p{font-size:.8em;color:var(--nh-muted);margin:4px 0 0}.notification-history-close{display:grid;place-items:center;width:36px;min-width:36px;height:36px;border:1px solid var(--nh-line);border-radius:8px;background:var(--nh-cream);font-size:1.45em!important;line-height:1}
.notification-history-head-main{display:flex;align-items:center;gap:11px;min-width:0}.notification-history-back{border:1px solid var(--nh-line);border-radius:7px;background:var(--nh-cream);padding:6px 8px;min-height:34px;font-size:.8em!important;flex:none}.notification-history-preview-section+section{border-top:1px solid var(--nh-line)}.notification-history-preview-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:var(--nh-cream)}.notification-history-preview-section h3{display:flex;align-items:center;gap:7px;font-size:.88em;margin:0}.notification-history-preview-section h3 span{font-size:.8em;font-weight:400;color:var(--nh-muted)}.notification-history-preview-section>header button{border:0;background:transparent;padding:3px 0;font-size:.77em;min-height:28px;text-decoration:underline;text-underline-offset:3px}.notification-history-preview-empty{margin:0;padding:14px 17px;font-size:.84em;color:var(--nh-muted)}.notification-history-dialog.is-preview{max-height:min(640px,calc(100dvh - 100px))}.notification-history-dialog.is-preview .notification-history-item-open{padding:10px 14px}.notification-history-dialog.is-preview .notification-history-item-open strong{font-size:.94em;margin-top:3px}.notification-history-dialog.is-preview .notification-history-excerpt{-webkit-line-clamp:1;margin-top:2px;font-size:.82em}.notification-history-dialog.is-preview .notification-history-space{display:none}
.notification-history-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--nh-line);flex:none}.notification-history-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;flex:1;min-height:43px;padding:8px 7px 10px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:.95em;font-weight:600;white-space:normal}.notification-history-tabs button[aria-selected="true"]{border-bottom-color:#fe4528}.notification-history-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:1.65em;min-height:1.65em;padding:0 5px;border-radius:20px;background:var(--nh-cream);font-size:.75em}.notification-history-tabs button[aria-selected="true"] span{background:#d9361d;color:#fffdf7}
.notification-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--nh-line);background:var(--nh-cream);flex:none}.notification-history-total{font-size:.8em;color:var(--nh-muted)}.notification-history-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.notification-history-toolbar button,.notification-history-error button,.notification-history-more{min-height:34px;padding:5px 9px;border:1px solid var(--nh-line);border-radius:7px;background:var(--nh-paper);font-size:.8em}.notification-history-toolbar button:hover:not(:disabled),.notification-history-error button:hover,.notification-history-more:hover:not(:disabled){border-color:#bf8451;background:var(--nh-cream)}
.notification-history-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto;scrollbar-gutter:stable}.notification-history-list{list-style:none;padding:0;margin:0}.notification-history-item{margin:0;border-bottom:1px solid var(--nh-line)}.notification-history-item:last-child{border-bottom:0}.notification-history-item-open{display:block;width:100%;padding:15px 18px;border:0;border-left:3px solid transparent;background:transparent;text-align:left;line-height:1.65}.notification-history-item-open:hover{background:var(--nh-cream)}.notification-history-item[data-unread="true"]>.notification-history-item-open{border-left-color:#00a7eb}.notification-history-item-open strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.98em;line-height:1.65;margin-top:6px}.notification-history-meta{display:flex;align-items:center;gap:5px 9px;flex-wrap:wrap;color:var(--nh-muted);font-size:.73em}.notification-history-meta time{margin-left:auto;font-variant-numeric:tabular-nums}.notification-history-kind{padding:1px 6px;border:1px solid var(--nh-line);border-radius:5px;background:var(--nh-cream);color:var(--nh-ink);white-space:nowrap}.notification-history-unread{color:#08769c;font-weight:600}.notification-history-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;color:var(--nh-muted);font-size:.86em;margin-top:5px}.notification-history-space{display:block;font-size:.75em;margin-top:6px;color:var(--nh-muted)}.notification-history-more{display:block;margin:12px auto 18px;min-height:38px;font-size:.9em}
.notification-history-empty{padding:33px 22px;text-align:center;color:var(--nh-muted);margin:0;font-size:.92em}.notification-history-empty>svg{width:34px;height:34px;color:#bb8d59}.notification-history-empty p{margin:10px 0 6px}.notification-history-empty small{display:block;font-size:.86em}.notification-history-error{margin:12px;padding:12px;border:1px solid #e8b09b;border-left:3px solid #fe4528;border-radius:8px;background:var(--nh-cream);font-size:.86em}.notification-history-error button{display:inline-block;margin-top:5px}.notification-history-foot{padding:11px 17px;border-top:1px solid var(--nh-line);font-size:.75em;line-height:1.7;color:var(--nh-muted);background:var(--nh-paper);flex:none}
@media screen{:root[data-portal-color-mode="dark"] :is(.notification-history-control,.notification-history-dialog){--nh-ink:#f4e9db;--nh-muted:#c5b6a5;--nh-paper:#28231e;--nh-cream:#30291f;--nh-line:#655543}:root[data-portal-color-mode="dark"] .notification-history-unread{color:#a7e0ff}:root[data-portal-color-mode="dark"] .notification-history-empty>svg{color:#cdaa79}:root[data-portal-color-mode="dark"] .notification-history-dialog::backdrop{background:#09070580}}
@media(max-width:600px){.notification-history-bell{width:38px;min-width:38px;height:38px;padding:8px}.notification-history-dialog,.notification-history-dialog.is-preview{inset:max(8px,env(safe-area-inset-top)) 8px auto 8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));border-radius:13px;font-size:calc(14px * var(--portal-text-scale,1))}.notification-history-head{padding:14px 14px 11px}.notification-history-close{width:40px;min-width:40px;height:40px}.notification-history-tabs{padding:0 12px}.notification-history-toolbar{padding:9px 12px;gap:6px}.notification-history-toolbar button{min-height:40px;padding:6px 8px}.notification-history-total{flex:1 1 75px}.notification-history-item-open{padding:13px 12px}.notification-history-meta{gap:5px 7px}.notification-history-meta time{font-size:.98em}.notification-history-foot{padding:10px 13px}.notification-history-more{min-height:44px}.notification-history-preview-section>header button{min-height:36px}.notification-history-back{min-height:40px}}
@media print{.notification-history-control,.notification-history-dialog{display:none!important}}

/* Current calendar content is rendered only while the account inbox is open. */
.notification-history-calendar-time{display:block;margin-top:4px;color:var(--nh-ink);font-size:.86em;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.55}
.notification-history-calendar-location{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:var(--nh-muted);font-size:.82em;line-height:1.55}
.notification-history-dialog.is-preview .notification-history-calendar-description{-webkit-line-clamp:2}

/* One visible name and one numeric badge for the shared inbox. */
.notification-history-control .notification-history-bell{width:auto;min-width:94px;height:auto;min-height:44px;padding:8px 11px;gap:7px;background:#fff0de;border-color:#d98558;color:#6d301c;font:inherit;font-size:calc(13px * var(--portal-text-scale,1));font-weight:700;line-height:1.35}
.notification-history-label{white-space:nowrap}
.notification-history-control .notification-history-bell[data-has-unread="true"]{background:#ffdfc7;border-color:#c74525;box-shadow:inset 3px 0 0 #c74525}
.notification-history-control .notification-history-bell:hover{background:#ffdfc7;border-color:#b94325}

/* Unread notices remain until the account's explicit confirmation is verified. */
.notification-attention{--nh-ink:var(--portal-theme-ink,#4c2b16);--nh-muted:var(--portal-theme-muted,#715a46);--nh-paper:var(--portal-theme-paper,#fffdf7);--nh-cream:var(--portal-theme-cream,#fff8ea);--nh-line:var(--portal-theme-line,#dcc8ac);box-sizing:border-box;position:fixed;inset:var(--nh-attention-top,86px) max(14px,env(safe-area-inset-right)) auto auto;margin:0;width:min(400px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(var(--nh-attention-height,100dvh) - var(--nh-attention-top,86px) + var(--nh-attention-offset,0px) - max(14px,env(safe-area-inset-bottom)));padding:0;border:1px solid #dca77d;border-radius:20px;background:var(--nh-paper);color:var(--nh-ink);box-shadow:0 16px 48px #4c2b163d;font-family:inherit;font-size:calc(16px * var(--portal-text-scale,1));line-height:1.4;overflow:hidden;overflow-wrap:anywhere;z-index:2147483000;pointer-events:auto}
.notification-attention:popover-open,.notification-attention:not([popover]){display:flex;flex-direction:column}
.notification-attention::backdrop{background:transparent;pointer-events:none}
.notification-attention *{box-sizing:border-box;max-width:100%}
.notification-attention-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:7px 10px;border-bottom:1px solid var(--nh-line);background:#ffead3}
.notification-attention-head strong{font-size:.88em;line-height:1.45}.notification-attention-head>span{font-size:.78em;white-space:nowrap;color:var(--nh-muted)}
.notification-attention-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;max-height:inherit;padding:6px}
.notification-attention-card{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;padding:8px;border:1px solid #e5c5a5;border-left:5px solid #d76035;border-radius:14px;background:var(--nh-paper)}
.notification-attention-card+.notification-attention-card{margin-top:6px}
.notification-attention-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:4px 8px;color:var(--nh-muted);font-size:.68em;line-height:1.35}
.notification-attention-meta>span{font-weight:700;color:#90502b}.notification-attention-meta time{font-variant-numeric:tabular-nums}
.notification-attention-card h3{margin:4px 0;font-size:1.08em;font-weight:750;line-height:1.4}
.notification-attention-main{min-width:0}.notification-attention-card p{margin:3px 0;font-size:.86em;line-height:1.35}.notification-attention-description{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.notification-attention-event-time{font-weight:650}
.notification-attention-actions{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;margin:0}
.notification-attention button,.notification-history-confirm{min-height:44px;border:1px solid #c9a887;border-radius:10px;padding:7px 10px;background:#fff7ed;color:var(--nh-ink,#4c2b16);font:inherit;line-height:1.45;cursor:pointer}
.notification-attention-actions>button{flex:none;min-width:68px;padding:5px 7px;font-size:.8em;white-space:nowrap}.notification-attention .notification-attention-confirm{background:#8a431e;border-color:#8a431e;color:#fff;font-weight:700}
.notification-attention button:disabled,.notification-history-confirm:disabled{opacity:.55;cursor:wait}.notification-attention button:focus-visible,.notification-history-confirm:focus-visible{outline:3px solid #f5a313;outline-offset:3px}
.notification-attention-error{margin:0 0 12px;padding:12px;border:1px solid #e8b09b;border-radius:10px;background:#fff0e6;font-size:.9em;line-height:1.65}.notification-attention-error button{margin-top:8px}.notification-attention-more{display:block;margin:14px auto 4px}
.notification-history-item .notification-history-confirm{display:block;margin:0 12px 12px auto;font-size:.86em;background:#8a431e;color:#fff;border-color:#8a431e}
@media(max-width:760px){.notification-attention{inset:auto max(8px,env(safe-area-inset-right)) var(--nh-attention-bottom,8px) max(8px,env(safe-area-inset-left));transform:none;width:auto;max-width:none;max-height:min(42dvh,calc(var(--nh-attention-height,100dvh) - 24px));border-radius:16px;font-size:calc(15px * var(--portal-text-scale,1))}.notification-attention-head{padding:7px 10px}.notification-attention-scroll{padding:6px}.notification-attention-card{padding:8px}.notification-attention-card h3{font-size:1.08em}}
.notification-attention[hidden]{display:none!important}
@media print{.notification-attention{display:none!important}}

/* Moving titles keep the full accessible text; reduced motion shows the full wrapped title. */
.notification-attention-card .notification-title,.notification-history-item-open .notification-title{display:block;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;-webkit-line-clamp:unset;line-height:1.4}
.notification-title .notification-title-text{display:inline-block;width:max-content;max-width:none;white-space:nowrap;vertical-align:top}
.notification-history-item-open{padding:11px 14px;line-height:1.4}.notification-history-excerpt{line-height:1.4;margin-top:4px}.notification-history-meta{line-height:1.35}.notification-history-space{margin-top:4px}
@media(prefers-reduced-motion:reduce){.notification-attention-card .notification-title,.notification-history-item-open .notification-title{white-space:normal;overflow:visible;overflow-wrap:anywhere}.notification-title .notification-title-text{display:inline;width:auto;max-width:100%;white-space:normal;will-change:auto;transform:none!important}}


/* The change is explained before the account opts into simple mode. */
.basic-mode-confirm{width:min(520px,calc(100% - 24px))}
.basic-mode-confirm .dialog-body{display:grid;gap:14px;font-size:calc(16px * var(--portal-text-scale,1));line-height:1.7}
.basic-mode-confirm .button-row{justify-content:flex-end;gap:9px}
.basic-mode-confirm .button{min-height:44px;font-size:calc(14px * var(--portal-text-scale,1));white-space:normal}

/* The simple-mode stack uses the same per-user read operation as history. */
.notification-attention-head{flex-wrap:wrap}.notification-attention-head strong{flex:1 1 auto}.notification-attention-head .notification-attention-read-all{flex:none;min-height:44px;padding:5px 8px;font-size:.78em;white-space:nowrap}