/* =============================================================
   COMPONENT / BADGES
   
   Маленькие метки-плашки внутри текста.
   - .qm, .em — счётчики/маркеры рядом с заголовком
   - .edited-field — вспышка «поле только что изменено»
   ============================================================= */

.qm,
.em {
    background-color: var(--blue-500);
    font-size: var(--fs-xs);
    color: white;
    font-weight: var(--fw-bold);
    border-radius: var(--radius-lg);
    padding: 0 var(--space-2);
    margin-left: var(--space-2);
}

/* Вспышка при редактировании */
.edited-field {
    background-color: var(--green-500);
    transition: all var(--duration-slower) var(--ease-default);
}