/* Translations of an admin text into the other bot languages (web/i18n-fields.js): a quiet row under the
   RU/EN fields and a panel of languages. Graphite tones of style.css; state is text, never colour alone. */
.i18n-more { margin: 6px 0 4px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg-deep); }
.i18n-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; padding: 6px 8px 6px 12px; }
.i18n-caption { color: var(--text); font-size: 13px; font-weight: 650; }
.i18n-status { color: var(--text-2); font-size: 13px; line-height: 1.4; }
.i18n-warn { color: var(--warn); }
.i18n-actions { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-left: auto; }
.i18n-actions .small, .i18n-panel-tools .small, .i18n-stale-confirm .small { min-height: 36px; padding: 0 12px; font-size: 13px; }
.i18n-note { margin: 0; padding: 0 12px 8px; }
.i18n-panel { padding: 4px 12px 12px; border-top: 1px solid var(--line); }
.i18n-grid { display: grid; gap: 10px; margin-top: 10px; }
@media (min-width: 960px) { .i18n-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.i18n-lang { display: grid; gap: 4px; min-width: 0; }
.i18n-lang-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.i18n-lang-head label { margin: 0; color: var(--text-2); font-size: 13px; font-weight: 600; }
.i18n-lang input, .i18n-lang textarea { width: 100%; min-width: 0; }
.i18n-count { justify-self: end; font-size: 12px; font-variant-numeric: tabular-nums; }
.i18n-badge { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border: 1px solid var(--line-2); border-radius: 999px; color: var(--muted); font-size: 12px; font-weight: 600; white-space: nowrap; }
.i18n-badge.is-fresh { color: var(--text-2); }
.i18n-badge.is-stale { border-color: rgb(228 174 79 / .5); color: var(--warn); }
.i18n-panel-tools { justify-content: flex-end; margin-top: 8px; }
.i18n-stale-confirm { margin: 10px 0; padding: 10px 12px; border: 1px solid rgb(228 174 79 / .45); border-radius: var(--radius-md); background: rgb(228 174 79 / .08); font-size: 13px; }
.i18n-stale-list p { margin: 0 0 6px; color: var(--text); }
.i18n-stale-list ul { margin: 0 0 6px; padding-left: 18px; color: var(--text-2); }
.i18n-preview { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--muted); font-size: 13px; }
.i18n-preview select { min-height: 40px; max-width: min(240px, 60vw); }