/* DASM R8.105 — desktop Ask DASM AI layout cleanup.
   Desktop only: preserve the approved iPad and mobile layouts. */
@media (min-width:1501px){
  #view-grades .ask-thread{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    padding:18px 20px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #view-grades .ask-msg.user{
    width:auto!important;
    max-width:min(68%,920px)!important;
    align-self:flex-end!important;
    padding:13px 18px!important;
  }
  #view-grades .ask-ai-premium-card{
    width:min(86%,1180px)!important;
    max-width:1180px!important;
    align-self:flex-start!important;
    padding:16px 18px 15px!important;
  }
  #view-grades .ask-msg.user p,
  #view-grades .ask-ai-premium-card>p{
    font-size:16.5px!important;
  }
  #view-grades .ask-ai-premium-card>p{line-height:1.62!important}
  #view-grades .ask-msg.user p{line-height:1.54!important}

  /* Keep the composer useful without letting it dominate the conversation. */
  #view-grades .ask-dasm-entry textarea{
    min-height:82px!important;
    height:82px!important;
    max-height:120px!important;
    padding:14px 16px!important;
    font-size:16px!important;
    line-height:1.45!important;
  }
  #view-grades .ask-dasm-entry{
    align-items:stretch!important;
    gap:14px!important;
  }
  #view-grades .ask-dasm-tools{margin-top:12px!important}

  /* During generation, the premium thinking card is the sole visible status. */
  #view-grades .ask-dasm-stage-note{
    display:none!important;
  }
}
/* R8.164 — readable desktop AI introduction with balanced controls. */
@media(hover:hover) and (pointer:fine) and (min-width:761px){
  html body #view-grades .ask-dasm-ai .ask-dasm-launcher{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto 96px!important;
    align-items:center!important;gap:24px!important;
    padding:24px 28px!important;min-height:148px!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-copy{
    display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;gap:8px!important;min-width:0!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-copy>b{
    font-family:inherit!important;font-size:clamp(26px,2.1vw,34px)!important;
    font-weight:850!important;line-height:1.12!important;
    letter-spacing:-.025em!important;color:#f4fff8!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-copy>span{
    font-family:inherit!important;font-size:16px!important;
    font-weight:450!important;line-height:1.5!important;
    color:#d0e5da!important;max-width:660px!important;
    white-space:normal!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-copy>.ask-dasm-version{
    display:inline-flex!important;align-items:center!important;
    width:auto!important;padding:4px 8px!important;margin:0!important;
    font-size:11px!important;line-height:1.2!important;
    letter-spacing:.08em!important;color:#d7c2f1!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-status{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    flex-wrap:wrap!important;gap:10px!important;max-width:340px!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-status>span:empty{display:none!important}
  html body #view-grades .ask-dasm-ai .ask-dasm-status>span,
  html body #view-grades .ask-dasm-ai .ask-dasm-status>.ask-dasm-promo,
  html body #view-grades .ask-dasm-ai .ask-dasm-status>.ask-dasm-open{
    font-family:inherit!important;font-size:13px!important;font-weight:800!important;
    line-height:1.2!important;letter-spacing:.025em!important;
    min-height:44px!important;padding:12px 16px!important;
    border-radius:12px!important;white-space:nowrap!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-promo{cursor:pointer!important}
  html body #view-grades .ask-dasm-ai .ask-dasm-bot{
    width:96px!important;height:96px!important;min-width:96px!important;
    margin:0!important;align-self:center!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-bot img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-privacy{
    display:flex!important;align-items:flex-start!important;
    justify-content:space-between!important;gap:12px 32px!important;
    padding:14px 18px!important;border-radius:12px!important;
    line-height:1.5!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-privacy>b{
    font-size:15px!important;font-weight:750!important;flex-shrink:0!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-privacy>span{
    font-size:14px!important;line-height:1.5!important;
    text-align:left!important;max-width:720px!important;
  }
}
@media(hover:hover) and (pointer:fine) and (min-width:761px) and (max-width:1100px){
  html body #view-grades .ask-dasm-ai .ask-dasm-launcher{
    grid-template-columns:minmax(0,1fr) 80px!important;gap:16px!important;padding:20px!important;
  }
  html body #view-grades .ask-dasm-ai .ask-dasm-copy{grid-column:1!important;grid-row:1!important}
  html body #view-grades .ask-dasm-ai .ask-dasm-status{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important;max-width:none!important}
  html body #view-grades .ask-dasm-ai .ask-dasm-bot{grid-column:2!important;grid-row:1!important;width:80px!important;height:80px!important;min-width:80px!important}
  html body #view-grades .ask-dasm-ai .ask-dasm-privacy{flex-direction:column!important;gap:5px!important}
}

