/*
ProcessFlow Optimizer Custom Stylesheet
*/

:root {
    --bs-primary: #4A90E2;
    --bs-primary-rgb: 74, 144, 226;
    --bs-secondary: #50E3C2;
    --bs-secondary-rgb: 80, 227, 194;
    --bs-body-bg: #F8F9FA;
    --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --bs-border-radius: 0.5rem;
    --bs-card-border-width: 0;
    --bs-card-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

body {
    color: #212529;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    opacity: 0.9;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.header {
    background: linear-gradient(90deg, #4A90E2 0%, #63A4F7 100%);
    color: white;
    padding: 2.5rem 0;
    margin-bottom: -1rem;
}

.header h1 {
    font-weight: 700;
    color: white;
}
.header p {
    color: rgba(255,255,255,0.8) !important;
}

.card {
    border: none;
    border-radius: var(--bs-border-radius);
}

.list-group-item {
    border-bottom: 1px solid #eee !important;
}
.list-group-item:last-child {
    border-bottom: none !important;
}

.form-control:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}