/* Kilo Card overrides – harmonized with @vscode/webview-ui-toolkit */

[data-component="card"] {
  border-radius: 2px;
  padding: 8px;
  border: 1px solid var(--border-weak-base);

  &[data-variant="error"] {
    padding: 12px;
    background-color: color-mix(in srgb, var(--surface-critical-strong) 10%, var(--surface-inset-base));
    border-color: color-mix(in srgb, var(--border-critical-selected) 55%, var(--border-weaker-base));
    color: var(--text-base);
  }

  &[data-variant="warning"] {
    padding: 12px 14px;
  }
}
