/* Loading, success and errors share a visual grammar without relying on color alone. */
body[data-surface] .ds-feedback:not(:empty){position:relative;display:flex;align-items:flex-start;gap:10px;width:fit-content;max-width:100%;padding:13px 16px;border:1px solid #cdbda6;border-radius:14px;background:#fffaf2;color:#4e3a28;font:500 .9375rem/1.65 Manrope,sans-serif;box-shadow:0 1px 0 #fff9 inset;overflow-wrap:anywhere;white-space:pre-line}
body[data-surface] .ds-feedback[data-feedback-state=loading]::before{content:"";display:block;width:17px;height:17px;flex:0 0 17px;margin-top:4px;border:2px solid #a5845f;border-right-color:transparent;border-radius:50%}
body[data-surface] .ds-feedback[data-feedback-state=success]{background:#eef2e9;border-color:#bbc8ab;color:#35462c}
body[data-surface] .ds-feedback[data-feedback-state=success]::before{content:"";display:block;width:15px;height:8px;flex:0 0 15px;margin-top:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
body[data-surface] .ds-feedback[data-feedback-state=error]{background:#fff2ec;border-color:#c89a82;color:#73391f}
body[data-surface] .ds-feedback[data-feedback-state=error]::before{content:"";display:block;width:17px;height:17px;flex:0 0 17px;margin-top:4px;border:2px solid currentColor;border-radius:50%;background:linear-gradient(currentColor,currentColor) center 3px/2px 5px no-repeat,linear-gradient(currentColor,currentColor) center 10px/2px 2px no-repeat}
body[data-surface] .ds-feedback:empty{display:none}
body[data-surface] button[aria-busy=true]::before{content:"";display:inline-block;width:15px;height:15px;flex:0 0 15px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}
body[data-surface] :is(.social-empty,.member-empty){border:1px dashed #c8b493;border-radius:20px;background:linear-gradient(145deg,#fffcf7,#f2e8da);padding:26px;color:#5f4c38;font-size:1rem;line-height:1.75}
body[data-surface] :is(.social-feed,.application-list)[aria-busy=true]{opacity:.65}
@media(prefers-reduced-motion:no-preference){body[data-surface] .ds-feedback[data-feedback-state=loading]::before,body[data-surface] button[aria-busy=true]::before{animation:ds-feedback-spin .9s linear infinite}}
@keyframes ds-feedback-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body[data-surface] .ds-feedback::before,body[data-surface] button[aria-busy=true]::before{animation:none!important}}
@media(forced-colors:active){body[data-surface] .ds-feedback:not(:empty){background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}