/* Дополнительные стили для отчёта CheckAuto */

/* Плавная анимация скролла */
html {
    scroll-behavior: smooth;
}

/* Стили для печати */
@media print {
    header, footer {
        display: none;
    }
    
    .scroll-mt {
        page-break-inside: avoid;
    }
    
    body {
        background: white;
    }
}

/* Анимация галереи */
.gallery-img {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.gallery-img:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* Ограничение строк текста */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Статусные индикаторы */
.indicator-positive { color: #059669; }
.indicator-negative { color: #dc2626; }
.indicator-neutral { color: #6b7280; }
.indicator-attention { color: #d97706; }

/* ===== Схема повреждений ДТП ===== */
.damage-svg {
    max-width: 100%;
    height: auto;
}

.damage-svg .sector {
    transition: fill 0.2s ease;
}

/* Слабые повреждения (степень 1) — жёлтый */
.damage-svg .damage-minor {
    fill: rgba(255, 193, 7, 0.6) !important;
    stroke: rgba(255, 152, 0, 0.9) !important;
    stroke-width: 1.5 !important;
}

/* Сильные повреждения (степень 2) — красный */
.damage-svg .damage-major {
    fill: rgba(220, 53, 69, 0.6) !important;
    stroke: rgba(185, 28, 28, 0.9) !important;
    stroke-width: 1.5 !important;
}

/* Степень неизвестна (старый формат) — серый */
.damage-svg .damage-unknown {
    fill: rgba(108, 117, 125, 0.5) !important;
    stroke: rgba(75, 85, 99, 0.9) !important;
    stroke-width: 1.5 !important;
}

/* Скрытые секторы (для подсветки без отображения контура) */
.damage-svg .hidden-sector {
    stroke: transparent !important;
}
.damage-svg .hidden-sector.damage-minor,
.damage-svg .hidden-sector.damage-major,
.damage-svg .hidden-sector.damage-unknown {
    stroke: transparent !important;
}

/* Легенда повреждений */
.damage-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 0.5rem;
    font-size: 0.75rem;
}

.damage-legend-item {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.875rem;
    color: #374151;
}

.damage-legend-color {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #d1d5db;
}

.damage-legend-color.none { background: #f3f4f6; }
.damage-legend-color.minor { background: rgba(255, 193, 7, 0.6); border-color: rgba(255, 152, 0, 0.9); }
.damage-legend-color.major { background: rgba(220, 53, 69, 0.6); border-color: rgba(185, 28, 28, 0.9); }
.damage-legend-color.unknown { background: rgba(108, 117, 125, 0.5); border-color: rgba(75, 85, 99, 0.9); }

/* Список повреждённых зон */
.damage-zones-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.damage-zone-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.damage-zone-badge.minor {
    background: rgba(255, 193, 7, 0.2);
    color: #92400e;
    border: 1px solid rgba(255, 193, 7, 0.5);
}

.damage-zone-badge.major {
    background: rgba(220, 53, 69, 0.2);
    color: #991b1b;
    border: 1px solid rgba(220, 53, 69, 0.5);
}

.damage-zone-badge.unknown {
    background: rgba(108, 117, 125, 0.2);
    color: #374151;
    border: 1px solid rgba(108, 117, 125, 0.5);
}