/*
 * Turnuva editörü ekranın tamamını kaplar; etkileşimli içerik çentik ve
 * sistem çubuklarının içinde kalır. Web ve MAUI safe-area değerleri birlikte
 * desteklenir.
 */
.tw-overlay {
    box-sizing: border-box;
    padding:
        max(10px, env(safe-area-inset-top), var(--maui-safe-area-top, 0px))
        max(10px, env(safe-area-inset-right))
        max(10px, env(safe-area-inset-bottom), var(--maui-safe-area-bottom, 0px))
        max(10px, env(safe-area-inset-left));
}

.tw-overlay > .tw-main {
    box-sizing: border-box;
    height: 100%;
}

@media (max-width: 991px) {
    .tw-overlay {
        padding: 0;
    }

    .tw-overlay > .tw-main {
        width: 100%;
        height: 100vh;
        height: 100dvh;
        padding:
            max(env(safe-area-inset-top), var(--maui-safe-area-top, 0px))
            env(safe-area-inset-right)
            max(env(safe-area-inset-bottom), var(--maui-safe-area-bottom, 0px))
            env(safe-area-inset-left);
        border-radius: 0;
    }
}