/* DASM R8.99 BETA — premium Ask DASM AI presentation */
#view-grades .ask-dasm-ai{
  border:2px solid rgba(154,69,220,.78)!important;
  background:
    radial-gradient(circle at 92% 7%,rgba(125,45,210,.22),transparent 20%),
    radial-gradient(circle at 12% 0%,rgba(61,198,122,.11),transparent 24%),
    linear-gradient(145deg,#071411 0%,#06281d 58%,#082118 100%)!important;
  box-shadow:0 18px 44px rgba(0,38,28,.24),0 0 34px rgba(123,49,205,.15),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#view-grades .ask-dasm-launcher{padding:16px 18px!important;gap:14px!important}
#view-grades .ask-dasm-copy b{font-size:15px!important;letter-spacing:.025em!important}
#view-grades .ask-dasm-copy span{font-size:9px!important;color:#b9ddcd!important}
#view-grades .ask-dasm-status{gap:8px!important}
#view-grades .ask-dasm-status>span,
#view-grades .ask-dasm-promo{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
#view-grades .ask-dasm-status>span{
  border:1px solid rgba(202,255,151,.28)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;
  color:#d9ffb8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#view-grades .ask-dasm-promo{
  border:1px solid rgba(196,124,255,.78)!important;
  background:linear-gradient(135deg,rgba(80,22,126,.95),rgba(32,89,68,.88))!important;
  color:#f7eaff!important;
  box-shadow:0 0 15px rgba(165,76,237,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
  cursor:default!important;
}
#view-grades .ask-dasm-open{
  min-height:36px!important;
  padding:8px 14px!important;
  box-shadow:0 0 14px rgba(180,239,56,.16)!important;
}
#view-grades .ask-thread{
  max-height:430px!important;
  gap:12px!important;
  padding:14px!important;
  border:1px solid rgba(196,124,255,.17)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(126,48,196,.08),transparent 27%),
    linear-gradient(180deg,rgba(0,0,0,.19),rgba(0,0,0,.10))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#view-grades .ask-msg.user{
  max-width:82%!important;
  padding:11px 14px!important;
  border:1px solid rgba(226,255,179,.28)!important;
  border-radius:14px 14px 4px 14px!important;
  background:linear-gradient(135deg,#b7f637,#a9ef2c)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
#view-grades .ask-msg.user b{font-size:7.5px!important;letter-spacing:.12em!important}
#view-grades .ask-msg.user p{font-size:10px!important;line-height:1.48!important}
#view-grades .ask-ai-premium-card{
  position:relative!important;
  max-width:88%!important;
  padding:14px 16px 13px!important;
  border:1px solid rgba(183,111,239,.34)!important;
  border-radius:16px 16px 16px 5px!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(135,56,190,.16),transparent 28%),
    linear-gradient(145deg,rgba(15,48,39,.98),rgba(8,33,27,.98))!important;
  box-shadow:0 11px 24px rgba(0,0,0,.20),0 0 20px rgba(130,50,195,.08),inset 0 1px 0 rgba(255,255,255,.055)!important;
  overflow:hidden!important;
}
#view-grades .ask-ai-premium-card:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:0!important;bottom:0!important;
  width:3px!important;
  background:linear-gradient(180deg,#b66bf1,#7b35c7 48%,#b4ef38)!important;
  opacity:.9!important;
}
#view-grades .ask-ai-card-head{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 9px!important;
}
#view-grades .ask-ai-card-head img{
  width:34px!important;height:34px!important;
  flex:0 0 34px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 0 15px rgba(161,72,239,.36)!important;
}
#view-grades .ask-ai-card-head>div{display:flex!important;flex-direction:column!important;gap:2px!important}
#view-grades .ask-ai-card-head b{
  margin:0!important;
  color:#efffe8!important;
  font-size:8.5px!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
}
#view-grades .ask-ai-card-head span{
  color:#c291ed!important;
  font-size:6.5px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
