/* DASM BETA R7.6 — compact animated AI checking state */
html body #view-grades .ask-dasm-entry .ask-send.is-checking{
  align-self:center!important;justify-self:center!important;
  width:106px!important;min-width:106px!important;max-width:106px!important;
  height:78px!important;min-height:78px!important;max-height:78px!important;
  padding:8px 10px!important;margin:auto!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid rgba(179,255,91,.55)!important;border-radius:21px!important;
  background:radial-gradient(circle at 50% 32%,rgba(145,239,0,.18),transparent 42%),linear-gradient(155deg,#123a26,#0a2519)!important;
  color:#e8ffc7!important;
  box-shadow:inset 0 0 0 1px rgba(230,255,200,.06),0 0 0 1px rgba(64,255,111,.07),0 8px 22px rgba(0,0,0,.20),0 0 22px rgba(145,239,0,.10)!important;
  letter-spacing:0!important;line-height:1!important;overflow:visible!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{
  position:relative!important;width:34px!important;height:34px!important;flex:0 0 34px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::before{
  content:''!important;position:absolute!important;inset:-4px!important;border-radius:50%!important;
  border:2px solid rgba(190,255,112,.18)!important;border-top-color:#b7ff3c!important;border-right-color:rgba(77,255,126,.72)!important;
  box-shadow:0 0 10px rgba(145,239,0,.18)!important;animation:dasmAiCheckingOrbit .9s linear infinite!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{
  display:block!important;width:30px!important;height:30px!important;border-radius:50%!important;
  background:url('/icons/dasm-ai-beta-ball-v2.webp') center/contain no-repeat!important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.28)) drop-shadow(0 0 5px rgba(145,239,0,.34))!important;
  animation:dasmAiCheckingBall 1.35s ease-in-out infinite!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-label{
  display:block!important;font-size:9px!important;font-weight:950!important;line-height:1!important;
  letter-spacing:.13em!important;color:#dfffad!important;text-shadow:0 0 8px rgba(145,239,0,.16)!important;
}
@keyframes dasmAiCheckingOrbit{to{transform:rotate(360deg)}}
@keyframes dasmAiCheckingBall{0%,100%{transform:scale(.92);opacity:.82}50%{transform:scale(1.04);opacity:1}}
@media (min-width:761px) and (max-width:1366px) and (orientation:landscape){
  html body #view-grades .ask-dasm-entry{align-items:center!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking{width:98px!important;min-width:98px!important;max-width:98px!important;height:72px!important;min-height:72px!important;max-height:72px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{width:31px!important;height:31px!important;flex-basis:31px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{width:27px!important;height:27px!important}
}
@media (max-width:760px){
  html body #view-grades .ask-dasm-entry .ask-send.is-checking{width:88px!important;min-width:88px!important;max-width:88px!important;height:66px!important;min-height:66px!important;max-height:66px!important;border-radius:18px!important;gap:5px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{width:28px!important;height:28px!important;flex-basis:28px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{width:24px!important;height:24px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-label{font-size:8px!important}
}
@media (prefers-reduced-motion:reduce){
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::before,
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{animation:none!important}
}


/* DASM BETA R7.7 — larger centred AI progress ring + immediate cancel */
html body #view-grades .ask-dasm-entry .ask-send.is-checking{
  --dasm-ai-progress:7;
  width:126px!important;min-width:126px!important;max-width:126px!important;
  height:94px!important;min-height:94px!important;max-height:94px!important;
  padding:9px 12px!important;gap:5px!important;place-self:center!important;margin:auto!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;
  cursor:pointer!important;touch-action:manipulation!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{
  width:44px!important;height:44px!important;flex:0 0 44px!important;margin:0 auto 1px!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::before{
  inset:-6px!important;border:0!important;animation:none!important;
  background:conic-gradient(from -90deg,#caff48 calc(var(--dasm-ai-progress,7)*1%),rgba(192,255,92,.13) 0)!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 13px rgba(145,239,0,.20)!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb::after{
  content:''!important;position:absolute!important;inset:-8px!important;border-radius:50%!important;
  border:1px solid rgba(189,255,103,.22)!important;box-shadow:0 0 14px rgba(145,239,0,.12)!important;pointer-events:none!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{
  width:38px!important;height:38px!important;animation:dasmAiCheckingBall 1.35s ease-in-out infinite!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-label{font-size:9.5px!important;letter-spacing:.14em!important}
html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-cancel{
  display:block!important;margin-top:1px!important;font-size:7px!important;font-weight:900!important;line-height:1!important;
  letter-spacing:.14em!important;color:#ffd6d6!important;opacity:.76!important;
}
html body #view-grades .ask-dasm-entry .ask-send.is-checking:active{transform:scale(.97)!important}
@media (min-width:761px) and (max-width:1366px) and (orientation:landscape){
  html body #view-grades .ask-dasm-entry{align-items:center!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking{
    width:120px!important;min-width:120px!important;max-width:120px!important;
    height:88px!important;min-height:88px!important;max-height:88px!important;place-self:center!important;
  }
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{width:41px!important;height:41px!important;flex-basis:41px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{width:35px!important;height:35px!important}
}
@media (max-width:760px){
  html body #view-grades .ask-dasm-entry .ask-send.is-checking{
    width:100px!important;min-width:100px!important;max-width:100px!important;
    height:76px!important;min-height:76px!important;max-height:76px!important;gap:4px!important;
  }
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb{width:33px!important;height:33px!important;flex-basis:33px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{width:28px!important;height:28px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-label{font-size:8.5px!important}
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-cancel{font-size:6.5px!important}
}
@media (prefers-reduced-motion:reduce){
  html body #view-grades .ask-dasm-entry .ask-send.is-checking .ask-checking-orb>span{animation:none!important}
}