@charset "UTF-8";
/* ============================================================================
   Słowniki — to, czego NIE ma we wspólnej powłoce ustawień
   ----------------------------------------------------------------------------
   Cała powłoka (korzeń, nagłówek, przyciski, pasek narzędzi, tabela, dialog,
   pola formularza) przeniosła się do `Features/Settings/Chrome/settings-chrome
   .scss` pod prefiks `st-`, bo okazała się generyczna — po wyjęciu tych trzech
   bloków nie zostało w niej nic o słownikach.

   Tutaj zostają wyłącznie rzeczy, których używa dokładnie jedna z pięciu stron
   słownikowych albo dialog słownikowy. Prefiks zostaje `sl-`, żeby na pierwszy
   rzut oka było widać, że to NIE jest część wspólnego zestawu.
   ========================================================================= */
/* ── plakietka „wymagany" (rodzaje zgłoszeń) ──────────────────────────── */
.sl-req {
  font: 600 9.5px/1 "Consolas", "Cascadia Mono", monospace;
  letter-spacing: 0.06em;
  color: var(--warn-ink);
  background: var(--warn-soft);
  border: 1px solid color-mix(in oklab, var(--warn) 32%, transparent);
  border-radius: 3px;
  padding: 4px 5px;
  white-space: nowrap;
}

/* ── podgląd pigułki w obu motywach naraz (dialog koloru) ─────────────── */
/* Odwzorowanie tokenów, nie zgadywanie: `.sl-prevbox--light/--dark`
   przedefiniowują tę garść zmiennych, których używa `.st-pill`, więc podgląd
   pokazuje dokładnie to, co użytkownik zobaczy na DRUGIM motywie — a nie
   przybliżenie policzone z jasnego. */
.sl-prevs {
  display: flex;
  gap: 8px;
}

.sl-prevbox {
  flex: 1;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 9px;
  background: var(--paper);
}
.sl-prevbox .sl-prevbox__lb {
  font: 600 9px/1 "Consolas", "Cascadia Mono", monospace;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ink-mute);
}
.sl-prevbox--light {
  --paper: #ffffff;
  --line: #e6eaee;
  --line-2: #d3d9df;
  --ink: #1b1d23;
  --ink-mute: #6b6d78;
}
.sl-prevbox--light .ft {
  --ft-fg: var(--ft);
  --ft-tint: color-mix(in oklab, var(--ft) 10%, var(--paper));
  --ft-edge: color-mix(in oklab, var(--ft) 28%, var(--line));
}
.sl-prevbox--dark {
  --paper: #1e2238;
  --line: #2f3450;
  --line-2: #3d4366;
  --ink: #eceef8;
  --ink-mute: #969aba;
}
.sl-prevbox--dark .ft {
  --ft-fg: color-mix(in oklab, var(--ft) 58%, white);
  --ft-tint: color-mix(in oklab, var(--ft) 20%, var(--paper));
  --ft-edge: color-mix(in oklab, var(--ft) 38%, var(--line-2));
}