#view-grades .ask-ai-premium-card>p{
  margin:0!important;
  color:#edf8f2!important;
  font-size:10.2px!important;
  line-height:1.58!important;
}
#view-grades .ask-ai-premium-card .ask-msg-source{
  margin-top:10px!important;
  padding-top:8px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#85b9a3!important;
  font-size:6.7px!important;
  letter-spacing:.075em!important;
}
#view-grades .ask-ai-thinking-card{opacity:.88!important}
#view-grades .ask-ai-thinking-card .ask-ai-card-head img{animation:dasmAiPremiumPulse 1.8s ease-in-out infinite!important}
@keyframes dasmAiPremiumPulse{0%,100%{transform:scale(.96);filter:brightness(.95)}50%{transform:scale(1.04);filter:brightness(1.16)}}
#view-grades .ask-dasm-entry textarea{
  border:1px solid rgba(169,90,225,.26)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.08),0 0 0 1px rgba(180,239,56,.025)!important;
}
#view-grades .ask-stage-note{
  border:1px solid rgba(183,111,239,.10)!important;
  background:linear-gradient(90deg,rgba(129,45,184,.08),rgba(62,155,105,.08))!important;
}
@media(min-width:761px) and (max-width:1366px){
  #view-grades .ask-ai-premium-card{max-width:90%!important;padding:15px 17px!important}
  #view-grades .ask-ai-premium-card>p{font-size:10.8px!important}
  #view-grades .ask-ai-card-head img{width:38px!important;height:38px!important;flex-basis:38px!important}
  #view-grades .ask-dasm-status>span,#view-grades .ask-dasm-promo{font-size:8px!important}
}
@media(max-width:760px){
  #view-grades .ask-dasm-launcher{padding:13px 12px!important}
  #view-grades .ask-dasm-status{display:grid!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}
  #view-grades .ask-dasm-status>span,#view-grades .ask-dasm-promo{min-height:32px!important;padding:6px 8px!important;font-size:6.8px!important}
  #view-grades .ask-ai-premium-card{max-width:94%!important;padding:13px 13px 12px!important}
  #view-grades .ask-ai-premium-card>p{font-size:9.8px!important}
  #view-grades .ask-ai-card-head img{width:32px!important;height:32px!important;flex-basis:32px!important}
}

/* R8.99 refinement — premium manager prompts, subtle beta label and proper tool buttons */
#view-grades .ask-dasm-copy{position:relative!important}
#view-grades .ask-dasm-version{
  display:inline-block!important;
  width:max-content!important;
  margin-top:6px!important;
  padding:3px 7px!important;
  border:1px solid rgba(188,119,241,.28)!important;
  border-radius:999px!important;
  background:rgba(113,46,164,.12)!important;
  color:#bda2d3!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  opacity:.82!important;
}
#view-grades #askDasmStatusLogin:empty{display:none!important}

/* Manager question = premium dark emerald glass, not a flat neon chat bubble. */
#view-grades .ask-msg.user{
  position:relative!important;
  max-width:80%!important;
  padding:13px 16px 12px!important;
  border:1px solid rgba(180,239,56,.48)!important;
  border-radius:16px 16px 5px 16px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(149,65,213,.18),transparent 34%),
    linear-gradient(135deg,rgba(22,82,58,.98),rgba(10,54,40,.98) 58%,rgba(12,42,35,.98))!important;
  color:#f4fff8!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20),0 0 18px rgba(180,239,56,.08),inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}
#view-grades .ask-msg.user:before{
  content:""!important;
  position:absolute!important;
  top:0!important;right:0!important;bottom:0!important;
  width:3px!important;
  background:linear-gradient(180deg,#b4ef38,#69c95f 58%,#9f55d7)!important;
  opacity:.95!important;
}
#view-grades .ask-msg.user b{
  margin-bottom:5px!important;
  color:#c9ff8a!important;
  font-size:7.5px!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
}
#view-grades .ask-msg.user p{
  color:#f3fbf7!important;
  font-size:10.6px!important;
  font-weight:650!important;
  line-height:1.52!important;
}

/* Utility row should look like part of the product, not underlined web links. */
#view-grades .ask-dasm-tools{margin-top:10px!important;align-items:flex-start!important}
#view-grades .ask-dasm-tools>span{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  font-size:0!important;
}
#view-grades .ask-dasm-tools button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:6px 11px!important;
  border:1px solid rgba(184,111,239,.24)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  color:#d9efe5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  font-size:7.8px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-decoration:none!important;
  text-underline-offset:0!important;
}
#view-grades .ask-dasm-tools button:active{transform:translateY(1px)!important}
#view-grades .ask-dasm-tools #askNewChat{
  border-color:rgba(191,112,244,.55)!important;
  background:linear-gradient(135deg,rgba(102,38,151,.72),rgba(42,84,67,.70))!important;
  color:#f2e7ff!important;
  box-shadow:0 0 13px rgba(155,72,218,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#view-grades .ask-dasm-tools #askLatestAnswer{
  border-color:rgba(180,239,56,.32)!important;
  color:#d8ffae!important;
}
#view-grades .ask-dasm-tools small{
  padding-top:8px!important;
  color:#7da994!important;
  font-size:7px!important;
  line-height:1.35!important;
}

