/* DASM R8.96 BETA — AI progress visual: ball = working state; CANCEL separated below. */
html body #view-grades .ask-dasm-entry .ask-send.is-checking{
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:84px 24px!important;
  row-gap:4px!important;
  place-items:center!important;
  padding:5px 7px!important;
  overflow:visible!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-label{
  display:none!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{
  grid-column:1!important;
  grid-row:1!important;
  width:76px!important;
  height:76px!important;
  flex:0 0 76px!important;
  margin:0 auto!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::before{
  inset:-5px!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::after{
  inset:-7px!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{
  width:68px!important;
  height:68px!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-cancel{
  grid-column:1!important;
  grid-row:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:62px!important;
  height:21px!important;
  margin:0 auto!important;
  padding:0 9px!important;
  border:1px solid rgba(255,105,116,.75)!important;
  border-radius:6px!important;
  background:rgba(132,20,32,.88)!important;
  color:#fff1f2!important;
  box-shadow:0 0 8px rgba(255,72,92,.14)!important;
  font-size:7px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  opacity:1!important;
}
@media(min-width:761px) and (max-width:1366px){
  html body #view-grades .ask-dasm-entry .ask-send.is-checking{
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
    grid-template-rows:82px 22px!important;
    row-gap:4px!important;
    padding:5px 5px!important;
  }
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{
    width:74px!important;
    height:74px!important;
    flex-basis:74px!important;
  }
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{
    width:66px!important;
    height:66px!important;
  }
}
@media(max-width:760px){
  html body #view-grades .ask-dasm-entry .ask-send.is-checking{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    grid-template-rows:72px 22px!important;
    row-gap:4px!important;
    padding:4px!important;
  }
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{
    width:62px!important;
    height:62px!important;
    flex-basis:62px!important;
  }
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{
    width:55px!important;
    height:55px!important;
  }
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-cancel{
    min-width:58px!important;
    height:20px!important;
    font-size:6.5px!important;
  }
}

/* DASM -> DASM AI intelligence transition.
   The progress ARC itself changes colour around the circumference:
   early arc = DASM green, middle = teal, late arc = DASM AI purple.
   Uncompleted circumference stays muted. */
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::before{
  content:''!important;
  position:absolute!important;
  inset:-5px!important;
  border:0!important;
  border-radius:50%!important;
  background:conic-gradient(
    from -90deg,
    #b9f538 0%,
    #a9ee45 24%,
    #68d59a 48%,
    #8d73d8 72%,
    #b85cff 100%
  )!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.4px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.4px))!important;
  box-shadow:0 0 17px rgba(180,239,56,.18),0 0 19px rgba(174,76,245,.10)!important;
  animation:none!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::after{
  content:''!important;
  position:absolute!important;
  inset:-5px!important;
  border:0!important;
  border-radius:50%!important;
  background:conic-gradient(
    from -90deg,
    transparent 0 calc(var(--dasm-ai-progress,7)*1%),
    rgba(31,43,41,.92) 0 100%
  )!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.4px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.4px))!important;
  pointer-events:none!important;
  opacity:1!important;
  animation:none!important;
}
/* Keep the AI ball itself native purple: only the progress path converts green -> purple. */
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{
  animation:dasmAiCheckingBall 1.35s ease-in-out infinite!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.28)) drop-shadow(0 0 8px rgba(174,76,245,.38))!important;
}
@media (prefers-reduced-motion:reduce){
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{animation:none!important}
}

/* R8.96 refinement — premium intelligence frame while the orb itself evolves green -> purple */
html body #view-grades .ask-dasm-entry .ask-send.is-checking{
  border-color:rgba(184,104,238,.42)!important;
  background:
    radial-gradient(circle at 50% 24%,rgba(180,239,56,.09),transparent 34%),
    linear-gradient(180deg,rgba(18,55,43,.98),rgba(33,29,48,.97))!important;
  box-shadow:0 0 18px rgba(151,70,216,.12),inset 0 1px 0 rgba(255,255,255,.05)!important;
}