.light-error[hidden], .light-recovery-actions[hidden], .light-recovery-actions [hidden], #nutshell-retry-btn[hidden] { display: none !important; }
.light-error { padding: var(--space-4-5) var(--space-5); margin: var(--space-4) 0; border: var(--border-width) solid color-mix(in srgb, var(--color-danger) 35%, var(--color-border)); border-left: 4px solid var(--color-danger); border-radius: var(--radius-control); background: var(--color-danger-soft); color: var(--color-danger); font-family: var(--font-body); font-size: var(--font-size-sm); line-height: var(--line-height-body); overflow-wrap: anywhere; }
.light-error .light-error__title { display: block; color: var(--color-danger); font-size: var(--font-size-md); line-height: 1.4; }
.light-error p { margin: var(--space-2) 0 0; color: inherit; font-size: inherit; line-height: inherit; }
.light-error .light-error__recovery { font-weight: var(--weight-medium); }
.light-error .light-error__reference { font-size: var(--font-size-xs); opacity: .85; }
.light-recovery-actions { display: flex; flex-wrap: wrap; gap: var(--space-2-5); align-items: center; margin: var(--space-3) 0; }
.light-recovery-actions button:not(.btn), .light-recovery-actions a:not(.btn) { display: inline-flex; align-items: center; justify-content: center; min-height: var(--control-height); padding: var(--space-2-5) var(--space-4-5); border: var(--border-width) solid var(--color-accent); border-radius: var(--radius-full); background: var(--color-accent-soft); color: var(--color-accent-strong); font-family: inherit; font-size: var(--font-size-sm); font-weight: var(--weight-semibold); line-height: 1.4; text-decoration: none; cursor: pointer; }
.light-recovery-actions button:disabled { cursor: wait; }
.light-recovery-actions :focus-visible, .light-error:focus-visible { outline: var(--focus-ring-width) solid var(--color-focus); outline-offset: var(--focus-ring-offset); }
.light-draft-note { font-size: var(--font-size-xs); line-height: var(--line-height-body); color: var(--color-text-secondary); margin: var(--space-3) 0; }

@media (max-width: 480px) { .light-error { padding: var(--space-4); } .light-recovery-actions > * { flex: 1 1 auto; } }