/* Son gün hesaplayıcısı. Açık ve koyu sayfada aynı bileşen; renkler kapsayıcıdaki değişkenlerden gelir. */
.hesaplayici {
  --h-zemin: #fffdf8; --h-yazi: #1d1b17; --h-soluk: #6b6459; --h-cizgi: #ddd5c5; --h-alan: #fff;
  --h-vurgu: #b8492f; --h-vurgu-zemin: #f8ece6; --h-dugme: #1d1b17; --h-dugme-yazi: #fbf8f1; --h-uyari: #9a6a12;
  padding: 28px; border: 1px solid var(--h-cizgi); border-radius: 2px; background: var(--h-zemin); color: var(--h-yazi);
  font: 16px/1.5 "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;
}
.koyu-zemin .hesaplayici, .hesaplayici.koyu {
  --h-zemin: #1a1815; --h-yazi: #eeeae2; --h-soluk: #a39c90; --h-cizgi: #312e29; --h-alan: #12110f;
  --h-vurgu: #e07b62; --h-vurgu-zemin: rgb(217 105 79 / .13); --h-dugme: #ede1c6; --h-dugme-yazi: #1a1815; --h-uyari: #d9a43f;
}
.hesaplayici h2, .hesaplayici h3 { margin: 0 0 18px; font: 600 19px/1.3 "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif; letter-spacing: 0; color: var(--h-yazi); }
.hesaplayici form { display: grid; gap: 14px; }
.hesaplayici label { display: grid; gap: 6px; color: var(--h-soluk); font-size: 13.5px; font-weight: 600; }
.hesaplayici select, .hesaplayici input[type="date"] {
  width: 100%; min-height: 46px; padding: 0 12px; border: 1px solid var(--h-cizgi); border-radius: 2px;
  background: var(--h-alan); color: var(--h-yazi); font: 16px "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif; color-scheme: inherit;
}
.koyu-zemin .hesaplayici select, .koyu-zemin .hesaplayici input { color-scheme: dark; }
.hesaplayici .secim { display: flex; align-items: flex-start; gap: 10px; color: var(--h-yazi); font-size: 14.5px; font-weight: 400; }
.hesaplayici .secim input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--h-vurgu); }
.hesaplayici .secim small { display: block; color: var(--h-soluk); font-size: 12.5px; }
.hesaplayici button { min-height: 48px; border: 0; border-radius: 2px; background: var(--h-dugme); color: var(--h-dugme-yazi); font: 600 16px "Segoe UI", system-ui, sans-serif; cursor: pointer; }
.hesaplayici button:hover { filter: brightness(1.08); }
.hesap-sonuc { margin-top: 18px; padding: 20px; border-radius: 2px; background: var(--h-vurgu-zemin); }
.hesap-sonuc:empty { display: none; }
.hesap-ust { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.hesap-tarih { color: var(--h-vurgu); font: 600 40px/1.1 "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.hesap-kalan { color: var(--h-yazi); font-weight: 600; }
.hesap-dayanak { margin: 4px 0 10px; color: var(--h-soluk); font-size: 14px; }
.hesap-adimlar { margin: 0; padding-left: 20px; color: var(--h-yazi); font-size: 14px; }
.hesap-adimlar li { margin: 4px 0; }
.hesap-uyarilar { margin: 12px 0 0; padding-left: 18px; color: var(--h-uyari); font-size: 13px; }
.hesap-not { margin: 12px 0 0; color: var(--h-soluk); font-size: 12.5px; }
.hesap-hata { margin: 0; color: var(--h-vurgu); }