/* SacaPlato v0.9.22 · Mood cards contrast lock
   Explicit colours prevent inherited cream/orange text from disappearing
   on cream or orange card backgrounds. Applies to desktop + mobile. */
:root{
  --sp922-ink:#17130f;
  --sp922-cream:#fff0dc;
  --sp922-orange:#ff6b2c;
  --sp922-acid:#d9ff63;
  --sp922-sub:#5d3a2a;
}

.screen[data-screen="intent"] .intent-card{
  background:var(--sp922-cream)!important;
  color:var(--sp922-ink)!important;
  border-color:var(--sp922-ink)!important;
}
.screen[data-screen="intent"] .intent-card .intent-text b{
  color:var(--sp922-ink)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--sp922-ink)!important;
}
.screen[data-screen="intent"] .intent-card .intent-text small{
  color:var(--sp922-sub)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--sp922-sub)!important;
}
.screen[data-screen="intent"] .intent-card .intent-number,
.screen[data-screen="intent"] .intent-card .intent-arrow{
  color:var(--sp922-ink)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--sp922-ink)!important;
}

.screen[data-screen="intent"] .intent-card.is-selected,
.screen[data-screen="intent"] .intent-card.is-selected:hover{
  background:var(--sp922-orange)!important;
  color:var(--sp922-ink)!important;
  border-color:var(--sp922-ink)!important;
  box-shadow:6px 7px 0 var(--sp922-ink)!important;
}
.screen[data-screen="intent"] .intent-card.is-selected .intent-text b,
.screen[data-screen="intent"] .intent-card.is-selected .intent-text small,
.screen[data-screen="intent"] .intent-card.is-selected .intent-number,
.screen[data-screen="intent"] .intent-card.is-selected .intent-arrow{
  color:var(--sp922-ink)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--sp922-ink)!important;
}
.screen[data-screen="intent"] .intent-card.is-selected .intent-text b{
  font-weight:950!important;
}
.screen[data-screen="intent"] .intent-card.is-selected::after{
  background:var(--sp922-acid)!important;
  color:var(--sp922-ink)!important;
  border-color:var(--sp922-ink)!important;
  -webkit-text-fill-color:var(--sp922-ink)!important;
}
.screen[data-screen="intent"] .intent-card.is-selected .intent-emoji{
  background:var(--sp922-acid)!important;
  color:var(--sp922-ink)!important;
}
.screen[data-screen="intent"] .intent-card:focus-visible{
  outline:4px solid var(--sp922-acid)!important;
  outline-offset:3px!important;
}

@media(max-width:860px){
  .screen[data-screen="intent"] .intent-card{
    background:var(--sp922-cream)!important;
    color:var(--sp922-ink)!important;
  }
  .screen[data-screen="intent"] .intent-card.is-selected{
    background:var(--sp922-orange)!important;
    color:var(--sp922-ink)!important;
  }
  .screen[data-screen="intent"] .intent-card .intent-text b{
    font-size:18px!important;
    line-height:1.08!important;
  }
  .screen[data-screen="intent"] .intent-card .intent-text small{
    line-height:1.35!important;
  }
}