/* Slightly stronger type throughout the premium cards. */
#view-grades .ask-ai-premium-card>p{font-size:10.8px!important;line-height:1.62!important}
#view-grades .ask-ai-card-head b{font-size:9px!important}
#view-grades .ask-ai-card-head span{font-size:6.8px!important}

@media(min-width:761px) and (max-width:1366px){
  #view-grades .ask-msg.user{max-width:76%!important;padding:14px 17px!important}
  #view-grades .ask-msg.user p{font-size:11.3px!important}
  #view-grades .ask-ai-premium-card>p{font-size:11.4px!important}
  #view-grades .ask-dasm-tools button{min-height:36px!important;padding:7px 13px!important;font-size:9px!important}
  #view-grades .ask-dasm-tools small{font-size:7.5px!important}
  #view-grades .ask-dasm-version{font-size:6.5px!important}
}
@media(max-width:760px){
  #view-grades .ask-msg.user{max-width:92%!important;padding:12px 13px!important}
  #view-grades .ask-msg.user p{font-size:10.2px!important}
  #view-grades .ask-dasm-tools{display:block!important}
  #view-grades .ask-dasm-tools>span{gap:6px!important}
  #view-grades .ask-dasm-tools button{min-height:34px!important;padding:6px 10px!important;font-size:8.2px!important}
  #view-grades .ask-dasm-tools small{display:block!important;margin-top:6px!important;padding-top:0!important}
}

/* R8.99b — iPad landscape readability, complete history cards, clearer controls */
#view-grades .ask-dasm-version{font-size:7px!important;padding:4px 8px!important}
#view-grades .ask-dasm-tools button{
  min-height:36px!important;
  padding:8px 14px!important;
  border-radius:11px!important;
  font-size:9.5px!important;
  letter-spacing:.035em!important;
}
#view-grades .ask-dasm-tools #askExamples,
#view-grades .ask-dasm-tools #askHistory{
  border-color:rgba(124,194,158,.30)!important;
  background:linear-gradient(180deg,rgba(21,74,56,.90),rgba(12,48,38,.88))!important;
}
#view-grades .ask-dasm-tools #askLatestAnswer{
  border-color:rgba(180,239,56,.48)!important;
  background:linear-gradient(135deg,rgba(50,83,42,.90),rgba(35,62,39,.86))!important;
}
#view-grades .ask-history{
  overflow:visible!important;
  padding:13px!important;
  border-color:rgba(181,104,236,.20)!important;
  background:linear-gradient(180deg,rgba(8,31,26,.92),rgba(5,23,19,.92))!important;
}
#view-grades .ask-history-row{
  grid-template-columns:minmax(0,1fr) 38px!important;
  gap:8px!important;
  margin-top:8px!important;
}
#view-grades .ask-history-row>button:first-child{
  min-height:52px!important;
  padding:10px 12px!important;
  border-radius:11px!important;
}
#view-grades .ask-history-delete{min-height:52px!important;border-radius:11px!important}

