.pdr-list .card {
    margin-bottom: .75rem;
}

.pdr-item__title {
    font-weight: 600;
}

/* Строка-шапка с заголовком слева и блоком кнопок справа (ml-auto): шапка списка ПДР,
   строка «Варианты решения» и т.п. На узком экране заголовок и кнопки переносятся
   и не наезжают друг на друга (flex-wrap + gap). */
.pdr-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem .75rem;
}

.pdr-header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-left: auto;
}

.pdr-item__meta {
    color: #6c757d;
    font-size: .85rem;
    margin-top: .25rem;
}

.pdr-item__actions {
    white-space: nowrap;
    margin-left: 1rem;
}

/* Футер карточки: слева — текст (обычный блок), справа — блок кнопок.
   Не влезает блок кнопок — переносится вниз целиком (flex-wrap + row-gap). */
.pdr-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .25rem .75rem;
}

/* Блок кнопок: прижат вправо; кнопки между собой тоже переносятся с отступом
   (на случай, когда их много). */
.pdr-footer__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-left: auto;
}

/* Дерево инцидентов (/pdr/incident/index): проблема → вариант (отступ) → инциденты (ещё отступ).
   Вложенные уровни смещены вправо и обозначены вертикальной линией слева. */
.pdr-tree__problem {
    margin-bottom: 1.25rem;
}

.pdr-tree__variants {
    margin-left: 1.5rem;
    padding-left: 1rem;
    border-left: 2px solid #e9ecef;
}

.pdr-tree__variant {
    margin-bottom: 1rem;
}

.pdr-tree__incidents {
    margin-left: 1.5rem;
    padding-left: 1rem;
    border-left: 2px solid #f1f3f5;
}

/* Тело диалога истории: длинные причины и вопросы Q&A переносятся, а не растягивают ленту. */
.pdr-log .timeline-item {
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Молния у кнопок «Инцидент» (предложение): тёплый янтарь — контраст к синему
   btn-outline-primary — с медленным «дыханием» (пульс прозрачности и масштаба),
   чтобы кнопка притягивала взгляд. inline-block нужен для transform у инлайн-иконки. */
.pdr-bolt {
    color: #ffc107;
    display: inline-block;
    animation: pdr-bolt-breath 1.8s ease-in-out infinite;
}

@keyframes pdr-bolt-breath {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: .55; transform: scale(1.2); }
}

/* Уважаем системную настройку «меньше движения». */
@media (prefers-reduced-motion: reduce) {
    .pdr-bolt { animation: none; }
}