.hesap {
    display: grid;
    gap: var(--bosluk-5);
    padding: var(--bosluk-5) var(--bosluk-4);
    border: 1px solid var(--aksan-cizgi);
    border-radius: var(--r-b);
    background: var(--zemin-2);
}
@media (min-width: 640px) { .hesap { padding: var(--bosluk-6); } }
.hesap h2 { margin: 0; }
.hesap-giris { margin: 0; color: var(--metin-2); }

.hesap-form { display: grid; gap: var(--bosluk-4); min-width: 0; }
@media (min-width: 640px) {
    .hesap-form { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--bosluk-5); }
    .hesap-form .hesap-tam { grid-column: 1 / -1; }
}
.hesap-alan { display: grid; gap: var(--bosluk-2); min-width: 0; align-content: start; }
.hesap-alan > label,
.hesap-secim legend { font-weight: 700; }
.hesap-ipucu { margin: 0; color: var(--metin-2); font-size: 0.875rem; }

.hesap-form input[type="date"],
.hesap-form input[type="time"],
.hesap-form input[type="number"] {
    width: 100%;
    min-width: 0;
    min-height: 3rem;
    padding: 0.625rem 0.75rem;
    font: inherit;
    font-size: 1rem;
    line-height: 1.4;
    color: var(--metin);
    background: var(--zemin);
    border: 1px solid var(--cizgi-guclu);
    border-radius: var(--r-o);
}
.hesap-form input:focus-visible { outline: 2px solid var(--aksan); outline-offset: 2px; }

.hesap-secim { margin: 0; padding: 0; border: 0; min-width: 0; display: grid; gap: var(--bosluk-2); }
.hesap-secenekler { display: flex; flex-wrap: wrap; gap: var(--bosluk-2); }
.hesap-kutu {
    display: flex;
    align-items: center;
    gap: var(--bosluk-3);
    min-height: 2.75rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid var(--cizgi-guclu);
    border-radius: var(--r-o);
    background: var(--zemin);
    cursor: pointer;
}
.hesap-kutu input { width: 1.25rem; height: 1.25rem; margin: 0; accent-color: var(--aksan); flex: 0 0 auto; }

.hesap-gunler { display: grid; gap: var(--bosluk-3); }
.hesap-gun {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--bosluk-2);
    margin: 0;
    padding: var(--bosluk-3);
    border: 1px solid var(--cizgi);
    border-radius: var(--r-o);
    min-width: 0;
}
.hesap-gun legend { padding: 0 var(--bosluk-1); font-weight: 700; }
.hesap-gun label { display: block; font-size: 0.8125rem; color: var(--metin-2); margin-bottom: var(--bosluk-1); }
@media (max-width: 359.98px) { .hesap-gun { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) { .hesap-gunler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.hesap-dugme { justify-self: start; min-height: 3rem; }

.hesap-sonuc {
    padding: var(--bosluk-4) var(--bosluk-5);
    border-left: 4px solid var(--aksan);
    border-radius: var(--r-o);
    background: var(--zemin);
    overflow-wrap: anywhere;
}
.hesap-sonuc[hidden] { display: none; }
.hesap-sonuc[data-durum="hata"] { border-left-color: var(--cizgi-guclu); }
.hesap-sonuc p { margin: 0 0 var(--bosluk-2); }
.hesap-sonuc ul { margin: var(--bosluk-2) 0 0; padding-left: 1.25rem; }
.hesap-sonuc li + li { margin-top: var(--bosluk-1); }
.hesap-ana { font-size: 1.125rem; }
.hesap-not { color: var(--metin-2); font-size: 0.875rem; }
.hesap-uyari { margin: 0; color: var(--metin-2); font-size: 0.875rem; }
