/* PF-12 notices: the header bell and the Notices view. Colours and spacing come from the shared tokens. */
.notices-bell{position:relative;flex-shrink:0}
.notices-bell svg{width:20px;height:20px;display:block;margin:auto}
.notices-bell-count{position:absolute;inset-block-start:2px;inset-inline-end:2px;min-inline-size:18px;block-size:18px;padding-inline:5px;border-radius:9px;background:var(--dawnby-danger,#b92f37);color:var(--dawnby-white,#fff);font-size:.6875rem;font-weight:700;line-height:18px;text-align:center;box-sizing:border-box}
.notices-bell.has-unread svg{color:var(--dawnby-action,#176b5b)}
.notices{position:relative;display:block;inline-size:100%;min-inline-size:0;max-inline-size:860px}
.notices-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--dawnby-spacing-md,12px);margin-block-end:var(--dawnby-spacing-lg,16px)}
.notices-filters{position:relative;display:flex;flex-wrap:wrap;min-inline-size:0;max-inline-size:100%;gap:8px}
/* Keep each absolute screen-reader count inside its scrollable chip. Without
   this containing block, offscreen counts enlarge the document on phones. */
.notices-chip{position:relative;min-block-size:48px;padding:0 16px;border:1px solid var(--dawnby-control-border,#767680);border-radius:999px;background:var(--dawnby-surface,#fff);color:var(--dawnby-ink,#1d1d1f);font:inherit;font-size:.875rem;cursor:pointer}
.notices-chip[aria-pressed="true"]{background:var(--dawnby-action,#176b5b);border-color:var(--dawnby-action,#176b5b);color:var(--dawnby-white,#fff);font-weight:600}
.notices-chip-count{display:inline-block;min-inline-size:20px;margin-inline-start:6px;padding:0 6px;border-radius:10px;background:var(--dawnby-action-tint,#e4eee8);color:var(--dawnby-ink,#1d1d1f);font-size:.75rem;font-weight:700;text-align:center}
.notices-chip[aria-pressed="true"] .notices-chip-count{background:var(--dawnby-white,#fff);color:var(--dawnby-action,#176b5b)}
.notices-chip:focus-visible,.notices button:focus-visible{outline:2px solid var(--dawnby-action,#176b5b);outline-offset:2px}
.notices-tools{display:flex;flex-wrap:wrap;gap:8px}
.notices-tools .button{min-block-size:48px;display:inline-flex;align-items:center;gap:8px}
.notices-group{margin-block-end:var(--dawnby-spacing-xl,24px)}
.notices-group-title{margin:0 0 var(--dawnby-spacing-sm,8px);font-size:.8125rem;font-weight:600;color:var(--dawnby-muted,#5c5c63);text-transform:uppercase;letter-spacing:.04em}
.notices-list{list-style:none;margin:0;padding:0;border:1px solid var(--dawnby-line,#e5e5e8);border-radius:var(--dawnby-radius-card,14px);background:var(--dawnby-surface,#fff);overflow:hidden}
.notice-row{display:flex;align-items:center;gap:var(--dawnby-spacing-md,12px);padding:var(--dawnby-spacing-md,12px) var(--dawnby-spacing-lg,16px);border-block-start:1px solid var(--dawnby-line,#e5e5e8)}
.notice-row:first-child{border-block-start:0}
.notice-dot{flex:none;inline-size:10px;block-size:10px;border-radius:50%;border:2px solid transparent}
.notice-row.unread .notice-dot{background:var(--dawnby-action,#176b5b);border-color:var(--dawnby-action,#176b5b)}
.notice-row.unread .notice-title{font-weight:700}
.notice-main{flex:1;min-inline-size:0}
.notice-title{margin:0;font-size:.9375rem;line-height:1.45;overflow-wrap:anywhere}
.notice-meta{margin:2px 0 0;font-size:.8125rem;color:var(--dawnby-muted,#5c5c63)}
.notice-always{font-weight:600;color:var(--dawnby-ink,#1d1d1f)}
.notice-problem{margin:6px 0 0;font-size:.8125rem;color:var(--dawnby-danger,#b92f37);font-weight:600}
/* COMP-OCT-33: an enquiry notice's safe summary and its stored prepared email (text only, never sent). */
.notice-summary{margin:2px 0 0;font-size:.875rem;line-height:1.45;color:var(--dawnby-ink,#1d1d1f);overflow-wrap:anywhere}
.notice-email{margin:4px 0 0;font-size:.8125rem}
.notice-email summary{display:list-item;box-sizing:border-box;min-block-size:48px;padding-block:14px;line-height:20px;cursor:pointer;color:var(--dawnby-action,#176b5b);font-weight:600}
.notice-email summary:focus-visible{outline:2px solid var(--dawnby-action,#176b5b);outline-offset:2px}
.notice-email pre{margin:0;padding:var(--dawnby-spacing-md,12px);border:1px solid var(--dawnby-line,#e5e5e8);border-radius:var(--dawnby-radius-control,8px);background:var(--dawnby-surface,#fff);color:var(--dawnby-ink,#1d1d1f);font:inherit;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.notice-actions{display:flex;flex-wrap:wrap;gap:8px;flex:none;justify-content:flex-end}
.notice-actions .button{min-block-size:48px;min-inline-size:48px}
.notice-skeleton{display:block;padding:var(--dawnby-spacing-lg,16px)}
.notice-skeleton-line{display:block;block-size:12px;inline-size:70%;border-radius:6px;background:var(--dawnby-line,#e5e5e8);margin-block-end:8px}
.notice-skeleton-line.short{inline-size:35%;margin-block-end:0}
@media (prefers-reduced-motion:no-preference){.notice-skeleton-line{animation:notices-pulse 1.4s ease-in-out infinite}}
@keyframes notices-pulse{50%{opacity:.45}}
.notices-caughtup{margin:0 0 var(--dawnby-spacing-lg,16px);font-size:.9375rem;font-weight:600;color:var(--dawnby-success,#277846)}
.notices-footnote{margin-block-start:var(--dawnby-spacing-xl,24px)}
.notices .notice{margin-block-end:var(--dawnby-spacing-lg,16px)}
#action-form:has(.notices-settings-group) .checkbox-field .field-optionality{display:none}
.notices-settings-group{margin:var(--dawnby-spacing-lg,16px) 0 0;font-size:.9375rem}
@media (max-width:640px){.notices-filters{flex-wrap:nowrap;overflow-x:auto;inline-size:100%;padding-block-end:4px}.notices-chip{flex:none}.notice-row{flex-wrap:wrap}.notice-actions{inline-size:100%;justify-content:flex-start;padding-inline-start:22px}.notices-tools{inline-size:100%}.notices-tools .button{flex:1}}
@media (forced-colors:active){.notice-row.unread .notice-dot{background:Highlight;border-color:Highlight}.notices-chip[aria-pressed="true"]{outline:2px solid Highlight}}
.notice-row:focus-visible{outline:2px solid var(--dawnby-action,#176b5b);outline-offset:-2px}