/* assets/conflict.css – Conflict Highlighter panel styling */

/* ── Panel chrome ─────────────────────────────────────────── */
.conflict-panel {
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.conflict-panel-ok {
    border-left: 4px solid var(--mantine-color-green-6) !important;
    background: var(--mantine-color-green-0);
}
.conflict-panel-red {
    animation: conflict-pulse-red 2.5s ease-in-out infinite;
    will-change: box-shadow;
}
.conflict-panel-orange {
    animation: conflict-pulse-orange 3s ease-in-out infinite;
    will-change: box-shadow;
}

@keyframes conflict-pulse-red {
    0%, 100% { box-shadow: 0 0 0 0 rgba(250, 82, 82, 0); }
    50%      { box-shadow: 0 0 10px 2px rgba(250, 82, 82, 0.18); }
}
@keyframes conflict-pulse-orange {
    0%, 100% { box-shadow: 0 0 0 0 rgba(253, 126, 20, 0); }
    50%      { box-shadow: 0 0 8px 2px rgba(253, 126, 20, 0.15); }
}

/* ── Individual conflict cards ────────────────────────────── */
.conflict-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.conflict-card:hover {
    transform: translateX(3px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Severity-specific left border (fallback if inline style fails) */
.conflict-critical {
    border-left-color: var(--mantine-color-red-6) !important;
}
.conflict-warning {
    border-left-color: var(--mantine-color-orange-6) !important;
}
.conflict-info {
    border-left-color: var(--mantine-color-blue-6) !important;
}

/* ── Accordion tweaks inside the panel ────────────────────── */
.conflict-panel .mantine-Accordion-item {
    border-color: var(--mantine-color-gray-3);
}
.conflict-panel .mantine-Accordion-control {
    padding: 8px 12px;
}
.conflict-panel .mantine-Accordion-control:hover {
    background: var(--mantine-color-gray-0);
}
.conflict-panel .mantine-Accordion-panel {
    padding: 0 12px 12px;
}

/* ── Badge row inside cards ───────────────────────────────── */
.conflict-card .mantine-Badge-root {
    cursor: default;
}

/* ── Resolution section styling ───────────────────────────── */
.conflict-card .mantine-Divider-root {
    opacity: 0.5;
}

/* ── Summary strip (inline / toolbar usage) ───────────────── */
.conflict-strip-inline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ── Dark mode adaptations ────────────────────────────────── */
[data-mantine-color-scheme="dark"] .conflict-panel-ok {
    background: var(--mantine-color-dark-6);
    border-left-color: var(--mantine-color-green-8) !important;
}
[data-mantine-color-scheme="dark"] .conflict-card {
    background: var(--mantine-color-dark-7) !important;
}
[data-mantine-color-scheme="dark"] .conflict-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}