/* Masadan garson çağırma / hesap isteme (assets/js/masa-istek.js). Renkler menü görünümünün değişkenlerinden (design/modern/yeni.css). */
body.gy .tm-masa-dugme {
    position: fixed;
    right: max(14px, calc((100% - 560px) / 2), env(safe-area-inset-right, 0px));
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    z-index: 940;
    min-height: 52px;
    max-width: calc(100% - 28px);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    background: var(--gy-yazi);
    color: var(--gy-zemin);
    font-family: var(--gy-f-govde);
    font-size: 0.95rem;
    font-weight: 800;
    box-shadow: 0 16px 30px -14px rgba(0, 0, 0, 0.55);
    cursor: pointer;
    transition: bottom 0.2s ease;
}
body.gy .tm-masa-dugme[hidden],
body.gy:not(.menu-active) .tm-masa-dugme { display: none; }
body.gy.tm-masa-sepetli.menu-active .tm-masa-dugme { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
body.gy .tm-masa-dugme.tm-masa-bekliyor { background: var(--gy-iyi); color: #ffffff; }
body.gy .tm-masa-dugme span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

body.gy .tm-masa-bekleyen {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding: 12px 14px;
    border-radius: var(--gy-r);
    background: var(--gy-iyi-zemin);
    color: var(--gy-iyi);
    font-weight: 700;
}
body.gy .tm-masa-liste .gy-tur-satir { min-height: 76px; }
body.gy .tm-masa-liste .gy-tur-satir:disabled { opacity: 0.55; cursor: default; }
body.gy .tm-masa-liste .tm-masa-tutar { font-variant-numeric: tabular-nums; font-weight: 800; white-space: nowrap; }

body.gy .gy-alt-sayfa .tm-masa-vazgec {
    width: 100%;
    min-height: 54px;
    margin: 0;
    border: 0;
    border-radius: var(--gy-r-buton);
    background: var(--gy-yuzey2);
    color: var(--gy-yazi);
    font-family: var(--gy-f-govde);
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

body.gy .tm-masa-hesap { display: grid; gap: 10px; }
body.gy .tm-masa-satir { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--gy-yazi); }
body.gy .tm-masa-satir span { color: var(--gy-soluk); }
body.gy .tm-masa-satir b { font-variant-numeric: tabular-nums; }
body.gy .tm-masa-satir.tm-masa-odenecek { padding-top: 12px; border-top: 1px solid var(--gy-cizgi); font-size: 1.1rem; }
body.gy .tm-masa-satir.tm-masa-odenecek span { color: var(--gy-yazi); font-weight: 700; }
body.gy .tm-masa-kisi { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--gy-r); background: var(--gy-yuzey); box-shadow: 0 0 0 1px var(--gy-cizgi); }
body.gy .tm-masa-kisi small { display: block; color: var(--gy-soluk); font-size: 0.78rem; }
body.gy .tm-masa-sayac { display: inline-flex; align-items: center; gap: 6px; }
body.gy .tm-masa-sayac button {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 12px;
    background: var(--gy-yuzey2);
    color: var(--gy-yazi);
    font-size: 1.1rem;
    cursor: pointer;
}
body.gy .tm-masa-sayac button:disabled { opacity: 0.4; cursor: default; }
body.gy .tm-masa-sayac output { min-width: 32px; text-align: center; font-size: 1.15rem; font-weight: 800; font-variant-numeric: tabular-nums; }

body.gy .tm-masa-secim { display: grid; gap: 10px; }
body.gy .tm-masa-secim select,
body.gy .tm-masa-secim input {
    width: 100%;
    min-height: 52px;
    padding: 0 14px;
    border: 0;
    border-radius: var(--gy-r);
    background: var(--gy-yuzey);
    box-shadow: 0 0 0 1px var(--gy-cizgi);
    color: var(--gy-yazi);
    font-family: var(--gy-f-govde);
    font-size: 1rem;
}
body.gy .tm-masa-uyari { margin: 0; color: var(--gy-kirmizi); font-size: 0.9rem; }

@media (prefers-reduced-motion: reduce) {
    body.gy .tm-masa-dugme { transition: none; }
}