/* K-Life — shared safe area (Safari env + Telegram Mini App insets) */

:root {
    --tg-safe-area-inset-top: 0px;
    --tg-safe-area-inset-right: 0px;
    --tg-safe-area-inset-bottom: 0px;
    --tg-safe-area-inset-left: 0px;
    --tg-content-safe-area-inset-top: 0px;
    --tg-content-safe-area-inset-right: 0px;
    --tg-content-safe-area-inset-bottom: 0px;
    --tg-content-safe-area-inset-left: 0px;
    --klife-inset-top: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top), var(--tg-safe-area-inset-top));
    --klife-inset-right: max(env(safe-area-inset-right, 0px), var(--tg-content-safe-area-inset-right), var(--tg-safe-area-inset-right));
    --klife-inset-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-content-safe-area-inset-bottom), var(--tg-safe-area-inset-bottom));
    --klife-inset-left: max(env(safe-area-inset-left, 0px), var(--tg-content-safe-area-inset-left), var(--tg-safe-area-inset-left));
    --klife-pad-top: var(--klife-inset-top);
    --klife-pad-right: var(--klife-inset-right);
    --klife-pad-bottom: var(--klife-inset-bottom);
    --klife-pad-left: var(--klife-inset-left);
}

html {
    min-height: 100%;
    min-height: 100dvh;
}

/* Full-bleed fixed layers keep edge-to-edge backdrop; content uses --klife-modal-pad */
:root {
    --klife-modal-pad-top: calc(20px + var(--klife-inset-top));
    --klife-modal-pad-right: calc(20px + var(--klife-inset-right));
    --klife-modal-pad-bottom: calc(20px + var(--klife-inset-bottom));
    --klife-modal-pad-left: calc(20px + var(--klife-inset-left));
}