/* =====================================================================
   DariNol — Button system (konsisten light & dark)
   Primary  : .btn-darinol            (Simpan / Tambah / Submit)
   Secondary: .btn-secondary-darinol  (Batal / Kembali)
   ===================================================================== */

/* ---------- Primary (submit) ---------- */
.btn-darinol {
    background-color: #334250 !important;
    border: 1px solid #334250 !important;
    color: #ffffff !important;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(51, 66, 80, .18);
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}
.btn-darinol:hover,
.btn-darinol:focus {
    background-color: #2a3641 !important;
    border-color: #2a3641 !important;
    color: #f2f2f2 !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(51, 66, 80, .28);
}

/* ---------- Secondary (batal / kembali) — serasi & adaptif tema ---------- */
.btn-secondary-darinol {
    background-color: transparent !important;
    border: 1.5px solid var(--ds-input-border, #cbd3dd) !important;
    color: var(--ds-text, #334250) !important;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease;
}
.btn-secondary-darinol:hover,
.btn-secondary-darinol:focus {
    background-color: var(--ds-hover, #eef1f6) !important;
    border-color: var(--ds-text-muted, #334250) !important;
    color: var(--ds-heading, #2a3641) !important;
    transform: translateY(-1px);
}

/* ---------- Variant Bootstrap lama → samakan bentuk & interaksi ---------- */
.btn-primary,
.btn-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-danger {
    border-radius: 10px;
    font-weight: 600;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.btn-primary:hover,
.btn-secondary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-warning:hover,
.btn-info:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-danger:hover {
    transform: translateY(-1px);
}

/* Tombol lingkaran (tambah baris pengeluaran) tetap bulat & selaras */
#addFormBtn {
    transition: transform .2s ease, background-color .15s ease;
    background-color: #334250;
    color: #ffffff;
    border-color: #334250;
    padding: 4px 9px;
}
#addFormBtn:hover {
    transform: scale(1.1);
    background-color: #2a3641;
    border-color: #2a3641;
    color: #ffffff;
}