.chat24-launcher-icon {
    display: none;
}

@media (max-width: 620px) {
    .chat24 {
        right: max(12px, env(safe-area-inset-right, 0px));
        bottom: max(12px, env(safe-area-inset-bottom, 0px));
    }

    .chat24-launcher {
        position: relative;
        width: 48px;
        height: 48px;
        justify-content: center;
        gap: 0;
        padding: 0;
    }

    .chat24-launcher-icon {
        display: block;
        flex: 0 0 auto;
    }

    .chat24-launcher-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    .chat24-launcher-dot {
        position: absolute;
        top: 7px;
        right: 7px;
        flex: 0 0 auto;
        border: 1px solid #0b6a45;
    }

    .chat24-panel {
        left: max(10px, env(safe-area-inset-left, 0px));
        right: max(10px, env(safe-area-inset-right, 0px));
        bottom: calc(72px + env(safe-area-inset-bottom, 0px));
        max-height: calc(100vh - 88px - env(safe-area-inset-bottom, 0px));
    }

    .chat24-launcher:focus-visible {
        outline: 3px solid #fff;
        outline-offset: 3px;
    }
}

@supports (height: 100dvh) {
    @media (max-width: 620px) {
        .chat24-panel {
            max-height: calc(100dvh - 88px - env(safe-area-inset-bottom, 0px));
        }
    }
}