/* Status styles */
.status-completed svg path {
    stroke: #16a34a; /* Green-600 */
}

.status-current svg {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Add these to ensure Tailwind classes work */
.text-green-600 {
    color: #16a34a !important;
}

.text-blue-500 {
    color: #3b82f6 !important;
}

.text-gray-400 {
    color: #9ca3af !important;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}

/* Loading view */
.loading-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #3b82f6;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Debug styles */
#debug-status {
    max-height: 100px;
    overflow-y: auto;
    font-family: monospace;
    font-size: 10px;
    padding: 4px;
    border: 1px solid #e5e7eb;
}

/* Custom styles for the proposal generator */

/* Status indicator customizations */
.status-icon svg {
    height: 20px;
    width: 20px;
}

/* Status colors */
.status-active {
    color: #3b82f6;
}

.status-complete {
    color: #10b981;
}

.status-pending {
    color: #9ca3af;
}

/* Transitions */
.view-transition {
    transition: opacity 0.3s ease-in-out;
}

/* Debug console */
#debug-status {
    font-family: monospace;
    white-space: pre-wrap;
    font-size: 11px;
    max-height: 100px;
    overflow-y: auto;
}

/* Loading animations */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* RFP upload section */
#rfpUploadSection.hidden {
    display: none;
}

/* Mode descriptions */
#basicModeDescription.hidden,
#advancedModeDescription.hidden {
    display: none;
}

/* Drop zone highlight */
.border-dashed.border-blue-500 {
    border-color: #3b82f6;
}

.border-dashed.bg-blue-50 {
    background-color: #eff6ff;
}