/* Apurin kielivalinta: kaksi selkeää painiketta (Suomi / English).
   Valinta koskee apurin käyttöliittymää ja uusia vastauksia. */
.nk-language-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 16px;
  padding: 10px 20px;
  background: #fff;
  border-bottom: 1px solid var(--line, #E4DFD3);
  color: var(--muted, #585C66);
  font: 12.5px/1.4 Inter, system-ui, sans-serif;
  flex: none;
}
.nk-language-row .nk-language-caption {
  margin: 0 !important;
  color: var(--muted, #585C66) !important;
  font: inherit !important;
  font-weight: 500 !important;
}
.nk-language-choices {
  display: inline-flex;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--line, #E4DFD3);
  border-radius: 999px;
  background: var(--paper, #FAF8F3);
}
.nk-language-choices button {
  min-height: 34px;
  min-width: 72px;
  padding: 6px 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--muted, #585C66);
  font: 500 13px/1.4 Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.nk-language-choices button:hover:not(:disabled) { background: var(--paper-2, #F3EFE6); color: var(--ink, #14161A); }
.nk-language-choices button[aria-pressed="true"] {
  background: var(--cobalt, #1F46D6);
  color: #fff;
  font-weight: 600;
}
.nk-language-choices button:focus-visible { outline: 3px solid var(--cobalt, #1F46D6); outline-offset: 2px; }
.nk-language-choices button:disabled { opacity: .6; cursor: wait; }
.nk-language-row small { flex-basis: 100%; font: 12px/1.45 Inter, system-ui, sans-serif; color: var(--muted, #585C66); }
.nk-language-row small:empty { display: none; }
@media (prefers-reduced-motion: reduce) { .nk-language-choices button { transition: none; } }