/*
 * ADM-20(/admin/settings/regions · /languages · /sign-languages · /holidays)
 * 리전 · 언어 · 수어 · 공휴일 탭(P6-S1-T1). 색은 tokens.css 의 var(--…) 로만 씁니다.
 *
 * 이 파일은 layouts/_head.html.erb 의 stylesheet_link_tag(:app) 가 app/assets/**\/*.css 를
 * 자동으로 모두 읽어 들이므로(Propshaft::Helper#stylesheet_link_tag :app), application.css 에
 * 다시 @import 하지 않습니다.
 */

.admin-i18n {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.admin-i18n-tabs__list {
  display: flex;
  gap: var(--space-2);
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color-surface);
}

.admin-i18n-tabs__tab {
  display: inline-block;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  text-decoration: none;
  color: var(--color-text-muted);
}

.admin-i18n-tabs__tab.is-selected {
  color: var(--color-text);
  font-weight: var(--font-weight-bold);
  border: 1px solid var(--color-surface);
  border-bottom-color: var(--color-background);
  margin-bottom: -1px;
}

.admin-i18n-card {
  border: 1px solid var(--color-surface);
  border-radius: var(--radius-card);
  padding: var(--space-4);
  background: var(--color-background);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.admin-i18n-history {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  color: var(--color-text-muted);
  font-size: var(--font-size-caption);
}

.admin-i18n-holidays__actions {
  display: flex;
  gap: var(--space-3);
}

.admin-i18n-region-picker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

#admin-i18n-sign-language-order li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) 0;
}