/*
 * Fixed Status Colors - DO NOT use CSS variables here
 * These colors should remain constant regardless of clinic customization
 */

/* ============================================
   APPOINTMENT & MEDICAL CARE STATUS BADGES
   ============================================ */

/* Confirmed / Active - Green */
.status-confirmed,
.badge.status-confirmed,
.status-chip.status-confirmed,
.status-badge.status-confirmed {
    background-color: #d4edda !important;
    color: #155724 !important;
    border-color: #c3e6cb !important;
}

/* Ongoing - Blue */
.status-ongoing,
.badge.status-ongoing,
.status-chip.status-ongoing,
.status-badge.status-ongoing {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
    border-color: #bee5eb !important;
}

/* Pending - Yellow/Orange */
.status-pending,
.badge.status-pending,
.status-chip.status-pending,
.status-badge.status-pending {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border-color: #ffeaa7 !important;
}

/* Finished / Completed - Purple */
.status-finished,
.badge.status-finished,
.status-chip.status-finished,
.status-badge.status-finished,
.status-completed,
.badge.status-completed,
.status-chip.status-completed,
.status-badge.status-completed {
    background-color: #e2d9f3 !important;
    color: #5a4a7d !important;
    border-color: #d1c4e9 !important;
}

/* Cancelled / Rejected - Red */
.status-cancelled,
.badge.status-cancelled,
.status-chip.status-cancelled,
.status-badge.status-cancelled,
.status-canceled,
.badge.status-canceled,
.status-chip.status-canceled,
.status-badge.status-canceled,
.status-rejected,
.badge.status-rejected,
.status-chip.status-rejected,
.status-badge.status-rejected {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border-color: #f5c6cb !important;
}

/* Waiting - Light Blue */
.status-waiting,
.badge.status-waiting,
.status-chip.status-waiting,
.status-badge.status-waiting {
    background-color: #cfe2ff !important;
    color: #084298 !important;
    border-color: #b6d4fe !important;
}

/* Absent / No Show - Gray */
.status-absent,
.badge.status-absent,
.status-chip.status-absent,
.status-badge.status-absent,
.status-noshow,
.badge.status-noshow,
.status-chip.status-noshow,
.status-badge.status-noshow {
    background-color: #e2e3e5 !important;
    color: #41464b !important;
    border-color: #d3d6d8 !important;
}

/* In Progress / In Service - Teal */
.status-inprogress,
.badge.status-inprogress,
.status-chip.status-inprogress,
.status-badge.status-inprogress {
    background-color: #d1f2eb !important;
    color: #0c5460 !important;
    border-color: #c3e6cb !important;
}

/* ============================================
   INVOICE STATUS
   ============================================ */

/* Paid - Green */
.status-paid,
.badge.status-paid,
.status-chip.status-paid,
.status-badge.status-paid {
    background-color: #d4edda !important;
    color: #155724 !important;
    border-color: #c3e6cb !important;
}

/* Unpaid / Due - Orange */
.status-unpaid,
.badge.status-unpaid,
.status-chip.status-unpaid,
.status-badge.status-unpaid,
.status-due,
.badge.status-due,
.status-chip.status-due,
.status-badge.status-due {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border-color: #ffeaa7 !important;
}

/* Overdue - Red */
.status-overdue,
.badge.status-overdue,
.status-chip.status-overdue,
.status-badge.status-overdue {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border-color: #f5c6cb !important;
}

/* Partial - Yellow */
.status-partial,
.badge.status-partial,
.status-chip.status-partial,
.status-badge.status-partial {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border-color: #ffeaa7 !important;
}

/* ============================================
   USER STATUS
   ============================================ */

/* Active - Green */
.status-active,
.badge.status-active,
.status-chip.status-active,
.status-badge.status-active {
    background-color: #d4edda !important;
    color: #155724 !important;
    border-color: #c3e6cb !important;
}

/* Inactive / Disabled - Gray */
.status-inactive,
.badge.status-inactive,
.status-chip.status-inactive,
.status-badge.status-inactive,
.status-disabled,
.badge.status-disabled,
.status-chip.status-disabled,
.status-badge.status-disabled {
    background-color: #e2e3e5 !important;
    color: #41464b !important;
    border-color: #d3d6d8 !important;
}

/* Blocked / Suspended - Red */
.status-blocked,
.badge.status-blocked,
.status-chip.status-blocked,
.status-badge.status-blocked,
.status-suspended,
.badge.status-suspended,
.status-chip.status-suspended,
.status-badge.status-suspended {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border-color: #f5c6cb !important;
}

/* ============================================
   GENERAL BADGE STYLING
   ============================================ */

.badge-pill,
.status-badge,
.status-chip {
    padding: 0.375rem 0.75rem !important;
    border-radius: 10rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
}

/* Ensure these styles override any theme colors */
.badge[class*="status-"],
.status-badge[class*="status-"],
.status-chip[class*="status-"] {
    /* Force fixed colors even if parent has custom theme */
    transition: none !important;
}

/* ============================================
   ONLINE BOOKING STATUS
   ============================================ */

/* Accepted - Green */
.status-accepted,
.badge.status-accepted,
.status-chip.status-accepted,
.status-badge.status-accepted {
    background-color: #d4edda !important;
    color: #155724 !important;
    border-color: #c3e6cb !important;
}

/* Under Review - Blue */
.status-review,
.badge.status-review,
.status-chip.status-review,
.status-badge.status-review {
    background-color: #cfe2ff !important;
    color: #084298 !important;
    border-color: #b6d4fe !important;
}