.planet-floating-widgets {
    display: contents;
    --planet-support-size: var(--planet-support-icon-size, 64px);
    --planet-floating-bottom: 24px;
    --planet-floating-right: 24px;
}
.planet-support { color: rgb(var(--color-text-title)); font-family: inherit; }
.planet-support button, .planet-support a { -webkit-tap-highlight-color: transparent; }
.planet-support__toggle {
    position: fixed; right: var(--planet-floating-right); bottom: var(--planet-floating-bottom);
    width: var(--planet-support-size); height: var(--planet-support-size); padding: 0;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    color: #fff; background: rgb(var(--color-prim)); border: 1px solid rgb(255 255 255 / .22);
    border-radius: calc(var(--planet-support-size) * .33); z-index: 1201;
    box-shadow: 0 8px 24px rgb(var(--color-prim) / .24), inset 0 1px 0 rgb(255 255 255 / .18);
    transition: transform .18s ease, box-shadow .18s ease;
}
.planet-support__toggle:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgb(var(--color-prim) / .3); }
.planet-support__toggle svg { width: 46%; height: 46%; }
.planet-support__dismiss { display: none; }
.planet-support__toggle[aria-expanded="true"] .planet-support__headset { display: none; }
.planet-support__toggle[aria-expanded="true"] .planet-support__dismiss { display: block; }
.planet-support__tooltip {
    position: absolute; right: calc(100% + 12px); padding: 7px 12px; pointer-events: none;
    color: rgb(var(--color-text-title)); background: rgb(var(--color-card)); white-space: nowrap;
    border: 1px solid rgb(var(--color-text-sub) / .14); border-radius: 10px; font-size: 12px;
    box-shadow: 0 4px 16px rgb(0 0 0 / .08); opacity: 0; transform: translateX(-4px);
    transition: opacity .18s ease, transform .18s ease;
}
@media (hover: hover) {
    .planet-support__toggle[aria-expanded="false"]:hover .planet-support__tooltip { opacity: 1; transform: none; }
}
.planet-support__panel {
    position: fixed; right: var(--planet-floating-right);
    bottom: calc(var(--planet-floating-bottom) + var(--planet-support-size) + 14px);
    width: min(340px, calc(100vw - 32px));
    max-height: calc(100dvh - var(--planet-floating-bottom) - var(--planet-support-size) - 38px);
    display: flex; flex-direction: column; overflow: hidden; z-index: 1203;
    background: rgb(var(--color-card)); border: 1px solid rgb(var(--color-text-sub) / .16);
    border-radius: 22px; box-shadow: 0 20px 60px rgb(0 0 0 / .2), 0 4px 12px rgb(0 0 0 / .06);
    animation: planet-support-enter .18s ease-out; text-align: right;
}
.planet-support__panel[hidden] { display: none !important; }
.planet-support__header {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 18px 18px 15px; flex-shrink: 0; border-bottom: 1px solid rgb(var(--color-text-sub) / .12);
}
.planet-support__header h2 { margin: 0; font: inherit; font-size: 15px; font-weight: 750; line-height: 1.8; }
.planet-support__header p { margin: 3px 0 0; font-size: 11px; line-height: 1.8; color: rgb(var(--color-text-sub)); }
.planet-support__close {
    width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
    padding: 0; color: rgb(var(--color-text-sub)); background: rgb(var(--color-back));
    border: 1px solid rgb(var(--color-text-sub) / .12); border-radius: 13px; cursor: pointer;
}
.planet-support__channels { padding: 10px; display: grid; gap: 5px; overflow-y: auto; overscroll-behavior: contain; }
.planet-support__channel {
    --support-channel-color: var(--color-prim);
    display: flex; align-items: center; gap: 12px; min-height: 62px; padding: 9px 11px;
    border: 1px solid transparent; border-radius: 14px; text-decoration: none !important;
    color: rgb(var(--color-text-title)); background: rgb(var(--color-back) / .55);
    transition: background .15s, border-color .15s;
}
.planet-support__channel:hover { background: rgb(var(--support-channel-color) / .07); border-color: rgb(var(--support-channel-color) / .2); }
.planet-support__channel-icon {
    display: flex; align-items: center; justify-content: center; flex: 0 0 38px; height: 38px;
    background: rgb(var(--support-channel-color) / .1); color: rgb(var(--support-channel-color)); border-radius: 12px; font-size: 20px;
}
.planet-support__channel-copy { flex: 1; min-width: 0; display: grid; gap: 3px; }
.planet-support__channel-copy strong { font-size: 13px; line-height: 1.6; font-weight: 650; }
.planet-support__channel-copy small { font-size: 10px; line-height: 1.8; color: rgb(var(--color-text-sub)); overflow-wrap: anywhere; }
.planet-support__arrow { font-size: 16px; color: rgb(var(--color-text-sub) / .65); }
.planet-support__bale { font-size: 24px; font-weight: 800; }
.planet-support__channel[data-support-channel="whatsapp"] { --support-channel-color: 22 163 74; }
.planet-support__channel[data-support-channel="telegram"] { --support-channel-color: 2 132 199; }
.planet-support__channel[data-support-channel="eita"] { --support-channel-color: 234 88 12; }
.planet-support__channel[data-support-channel="rubika"] { --support-channel-color: 147 51 234; }
.planet-support__channel[data-support-channel="bale"] { --support-channel-color: 5 150 105; }
.planet-support__hours { display: flex; align-items: center; gap: 6px; padding: 11px 18px; border-top: 1px solid rgb(var(--color-text-sub) / .12); color: rgb(var(--color-text-sub)); font-size: 10px; line-height: 1.9; flex-shrink: 0; }
.planet-support :is(a, button):focus-visible { outline: 2px solid rgb(var(--color-prim)); outline-offset: 3px; }
.planet-floating-widgets[data-support-enabled="true"] .turnx-chat-toggle[data-position="right"] {
    right: var(--planet-floating-right);
    bottom: calc(var(--planet-floating-bottom) + var(--planet-support-size) + 12px);
}
@keyframes planet-support-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 1023px) {
    .planet-floating-widgets {
        --planet-support-size: max(44px, calc(var(--planet-support-icon-size, 64px) / 1.5));
        --planet-floating-right: 16px;
        --planet-floating-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }
    .planet-floating-widgets .turnx-chat-toggle {
        bottom: var(--planet-floating-bottom);
        width: max(44px, calc(var(--chat-icon-size, 64px) / 1.5));
        height: max(44px, calc(var(--chat-icon-size, 64px) / 1.5));
    }
    .planet-support__header { padding: 14px 14px 12px; }
    .planet-support__tooltip { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .planet-support__panel { animation: none; }
    .planet-support *, .planet-support *::before { transition: none !important; }
}