/* ============================================================
   DRM Budget — grid hücresi içindeki eylem düğmeleri

   Neden var: her ekran satır eylemlerini kendi başına biçimlendiriyordu.
   Personel Kartları ekranındaki 26px'lik ikon düğmesi (`.prs-action-btn`)
   beğenilen ölçüydü; Bootstrap'in `btn btn-sm` düğmeleri ise grid satır
   yüksekliğine göre iri kalıyor ve satırı şişiriyordu. Bu dosya o ölçüyü
   uygulama genelinde tek standart hâline getirir.

   Kullanım: grid hücresinde `class="grid-action-btn"` (silme için
   `grid-action-btn danger`). Mevcut `btn btn-sm` düğmeleri de
   otomatik olarak aynı ölçüye çekilir — ekran ekran değiştirmeye gerek
   kalmaması için.
   ============================================================ */

.grid-action-btn,
.e-grid td .btn.btn-sm,
.e-treegrid td .btn.btn-sm,
.e-grid td .e-btn.btn-sm,
.e-treegrid td .e-btn.btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    width: auto;
    height: 26px;
    padding: 0 6px;
    border: 1px solid #d0d5dd;
    border-radius: 5px;
    background: #fff;
    color: #475467;
    font-size: 11px;
    line-height: 1;
    box-shadow: none;
    transition: background .12s, border-color .12s, color .12s;
}

/* Yalnız ikon taşıyan düğme kare kalsın. */
.grid-action-btn:not(:has(span)),
.e-grid td .btn.btn-sm:not(:has(span)),
.e-treegrid td .btn.btn-sm:not(:has(span)) {
    width: 26px;
    padding: 0;
}

.grid-action-btn i,
.e-grid td .btn.btn-sm i,
.e-treegrid td .btn.btn-sm i,
.e-grid td .e-btn.btn-sm .e-btn-icon,
.e-treegrid td .e-btn.btn-sm .e-btn-icon {
    font-size: 11px;
    margin: 0;
    line-height: 1;
}

.grid-action-btn:hover,
.e-grid td .btn.btn-sm:hover,
.e-treegrid td .btn.btn-sm:hover {
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
}

.grid-action-btn.danger:hover,
.e-grid td .btn.btn-outline-danger.btn-sm:hover,
.e-treegrid td .btn.btn-outline-danger.btn-sm:hover {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

/* Yan yana duran eylemler arasında sabit boşluk. */
.e-grid td .btn.btn-sm + .btn.btn-sm,
.e-treegrid td .btn.btn-sm + .btn.btn-sm,
.grid-action-btn + .grid-action-btn {
    margin-left: 4px;
}

/* Syncfusion SfButton'un kendi ölçüsü grid satırında iri kalıyor; ortak sınıf
   verildiğinde iç yapısı da aynı ölçüye çekilir. */
.e-btn.grid-action-btn,
.e-css.e-btn.grid-action-btn {
    min-width: 26px;
    height: 26px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 1;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #475467;
    box-shadow: none;
}

.e-btn.grid-action-btn:hover { background: #0f766e; border-color: #0f766e; color: #fff; }
.e-btn.grid-action-btn.danger:hover { background: #dc2626; border-color: #dc2626; color: #fff; }