/* Dinamik Tema Renkleri - Kullanıcı Özelleştirmesi */
:root {
    --primary-color: #1e3c72;
    --primary-light: #2a5298;
    --primary-dark: #162d5a;
    --secondary-color: #4da6ff;
    --success-color: #1dd1a1;
    --warning-color: #feca57;
    --danger-color: #ff6b6b;
    --info-color: #5f27cd;
    --sidebar-gradient-start: #1e3c72;
    --sidebar-gradient-end: #2a5298;
    --bg-gradient-start: #f5f7fa;
    --bg-gradient-end: #e4e8ec;
}

/* Sidebar Renkleri */
.sidebar,
.navbar-default .sidebar {
    background: linear-gradient(180deg, var(--sidebar-gradient-start) 0%, var(--sidebar-gradient-end) 100%) !important;
}

/* Üst Menü */
.navbar-default {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-light) 100%);
    border: none;
}

/* Sayfa Arka Plan */
body {
    background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%) !important;
}

/* Panel Başlıkları */
.panel-heading {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
    color: #fff !important;
}

/* Butonlar */
.btn-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%) !important;
    border-color: var(--primary-color) !important;
}

.btn-success {
    background: linear-gradient(135deg, var(--success-color) 0%, var(--success-color) 100%) !important;
    border-color: var(--success-color) !important;
}

.btn-warning {
    background: linear-gradient(135deg, var(--warning-color) 0%, var(--warning-color) 100%) !important;
    border-color: var(--warning-color) !important;
}

.btn-danger {
    background: linear-gradient(135deg, var(--danger-color) 0%, var(--danger-color) 100%) !important;
    border-color: var(--danger-color) !important;
}

.btn-info {
    background: linear-gradient(135deg, var(--info-color) 0%, var(--info-color) 100%) !important;
    border-color: var(--info-color) !important;
}

/* Aktif Menü Öğesi */
.sidebar-nav ul > li.active > a {
    background: rgba(77, 166, 255, 0.2) !important;
    border-left: 3px solid var(--secondary-color) !important;
}

/* Hover Efektleri */
.sidebar-nav ul > li > a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-left: 3px solid var(--secondary-color) !important;
}

/* İkon Renkleri */
.sidebar-nav .fa {
    color: var(--secondary-color);
}

/* Progress Bar Renkleri */
.progress-bar {
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-light) 100%);
}

.progress-bar-success {
    background: linear-gradient(90deg, var(--success-color) 0%, var(--success-color) 100%);
}

.progress-bar-warning {
    background: linear-gradient(90deg, var(--warning-color) 0%, var(--warning-color) 100%);
}

.progress-bar-danger {
    background: linear-gradient(90deg, var(--danger-color) 0%, var(--danger-color) 100%);
}

/* Alert Renkleri */
.alert-success {
    background-color: rgba(29, 209, 161, 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
}

.alert-warning {
    background-color: rgba(254, 202, 87, 0.1);
    border-color: var(--warning-color);
    color: var(--warning-color);
}

.alert-danger {
    background-color: rgba(255, 107, 107, 0.1);
    border-color: var(--danger-color);
    color: var(--danger-color);
}

.alert-info {
    background-color: rgba(95, 39, 205, 0.1);
    border-color: var(--info-color);
    color: var(--info-color);
}

/* Badge Renkleri */
.badge-bekleyen {
    background: linear-gradient(135deg, var(--danger-color) 0%, var(--danger-dark) 100%);
}

.badge-servis {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
}

.badge-parca {
    background: linear-gradient(135deg, var(--warning-color) 0%, var(--warning-dark) 100%);
}

.badge-tamam {
    background: linear-gradient(135deg, var(--success-color) 0%, var(--success-dark) 100%);
}

.badge-iptal {
    background: linear-gradient(135deg, var(--info-color) 0%, var(--info-dark) 100%);
}

/* Link Renkleri */
a, a:hover, a:focus {
    color: var(--primary-color);
}

/* Border Renkleri */
.panel,
.card,
.modern-card {
    border-color: var(--primary-color);
}

/* Focus Renkleri */
.form-control:focus {
    border-color: var(--secondary-color);
    box-shadow: 0 0 0 3px rgba(77, 166, 255, 0.1);
}

/* Scrollbar */
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-light) 100%);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}