/* This is the correct content for style.css */
.card { 
    background-color: white; 
}
.dark .card { 
    background-color: #1F2937; /* dark:bg-gray-800 */
}

.input-field { 
    margin-top: 0.25rem; display: block; width: 100%; border-radius: 0.375rem; 
    border: 1px solid #D1D5DB; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); 
    background-color: #F9FAFB; padding: 0.5rem 0.75rem; 
    font-size: 0.875rem; line-height: 1.25rem; 
}

.input-file-field { 
    margin-top: 0.25rem; display: block; width: 100%; 
    font-size: 0.875rem; line-height: 1.25rem; color: #6B7280; 
    file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 
    file:bg-gray-50 file:text-sm file:font-medium hover:file:bg-gray-100 
}

.dark .input-field { 
    background-color: #374151; border-color: #4B5563; color: #D1D5DB; 
}

.dark .input-file-field { 
    color: #9CA3AF; file:bg-gray-700 file:text-gray-400 dark:hover:file:bg-gray-600
}

/* Primary Button (Blue/Indigo) */
.btn-primary { 
    padding: 0.5rem 1rem; border: 1px solid transparent; border-radius: 0.375rem; 
    font-size: 0.875rem; font-medium; color: white; background-color: #4F46E5; /* indigo-600 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); cursor:pointer; 
}
.btn-primary:hover { 
    background-color: #4338CA; /* indigo-700 */
}
.btn-primary:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Secondary Button (White/Gray) */
.btn-secondary { 
    padding: 0.5rem 1rem; border: 1px solid #D1D5DB; border-radius: 0.375rem; 
    font-size: 0.875rem; font-medium; color: #374151; background-color: white; 
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); cursor:pointer;
}
.btn-secondary:hover { 
    background-color: #F9FAFB; 
}
.dark .btn-secondary { 
    background-color: #4B5563; border-color: #6B7280; color: #D1D5DB; 
}
.dark .btn-secondary:hover { 
    background-color: #6B7280; 
}

/* Green Button (for GDocs) */
.btn-green {
    padding: 0.5rem 1rem; border: 1px solid transparent; border-radius: 0.375rem; 
    font-size: 0.875rem; font-medium; color: white; background-color: #16A34A; /* green-600 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); cursor:pointer;
}
.btn-green:hover {
    background-color: #15803D; /* green-700 */
}
.btn-green:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Blue Button (for Word) */
.btn-blue {
    padding: 0.5rem 1rem; border: 1px solid transparent; border-radius: 0.375rem; 
    font-size: 0.875rem; font-medium; color: white; background-color: #2563EB; /* blue-600 */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); cursor:pointer;
}
.btn-blue:hover {
    background-color: #1D4ED8; /* blue-700 */
}
.btn-blue:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}