/* ==========================================================
   DY_CRM - Endüstriyel ve Teknolojik Tema Renk Paleti
   (DY_B2B ile tam uyumlu kurumsal renk sistemi)
   ========================================================== */

:root {
    /* Ana Renk Değerleri (HEX) */
    --dy-steel-blue:       #075681; /* Çelik Mavisi (Primary) */
    --dy-slate-blue:       #C6D1E3; /* Gri Mavi (Secondary / Kenarlık) */
    --dy-amber:            #FFAC25; /* Amber Sarı (Vurgu / Aksiyon / İndirim) */
    --dy-white:            #FFFFFF; /* Beyaz */
    --dy-dark-navy:        #2B4264; /* Koyu Gri / Lacivert (Header / Vurgu Kartı) */

    /* RGB Bileşenleri (Saydamlık / RGBA kullanımı için) */
    --dy-steel-blue-rgb:   7, 86, 129;
    --dy-slate-blue-rgb:   198, 209, 227;
    --dy-amber-rgb:        255, 172, 37;
    --dy-dark-navy-rgb:    43, 66, 100;

    /* Semantik / Rol Değişkenleri */
    --dy-primary:          var(--dy-steel-blue);
    --dy-secondary:        var(--dy-slate-blue);
    --dy-accent:           var(--dy-amber);
    --dy-header-bg:        var(--dy-dark-navy);

    /* ==========================================================
       MERKEZİ BUTON YÖNETİMİ (Tek Noktadan Tüm Butonları Yönetin)
       ========================================================== */
    --dy-btn-bg:              var(--dy-amber);        /* Buton Arka Planı (Amber Sarı) */
    --dy-btn-border:          var(--dy-amber);        /* Buton Kenarlık Rengi */
    --dy-btn-color:           #1a202c;                /* Buton Metin ve İkon Rengi */
    --dy-btn-radius:          10px;                   /* Buton Köşe Yuvarlama (Border Radius) */
    --dy-btn-hover-opacity:   0.88;                   /* Hover Solukluk/Yumuşama Oranı */
    --dy-btn-hover-filter:    brightness(0.97);       /* Hover Parlaklık Yumuşaması */
    --dy-btn-hover-shadow:    0 4px 14px rgba(var(--dy-amber-rgb), 0.35);

    /* Pasif / Devre Dışı Buton Renkleri (Merkezi Yönetim) */
    --dy-btn-disabled-bg:     rgba(var(--dy-slate-blue-rgb), 0.35); /* Pasif Buton Arka Planı (Gri Mavi) */
    --dy-btn-disabled-border: var(--dy-slate-blue);                 /* Pasif Buton Kenarlık Rengi */
    --dy-btn-disabled-color:  #4f5d77;                              /* Pasif Buton Metin Rengi */

    /* Hover & Active Renkleri */
    --dy-steel-blue-hover: #054060;
    --dy-amber-hover:      var(--dy-amber); /* Rengi değişmez; hafif solukluk/yumuşama efekti uygulanır */
    --dy-dark-navy-hover:  #1f314b;
}

/* ==========================================================
   1. Arka Plan Sınıfları (Background Utilities)

   ========================================================== */
