/* Very Good Helpdesk — Bootstrap 5 overrides */

/* SLA row highlights */
.table .sla-warning { background-color: rgba(255, 193, 7, 0.1) !important; }
.table .sla-breached { background-color: rgba(220, 53, 69, 0.1) !important; }

/* Ticket detail conversation bubbles */
.message-bubble { max-width: 85%; }
.message-inbound { background-color: var(--bs-gray-100); }
.message-outbound { background-color: #e8f0fe; }
.message-note { background-color: #fff9e6; border-left: 4px solid var(--bs-warning); }
.message-ai { border: 1px dashed var(--bs-info) !important; }

/* Category colour pill */
.badge-category { display: inline-block; padding: 0.25em 0.6em; border-radius: 50rem; font-size: 0.75em; font-weight: 500; color: #fff; }

/* Chart wrapper */
.chart-container { position: relative; height: 300px; }

/* Keep subnav active link visually distinct */
.navbar .nav-link.active { border-bottom: 2px solid var(--bs-primary); }