.system-notice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--line);color:var(--text);font-size:14px;line-height:1.4;display:flex}.system-notice.is-info{background:var(--accent-soft);border-bottom-color:color-mix(in srgb, var(--accent) 35%, transparent)}.system-notice.is-warning{background:#f59e0b24;border-bottom-color:#f59e0b73}.system-notice>svg{flex:none}.system-notice.is-info>svg{color:var(--accent)}.system-notice.is-warning>svg{color:var(--amber-text)}.system-notice-text{overflow-wrap:anywhere;flex:auto;min-width:0}.system-notice-until{color:var(--muted);white-space:nowrap}.system-notice-close{width:var(--control-h-sm);height:var(--control-h-sm);border-radius:var(--radius-sm);color:var(--muted);background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.system-notice-close:hover{color:var(--text);background:var(--fill-hover)}