.kragt-whatsapp {
    position: fixed;
    right: max(24px, env(safe-area-inset-right));
    bottom: max(24px, env(safe-area-inset-bottom));
    z-index: 90;
    font-family: "Open Sans", sans-serif;
    color: #102a3a;
    font-size: 15px;
    line-height: 1.5;
    text-align: left;
}
.kragt-whatsapp *, .kragt-whatsapp *::before, .kragt-whatsapp *::after { box-sizing: border-box; }
body:has(.platform-floating-controls) .kragt-whatsapp { bottom: max(94px, calc(env(safe-area-inset-bottom) + 78px)); }
body:has(.platform-floating-controls) .kragt-whatsapp .kragt-whatsapp__panel { max-height: calc(100dvh - 200px); }
.kragt-whatsapp [hidden] { display: none !important; }
.kragt-whatsapp button, .kragt-whatsapp a { -webkit-tap-highlight-color: transparent; }
.kragt-whatsapp button { font: inherit; cursor: pointer; }
.kragt-whatsapp svg { display: block; width: 24px; height: 24px; flex-shrink: 0; }
.kragt-whatsapp .kragt-whatsapp__launcher {
    position: relative;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    box-shadow: 0 4px 14px rgb(11 42 74 / 12%);
    opacity: .95;
    transition: background 180ms ease, box-shadow 180ms ease, opacity 180ms ease, transform 180ms ease;
}
.kragt-whatsapp .kragt-whatsapp__launcher svg { width: 31px; height: 31px; }
.kragt-whatsapp .kragt-whatsapp__launcher:is(:hover, :focus-visible) { background: #20c760; box-shadow: 0 6px 18px rgb(11 42 74 / 14%); opacity: 1; transform: translateY(-2px); }
.kragt-whatsapp .kragt-whatsapp__badge {
    position: absolute;
    top: -3px;
    right: -3px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d9164e;
    color: #fff;
    font: 700 12px/1 "Open Sans", sans-serif;
}
.kragt-whatsapp .kragt-whatsapp__dot {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: 1px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #25d366;
}
.kragt-whatsapp .kragt-whatsapp__panel {
    position: absolute;
    right: 0;
    bottom: 80px;
    width: 354px;
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 120px);
    overflow: auto;
    border: 1px solid rgb(255 255 255 / 85%);
    border-radius: 22px;
    box-shadow: 0 20px 65px rgb(11 42 74 / 22%);
    background: #f7f9fc;
    animation: kragt-whatsapp-enter 180ms ease-out;
    overscroll-behavior: contain;
}
.kragt-whatsapp .kragt-whatsapp__header {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 24px 18px 24px 22px;
    color: #fff;
    background: #075e54;
}
.kragt-whatsapp .kragt-whatsapp__avatar-wrap { position: relative; flex: 0 0 56px; }
.kragt-whatsapp .kragt-whatsapp__avatar { display: block; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid rgb(255 255 255 / 70%); }
.kragt-whatsapp .kragt-whatsapp__dot--avatar { top: auto; bottom: 0; right: 0; border-color: #075e54; }
.kragt-whatsapp .kragt-whatsapp__identity { flex: 1; min-width: 0; }
.kragt-whatsapp .kragt-whatsapp__name { font: 700 19px/1.3 "Open Sans", sans-serif; color: #fff; margin: 0 0 4px; letter-spacing: 0; overflow-wrap: anywhere; }
.kragt-whatsapp .kragt-whatsapp__status { margin: 0; font: 400 12px/1.5 "Open Sans", sans-serif; color: #fff; }
.kragt-whatsapp .kragt-whatsapp__close { display: grid; place-items: center; align-self: flex-start; flex: 0 0 44px; width: 44px; height: 44px; margin: -13px -9px 0 0; border: 0; border-radius: 50%; background: transparent; color: #fff; }
.kragt-whatsapp .kragt-whatsapp__close:hover { background: rgb(255 255 255 / 15%); }
.kragt-whatsapp .kragt-whatsapp__body { padding: 26px 22px 22px; background: #f0f1ed url('/kragt-assets/whatsapp-pattern.svg'); }
.kragt-whatsapp .kragt-whatsapp__bubble { position: relative; margin: 0 16px 28px 3px; padding: 16px 18px; border-radius: 0 16px 16px; background: #fff; box-shadow: 0 2px 2px rgb(11 42 74 / 8%); }
.kragt-whatsapp .kragt-whatsapp__bubble::before { content: ''; position: absolute; top: 0; left: -8px; border-top: 10px solid #fff; border-left: 8px solid transparent; }
.kragt-whatsapp .kragt-whatsapp__message { font: 400 15px/1.8 "Open Sans", sans-serif; color: #102a3a; margin: 0; white-space: normal; overflow-wrap: anywhere; }
.kragt-whatsapp .kragt-whatsapp__action { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 13px 18px; border: 0; border-radius: 999px; background: #25d366; color: #0b2a4a; font: 700 15px/1.4 "Open Sans", sans-serif; text-decoration: none; box-shadow: 0 3px 8px rgb(11 42 74 / 8%); transition: background 180ms ease; }
.kragt-whatsapp .kragt-whatsapp__action:hover { background: #3edf7b; }
.kragt-whatsapp .kragt-whatsapp__settings { display: block; margin-top: 16px; min-height: 44px; padding: 12px; border-radius: 10px; background: #be185d; color: #fff; font-weight: 700; font-size: 13px; text-align: center; text-decoration: none; }
.kragt-whatsapp :is(button, a):focus-visible { outline: 3px solid #087c9c; outline-offset: 4px; }
.kragt-whatsapp .kragt-whatsapp__close:focus-visible { outline-color: #fff; outline-offset: -4px; }
.kragt-whatsapp .editable-content-button { font: 700 12px/1.2 "Open Sans", sans-serif; min-height: 44px; }
@keyframes kragt-whatsapp-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
    .kragt-whatsapp { right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); }
    .kragt-whatsapp .kragt-whatsapp__launcher { width: 58px; height: 58px; }
    .kragt-whatsapp .kragt-whatsapp__panel { bottom: 72px; }
}
@media (prefers-reduced-motion: reduce) {
    .kragt-whatsapp .kragt-whatsapp__panel { animation: none; }
    .kragt-whatsapp .kragt-whatsapp__launcher, .kragt-whatsapp .kragt-whatsapp__action { transition: none; }
}
@media print { .kragt-whatsapp { display: none; } }


.kragt-whatsapp .kragt-whatsapp__action-wrap { display: block; }