/* RC1.21-p1: restore the legacy laotie.app support dock while keeping the
   RC1.21 isolated WebChat iframe/security model. */
.xq-customer-chat{position:fixed;right:0;top:auto;bottom:60px;z-index:2147483000;width:110px;height:0;font-family:inherit;pointer-events:none}
.xq-chat-dock,.xq-chat-open-tab,.xq-chat-panel,.xq-chat-overlay{pointer-events:auto}
.xq-chat-dock{position:absolute;right:0;bottom:0;width:110px;background:#f9fafb;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;box-shadow:0 8px 24px rgba(20,32,55,.08)}
.xq-chat-widget-close{position:absolute;right:10px;top:-12px;z-index:8;width:24px;height:24px;padding:0;border:0;background:transparent url(/res/logo/close_im.png) no-repeat left top;cursor:pointer}
.xq-chat-consult{position:relative;display:block;width:108px;height:116px;padding:0;border:0;border-bottom:1px solid #ddd;border-radius:10px 10px 0 0;background:transparent;color:#0484cd;text-align:center;cursor:pointer;overflow:visible}
.xq-chat-consult-bg{position:absolute;inset:0 0 auto 0;width:108px;height:116px;border-radius:10px 10px 0 0;background:url(/res/logo/qq-icon-bg.png) no-repeat center 8px}
.xq-chat-consult-icon-wrap{position:absolute;left:18px;top:10px;width:70px;height:70px;border-radius:50%;overflow:visible;z-index:2}
.xq-chat-consult-icon{position:absolute;left:7px;top:7px;width:60px;height:60px;object-fit:contain;transition:transform .16s ease}
.xq-chat-consult:hover .xq-chat-consult-icon{transform:scale(1.08)}
.xq-chat-consult-label{position:absolute;left:8px;right:8px;bottom:5px;font-size:14px;line-height:24px;white-space:nowrap}
.xq-chat-badge{position:absolute;left:8px;bottom:7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff2d2d;color:#fff;font-size:12px;font-style:normal;font-weight:900;line-height:18px;text-align:center;box-shadow:0 6px 16px rgba(255,45,45,.42);border:2px solid #fff;box-sizing:content-box;z-index:9}
.xq-chat-contact-list{width:108px;padding:5px 0 7px;border-bottom:1px solid #ddd;box-sizing:border-box;color:#000;text-align:center}
.xq-chat-contact-row{min-height:34px;display:flex;align-items:center;justify-content:center}
.xq-chat-contact-row a{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:3px 8px;color:#1366ff;font-size:14px;line-height:26px;text-decoration:none;box-sizing:border-box;white-space:nowrap}
.xq-chat-contact-row a:hover{background:#fafafa;text-decoration:none}
.xq-chat-contact-row img{width:25px;height:25px;min-width:25px;object-fit:contain}
.xq-chat-dock-footer{display:flex;width:108px;height:47px;border-radius:0 0 10px 10px;overflow:visible;background:#f5f5f5}
.xq-chat-qr-wrap{position:relative;width:55px;height:47px;border-right:1px solid #ddd;border-radius:0 0 0 10px;box-sizing:border-box}
.xq-chat-qr-button,.xq-chat-backtop{display:block;width:100%;height:47px;padding:0;border:0;cursor:pointer}
.xq-chat-qr-button{background:#f5f5f5 url(/res/logo/weixing-icon.png) no-repeat center center;border-radius:0 0 0 10px}
.xq-chat-qr-wrap--disabled .xq-chat-qr-button{cursor:default;opacity:.55}
.xq-chat-backtop{width:53px;background:#f5f5f5 url(/res/logo/totop-icon.png) no-repeat center center;border-radius:0 0 10px 0}
.xq-chat-qr-popover{position:absolute;display:none;left:-126px;bottom:-1px;width:112px;min-height:162px;padding:5px 5px 10px;background:#fff;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;text-align:center;color:#333;font-size:12px;line-height:18px;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.xq-chat-qr-wrap:hover .xq-chat-qr-popover,.xq-chat-qr-wrap:focus-within .xq-chat-qr-popover{display:block}
.xq-chat-qr-popover img{display:block;width:100px;height:100px;margin:0 auto 4px;object-fit:contain}
.xq-chat-qr-arrow{position:absolute;right:-8px;bottom:20px;width:14px;height:14px;background:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;transform:rotate(45deg)}
.xq-chat-open-tab{display:none;position:absolute;right:0;bottom:0;width:40px;height:133px;padding:0;border:0;background:transparent url(/res/logo/open_im.png) no-repeat left top;cursor:pointer}
.xq-customer-chat.is-collapsed{width:40px;height:133px}
.xq-customer-chat.is-collapsed .xq-chat-dock{display:none}
.xq-customer-chat.is-collapsed .xq-chat-open-tab{display:block;position:relative;right:auto;bottom:auto}

/* WebChat panel. The dock remains visible on desktop so its top consult area
   can toggle the already-open chat closed, matching the requested behavior. */
.xq-chat-overlay{position:fixed;inset:0;background:transparent;z-index:1;touch-action:none;overscroll-behavior:none}
.xq-chat-overlay[hidden],.xq-chat-panel[hidden]{display:none!important}
.xq-chat-panel{position:fixed;right:18px;bottom:86px;width:400px;height:min(720px,calc(100vh - 110px));background:#fff;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.18);overflow:hidden;z-index:3}
.xq-chat-dock,.xq-chat-open-tab{z-index:1}
.xq-chat-header{height:190px;box-sizing:border-box;position:relative;color:#fff;user-select:none;background:radial-gradient(circle at 18px 18px,rgba(255,255,255,.10) 2px,transparent 3px) 0 0/22px 22px,radial-gradient(circle at 7px 7px,rgba(255,255,255,.08) 2px,transparent 3px) 0 0/22px 22px,linear-gradient(180deg,#0b5cff 0%,#0a58ef 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding-top:56px;text-align:center;cursor:pointer}
.xq-chat-header-actions{position:absolute;top:12px;left:0;right:0;height:36px}
.xq-chat-title-pill{position:absolute;left:50%;top:0;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:800;letter-spacing:.5px;line-height:1;cursor:pointer}
.xq-chat-title-pill svg{width:16px;height:16px;fill:#fff;opacity:.95}
.xq-chat-close{position:absolute;right:10px;top:0;width:32px;height:32px;padding:0;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);color:#fff;font-size:20px;font-weight:900;line-height:1;cursor:pointer}
.xq-chat-close:hover{background:rgba(255,255,255,.28)}
.xq-chat-header-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px}
.xq-chat-header-link{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.14);text-decoration:none;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.xq-chat-header-link:hover{background:rgba(255,255,255,.24);transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.xq-chat-header-link img{width:22px;height:22px;object-fit:contain}
.xq-chat-heading{font-size:14px;font-weight:900;margin-top:2px}
.xq-chat-status{font-size:12px;opacity:.92;margin-top:-6px}
.xq-chat-panel iframe{display:block;width:100%;height:calc(100% - 190px);border:0;background:#fff}

@media (min-width:701px){.xq-customer-chat--desktop-disabled{display:none!important}}
@media (max-width:700px){
  .xq-customer-chat{right:2px;top:auto;bottom:80px;width:110px}
  .xq-customer-chat--mobile-disabled{display:none!important}
  .xq-chat-panel{inset:0;width:100%;height:100dvh;max-height:none;border-radius:0;right:auto;bottom:auto}
  .xq-chat-panel iframe{height:calc(100% - 190px)}
  .xq-chat-overlay{z-index:1}
  .xq-chat-dock,.xq-chat-open-tab{z-index:1}
  html.xq-chat-page-locked,body.xq-chat-page-locked{overflow:hidden!important;height:100%!important;overscroll-behavior:none;touch-action:none}
  body.xq-chat-page-locked{position:fixed!important;left:0;right:0;width:100%!important}
}