/* safe-area.css - VNTA HRM Mobile Safe Area Insets & Ergonomic Touch Tokens */
:root {
    --safe-area-top: env(safe-area-inset-top, 0px);
    --safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-left: env(safe-area-inset-left, 0px);
    --safe-area-right: env(safe-area-inset-right, 0px);

    /* Kích thước công thái học chuẩn Mobile */
    --header-height: 56px;
    --bottom-nav-height: 64px;
    --action-bar-height: 68px;
    --min-touch-target: 44px;
    --primary-touch-target: 48px;
}

.safe-area-top { padding-top: max(12px, var(--safe-area-top)); }
.safe-area-bottom { padding-bottom: max(12px, var(--safe-area-bottom)); }
.safe-area-left { padding-left: max(12px, var(--safe-area-left)); }
.safe-area-right { padding-right: max(12px, var(--safe-area-right)); }

.safe-area-inset {
    padding-top: max(12px, var(--safe-area-top));
    padding-bottom: max(12px, var(--safe-area-bottom));
    padding-left: max(16px, var(--safe-area-left));
    padding-right: max(16px, var(--safe-area-right));
}

.safe-area-nav {
    padding-bottom: max(8px, var(--safe-area-bottom));
    height: calc(var(--bottom-nav-height) + var(--safe-area-bottom));
}

.safe-area-sticky-bottom { padding-bottom: calc(12px + var(--safe-area-bottom)); }