.desk-bar{position:fixed;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;gap:8px;height:56px;padding:0 16px;overflow:hidden;background:linear-gradient(100deg,#082d5c 0%,#0e5cab 48%,#1677d2 100%);background-size:180% 100%;color:#fff;box-shadow:0 -8px 22px rgba(8,28,58,.22);animation:desk-bar-in .45s ease,desk-bar-shift 8s ease-in-out infinite}
.desk-bar__shine{position:absolute;top:0;bottom:0;left:-40%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);animation:desk-shine 4.8s ease-in-out infinite;pointer-events:none}
.desk-bar>b{position:relative;z-index:1;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;font-size:14px}
.desk-bar>b i{width:7px;height:7px;border-radius:50%;background:#ffb24a;box-shadow:0 0 0 0 rgba(255,178,74,.7);animation:desk-dot 1.8s ease-out infinite}
.desk-bar a,.desk-bar button{position:relative;z-index:1;border:0;border-radius:16px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;line-height:32px;cursor:pointer;transition:transform .18s ease,background .18s ease}
.desk-bar a{padding:0 12px;text-decoration:none}
.desk-bar button{height:32px;padding:0 12px}
.desk-bar a:hover,.desk-bar button:hover{background:rgba(255,255,255,.26);transform:translateY(-1px)}
.desk-bar__phone{margin-left:auto;background:transparent!important;font-weight:700}
.desk-bar__close{width:32px;padding:0!important;background:transparent!important;font-size:20px}
.desk-cs{position:fixed;right:18px;bottom:74px;z-index:41}
.desk-dock.is-bar-off .desk-cs{bottom:18px}
.desk-cs__btn{position:relative;display:flex;width:52px;height:52px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#1677d2;color:#fff;box-shadow:0 8px 18px rgba(12,70,130,.28);cursor:pointer}
.desk-cs__btn::after{content:"";position:absolute;inset:-6px;border:2px solid rgba(22,119,210,.45);border-radius:50%;animation:desk-pulse 1.8s ease-out infinite}
.desk-cs__btn.is-open::after{animation:none;opacity:0}
.desk-cs__headset{width:26px;height:26px}
.desk-cs__x{display:none;font-size:28px;line-height:1}
.desk-cs__btn.is-open .desk-cs__headset{display:none}
.desk-cs__btn.is-open .desk-cs__x{display:block}
.desk-cs__panel{position:absolute;right:0;bottom:64px;width:280px;padding:16px 16px 12px;border-radius:14px;background:#fff;color:#24384f;box-shadow:0 14px 36px rgba(16,40,72,.22)}
.desk-cs__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.desk-cs__head b{font-size:16px}
.desk-cs__head button{width:28px;height:28px;border:0;border-radius:50%;background:#f3f7fb;color:#6a8096;font-size:18px;cursor:pointer}
.desk-cs__row{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #edf2f7}
.desk-cs__icon{display:flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border-radius:50%;background:#e7f3ff;color:#1677d2}
.desk-cs__icon svg{width:18px;height:18px}
.desk-cs__icon--chat{background:#fff1e2;color:#e58d39}
.desk-cs__row p{margin:0 0 4px;color:#7b8da3;font-size:12px}
.desk-cs__row a{color:#0c3e78;font-size:16px;font-weight:700;text-decoration:none}
.desk-cs__qr{display:block;width:92px;height:92px;margin:2px 0 8px;object-fit:contain;background:#f7fafc}
.desk-cs__consult{height:30px;padding:0 14px;border:0;border-radius:6px;background:#e58d39;color:#fff;font-size:13px;cursor:pointer}
.desk-cs__consult:hover{background:#d47b24}
.desk-cs__time{display:flex;align-items:center;gap:6px;margin:2px 0 0;color:#8ea0b4;font-size:12px}
.desk-cs__time::before{content:"";width:14px;height:14px;border:1.5px solid currentColor;border-radius:50%;box-shadow:inset -4px -1px 0 -3px currentColor}
body:has(.desk-dock:not(.is-bar-off)){padding-bottom:56px}
body.oc-open .desk-dock,body.oc-printing .desk-dock{display:none}
@keyframes desk-bar-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes desk-bar-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes desk-shine{0%,55%{left:-40%}80%,100%{left:120%}}
@keyframes desk-dot{0%{box-shadow:0 0 0 0 rgba(255,178,74,.65)}100%{box-shadow:0 0 0 8px rgba(255,178,74,0)}}
@keyframes desk-pulse{0%{transform:scale(.92);opacity:.8}100%{transform:scale(1.18);opacity:0}}
@media(max-width:760px){
.desk-bar{gap:6px;height:48px;padding:0 8px;overflow-x:auto}
.desk-bar>b{display:none}
.desk-bar a,.desk-bar button{flex:0 0 auto;font-size:12px}
.desk-bar__phone{margin-left:0}
.desk-cs{right:10px}
.desk-cs__panel{width:min(280px,calc(100vw - 24px))}
}
@media(prefers-reduced-motion:reduce){
.desk-bar,.desk-bar__shine,.desk-bar>b i,.desk-cs__btn::after{animation:none}
}
@media print{.desk-dock{display:none!important}}