.bg-dy-steel        { background-color: var(--dy-steel-blue) !important; color: #ffffff; }
.bg-dy-slate        { background-color: var(--dy-slate-blue) !important; color: #2B4264; }
.bg-dy-amber        { background-color: var(--dy-amber) !important; color: #1a202c; }
.bg-dy-dark         { background-color: var(--dy-dark-navy) !important; color: #ffffff; }
.bg-dy-white        { background-color: var(--dy-white) !important; }

/* Hafif / Saydam Arka Planlar */
.bg-dy-steel-light  { background-color: rgba(var(--dy-steel-blue-rgb), 0.1) !important; color: var(--dy-steel-blue); }
.bg-dy-amber-light  { background-color: rgba(var(--dy-amber-rgb), 0.15) !important; color: #b7791f; }
.bg-dy-slate-light  { background-color: rgba(var(--dy-slate-blue-rgb), 0.3) !important; }

/* ==========================================================
   2. Metin Renk Sınıfları (Text Utilities)
   ========================================================== */
.text-dy-steel      { color: var(--dy-steel-blue) !important; }
.text-dy-slate      { color: var(--dy-slate-blue) !important; }
.text-dy-amber      { color: var(--dy-amber) !important; }
.text-dy-dark       { color: var(--dy-dark-navy) !important; }
.text-dy-white      { color: var(--dy-white) !important; }

/* ==========================================================
   3. Kenarlık Sınıfları (Border Utilities)
   ========================================================== */
.border-dy-steel    { border-color: var(--dy-steel-blue) !important; }
.border-dy-slate    { border-color: var(--dy-slate-blue) !important; }
.border-dy-amber    { border-color: var(--dy-amber) !important; }
.border-dy-dark     { border-color: var(--dy-dark-navy) !important; }

/* ==========================================================
   4. Buton Stilleri (Button Utilities)
   Uygulama genelindeki tüm birincil/aksiyon butonları Amber Sarı
   rengindedir. Hover durumunda renk değişmez; hafif solukluk ve
   yumuşama efekti uygulanır.
   ========================================================== */
.btn-dy-primary,
.btn-dy-accent,
.btn-primary,
.btn.btn-primary,
.btn-amber,
.btn-accent,
.btn-orange,
.btn-create-lead,
.promo-btn-item,
#btn-promotions-center,
#btn-submit-order,
.crm-btn-orange,
.crm-btn-primary,
.crm-btn-orange-grid,
.crm-search-btn,
.crm-popup-actions .crm-btn-primary,
#goDetailBtn,
.dx-dialog .dx-dialog-buttons .dx-dialog-button {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    background: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    border: 1px solid var(--dy-btn-border, var(--dy-amber)) !important;
    border-radius: var(--dy-btn-radius, 10px) !important;
    color: var(--dy-btn-color, #1a202c) !important;
    font-weight: 700 !important;
    box-shadow: 0 3px 10px rgba(var(--dy-amber-rgb), 0.25) !important;
    transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.15s ease-in-out !important;
}

.btn-dy-primary i,
.btn-dy-accent i,
.btn-primary i,
.btn.btn-primary i,
.btn-amber i,
.btn-accent i,
.btn-orange i,
.btn-create-lead i,
.crm-btn-orange i,
.crm-btn-primary i,
.crm-btn-orange-grid i,
.crm-search-btn i,
.btn-dy-primary .material-icons,
.btn-primary .material-icons,
.dx-dialog .dx-dialog-buttons .dx-dialog-button .dx-button-content {
    color: var(--dy-btn-color, #1a202c) !important;
}

/* Hover ve Focus Efekti: Başka bir renge geçmez, hafif solukluk/yumuşama uygulanır */
.btn-dy-primary:hover,
.btn-dy-primary:focus,
.btn-dy-accent:hover,
.btn-dy-accent:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn-amber:hover,
.btn-amber:focus,
.btn-accent:hover,
.btn-accent:focus,
.btn-orange:hover,
.btn-orange:focus,
.btn-create-lead:hover,
.btn-create-lead:focus,
.crm-btn-orange:hover,
.crm-btn-orange:focus,
.crm-btn-primary:hover,
.crm-btn-primary:focus,
.crm-btn-orange-grid:hover,
.crm-btn-orange-grid:focus,
.crm-search-btn:hover,
.crm-search-btn:focus,
.crm-popup-actions .crm-btn-primary:hover,
.crm-popup-actions .crm-btn-primary:focus,
#goDetailBtn:hover,
#goDetailBtn:focus,
.dx-dialog .dx-dialog-buttons .dx-dialog-button:hover,
.dx-dialog .dx-dialog-buttons .dx-dialog-button.dx-state-hover {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    background: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    color: var(--dy-btn-color, #1a202c) !important;
    opacity: var(--dy-btn-hover-opacity, 0.88) !important;
    filter: var(--dy-btn-hover-filter, brightness(0.97)) !important;
    box-shadow: var(--dy-btn-hover-shadow) !important;
    transform: translateY(-1px);
}

/* Tıklama (Active) Efekti */
.btn-dy-primary:active,
.btn-dy-accent:active,
.btn-primary:active,
.btn.btn-primary:active,
.btn-amber:active,
.btn-accent:active,
.btn-orange:active,
.btn-create-lead:active,
.crm-btn-orange:active,
.crm-btn-primary:active,
.crm-btn-orange-grid:active,
.crm-search-btn:active,
.crm-popup-actions .crm-btn-primary:active,
#goDetailBtn:active,
.dx-dialog .dx-dialog-buttons .dx-dialog-button:active,
.dx-dialog .dx-dialog-buttons .dx-dialog-button.dx-state-active {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    color: var(--dy-btn-color, #1a202c) !important;
    opacity: 0.94 !important;
    transform: scale(0.98) !important;
}

.btn-dy-dark {
    background-color: var(--dy-dark-navy) !important;
    border-color: var(--dy-dark-navy) !important;
    color: #ffffff !important;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}
.btn-dy-dark:hover, .btn-dy-dark:focus {
    background-color: var(--dy-dark-navy) !important;
    border-color: var(--dy-dark-navy) !important;
    color: #ffffff !important;
    opacity: 0.88;
    box-shadow: 0 4px 14px rgba(var(--dy-dark-navy-rgb), 0.35);
}

.btn-dy-outline-steel {
    background-color: transparent !important;
    border: 1px solid var(--dy-steel-blue) !important;
    color: var(--dy-steel-blue) !important;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}
.btn-dy-outline-steel:hover {
    background-color: var(--dy-steel-blue) !important;
    color: #ffffff !important;
    opacity: 0.88;
}

.btn-dy-outline-amber,
.btn-outline-primary,
.btn-outline-warning {
    background-color: transparent !important;
    border: 1px solid var(--dy-btn-border, var(--dy-amber)) !important;
    color: #b7791f !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
}
.btn-dy-outline-amber:hover,
.btn-outline-primary:hover,
.btn-outline-warning:hover {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    color: var(--dy-btn-color, #1a202c) !important;
    opacity: var(--dy-btn-hover-opacity, 0.88) !important;
    box-shadow: 0 4px 12px rgba(var(--dy-amber-rgb), 0.25) !important;
}
.btn-dy-outline-amber:hover i,
.btn-outline-primary:hover i,
.btn-outline-warning:hover i {
    color: var(--dy-btn-color, #1a202c) !important;
}

/* ==========================================================
   5. Rozet & Etiketler (Badge Utilities)
   ========================================================== */
.badge-dy-steel {
    background-color: rgba(var(--dy-steel-blue-rgb), 0.15) !important;
    color: var(--dy-steel-blue) !important;
    font-weight: 600;
}
.badge-dy-amber {
    background-color: rgba(var(--dy-amber-rgb), 0.2) !important;
    color: #b7791f !important;
    font-weight: 700;
}
.badge-dy-dark {
    background-color: var(--dy-dark-navy) !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* ==========================================================
   6. Kart Başlığı ve Vurgu Stilleri
   ========================================================== */
.dy-card-header {
    background-color: var(--dy-dark-navy);
    color: #ffffff;
    border-bottom: 2px solid var(--dy-amber);
    padding: 12px 18px;
    border-radius: 12px 12px 0 0;
}

/* ==========================================================
   7. DevExtreme Widget Tema Entegrasyonu
   ========================================================== */
.dx-button.btn-dy-primary,
.dx-button.btn-dy-accent,
.dx-button-mode-contained.dx-button-default,
.dx-button.dx-button-default,
.dx-button-mode-contained.dx-button-success {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    border-radius: var(--dy-btn-radius, 10px) !important;
    box-shadow: 0 3px 10px rgba(var(--dy-amber-rgb), 0.25) !important;
    transition: opacity 0.2s ease-in-out, filter 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

.dx-button.btn-dy-primary .dx-button-content,
.dx-button.btn-dy-primary .dx-icon,
.dx-button.btn-dy-accent .dx-button-content,
.dx-button.btn-dy-accent .dx-icon,
.dx-button-mode-contained.dx-button-default .dx-button-content,
.dx-button-mode-contained.dx-button-default .dx-icon,
.dx-button.dx-button-default .dx-button-content,
.dx-button.dx-button-default .dx-icon,
.dx-button-mode-contained.dx-button-success .dx-button-content,
.dx-button-mode-contained.dx-button-success .dx-icon {
    color: var(--dy-btn-color, #1a202c) !important;
    font-weight: 700 !important;
}

/* DevExtreme Hover Efekti: Renk değişimi yok, hafif solukluk */
.dx-button.btn-dy-primary:hover,
.dx-button.btn-dy-primary.dx-state-hover,
.dx-button.btn-dy-accent:hover,
.dx-button.btn-dy-accent.dx-state-hover,
.dx-button-mode-contained.dx-button-default:hover,
.dx-button-mode-contained.dx-button-default.dx-state-hover,
.dx-button.dx-button-default:hover,
.dx-button.dx-button-default.dx-state-hover,
.dx-button-mode-contained.dx-button-success:hover,
.dx-button-mode-contained.dx-button-success.dx-state-hover {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    opacity: var(--dy-btn-hover-opacity, 0.88) !important;
    filter: var(--dy-btn-hover-filter, brightness(0.97)) !important;
    box-shadow: var(--dy-btn-hover-shadow) !important;
}

.dx-button.btn-dy-primary.dx-state-active,
.dx-button.btn-dy-accent.dx-state-active,
.dx-button-mode-contained.dx-button-default.dx-state-active,
.dx-button.dx-button-default.dx-state-active,
.dx-button-mode-contained.dx-button-success.dx-state-active {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    opacity: 0.94 !important;
}

.dx-button.btn-dy-dark {
    background-color: var(--dy-dark-navy) !important;
    border-color: var(--dy-dark-navy) !important;
}
.dx-button.btn-dy-dark .dx-button-content,
.dx-button.btn-dy-dark .dx-icon {
    color: #ffffff !important;
}
.dx-button.btn-dy-dark:hover,
.dx-button.btn-dy-dark.dx-state-hover {
    background-color: var(--dy-dark-navy) !important;
    border-color: var(--dy-dark-navy) !important;
    opacity: 0.88 !important;
    box-shadow: 0 4px 14px rgba(var(--dy-dark-navy-rgb), 0.35) !important;
}

/* ==========================================================
   8. Kampanya & Promosyon Merkezi Buton Yönetimi
   ========================================================== */

/* Kampanya Yok / Pasif Durum (Tema Pasif Rengi: Gri Mavi) */
#btn-promotions-center.is-empty,
.btn-promo-empty,
.btn-dy-disabled,
button:disabled.btn-dy-primary,
button[disabled].btn-dy-primary {
    background-color: var(--dy-btn-disabled-bg, rgba(198, 209, 227, 0.35)) !important;
    background: var(--dy-btn-disabled-bg, rgba(198, 209, 227, 0.35)) !important;
    border: 1px solid var(--dy-btn-disabled-border, #C6D1E3) !important;
    border-radius: var(--dy-btn-radius, 10px) !important;
    color: var(--dy-btn-disabled-color, #4f5d77) !important;
    opacity: 0.85 !important;
    pointer-events: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    animation: none !important;
    transform: none !important;
}

#btn-promotions-center.is-empty i,
.btn-promo-empty i,
.btn-dy-disabled i {
    color: var(--dy-btn-disabled-color, #4f5d77) !important;
}

/* Kampanya Aktif / Bekleyen Hediye Var (Amber Sarı + Pulse) */
#btn-promotions-center.is-active,
.btn-promo-active {
    background-color: var(--dy-btn-bg, var(--dy-amber)) !important;
    background: var(--dy-btn-bg, var(--dy-amber)) !important;
    border-color: var(--dy-btn-border, var(--dy-amber)) !important;
    border-radius: var(--dy-btn-radius, 10px) !important;
    color: var(--dy-btn-color, #1a202c) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    animation: dyPulse 1.5s infinite !important;
}
#btn-promotions-center.is-active i,
.btn-promo-active i {
    color: var(--dy-btn-color, #1a202c) !important;
}

/* Kampanyalar Uygulandı (Başarılı / Yeşil) */
#btn-promotions-center.is-applied,
.btn-promo-applied {
    background-color: #10b981 !important;
    background: #10b981 !important;
    border-color: #059669 !important;
    border-radius: var(--dy-btn-radius, 10px) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    animation: none !important;
}
#btn-promotions-center.is-applied i,
.btn-promo-applied i {
    color: #ffffff !important;
}

/* Kampanyalar Devre Dışı / Kapalı */
#btn-promotions-center.is-disabled,
.btn-promo-disabled {
    background-color: #64748b !important;
    background: #64748b !important;
    border-color: #475569 !important;
    border-radius: var(--dy-btn-radius, 10px) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    animation: none !important;
}
#btn-promotions-center.is-disabled i,
.btn-promo-disabled i {
    color: #ffffff !important;
}

@keyframes dyPulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.88;
        transform: scale(1.02);
    }
}