/* SIAPIYA_ACADEMIC_INTERACTION_FEEDBACK_V37029
   Academic Workspace Consistency Wave 3 — Interaction & Feedback Polish.
   Uses existing busy/disabled/alert/empty states and never replaces action handlers. */

#mainContent[data-siapiya-task-first="1"]{
  --siapiya-feedback-success:color-mix(in srgb,var(--bs-success) 18%,var(--bs-body-bg));
  --siapiya-feedback-error:color-mix(in srgb,var(--bs-danger) 16%,var(--bs-body-bg));
  --siapiya-feedback-warning:color-mix(in srgb,var(--bs-warning) 22%,var(--bs-body-bg));
  --siapiya-feedback-info:color-mix(in srgb,var(--bs-info) 14%,var(--bs-body-bg));
}

#mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-busy]{
  cursor:progress!important;
  opacity:.72;
  filter:saturate(.82);
}

#mainContent[data-siapiya-task-first="1"] button[data-siapiya-feedback-busy]{
  position:relative;
  padding-inline-end:2.25rem;
}

#mainContent[data-siapiya-task-first="1"] button[data-siapiya-feedback-busy]::after{
  content:"";
  position:absolute;
  inset-inline-end:.72rem;
  top:50%;
  width:.82rem;
  height:.82rem;
  margin-top:-.41rem;
  border:.12rem solid currentColor;
  border-inline-end-color:transparent;
  border-radius:50%;
  animation:siapiya-feedback-spin .72s linear infinite;
}

@keyframes siapiya-feedback-spin{to{transform:rotate(360deg)}}

#mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-repeat-blocked]{
  animation:siapiya-feedback-nudge .18s ease-out;
}

@keyframes siapiya-feedback-nudge{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(.16rem)}
}

#mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-state="success"]{
  background:var(--siapiya-feedback-success);
  border-color:color-mix(in srgb,var(--bs-success) 34%,var(--bs-border-color));
}

#mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-state="error"]{
  background:var(--siapiya-feedback-error);
  border-color:color-mix(in srgb,var(--bs-danger) 34%,var(--bs-border-color));
}

#mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-state="warning"]{
  background:var(--siapiya-feedback-warning);
  border-color:color-mix(in srgb,var(--bs-warning) 38%,var(--bs-border-color));
}

#mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-state="info"]{
  background:var(--siapiya-feedback-info);
  border-color:color-mix(in srgb,var(--bs-info) 28%,var(--bs-border-color));
}

#mainContent[data-siapiya-task-first="1"] .alert[data-siapiya-feedback-state]{
  margin-bottom:.8rem;
  padding:.72rem .82rem;
  box-shadow:none!important;
}

#mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-state="empty"]{
  min-height:7.5rem;
  display:grid;
  place-items:center;
  align-content:center;
  gap:.35rem;
  padding:1.25rem!important;
  border:1px dashed var(--bs-border-color);
  border-radius:.9rem;
  background:color-mix(in srgb,var(--bs-tertiary-bg) 72%,var(--bs-body-bg));
}

#mainContent[data-siapiya-task-first="1"] :is(.spinner-border,.spinner-grow){
  vertical-align:-.125em;
}

#mainContent[data-siapiya-task-first="1"] :is(button,.btn)[disabled],
#mainContent[data-siapiya-task-first="1"] :is(button,.btn)[aria-disabled="true"]{
  box-shadow:none!important;
}

@media (max-width:767.98px){
  #mainContent[data-siapiya-task-first="1"] .alert[data-siapiya-feedback-state]{
    padding:.68rem .72rem;
    font-size:.86rem;
  }

  #mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-state="empty"]{
    min-height:6.5rem;
    padding:1rem!important;
  }

  #mainContent[data-siapiya-task-first="1"] button[data-siapiya-feedback-busy]{
    min-height:2.8rem;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent[data-siapiya-task-first="1"] button[data-siapiya-feedback-busy]::after,
  #mainContent[data-siapiya-task-first="1"] [data-siapiya-feedback-repeat-blocked]{
    animation:none!important;
  }
}
