/* ==========================================================================
   DENKLEM CRM — MERKEZİ STANDART BUTON SİSTEMİ (BUTTONS.CSS)
   Schindler Swiss Design Standardı:
   - Font: Univers, Helvetica Neue, Arial, sans-serif
   - Renkler: Schindler Kırmızısı (#E2001A), Schindler Siyahı (#1A1A1A), Nötr Gri (#CBD5E1)
   - Butonlarda KESİNLİKLE ikon kullanılmaz (Salt Metin / Text-Only).
   - Köşeler: 4px (Schindler İsviçre Keskin Çizgisi)
   - Efektler: Mikro Yükselme (translateY(-1px)), Kırmızı Vurgulu Gölge
   ========================================================================== */

:root {
    --btn-font-family: 'Univers', 'Helvetica Neue', Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --btn-font-size: 0.875rem; /* 14px Standart */
    --btn-font-weight: 700;
    --btn-line-height: 1.5;
    --btn-padding-y: 0.6875rem; /* 11px */
    --btn-padding-x: 1.375rem;  /* 22px */
    --btn-radius: 4px; /* Schindler Swiss Modern Keskin Köşeler */
    --btn-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* Schindler Kurumsal Renk Tanımları */
    --color-primary: #E2001A;
    --color-primary-hover: #B80015;
    --color-primary-active: #990012;
    --color-primary-light: #FFF0F2;

    --color-navy: #1A1A1A;
    --color-navy-hover: #2E2E2E;
    --color-navy-active: #000000;

    --color-cancel: #475569;
    --color-cancel-hover: #1E293B;
    --color-cancel-bg: #FFFFFF;
    --color-cancel-border: #CBD5E1;

    --color-danger: #E2001A;
    --color-danger-hover: #B80015;

    --color-success: #10B981;
    --color-success-hover: #059669;
}

/* Temel Buton Yapısı */
.btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--btn-font-family);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    padding: var(--btn-padding-y) var(--btn-padding-x);
    border-radius: var(--btn-radius);
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    transition: var(--btn-transition);
    white-space: nowrap;
    box-sizing: border-box;
    min-height: 44px; /* Dokunmatik/Mobil Ergonomi */
}

.btn-action:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

.btn-action:disabled,
.btn-action.disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

/* 1. Primary Buton (Schindler Outline & Solid Standartları) */
.btn-action-primary,
.btn-action-outline-primary {
    background-color: #FFFFFF;
    color: var(--color-primary) !important;
    border: 1.5px solid var(--color-primary);
    box-shadow: 0 1px 3px rgba(226, 0, 26, 0.08);
}

.btn-action-primary:hover,
.btn-action-outline-primary:hover {
    background-color: var(--color-primary-light);
    color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover);
    box-shadow: 0 4px 14px rgba(226, 0, 26, 0.28);
    transform: translateY(-1px);
}

.btn-action-primary:active,
.btn-action-outline-primary:active {
    background-color: #FFE5E8;
    border-color: var(--color-primary-active);
    transform: translateY(0);
}

/* Schindler Dolgulu Primary Buton */
.btn-action-solid-primary {
    background-color: var(--color-primary);
    color: #FFFFFF !important;
    border: 1.5px solid var(--color-primary);
    box-shadow: 0 2px 6px rgba(226, 0, 26, 0.25);
}

.btn-action-solid-primary:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    box-shadow: 0 4px 14px rgba(226, 0, 26, 0.35);
    transform: translateY(-1px);
}

/* 2. Cancel / Vazgeç / Çıkış Butonu */
.btn-action-cancel {
    background-color: var(--color-cancel-bg);
    color: #1A1A1A !important;
    border: 1.5px solid var(--color-cancel-border);
}

.btn-action-cancel:hover {
    background-color: #F4F5F7;
    color: #000000 !important;
    border-color: #94A3B8;
    transform: translateY(-1px);
}

.btn-action-cancel:active {
    background-color: #E2E8F0;
    transform: translateY(0);
}

/* 3. Navy / Schindler Siyahı Buton (Listele, Yenile vb.) */
.btn-action-navy {
    background-color: var(--color-navy);
    color: #FFFFFF !important;
    border: 1.5px solid var(--color-navy);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.btn-action-navy:hover {
    background-color: var(--color-navy-hover);
    border-color: var(--color-navy-hover);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transform: translateY(-1px);
}

.btn-action-navy:active {
    background-color: var(--color-navy-active);
    border-color: var(--color-navy-active);
    transform: translateY(0);
}

/* 5. Outline Navy Buton */
.btn-action-outline-navy {
    background-color: transparent;
    color: var(--color-navy) !important;
    border: 1.5px solid var(--color-navy);
}

.btn-action-outline-navy:hover {
    background-color: #F4F5F7;
    color: #000000 !important;
    transform: translateY(-1px);
}

/* 6. Danger / Silme Butonu */
.btn-action-danger {
    background-color: var(--color-danger);
    color: #FFFFFF !important;
    border: 1.5px solid var(--color-danger);
    box-shadow: 0 2px 6px rgba(226, 0, 26, 0.25);
}

.btn-action-danger:hover {
    background-color: var(--color-danger-hover);
    border-color: var(--color-danger-hover);
    box-shadow: 0 4px 14px rgba(226, 0, 26, 0.35);
    transform: translateY(-1px);
}

.btn-action-outline-danger {
    background-color: #FFFFFF;
    color: var(--color-danger) !important;
    border: 1.5px solid var(--color-danger);
}

.btn-action-outline-danger:hover {
    background-color: #FFF0F2;
    color: var(--color-danger-hover) !important;
    border-color: var(--color-danger-hover);
    transform: translateY(-1px);
}

/* Tam Genişlik Modu (Mobilde ve form içi gridlerde) */
.btn-action-block {
    width: 100%;
}