.flag-list{gap:var(--spacing-space-2);margin:0;padding:0;list-style:none;display:grid}.flag{gap:var(--spacing-space-3);padding:var(--spacing-space-3) var(--spacing-space-4);border:1px solid var(--color-border);border-radius:var(--rounded-radius-lg);background:var(--color-card);grid-template-columns:auto 1fr auto;align-items:start;display:grid}.flag-icon{margin-top:1px}.flag-error .flag-icon{color:var(--color-error)}.flag-warning .flag-icon{color:var(--color-warning)}.flag-info .flag-icon{color:var(--color-info)}.flag-error{border-left:3px solid var(--color-error)}.flag-warning{border-left:3px solid var(--color-warning)}.flag-info{border-left:3px solid var(--color-info)}.flag-body{gap:2px;min-width:0;display:grid}.flag-title{font:var(--text-label-lg)}.flag-detail{font:var(--text-body-sm);color:var(--color-muted-foreground)}.flag-actions{gap:var(--spacing-space-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.flag-ack{font:var(--text-label);color:var(--color-success);align-items:center;gap:6px;display:inline-flex}.flag.is-acknowledged{background:var(--color-background)}.flag-compact{padding:var(--spacing-space-2) var(--spacing-space-3);grid-template-columns:auto 1fr}.flag-compact .flag-actions{display:none}@media (width<=767px){.flag{grid-template-columns:auto 1fr}.flag-actions{grid-column:2;justify-content:flex-start}}