#supportDock{
    direction:ltr;position:fixed;inset-inline-end:0;top:0;height:100dvh;display:flex;flex-direction:row-reverse;align-items:center;z-index:10000;pointer-events:none
}
#supportPanel a,#supportPanel a:link,#supportPanel a:visited,.support-item a{color: white;text-decoration:none}
#supportPanel a:hover{text-decoration:none}
#supportPanel a:focus-visible{outline:2px solid currentColor;outline-offset:2px;text-decoration:none}

#supportTab{
    pointer-events:auto;position:relative;inset-inline-end:0;display:flex;align-items:center;justify-content:center;
    width:var(--tab-w);height:160px;background:var(--tab-bg);color:#fff;border-radius:12px 0 0 12px;box-shadow:var(--shadow);
    cursor:pointer;transition:transform .35s ease,box-shadow .35s ease,opacity .2s;transform:translateX(0)
}
#supportTab .label{font-size: medium;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:700}
#supportTab .contactus_icon{position:absolute;top:10px;inset-inline:0;text-align:center;font-size:18px;opacity:.92}
#supportDock.open #supportTab{opacity:0;pointer-events:none;transform:translateX(0)}

#supportPanel{
    pointer-events:auto;position:relative;inset-inline-end:0;width:min(92vw,380px);height:clamp(420px,82vh,720px);
    background:var(--panel-bg);color:var(--panel-text);border-radius:16px 0 0 16px;box-shadow:var(--shadow);
    backdrop-filter:saturate(1.4) blur(8px);border:1px solid var(--glass);display:flex;flex-direction:column;
    margin-inline-end:calc(-1 * var(--tab-w));
    transform:translateX(calc(100% + var(--tab-w)));
    transition:transform .35s cubic-bezier(.22,.61,.36,1)
}
#supportDock.open #supportPanel{transform:translateX(0)}

#supportHeader{direction:rtl;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass)}
#supportHeader h3{margin:0;font-size:16px}
#supportClose{border:0;background:transparent;color:var(--panel-text);font-size:18px;opacity:.8;cursor:pointer}
#supportBody{direction:rtl;flex:1;overflow:auto;padding:8px 12px}
.support-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:linear-gradient(180deg,var(--glass),transparent);transition:transform .18s,background .2s;border:1px solid var(--glass);margin:10px 0}
.support-item:hover{transform:translateY(-1px)}
.support-left{display:flex;gap:12px;align-items:center}
.support-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--glass);border:1px solid var(--glass)}
.support-text span{display:block;font-size:14px}
.support-text small{display:block;font-size:12px;color:var(--panel-muted);margin-top:2px}
.led{font-weight:600;text-align:center;min-width:58px;height:26px;line-height:26px;font-size:12px;border-radius:8px;color:#fff;background:#16a34a;box-shadow:0 0 0 rgba(34,197,94,.25);transition:all .3s}
.led.offline{background:#6b7280;box-shadow:none}
.led.blink{animation:blink 1s infinite alternate}
@keyframes blink{from{box-shadow:0 0 0 rgba(34,197,94,.18)}to{box-shadow:0 0 14px rgba(34,197,94,.45)}}
#supportFooter{padding:12px;border-top:1px solid var(--glass);display:flex;gap:8px}
#supportFooter a{flex:1;text-align:center;padding:10px 12px;border-radius:10px;border:1px solid var(--glass);background:var(--glass);color:var(--panel-text);text-decoration:none;font-size:13px}
#supportScrim{position:fixed;inset:0;background:rgba(0,0,0,.2);backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:9998}
#supportDock.open + #supportScrim{opacity:1;pointer-events:auto}

@media (max-width:768px){
    #supportDock{ align-items: center; }
    #supportTab{ width:42px; z-index:10001; transform:none; }
    #supportPanel{
        position: fixed;
        top: 0; right: 0; bottom: 0; left: auto;
        width: 100vw; height: 100dvh;
        margin: 0; border-radius: 0; border: 0;
        transform: translateX(100%);
        will-change: transform;
        z-index: 10000;
    }
    #supportDock.open #supportPanel{ transform: translateX(0); }
}
.swal2-container {
    z-index: 2147483647 !important;
}
.sweet-overlay,
.sweet-alert {
    z-index: 2147483647 !important;
}
@media (max-width: 530px) {
    #supportTab .contactus_icon {
        display: none;
    }
    #supportTab {
        width: 30px !important;
        height: 90px;
    }
    #supportTab .label {
        font-size: small;
    }
}