.gds-support {
    position: fixed;
    inset: auto max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) auto;
    z-index: 990;
}
.gds-support summary {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    cursor: pointer;
    list-style: none;
}
.gds-support summary::-webkit-details-marker { display: none; }
.gds-support-label {
    padding: 6px 12px;
    border: 1px solid #634877;
    border-radius: 999px;
    background: #291a3b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.gds-support-launch-icon {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #43bf43;
    color: #132c18;
    box-shadow: 0 5px 16px #1d142a44;
}
.gds-support-launch-icon .fa-whatsapp {
    color: #fff;
    font-size: 34px;
    filter: drop-shadow(0 1px 1px #125b21);
}
.gds-support summary:hover .gds-support-launch-icon { background: #319f35; }
.gds-support :is(summary, a, button):focus-visible { outline: 2px solid #9555ca; outline-offset: 3px; }
.gds-support-panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 12px);
    width: min(320px, calc(100vw - 36px));
    max-height: calc(100dvh - 100px);
    overflow: auto;
    border: 1px solid #dbc9ea;
    border-radius: 16px;
    background: #fffaff;
    box-shadow: 0 10px 32px #1d142a55;
}
.gds-support-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px 8px 16px;
    background: #291a3b;
}
.gds-support-panel-header h2 { margin: 0; color: #fff; font-size: 17px; }
.gds-support-close {
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-size: 20px;
}
.gds-support-close:hover { background: #49315c; }
.gds-support-options { display: grid; gap: 8px; padding: 12px; }
.gds-support-options a {
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 8px;
    border: 1px solid #e5d8ed;
    border-radius: 10px;
    color: #39204e;
    font-weight: 700;
}
.gds-support-options a:hover { background: #f1e5fa; color: #39204e; }
.gds-support-option-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #efe3f8;
    color: #64318a;
    font-size: 19px;
}
.gds-support-options a:first-child .gds-support-option-icon { background: #dcf7e5; color: #176638; }
.gds-support-panel { background: #19171e; border-color: #45404e; }
.gds-support-options a { background: #111015; color: #faf7ff; border-color: #45404e; }
.gds-support-options a:hover { background: #473052; color: #fff; }