@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8f9fa;
}

.navbar-brand {
    font-size: 1.5rem;
    color: #0d6efd !important;
}

.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    margin-bottom: 1.5rem;
}

.table {
    margin-bottom: 0;
}

.btn {
    font-weight: 500;
}

.badge {
    font-weight: 500;
    padding: 0.35em 0.65em;
}

.alert {
    border: none;
}

.modal-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.form-label {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.wizard-step {
    padding: 1.5rem;
}

.wizard-step h5 {
    margin-bottom: 1rem;
}

.status-badge {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.status-draft { background-color: #e7f1ff; color: #004085; }
.status-setup_started { background-color: #fff3cd; color: #856404; }
.status-setup_done { background-color: #d4edda; color: #155724; }
.status-prod_started { background-color: #cce5ff; color: #004085; }
.status-prod_done { background-color: #d1ecf1; color: #0c5460; }
.status-closed { background-color: #d4edda; color: #155724; }

.event-item {
    padding: 0.75rem;
    border-left: 3px solid #0d6efd;
    background-color: #f8f9fa;
    margin-bottom: 0.5rem;
}

.event-item small {
    color: #6c757d;
}

canvas {
    max-height: 300px;
}