/* Frontend Styles for Gemini OCR Pro */

.gemini-ocr-container {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
}

.gemini-ocr-container * {
    box-sizing: border-box;
}

.gemini-ocr-link {
    color: #4CAF50;
    text-decoration: none;
    font-weight: 600;
}

.gemini-ocr-link:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .gemini-ocr-container {
        padding: 15px;
    }
    
    .gemini-ocr-header h2 {
        font-size: 22px;
    }
    
    .gemini-ocr-inline-form {
        flex-direction: column;
    }
    
    .gemini-ocr-inline-form input {
        width: 100%;
    }
    
    .api-key-item,
    .prompt-item,
    .backup-file-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .api-key-actions,
    .prompt-actions,
    .backup-file-actions {
        width: 100%;
        margin-top: 15px;
    }
    
    .analytics-overview {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .gemini-ocr-file-preview {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
    
    .stat-value {
        font-size: 32px;
    }
}