/* Additional layout tweaks for Telegram Mini App */
body {
    background: var(--ton-bg-dark);
}

.app-main {
    min-height: calc(100vh - 140px);
}

input, button {
    font-family: inherit;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: var(--ton-bg-dark);
}
::-webkit-scrollbar-thumb {
    background: var(--ton-blue);
    border-radius: 4px;
}

/* Safe area for notches */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .app-nav {
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }
}

/* Press effect */
.action-button:active {
    transform: scale(0.98);
    background: var(--ton-blue-dark);
}