.notice-bar.svelte-f5102x{--notice-accent: var(--color-green);--notice-accent-light: var(--color-green-light);display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-left:4px solid var(--notice-accent);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.82rem;line-height:1.5;box-shadow:0 1px 3px #0000000d}.notice-bar.orange.svelte-f5102x{--notice-accent: var(--color-orange);--notice-accent-light: var(--color-orange-light)}.notice-bar.red.svelte-f5102x{--notice-accent: var(--color-red);--notice-accent-light: var(--color-red-light)}.notice-bar.blue.svelte-f5102x{--notice-accent: var(--color-blue);--notice-accent-light: var(--color-blue-light)}.notice-icoon.svelte-f5102x{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--notice-accent-light);color:var(--notice-accent)}.notice-tekst.svelte-f5102x{flex:1;color:var(--color-text-secondary)}.notice-klik.svelte-f5102x{border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer}.notice-klik.svelte-f5102x:hover{color:var(--color-text);text-decoration:underline}.notice-tekst.svelte-f5102x strong{color:var(--color-text);font-weight:var(--font-weight-semibold)}.notice-sluit.svelte-f5102x{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer}.notice-sluit.svelte-f5102x:hover{background:var(--color-bg);color:var(--color-text)}