/* TF3 F6-10: значки статей, «Недавние», закреплённая панель действий, колоды. Подключается после dict.css. Цвета — переменные dict.css. */
.dict-q-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.5; vertical-align: middle; }
.dict-q-ok { background: var(--dict-de-bg); color: var(--dict-de-ink); }
.dict-q-auto { background: var(--dict-surface-2); color: var(--dict-tr); }
.dict-q-info { background: var(--dict-het-bg); color: var(--dict-het-ink); }
.dict-q-warn { background: var(--dict-warn-bg); color: var(--dict-warn-ink); }

.dict-q-recent, .dict-q-decks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.dict-q-chip { min-height: 44px; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--dict-surface-2); background: var(--dict-surface-2); color: inherit; font: inherit; cursor: pointer; }
.dict-q-chip:focus-visible, .dict-q-act:focus-visible { outline: 3px solid var(--dict-het-fill); outline-offset: 2px; }
.dict-q-empty { margin: 0; opacity: .75; }
.dict-q-h { margin: 0 0 6px; font-weight: 700; }
.dict-q-count { opacity: .75; font-size: 13px; }

.dict-q-actions { position: sticky; bottom: 0; z-index: 5; display: flex; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
  margin: 16px -16px -14px; border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
  background: var(--dict-surface-2); border-top: 1px solid var(--border-strong, rgba(0, 0, 0, .18)); }
.dict-q-act { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 44px; padding: 8px 10px; border-radius: 10px;
  border: 1.5px solid var(--dict-tr); background: var(--white, transparent); color: var(--dict-tr); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.dict-q-act .dict-i { width: 20px; height: 20px; flex: none; }
.dict-q-act[aria-pressed="true"] .dict-i { fill: var(--orange); stroke: var(--orange-ink, currentColor); }
.dict-q-act[data-act="know"][aria-pressed="true"] .dict-i { fill: none; stroke: var(--green, #2e7d32); stroke-width: 3; }
.dict-q-act[disabled] { opacity: .5; cursor: default; }
.dict-q-primary { background: var(--orange); border-color: var(--orange); color: var(--on-orange, #fff); flex-grow: 1.4; }
/* на телефоне панель прижата к низу, над нижним таб-баром nav.js (высота --dict-tab-h) */
@media (max-width: 768px) {
  .dict-q-actions { position: fixed; left: 0; right: 0; bottom: var(--dict-tab-h, calc(66px + env(safe-area-inset-bottom, 0px))); margin: 0; border-radius: 0; padding-bottom: 10px; box-shadow: 0 -4px 16px rgba(26, 35, 126, .12); }
  .dict-entry.dict-has-bar { margin-bottom: 84px; }
}
@media (max-width: 480px) {
  .dict-q-actions { gap: 6px; padding: 8px 8px 8px; }
  .dict-q-act { flex-direction: column; gap: 2px; padding: 6px 2px; flex: 1 1 0; min-width: 0; white-space: nowrap; min-height: 52px; font-size: 12.5px; line-height: 1.15; }
}
@media (prefers-reduced-motion: no-preference) { .dict-q-chip, .dict-q-act { transition: background-color .15s; } }
@media (prefers-reduced-motion: reduce) { .dict-q-chip, .dict-q-act { transition: none; } }