/* R8.201 — STAGING mobile portrait DASM AI checking-state correction.
   Ported from the current approved-for-now BETA state. Loaded last so the
   checking state is not crushed by generic mobile SEND styles. */
@media (max-width:620px) and (orientation:portrait){
  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking:not(:where(#view-teams,#view-teams *)){
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:18px 18px!important;
    column-gap:8px!important;
    row-gap:2px!important;
    align-content:center!important;
    align-items:center!important;
    justify-content:stretch!important;
    justify-items:start!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 9px!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(187,128,238,.82)!important;
    border-radius:16px!important;
    background:radial-gradient(circle at 20% 50%,rgba(178,255,72,.13),transparent 33%),linear-gradient(145deg,#162c25 0%,#1a2430 54%,#2b1d3d 100%)!important;
    color:#f4fff0!important;
    text-shadow:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 14px rgba(4,24,22,.22),0 0 0 1px rgba(132,72,180,.10)!important;
    transform:none!important;
    --dasm-ai-purple-alpha:0;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking::before,
  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking::after{
    content:none!important;
    display:none!important;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking .ask-checking-orb:not(:where(#view-teams,#view-teams *)){
    grid-column:1!important;
    grid-row:1 / 3!important;
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    align-self:center!important;
    justify-self:center!important;
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    margin:0!important;
    flex:none!important;
    border-radius:50%!important;
    box-shadow:0 0 0 1px rgba(187,128,238,.18)!important;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking .ask-checking-orb::before{
    content:''!important;
    position:absolute!important;
    inset:-4px!important;
    border-radius:50%!important;
    border:0!important;
    background:conic-gradient(from -90deg,#caff48 calc(var(--dasm-ai-progress,7)*1%),rgba(190,255,92,.16) 0)!important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.6px),#000 calc(100% - 2px))!important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 2.6px),#000 calc(100% - 2px))!important;
    opacity:calc(1 - var(--dasm-ai-purple-alpha,0))!important;
    transition:opacity 1.2s linear!important;
    box-shadow:0 0 10px rgba(145,239,0,.20)!important;
    animation:none!important;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking .ask-checking-orb::after{
    content:''!important;
    position:absolute!important;
    inset:-4px!important;
    border:0!important;
    border-radius:50%!important;
    background:conic-gradient(from -90deg,#b66cff calc(var(--dasm-ai-progress,7)*1%),rgba(182,108,255,.16) 0)!important;
    -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.6px),#000 calc(100% - 2px))!important;
    mask:radial-gradient(farthest-side,transparent calc(100% - 2.6px),#000 calc(100% - 2px))!important;
    opacity:var(--dasm-ai-purple-alpha,0)!important;
    transition:opacity 1.2s linear!important;
    box-shadow:0 0 12px rgba(174,91,245,.30)!important;
    pointer-events:none!important;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking .ask-checking-orb>span:not(:where(#view-teams,#view-teams *)){
    display:block!important;
    width:27px!important;
    height:27px!important;
    margin:0!important;
    border-radius:50%!important;
    background:url('/icons/dasm-ai-beta-ball-v2.webp') center/contain no-repeat!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.30)) drop-shadow(0 0 5px rgba(145,239,0,.26))!important;
    animation:dasmAiCheckingBall 1.7s ease-in-out infinite!important;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking .ask-checking-label:not(:where(#view-teams,#view-teams *)){
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    color:#eaffc4!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.12em!important;
    text-align:left!important;
    white-space:nowrap!important;
    text-shadow:0 0 7px rgba(145,239,0,.12)!important;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking .ask-checking-cancel:not(:where(#view-teams,#view-teams *)){
    grid-column:2!important;
    grid-row:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:16px!important;
    min-height:16px!important;
    margin:0!important;
    padding:0 6px!important;
    border:1px solid rgba(255,151,177,.30)!important;
    border-radius:999px!important;
    background:rgba(116,30,54,.28)!important;
    color:#ffd5df!important;
    font-size:6.8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    text-align:center!important;
    white-space:nowrap!important;
    opacity:.92!important;
  }

  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking:active:not(:where(#view-teams,#view-teams *)){
    transform:scale(.985)!important;
  }
}

@media (max-width:620px) and (orientation:portrait) and (prefers-reduced-motion:reduce){
  html body #appView #view-grades .ask-dasm-entry>#askDasmSend.is-checking .ask-checking-orb>span{
    animation:none!important;
  }
}