/* base.css - Foundation styles */

/* Body and container */
body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.test-container { display: none; height: calc(100vh - 70px); background: #f5f5f5; margin-top: 70px; }

/* Main content */
.main-content { flex: 1; padding: 40px; }
.main-content h1 { margin-top: 0; }

/* Log container (for debugging) */
.log { background: #f5f5f5; border: 1px solid #ddd; padding: 15px; border-radius: 5px; font-family: monospace; font-size: 12px; max-height: 400px; overflow-y: auto; }
.log-entry { margin-bottom: 5px; }
.log-entry.error { color: #d32f2f; }
.log-entry.success { color: #388e3c; }
.log-entry.info { color: #1976d2; }

/* Spinner animation */
.spinner { border: 3px solid #f3f3f3; border-top: 3px solid #d1a018; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Loading indicator */
.loading-indicator { display: none; }