/* "Action needed" markers: a small count on the top tabs, a chip at the place on
   the page where the action happens, and a brief highlight on arrival. */
:root,body{--action-ink:var(--chart-gold,#f4c56a);--action-on:#1d1600;--action-glow:color-mix(in srgb,var(--action-ink) 45%,transparent)}
body.light{--action-ink:var(--chart-gold,#906000);--action-on:#fff}
.nav-action-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:6px;padding:0 5px;border-radius:9px;background:var(--action-ink);color:var(--action-on);font-size:10.5px;font-weight:750;line-height:1;vertical-align:1px;font-variant-numeric:tabular-nums}
.page-action-dot{display:inline-block;flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--action-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--action-ink) 22%,transparent);margin-right:7px;vertical-align:1px}
.page-action-chip,#budgetProfile .page-action-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 6px;min-height:36px;max-width:100%;padding:6px 12px;border:1px solid color-mix(in srgb,var(--action-ink) 60%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--action-ink) 12%,var(--panel));color:var(--text);font:inherit;font-size:13px;line-height:1.3;text-align:left;cursor:pointer}
.page-action-chip b{font-weight:700;color:var(--action-ink)}
.page-action-chip .page-action-dot{margin-right:2px}
body.light .page-action-chip b{color:color-mix(in srgb,var(--action-ink) 80%,#000)}
.page-action-chip:hover{background:color-mix(in srgb,var(--action-ink) 20%,var(--panel))}
.page-action-chip:focus-visible{outline:2px solid var(--action-ink);outline-offset:2px}
article>.page-action-item,h2+.page-action-item{margin:0 0 12px}
.page-action-item{display:inline-flex;align-items:center;gap:4px;max-width:100%;vertical-align:middle}
.page-action-dismiss,#budgetProfile .page-action-dismiss{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted,#8a94a8);font:inherit;font-size:17px;line-height:1;cursor:pointer}
.page-action-dismiss:hover,#budgetProfile .page-action-dismiss:hover{color:var(--text);background:color-mix(in srgb,var(--action-ink) 14%,transparent)}
.page-action-dismiss:focus-visible{outline:2px solid var(--action-ink);outline-offset:1px}
.page-action-highlight{animation:page-action-glow 2.2s ease-out 1;border-radius:10px}
@keyframes page-action-glow{0%,35%{box-shadow:0 0 0 3px var(--action-ink),0 0 18px 4px var(--action-glow)}100%{box-shadow:0 0 0 3px transparent,0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.page-action-highlight{animation:none;outline:2px solid var(--action-ink);outline-offset:2px}}
@media(max-width:600px){.nav-action-badge{min-width:15px;height:15px;margin-left:3px;padding:0 4px;font-size:9.5px}.page-action-chip,#budgetProfile .page-action-chip{font-size:12px;border-radius:14px}.page-action-sep{display:none}}