@media(min-width:761px) and (max-width:1500px) and (orientation:landscape){
  #view-grades .ask-dasm-copy b{font-size:18px!important}
  #view-grades .ask-dasm-copy span{font-size:11px!important}
  #view-grades .ask-dasm-version{font-size:8px!important;margin-top:7px!important;padding:4px 9px!important}
  #view-grades .ask-dasm-status>span,
  #view-grades .ask-dasm-promo{font-size:10px!important;min-height:38px!important;padding:8px 14px!important}
  #view-grades .ask-dasm-open{font-size:12px!important;min-height:40px!important;padding:9px 16px!important}
  #view-grades .ask-thread{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    padding:16px!important;
  }
  #view-grades .ask-msg.user{max-width:74%!important;padding:15px 18px 14px!important}
  #view-grades .ask-msg.user b{font-size:10px!important}
  #view-grades .ask-msg.user p{font-size:15px!important;line-height:1.52!important}
  #view-grades .ask-ai-premium-card{max-width:91%!important;padding:17px 19px 16px!important}
  #view-grades .ask-ai-card-head img{width:42px!important;height:42px!important;flex-basis:42px!important}
  #view-grades .ask-ai-card-head b{font-size:12px!important}
  #view-grades .ask-ai-card-head span{font-size:9px!important}
  #view-grades .ask-ai-premium-card>p{font-size:15.5px!important;line-height:1.64!important}
  #view-grades .ask-ai-premium-card .ask-msg-source{font-size:9.5px!important;line-height:1.4!important}
  #view-grades .ask-dasm-tools button{min-height:40px!important;padding:9px 16px!important;font-size:11px!important}
  #view-grades .ask-dasm-tools small{font-size:9px!important}
  #view-grades .ask-history-head b{font-size:11px!important}
  #view-grades .ask-history-head span{font-size:10px!important}
  #view-grades .ask-history-row>button:first-child b{
    font-size:12px!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
    line-height:1.25!important;
  }
  #view-grades .ask-history-row>button:first-child small{font-size:9.5px!important}
}

/* R8.99c — unified premium utility controls */
#view-grades .ask-dasm-tools button{
  border-color:rgba(191,112,244,.58)!important;
  background:linear-gradient(135deg,rgba(102,38,151,.76),rgba(42,84,67,.72))!important;
  color:#f2e7ff!important;
  box-shadow:0 0 13px rgba(155,72,218,.12),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#view-grades .ask-dasm-tools button:hover{
  border-color:rgba(208,145,255,.72)!important;
  background:linear-gradient(135deg,rgba(119,45,174,.82),rgba(47,96,75,.78))!important;
}

/* R8.99d — enforce one premium treatment across all utility controls + live status strip */
#view-grades .ask-dasm-tools #askExamples,
#view-grades .ask-dasm-tools #askHistory,
#view-grades .ask-dasm-tools #askNewChat{
  border:1px solid rgba(191,112,244,.62)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(180,239,56,.10),transparent 42%),
    linear-gradient(135deg,rgba(105,39,158,.82),rgba(42,84,67,.78))!important;
  color:#f4ebff!important;
  box-shadow:0 0 14px rgba(155,72,218,.15),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
#view-grades .ask-dasm-tools #askExamples:hover,
#view-grades .ask-dasm-tools #askHistory:hover,
#view-grades .ask-dasm-tools #askNewChat:hover{
  border-color:rgba(215,155,255,.78)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(180,239,56,.14),transparent 42%),
    linear-gradient(135deg,rgba(122,47,180,.88),rgba(48,96,75,.82))!important;
}
#view-grades .ask-dasm-stage-note{
  border:1px solid rgba(180,104,236,.24)!important;
  background:
    radial-gradient(circle at 0% 50%,rgba(180,239,56,.06),transparent 28%),
    linear-gradient(90deg,rgba(12,45,35,.94),rgba(27,38,51,.94))!important;
  color:#b7d1c4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 16px rgba(143,69,204,.05)!important;
}

/* R8.99e — final iPad landscape containment / landing safeguards */
@media(min-width:761px) and (max-width:1500px) and (orientation:landscape){
  :root{--dasm-ai-top-gap:68px}
  #view-grades .ask-dasm-ai{
    scroll-margin-top:68px!important;
  }
  #view-grades .ask-thread,
  #view-grades .ask-history,
  #view-grades .ask-history-row,
  #view-grades .ask-history-row>button{
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  #view-grades .ask-history{
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    contain:none!important;
  }
  #view-grades .ask-history-row{
    width:100%!important;
    overflow:visible!important;
  }
  #view-grades .ask-history-row>button:first-child{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #view-grades .ask-history-row>button:first-child b,
  #view-grades .ask-history-row>button:first-child small{
    display:block!important;
    max-width:100%!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }
}

/* R8.99f — iPhone portrait: conversation must remain part of the page scroll.
   Do not trap a long response inside a clipped/frozen thread viewport. */
@media(max-width:760px){
  #view-grades .ask-dasm-panel{
    overflow:visible!important;
  }
  #view-grades .ask-thread{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    -webkit-overflow-scrolling:auto!important;
    touch-action:pan-y!important;
    padding-bottom:14px!important;
  }
  #view-grades .ask-ai-premium-card,
  #view-grades .ask-msg{
    max-height:none!important;
    overflow:visible!important;
  }
}