/* TingDong AI · learning moat theme alignment v2
   This file intentionally styles only the additive learning features. */

/* Shared additive surfaces */
.tdIntensive,
.tdMaterialQa,
.tdLearningDash,
.tdGlossaryHero,
.tdGlossaryPanel{
  background:#fff!important;
  border:1px solid var(--border,#dce2e8)!important;
  color:var(--text,#182235)!important;
  box-shadow:var(--shadow,0 12px 34px rgba(35,48,67,.07))!important;
}

/* Intensive listening */
.tdIntensive{margin:0 0 14px!important;padding:16px!important;border-radius:20px!important}
.tdIntensiveHead{gap:12px!important}
.tdIntensiveTitle{font-size:15px!important;font-weight:900!important;color:var(--text,#182235)!important}
.tdIntensiveHint{margin-top:4px!important;color:var(--muted,#687588)!important;font-size:12px!important;line-height:1.55!important}
.tdIntensiveControls{gap:8px!important}
.tdIntensiveBtn,.tdIntensiveSelect{
  min-height:40px!important;
  border:1px solid var(--border,#dce2e8)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#354258!important;
  padding:8px 11px!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:none!important;
}
.tdIntensiveBtn:hover{border-color:#c2ccd7!important;background:#f8fafc!important}
.tdIntensiveBtn.active{border-color:#bfe5d4!important;background:#eef9f3!important;color:#16845c!important}
.tdIntensiveSelect:focus{border-color:#72cba9!important;box-shadow:0 0 0 3px rgba(32,178,120,.10)!important}
.tdDictation{margin-top:13px!important;padding-top:13px!important;border-top-color:var(--border,#dce2e8)!important}
.tdDictationPrompt{margin-bottom:8px!important;color:var(--muted,#687588)!important;font-size:12px!important;line-height:1.55!important}
.tdDictationRow{gap:8px!important}
.tdDictationInput{
  min-height:42px!important;
  border:1px solid #d4dce5!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--text,#182235)!important;
  padding:10px 12px!important;
  font-size:14px!important;
}
.tdDictationInput::placeholder{color:#9aa4b2!important}
.tdDictationInput:focus{border-color:#72cba9!important;box-shadow:0 0 0 3px rgba(32,178,120,.10)!important}
.tdDictationResult{margin-top:9px!important;color:#526076!important;font-size:13px!important;line-height:1.65!important}
.tdDictationResult.ok{color:#187a54!important}.tdDictationResult.bad{color:#8a651d!important}
.tdDictationDiff{gap:6px!important;margin-top:8px!important}
.tdDictationToken{padding:3px 7px!important;border:1px solid #e1e6eb!important;border-radius:8px!important;background:#f3f6f8!important;color:#526076!important}
.tdDictationToken.good{border-color:#c6ead9!important;background:#f1fbf6!important;color:#187a54!important}
.tdDictationToken.miss{border-color:#efcbd0!important;background:#fff7f7!important;color:#a74753!important}
.tdDictationToken.extra{border-color:#ead9ac!important;background:#fffaf0!important;color:#835f19!important}
.tdLearningHideSource #segments .hu:after,.tdLearningHideTranslation #segments .zh:after{color:#a0a9b5!important}

/* Material Q&A */
.tdMaterialQa{margin-top:16px!important;border-radius:20px!important}
.tdMaterialQaKicker{color:#16845c!important;font-size:12px!important;font-weight:900!important}
.tdMaterialQaTitle{margin-top:3px!important;color:var(--text,#182235)!important;font-size:19px!important;font-weight:950!important}
.tdMaterialQaSub{margin-top:5px!important;color:var(--muted,#687588)!important;font-size:13px!important;line-height:1.6!important}
.tdMaterialQaLimit{border:1px solid var(--border,#dce2e8)!important;border-radius:999px!important;background:#f7f9fb!important;color:#617083!important;padding:6px 9px!important;font-size:11px!important}
.tdMaterialQaPresets{gap:8px!important;margin-top:13px!important}
.tdMaterialQaPreset{
  min-height:38px!important;
  border:1px solid var(--border,#dce2e8)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4d5a6d!important;
  padding:7px 11px!important;
  font-size:12px!important;
  font-weight:800!important;
}
.tdMaterialQaPreset:hover{border-color:#bfe5d4!important;background:#f4fbf7!important;color:#16845c!important}
.tdMaterialQaForm{gap:8px!important;margin-top:11px!important}
.tdMaterialQaInput{
  min-height:44px!important;
  border:1px solid #d4dce5!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--text,#182235)!important;
  padding:11px 12px!important;
  font-size:14px!important;
}
.tdMaterialQaInput::placeholder{color:#9aa4b2!important}
.tdMaterialQaInput:focus{border-color:#72cba9!important;box-shadow:0 0 0 3px rgba(32,178,120,.10)!important}
.tdMaterialQaAsk{min-height:44px!important;border:0!important;border-radius:11px!important;background:var(--green,#20b278)!important;color:#fff!important;padding:10px 16px!important;font-weight:900!important}
.tdMaterialQaStatus{min-height:19px!important;margin-top:8px!important;color:var(--muted,#687588)!important;font-size:12px!important}
.tdMaterialQaStatus.error{color:#a74753!important}
.tdMaterialQaAnswer{margin-top:11px!important;border:1px solid var(--border,#dce2e8)!important;border-radius:15px!important;background:#f8fafc!important;color:#344258!important;padding:13px 14px!important;font-size:13.5px!important;line-height:1.72!important}
.tdMaterialQaCitations{gap:7px!important;margin-top:9px!important}
.tdMaterialQaCitation{min-height:34px!important;border:1px solid #c6ead9!important;border-radius:999px!important;background:#f1fbf6!important;color:#187a54!important;padding:5px 9px!important;font-size:11px!important;font-weight:800!important}
@keyframes tdSourcePulse{0%,100%{box-shadow:0 0 0 0 rgba(32,178,120,0)}35%{box-shadow:0 0 0 3px rgba(32,178,120,.22)}}

/* Account learning dashboard */
body.td-page-account .tdLearningDash{margin-top:14px!important;border-radius:20px!important;padding:16px!important}
body.td-page-account .tdLearningDashTitle{color:var(--text,#182235)!important;font-size:15px!important;font-weight:900!important}
body.td-page-account .tdLearningDashLink,body.td-page-account .tdLearningDashFoot a{color:#16845c!important;font-size:12px!important;font-weight:850!important}
body.td-page-account .tdLearningDashGrid{gap:9px!important;margin-top:12px!important}
body.td-page-account .tdLearningMetric{border:1px solid #e1e6eb!important;border-radius:15px!important;background:#f8fafc!important;padding:11px!important}
body.td-page-account .tdLearningMetric strong{color:var(--text,#182235)!important;font-size:21px!important}
body.td-page-account .tdLearningMetric span{margin-top:4px!important;color:var(--muted,#687588)!important;font-size:11px!important;line-height:1.4!important}
body.td-page-account .tdLearningDashFoot{margin-top:11px!important;color:var(--muted,#687588)!important;font-size:12px!important}

/* Glossary page: same application shell and cards as the rest of TingDong AI */
body.td-page-glossary.tdGlossaryPage{background:#f4f6f8!important;color:var(--text,#182235)!important}
body.td-page-glossary .tdGlossaryWrap{width:min(820px,100%)!important;padding:22px 14px 52px!important}
body.td-page-glossary .tdGlossaryTop{margin-bottom:14px!important}
body.td-page-glossary .tdGlossaryBack{border:1px solid var(--border,#dce2e8)!important;border-radius:13px!important;background:#fff!important;color:var(--text,#182235)!important;box-shadow:0 5px 18px rgba(35,48,67,.05)!important}
body.td-page-glossary .tdGlossaryTopTitle{color:var(--text,#182235)!important;font-size:20px!important;font-weight:900!important}
body.td-page-glossary .tdGlossaryHero{border-color:#c7e7d7!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f2fbf6)!important;padding:18px!important}
body.td-page-glossary .tdGlossaryHero small{color:#25805d!important;font-size:13px!important;font-weight:850!important}
body.td-page-glossary .tdGlossaryHero h1{margin:5px 0 7px!important;color:var(--text,#182235)!important;font-size:25px!important;line-height:1.25!important}
body.td-page-glossary .tdGlossaryHero p{color:#617063!important;font-size:13.5px!important;line-height:1.65!important}
body.td-page-glossary .tdGlossaryPanel{margin-top:12px!important;border-radius:20px!important;padding:16px!important}
body.td-page-glossary .tdGlossaryPanelTitle{color:var(--text,#182235)!important;font-size:15px!important;font-weight:900!important}
body.td-page-glossary .tdGlossaryGrid{gap:10px!important;margin-top:12px!important}
body.td-page-glossary .tdGlossaryField{gap:6px!important}
body.td-page-glossary .tdGlossaryField label{color:#59677b!important;font-size:12.5px!important}
body.td-page-glossary .tdGlossaryField input,body.td-page-glossary .tdGlossaryField select,body.td-page-glossary .tdGlossaryField textarea,body.td-page-glossary .tdGlossarySearch{
  min-height:42px!important;border:1px solid #d4dce5!important;border-radius:12px!important;background:#fff!important;color:var(--text,#182235)!important;padding:10px 11px!important;font-size:14px!important
}
body.td-page-glossary .tdGlossaryField textarea{min-height:82px!important}
body.td-page-glossary .tdGlossaryField input:focus,body.td-page-glossary .tdGlossaryField select:focus,body.td-page-glossary .tdGlossaryField textarea:focus,body.td-page-glossary .tdGlossarySearch:focus{border-color:#72cba9!important;box-shadow:0 0 0 3px rgba(32,178,120,.10)!important}
body.td-page-glossary .tdGlossaryActions{gap:8px!important;margin-top:11px!important}
body.td-page-glossary .tdGlossaryBtn,body.td-page-glossary .tdGlossaryMini{border:1px solid var(--border,#dce2e8)!important;border-radius:11px!important;background:#fff!important;color:#354258!important;font-weight:850!important}
body.td-page-glossary .tdGlossaryBtn{min-height:42px!important;padding:9px 13px!important;font-size:13px!important}
body.td-page-glossary .tdGlossaryBtn.primary{border-color:transparent!important;background:var(--green,#20b278)!important;color:#fff!important}
body.td-page-glossary .tdGlossaryBtn.danger{border-color:#efcbd0!important;background:#fff7f7!important;color:#a74753!important}
body.td-page-glossary .tdGlossaryStatus,body.td-page-glossary .tdGlossaryCount,body.td-page-glossary .tdGlossaryEmpty{color:var(--muted,#687588)!important;font-size:12px!important}
body.td-page-glossary .tdGlossaryStatus.error{color:#a74753!important}
body.td-page-glossary .tdGlossaryToolbar{gap:10px!important;margin-bottom:12px!important}
body.td-page-glossary .tdGlossaryCard{border:1px solid #e1e6eb!important;border-radius:15px!important;background:#f8fafc!important;color:var(--text,#182235)!important;padding:12px 13px!important}
body.td-page-glossary .tdGlossaryTerm{color:var(--text,#182235)!important;font-size:16px!important;font-weight:900!important}
body.td-page-glossary .tdGlossaryZh{color:#46546a!important;font-size:13.5px!important}
body.td-page-glossary .tdGlossaryMeta{gap:6px!important;margin-top:8px!important}
body.td-page-glossary .tdGlossaryTag{border:1px solid #d9e0e7!important;border-radius:999px!important;background:#fff!important;color:#667489!important;padding:3px 7px!important;font-size:10.5px!important}
body.td-page-glossary .tdGlossaryNote{color:var(--muted,#687588)!important;font-size:12px!important;line-height:1.55!important}
body.td-page-glossary .tdGlossaryCardActions{gap:6px!important}
body.td-page-glossary .tdGlossaryMini{min-height:34px!important;padding:6px 9px!important;font-size:11px!important}

@media(max-width:680px){
  .tdIntensive{padding:14px!important}
  .tdMaterialQaForm{gap:8px!important}
  body.td-page-account .tdLearningDashGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.td-page-glossary .tdGlossaryWrap{padding-top:14px!important}
  body.td-page-glossary .tdGlossaryHero h1{font-size:22px!important}
}