/* YediNet buton sistemi — header.tpl'de global yüklenir.
   Rol → görünüm:
   yn-b-primary      solid lacivert        (Kaydet / Güncelle / onay)
   yn-b-accent       solid turuncu         (sayfanın tek "oluştur" CTA'sı)
   yn-b-soft         tonal lacivert        (ikincil: Ekle, Yenile, Geri Dön, ikon butonlar)
   yn-b-outline      beyaz + kenarlık      (nötr ikincil)
   yn-b-ghost        şeffaf                (İptal / Kapat / Vazgeç)
   yn-b-danger       solid kırmızı         (geri dönüşsüz işlem)
   yn-b-danger-soft  tonal kırmızı         (sil / listeden kaldır)
   yn-b-group        tablo satırı ikon grubu
   Boyut/şekil: yn-b-sm, yn-b-icon, yn-b-pill */

:root {
    --ynb-navy: #293d75;
    --ynb-navy-600: #1f2f5c;
    --ynb-navy-50: #eef1f9;
    --ynb-navy-100: #dde3f2;
    --ynb-orange: #d94e21;
    --ynb-red: #dc2626;
    --ynb-red-600: #b91c1c;
    --ynb-red-50: #fef2f2;
    --ynb-text: #0f1c3f;
    --ynb-muted: #64748b;
    --ynb-border: rgba(15, 28, 63, .14);
}

.yn-b {
    --ynb-h: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: var(--ynb-h);
    padding: 0 16px;
    font-family: inherit; /* DM Sans her sayfada yüklü değil */
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--ynb-text);
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    user-select: none;
    vertical-align: middle;
    transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s, transform .15s;
}
.yn-b:hover { text-decoration: none; }
.yn-b:focus { outline: none; }
.yn-b:focus-visible { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--ynb-navy); }
.yn-b:active { transform: translateY(1px); }
.yn-b:disabled, .yn-b.disabled { opacity: .5; cursor: not-allowed; transform: none; pointer-events: none; }
.yn-b i { font-size: .95em; }

.yn-b-sm { --ynb-h: 32px; padding: 0 12px; font-size: 13px; }
.yn-b-icon { width: var(--ynb-h); padding: 0; }
.yn-b-pill { border-radius: 999px; padding: 0 20px; }
.yn-b-pill.yn-b-icon { padding: 0; }

/* A — solid */
.yn-b-primary { background: var(--ynb-navy); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 1px 2px rgba(15,28,63,.2); }
.yn-b-primary:hover, .yn-b-primary:focus { background: var(--ynb-navy-600); color: #fff; }
.yn-b-danger { background: var(--ynb-red); color: #fff; }
.yn-b-danger:hover, .yn-b-danger:focus { background: var(--ynb-red-600); color: #fff; }
.yn-b-outline { background: #fff; border-color: var(--ynb-border); box-shadow: 0 1px 2px rgba(15,28,63,.05); }
.yn-b-outline:hover { border-color: var(--ynb-navy); color: var(--ynb-navy); }

/* B — tonal */
.yn-b-soft { background: var(--ynb-navy-50); color: var(--ynb-navy); }
.yn-b-soft:hover, .yn-b-soft:focus { background: var(--ynb-navy-100); color: var(--ynb-navy); }
.yn-b-ghost { color: var(--ynb-muted); }
.yn-b-ghost:hover, .yn-b-ghost:focus { background: #f1f5f9; color: var(--ynb-text); }
.yn-b-danger-soft { background: var(--ynb-red-50); color: var(--ynb-red); }
.yn-b-danger-soft:hover, .yn-b-danger-soft:focus { background: #fee2e2; color: var(--ynb-red-600); }

.yn-b-accent { background: var(--ynb-orange); color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(217,78,33,.3); }
.yn-b-accent:hover, .yn-b-accent:focus { background: #bf4219; color: #fff; }

/* tablo satırı işlemleri */
.yn-b-group { display: inline-flex; align-items: center; gap: 6px; }
td > .yn-b-icon + .yn-b-icon { margin-left: 6px; } /* grup sarmalayıcısı olmayan satırlar */

/* input-group içinde: bitişik kenar düz kalsın (BS4 append/prepend kalıntıları dahil) */
.input-group > .yn-b { height: auto; }
.input-group-append .yn-b { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; }
.input-group-prepend .yn-b { border-top-right-radius: 0; border-bottom-right-radius: 0; height: 100%; }