/* All transient notices use semantic theme tokens, independent of action-button classes. */
.flash.site-notification,.flash.site-notification:hover{position:relative;padding:var(--space-3) calc(var(--space-4) + 44px) var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--text);background:color-mix(in srgb,var(--notice-accent) 12%,var(--card));border:1px solid var(--notice-accent);border-radius:var(--radius-surface-small);box-shadow:none;overflow-wrap:normal;min-height:48px}
.site-notification[data-notification-kind=success]{--notice-accent:var(--success)}
.site-notification[data-notification-kind=error]{--notice-accent:var(--danger)}
.site-notification[data-notification-kind=warning]{--notice-accent:var(--warning)}
.site-notification[data-notification-kind=info]{--notice-accent:var(--primary)}
.site-notification[hidden]{display:none}
.site-notification .notification-close{position:absolute;right:4px;top:2px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font-size:24px;line-height:1;border-radius:var(--radius-action-compact)}
.site-notification .notification-close:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:inherit}
.visitor-statistics{margin-bottom:var(--space-4)}
.visitor-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-block:var(--space-4)}
.visitor-counters span{display:block;color:var(--muted);font-size:13px}
.visitor-counters strong{display:block;font-size:28px;font-variant-numeric:tabular-nums}
.visitor-chart{display:block;width:100%;max-height:180px;color:var(--primary)}
.visitor-chart polyline{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.visitor-chart circle{fill:currentColor}
.visitor-chart-baseline{stroke:var(--border);fill:none;vector-effect:non-scaling-stroke}
@media(max-width:640px){.visitor-counters{grid-template-columns:repeat(2,minmax(0,1fr))}}
