/**
 * ==========================================
 * BUTONLAR
 * Tüm buton stilleri ve varyasyonları
 * ==========================================
 */

/* ===================================================
   BYÖNETİM – KURUMSAL BUTON SETİ (Global Standard)
   =================================================== */

/* ========== TEMEL BUTON ========== */
.btn {
    border-radius: 8px;
    height: 44px;
    font-weight: 500;
    letter-spacing: -0.1px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: 0.15s;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 14px;
}

.btn:hover {
    transform: translateY(-1px);
}

/* ICON HİZALAMA – Her buton için ortak */
.btn i,
.btn svg {
    font-size: 16px;
    margin-right: 4px;
}

/* ========== PRIMARY – KAYDET ========== */
.btn-primary,
.btn-save {
    background-color: #006B5B !important;
    border-color: #006B5B !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.btn-primary:hover,
.btn-save:hover {
    background-color: #005547 !important;
    border-color: #005547 !important;
}

/* ========== SECONDARY – İPTAL ========== */
.btn-secondary,
.btn-cancel {
    background-color: #F1F5F9 !important;
    color: #334155 !important;
    border: 1px solid #CBD5E1 !important;
    font-weight: 500 !important;
}

.btn-secondary:hover,
.btn-cancel:hover {
    background-color: #E2E8F0 !important;
}

/* ========== SUCCESS – SMS GÖNDER ========== */
.btn-success {
    background-color: #16A34A !important;
    border-color: #16A34A !important;
    color: #fff !important;
}

.btn-success:hover {
    background-color: #15803D !important;
    border-color: #15803D !important;
}

/* ========== WARNING – TC DOĞRULA ========== */
.btn-warning {
    background-color: #F59E0B !important;
    border-color: #F59E0B !important;
    color: #fff !important;
}

.btn-warning:hover {
    background-color: #D97706 !important;
    border-color: #D97706 !important;
}

/* ========== DANGER ========== */
.btn-danger {
    background-color: #DC2626 !important;
    border-color: #DC2626 !important;
    color: #fff !important;
}

.btn-danger:hover {
    background-color: #B91C1C !important;
    border-color: #B91C1C !important;
}

/* ========== INFO ========== */
.btn-info {
    background-color: #3B82F6 !important;
    border-color: #3B82F6 !important;
    color: #fff !important;
}

.btn-info:hover {
    background-color: #2563EB !important;
    border-color: #2563EB !important;
}

/* ========== DARK ========== */
.btn-dark {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
    color: #ffffff !important;
}

/* ========== ÖZEL BUTONLAR ========== */
.btn-edit {
    background-color: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
}

.btn-edit:hover {
    background-color: #4f46e5;
    border-color: #4f46e5;
}

.btn-open {
    background-color: #f59e0b;
    border-color: #f59e0b;
    color: #111827;
}

.btn-statement {
    background-color: #06b6d4;
    border-color: #06b6d4;
    color: #0f172a;
}

.btn-transfer {
    background-color: #10b981;
    border-color: #10b981;
    color: #ffffff;
}

/* ========== FİLTRELE BUTONU (Global Indigo Gradient) ========== */
.btn-by-filter {
    background: var(--by-indigo-gradient) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2) !important;
    font-weight: 600 !important;
}

.btn-by-filter:hover {
    background: var(--by-indigo-dark) !important;
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.3) !important;
    transform: translateY(-1px);
}

/* ========== BUTON BOYUTLARI ========== */
.btn-xs {
    font-size: 11px;
    padding: 4px 8px;
}

.btn-sm {
    font-size: 12px;
    padding: 5px 10px;
}

.btn-lg {
    font-size: 15px;
    padding: 10px 20px;
}

/* ========== İKON BUTON ========== */
.btn-icon-square {
    min-width: 30px;
    height: 28px;
    padding: 4px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ========== TOGGLE BUTONLAR ========== */
.btn-toggle-group {
    display: flex;
    gap: 2px;
}

.btn-toggle {
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 9px;
    flex: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    border: none;
}

.btn-toggle-primary {
    background: var(--by-primary-dark);
    color: white;
}

.btn-toggle-secondary {
    background: #6c757d;
    color: white;
}

/* ========== SATIR/TİP BUTONLARI ========== */
.btn-delete-row {
    background: var(--by-danger);
    color: white;
    border: none;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 11px;
}

.btn-add-row {
    background: var(--by-success);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.btn-delete-type {
    background: #e74c3c;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}

.btn-add-type {
    background: #27ae60;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

/* ========== TOP BUTONLAR ========== */
.top-button {
    background: #3498db;
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
}

.top-button-blue { background: #3498db; }
.top-button-red { background: #e74c3c; }
.top-button-green { background: #2ecc71; }
.top-button-purple { background: #9b59b6; }
.top-button-yellow { background: #f1c40f; }

/* ========== AKSIYON BUTONLARI ========== */
.btn-action-sm {
    font-size: 12px;
    padding: 6px 12px;
}

.cash-action-btn {
    padding: 4px 8px;
    font-size: 11px;
    border-radius: var(--by-radius-md);
}

/* ========== FEE BUTONLARI ========== */
.btn-fee {
    min-width: 100px;
    font-size: 0.9rem;
}

.btn-fee-green {
    background: #27ae60;
    min-width: 150px;
}

/* ========== TOGGLE DETAY ========== */
.btn-toggle-details {
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    color: #555;
}

/* ========== FAİZ TİPİ TOGGLE BUTONLARI ========== */
.faiz-toggle-group {
    gap: 6px;
}

.zf-btn {
    background: transparent !important;
    border: 1px solid #d1d5db !important;
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 6px 14px !important;
    height: auto !important;
    transition: all 0.2s ease !important;
}

.zf-btn:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    color: #374151 !important;
    transform: none !important;
}

.zf-btn.is-active,
.zf-btn.is-active:visited {
    background: #1e293b !important;
    border-color: #1e293b !important;
    color: #fff !important;
}

.zf-btn.is-active:hover {
    background: #334155 !important;
    border-color: #334155 !important;
    color: #fff !important;
}

.zf-btn-pill {
    border-radius: 20px !important;
}

.zf-btn i {
    font-size: 12px !important;
    margin-right: 4px;
}