/* Mutfak zamanlayıcıları (UYG 3. tur 38, 0.3.10) — js/mutfak_zamanlayici.js. Renkler yalnız tema değişkenlerinden. */
.mz-liste { margin-bottom: 4px; }
.mz-bos { margin: 4px 4px 16px; line-height: 1.5; }
.mz-kart { display: flex; align-items: center; gap: 14px; padding: 14px; }
.mz-halka { position: relative; flex: none; width: 96px; height: 96px; }
.mz-halka svg { width: 100%; height: 100%; transform: rotate(-90deg); display: block; }
.mz-iz, .mz-dolu { fill: none; stroke-width: 8; }
.mz-iz { stroke: var(--ln); }
.mz-dolu { stroke: var(--ac); stroke-linecap: round; }
.mz-durdu .mz-dolu { stroke: var(--mt); }
.mz-kalan { position: absolute; inset: 0; display: grid; place-items: center; font-size: 21px; font-weight: 700; color: var(--tx); letter-spacing: .5px; }
.mz-bitti .mz-kalan { color: var(--ac); }
.mz-bitti .mz-iz { stroke: var(--ac); opacity: .35; }
.mz-sag { flex: 1 1 auto; min-width: 0; }
.mz-ad { font-weight: 600; font-size: 17px; overflow-wrap: anywhere; line-height: 1.3; }
.mz-alt { color: var(--mt); margin-top: 2px; }
.mz-bitti .mz-alt { color: var(--ac); font-weight: 700; }
.mz-tuslar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.mz-tuslar-bitti { grid-template-columns: 1fr 1fr; }
.mz-tuslar .secim { min-height: 44px; min-width: 0; padding: 0 4px; border-radius: 12px; font-size: 14px; white-space: nowrap; display: grid; place-items: center; }
.mz-tuslar .secim:disabled { opacity: .4; cursor: default; }
.mz-ikon svg { width: 20px; height: 20px; fill: currentColor; display: block; }
.mz-tamam, .mz-s-tamam { background: var(--ac); color: var(--onac); border-color: var(--ac); font-weight: 600; }
.mz-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mz-kart-ust h2 { margin: 0; }
.mz-kart-ust .secim { min-height: 44px; }
.mz-hazir-not { margin: 4px 0 10px; }
.mz-hazirlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mz-hazir { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; min-height: 56px; border-radius: 14px; padding: 8px 12px; text-align: left; min-width: 0; font: inherit; }
.mz-hazir-ad { font-weight: 600; overflow-wrap: anywhere; line-height: 1.25; }
.mz-h-satir { display: flex; gap: 6px; align-items: center; margin-bottom: 8px; min-width: 0; }
.mz-h-ad { flex: 1 1 auto; min-width: 0; }
.mz-h-sure { flex: 0 0 76px; width: 76px; text-align: center; }
.mz-h-satir .arama { padding: 10px 10px; min-height: 44px; }
.mz-h-sil { flex: none; width: 44px; height: 44px; padding: 0; border-radius: 12px; display: grid; place-items: center; }
.mz-h-hata, .mz-hata { color: var(--p-kirmizi-yazi); }
.mz-h-alt { margin-top: 4px; }
.mz-h-alt .secim { min-height: 44px; }
.mz-yanlis { border-color: var(--p-kirmizi-yazi) !important; }
.mz-yeni { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-top: 6px; }
.mz-alan { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mz-alan .arama { min-height: 46px; }
.mz-sure-g { text-align: center; }
.mz-ileti { margin: 8px 0 0; min-height: 0; }
.mz-ileti:empty { display: none; }
.mz-yeni-tus { display: flex; gap: 8px; margin-top: 12px; }
.mz-yeni-tus .secim { flex: 1 1 0; min-height: 46px; font-weight: 600; }
.mz-baslat { background: var(--ac); color: var(--onac); border-color: var(--ac); }
/* "Süre doldu" şeridi — her ekranda, alt çubuğun üstünde (hatırlatıcı şeridi üstte olduğu için çakışmaz) */
#mz-serit.mz-serit { position: fixed; left: 12px; right: 12px; bottom: calc(var(--alt-yukseklik, 64px) + env(safe-area-inset-bottom, 0px) + 12px); z-index: 61;
  max-width: 520px; margin: 0 auto; padding: 12px 14px; background: var(--sf); color: var(--tx); border: 2px solid var(--ac); box-shadow: 0 6px 24px rgba(0,0,0,.28); max-height: 50vh; overflow-y: auto; }
.mz-s-baslik { font-weight: 700; color: var(--ac); margin-bottom: 4px; }
.mz-s-satir { display: flex; align-items: center; gap: 8px; padding: 6px 0; border-top: 1px solid var(--ln); }
.mz-s-satir:first-of-type { border-top: 0; }
.mz-s-ad { flex: 1 1 auto; min-width: 0; font-weight: 600; overflow-wrap: anywhere; }
.mz-s-tuslar { display: flex; gap: 6px; flex: none; }
.mz-s-tuslar .secim { min-height: 44px; padding: 0 14px; }
html.mz-serit-acik #ekran::after { content: ''; display: block; height: calc(var(--mz-serit-h, 0px) + 12px); }
@media (max-width: 340px) { .mz-yeni { grid-template-columns: 1fr; } .mz-hazirlar { grid-template-columns: 1fr; } }