/**
 * status-badge — the status pill used across the app (~50 status names).
 *
 * Extracted from resources/views/components/status-badge.blade.php, which emitted this entire
 * block inside a <style> tag on EVERY render. Two consequences:
 *
 *  1. The plans DataTable renders one badge per row, so a 25-row draw shipped ~103KB of
 *     duplicated CSS in a single AJAX payload.
 *  2. Rendered inside a heading, the <style> text became part of that heading’s text content
 *     and accessible name — an <h2> read as "Doral Doubletree .status-badge { font-we…".
 *
 * Loaded from the layouts, not pushed to a stack: on the index pages the badge only ever renders
 * inside an AJAX draw, where a @push never reaches a layout, so the CSS would never arrive.
 */

.status-badge {
    font-weight: 600;
}
/* GM Filling Out — custom info-blue pill (not a Bootstrap subtle tone). */
.status-badge.cap-badge-gmfill {
    background: #E4ECF4 !important;
    color: #22527F !important;
    border-color: rgba(36, 104, 168, 0.28) !important;
}
.status-badge.cap-badge-gmfill::before { background: #2468A8 !important; }
[data-bs-theme="dark"] .status-badge.cap-badge-gmfill {
    background: rgba(36, 104, 168, 0.20) !important;
    color: #9ec5e8 !important;
    border-color: rgba(36, 104, 168, 0.45) !important;
}
.text-warning{
    color: #b45309 !important;
    border-color: rgba(245, 158, 11, 0.4) !important;
}
[data-bs-theme="dark"] .text-warning {
    color: #fbbf24 !important;

}
.text-info {
    color: #0b4d6b !important;
    border-color: rgba(13, 110, 164, 0.35) !important;
}
[data-bs-theme="dark"] .status-badge.bg-light {
    background: rgba(148, 163, 184, 0.18) !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
}
[data-bs-theme="dark"] .status-badge.bg-primary-subtle {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
}
[data-bs-theme="dark"] .status-badge.bg-info-subtle {
    background: rgba(14, 116, 144, 0.2) !important;
    color: #67e8f9 !important;
    border-color: rgba(14, 116, 144, 0.45) !important;
}
[data-bs-theme="dark"] .status-badge.bg-warning-subtle {
    background: rgba(217, 119, 6, 0.2) !important;
    color: #fdba74 !important;
    border-color: rgba(217, 119, 6, 0.45) !important;
}
[data-bs-theme="dark"] .status-badge.bg-danger-subtle {
    background: rgba(220, 38, 38, 0.2) !important;
    color: #fca5a5 !important;
    border-color: rgba(220, 38, 38, 0.45) !important;
}
[data-bs-theme="dark"] .status-badge.bg-success-subtle {
    background: rgba(34, 197, 94, 0.2) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.45) !important;
}
[data-bs-theme="dark"] .status-badge.bg-secondary-subtle {
    background: rgba(148, 163, 184, 0.2) !important;
    color: #cbd5e1 !important;
    border-color: rgba(148, 163, 184, 0.45) !important;
}
[data-bs-theme="dark"] .status-badge.bg-danger {
    background: rgba(220, 38, 38, 0.85) !important;
    color: #ffffff !important;
    border-color: rgba(220, 38, 38, 1) !important;
}
[data-bs-theme="dark"] .status-badge.bg-dark {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-color: #333333 !important;
}

/* Dot variant — used in tables */
.status-badge--dot {
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
}
.status-badge--dot::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
    display: inline-block;
}

/* Priority indicators */
.priority-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
}
.priority-indicator i {
    font-size: 0.72rem;
    flex-shrink: 0;
}
.priority-indicator--critical { color: #991b1b; }
.priority-indicator--high     { color: #b42318; }
.priority-indicator--medium   { color: #b7791f; }
.priority-indicator--low      { color: #15803d; }
[data-bs-theme="dark"] .priority-indicator--critical { color: #fca5a5; }
[data-bs-theme="dark"] .priority-indicator--high     { color: #fda4af; }
[data-bs-theme="dark"] .priority-indicator--medium   { color: #fdba74; }
[data-bs-theme="dark"] .priority-indicator--low      { color: #86efac; }