/*
  German in Context — Study/Review card, Warm Night layers V1
  Night mode only. Additive layer: load AFTER gic-warm-night-study-mode-v3.css.
   1. one frame instead of nested outlines (lesson root keeps a single gold hairline)
   2. each layer type gets its own header color: Language Kit = navy, Grammar = amber,
      Pronunciation / In Context keep the existing teal
   3. the repeated 'Language Kit' H1 becomes a small gold label
   4. dialogue turns A and B share one shape
   5. Hard and Good rating buttons are dimmed (no more cream / white blocks)
  The 'Good to know' box is intentionally NOT recolored here (see goodtoknow V2).
*/
html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind]{
  border:1px solid rgba(214,178,90,.22)!important;
  border-radius:22px!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:hidden;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind].gic-v6-raw > div[style*="border"]{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind] > .gic-v6-banner{
  border-bottom:1px solid rgba(214,178,90,.30)!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind][data-gic-v6-kind="language"] > .gic-v6-banner{
  background:linear-gradient(145deg,#1d3556 0%,#142842 100%)!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind][data-gic-v6-kind="grammar"] > .gic-v6-banner{
  background:linear-gradient(145deg,#4b3b1d 0%,#33291a 100%)!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind] > .gic-v6-banner .gic-v6-eyebrow{
  color:#e0c47b!important;-webkit-text-fill-color:#e0c47b!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind] > .gic-v6-banner .gic-v6-banner-title{
  color:#f6efdc!important;-webkit-text-fill-color:#f6efdc!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind] > .gic-v6-banner .gic-v6-banner-subtitle{
  color:rgba(243,236,217,.80)!important;-webkit-text-fill-color:rgba(243,236,217,.80)!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-app-v6.gic-app-v6[data-gic-v6-kind][data-gic-v6-kind="language"] > h1{
  font-size:clamp(19px,5.4vw,23px)!important;
  margin:14px 0 4px!important;
  color:#e0c47b!important;
  -webkit-text-fill-color:#e0c47b!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-turn{
  border:1px solid rgba(214,178,90,.16)!important;
  border-radius:18px!important;
  box-shadow:0 6px 16px rgba(0,0,0,.20)!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-turn-record{
  border-color:rgba(214,178,90,.55)!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-rating.gic-ah-rating button[data-gic-rating="hard"]{
  background:linear-gradient(180deg,#3b3322 0%,#2f291c 100%)!important;
  border:1px solid #a98a4e!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-rating.gic-ah-rating button[data-gic-rating="hard"],
html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-rating.gic-ah-rating button[data-gic-rating="hard"] *{
  color:#ecd48f!important;-webkit-text-fill-color:#ecd48f!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-rating.gic-ah-rating button[data-gic-rating="good"]{
  background:linear-gradient(180deg,#21413a 0%,#1b342f 100%)!important;
  border:1px solid #4fae95!important;
}

html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-rating.gic-ah-rating button[data-gic-rating="good"],
html[data-gic-theme="dark"] body .gic-ah-wrap.gic-ah-wrap .gic-ah-rating.gic-ah-rating button[data-gic-rating="good"] *{
  color:#c4ebdf!important;-webkit-text-fill-color:#c4ebdf!important;
}