/* Shared feedback styles. All colors have separate light/dark foreground tokens. */
:root { --sc-alert-info: #1f5289; --sc-alert-success: #216441; --sc-alert-warning: #805400; --sc-alert-error: #ac2033; }
[data-theme="dark"] { --sc-alert-info: #91bfff; --sc-alert-success: #74ddb4; --sc-alert-warning: #ffd27f; --sc-alert-error: #ff9aa7; }
body .sc-feedback-alert { --sc-alert-color: var(--sc-alert-info); display:flex; align-items:flex-start; gap:9px; padding:12px 14px; border:1px solid color-mix(in srgb,var(--sc-alert-color) 35%,transparent); border-inline-start:3px solid var(--sc-alert-color); border-radius:6px; background:color-mix(in srgb,var(--sc-alert-color) 8%,var(--color-white)); color:var(--sc-alert-color); font-size:12px; font-weight:500; line-height:1.6; text-align:start; }
body .sc-feedback-alert[data-alert-tone="success"] { --sc-alert-color:var(--sc-alert-success); }
body .sc-feedback-alert[data-alert-tone="warning"] { --sc-alert-color:var(--sc-alert-warning); }
body .sc-feedback-alert[data-alert-tone="error"] { --sc-alert-color:var(--sc-alert-error); }
body .sc-feedback-alert[hidden] { display:none!important; }
body .sc-feedback-alert > .icon { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:18px; height:19.2px; font-size:17px; line-height:1; margin:0; padding:0; }
body .sc-feedback-alert > .sc-alert-copy { flex:1; min-width:0; display:block; margin:0; padding:0; line-height:19.2px; overflow-wrap:anywhere; }
body .sc-alert-critical-label { display:block; margin-bottom:2px; font-weight:700; }
body .sc-alert-close { flex-shrink:0; display:grid; place-items:center; width:26px; height:26px; margin:-3px -5px -3px 4px; padding:0; border:0; border-radius:4px; background:transparent; color:inherit; cursor:pointer; }
body .sc-alert-close > .icon { font-size:17px; }
body .sc-alert-close:hover { background:color-mix(in srgb,var(--sc-alert-color) 13%,transparent); }
body .sc-alert-close:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
body .sc-field-feedback { color:var(--sc-alert-error); }
body .sc-field-control :is(input,select,textarea)[data-validation-state="invalid"] { border-color:var(--sc-alert-error); }
body .sc-field-control > [data-field-status-icon].text-danger { color:var(--sc-alert-error); }
body .sc-public-status .sc-feedback-alert { max-width:500px; margin:0 auto; }
.sc-public-card header { margin-bottom:24px; }