/**
 * Status Chip Utilities
 * Summit ERP - Consistent status styling across all modules
 * 
 * Usage:
 * <span class="status-chip status-active">Active</span>
 * <span class="status-chip status-draft">Draft</span>
 */

/* Base chip styling */
.status-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25rem;
    border-radius: 9999px;
    white-space: nowrap;
}

/* Draft / Pending / Planning States - Yellow */
.status-draft,
.status-pending,
.status-planning,
.status-not-started {
    background-color: #fef3c7;
    color: #92400e;
}

/* Active / Approved / In Progress States - Green */
.status-active,
.status-approved,
.status-executed,
.status-in-progress,
.status-committed {
    background-color: #d1fae5;
    color: #065f46;
}

/* Complete / Completed / Final / Delivered / Paid States - Blue */
.status-complete,
.status-completed,
.status-final,
.status-delivered,
.status-paid,
.status-invoiced {
    background-color: #dbeafe;
    color: #1e40af;
}

/* Submitted / Sent / Generated States - Indigo */
.status-submitted,
.status-sent,
.status-generated,
.status-proposed {
    background-color: #e0e7ff;
    color: #3730a3;
}

/* Cancelled / Rejected / Terminated / Expired States - Red */
.status-cancelled,
.status-rejected,
.status-terminated,
.status-expired,
.status-overdue,
.status-do-not-pursue {
    background-color: #fee2e2;
    color: #991b1b;
}

/* On Hold / Suspended / Needs Revision States - Orange */
.status-on-hold,
.status-suspended,
.status-needs-revision,
.status-interested {
    background-color: #fed7aa;
    color: #9a3412;
}

/* Inactive / Archived / Left Organization States - Gray */
.status-inactive,
.status-archived,
.status-left-organization,
.status-retired,
.status-prospect {
    background-color: #f3f4f6;
    color: #374151;
}

/* Partially Paid State - Amber */
.status-partially-paid,
.status-reimbursed {
    background-color: #fde68a;
    color: #78350f;
}

/* Locked / Lifetime States - Purple */
.status-locked,
.status-lifetime {
    background-color: #e9d5ff;
    color: #6b21a8;
}

/* Special state for deleted (rarely shown in UI) - Dark Gray */
.status-deleted {
    background-color: #e5e7eb;
    color: #1f2937;
    text-decoration: line-through;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .status-chip {
        font-size: 0.7rem;
        padding: 0.2rem 0.5rem;
    }
}

/* Dark mode support (if ever implemented) */
@media (prefers-color-scheme: dark) {
    .status-chip {
        /* Can add dark mode colors here if needed in the future */
    }
}

/* Empty State Utilities */
.empty-state {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-state-icon {
    margin: 0 auto;
    height: 3rem;
    width: 3rem;
    color: #9ca3af;
}

.empty-state-title {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.empty-state-description {
    margin-top: 0.25rem;
    font-size: 0.875rem;
    color: #6b7280;
}

.empty-state-action {
    margin-top: 1.5rem;
}