/* Live chat ("Talk to Support"): scoped to the visitor widget so the staff desk keeps its own look. */
#kade-support{width:400px;border:0;border-radius:22px;box-shadow:0 30px 80px -20px rgba(4,20,70,.55),0 0 0 1px rgba(0,60,200,.12);overflow:hidden;background:#fff}
#kade-support .support-shell{height:620px;background:#f6f9ff}
#kade-support .support-head{position:relative;padding:20px 20px 26px;gap:14px;background:radial-gradient(120% 140% at 0 0,#1a6dff 0%,#0a3fd1 45%,#07176b 100%);overflow:hidden}
#kade-support .support-head::after{content:"";position:absolute;right:-40px;top:-60px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.08)}
#kade-support .support-head img{height:44px;width:44px;padding:8px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25)}
#kade-support .support-head h2{font-size:18px;font-weight:800;letter-spacing:0}
#kade-support .support-head p{font-size:12px;color:#cfe0ff}
#kade-support .support-head button{position:relative;z-index:1;border-radius:10px;font-size:20px;line-height:1;transition:background .15s}
#kade-support .support-head button:hover{background:rgba(255,255,255,.25)}
#kade-support .support-notice{display:flex;align-items:center;gap:8px;margin:-14px 16px 0;position:relative;z-index:2;border-radius:12px;padding:10px 14px;background:#fff;color:#1d3f77;font-size:12px;font-weight:600;box-shadow:0 8px 22px -12px rgba(5,30,100,.45);border:1px solid #dbe7fb}
#kade-support .support-notice[data-status]::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#f0a020;box-shadow:0 0 0 4px rgba(240,160,32,.18)}
#kade-support .support-notice.is-online::before,#kade-support .support-notice[data-online="true"]::before{background:#18b66a;box-shadow:0 0 0 4px rgba(24,182,106,.18)}
#kade-support .support-error{margin-top:8px;background:#fff1ec;border-color:#ffd3c4;color:#8c301c}
#kade-support .support-intro{padding:22px 20px 14px;display:flex;flex-direction:column}
#kade-support .support-intro h3{font-size:20px;font-weight:800;color:#071a46;margin:2px 0 6px}
#kade-support .support-intro p{font-size:13px;color:#4a5b7c;margin:0 0 6px}
#kade-support .support-intro label{font-size:12px;font-weight:700;color:#1b3566;margin:14px 0 6px;letter-spacing:.01em}
#kade-support .support-intro label span{font-weight:500;color:#7a88a3}
#kade-support .support-intro input{padding:13px 14px;border:1.5px solid #cdd9ee;border-radius:12px;font-size:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
#kade-support .support-intro input:focus{outline:0;border-color:#006fff;box-shadow:0 0 0 4px rgba(0,111,255,.15)}
#kade-support .support-primary{border-radius:12px;font-weight:700;background:linear-gradient(110deg,#006fff,#3821df);box-shadow:0 12px 24px -14px rgba(0,60,230,.9);transition:transform .15s,box-shadow .15s}
#kade-support .support-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px -14px rgba(0,60,230,.95)}
#kade-support .support-intro .support-primary{min-height:48px;font-size:15px;margin-top:22px}
#kade-support .support-toolbar{padding:12px 16px;background:#fff;gap:10px}
#kade-support .support-toolbar button{border-radius:12px;background:#f1f6ff;border-color:#d3e1fb;display:flex;align-items:center;justify-content:center;gap:8px}
#kade-support .support-toolbar svg{width:17px;height:17px;flex:none}
#kade-support .support-messages{background:#f6f9ff;padding:16px;gap:14px}
#kade-support .support-empty{font-size:13px;padding:22px 16px;border:1.5px dashed #c9d8f2;border-radius:14px;background:#fff;margin:14px 4px}
#kade-support .support-bubble{border-radius:16px 16px 16px 4px;padding:11px 14px;font-size:14px;line-height:1.55;border-color:#dfe8f6;box-shadow:0 4px 14px -10px rgba(5,30,100,.4)}
#kade-support .support-message.mine .support-bubble{background:linear-gradient(120deg,#006fff,#2a3fe0);border-color:transparent;color:#fff;border-radius:16px 16px 4px 16px}
#kade-support .support-message small{font-size:11px;margin:5px 4px 0}
#kade-support .support-message.mine small{text-align:right}
#kade-support .support-compose{padding:12px 14px;gap:10px;background:#fff;border-top:1px solid #e0e8f5}
#kade-support .support-compose textarea{border-radius:14px;border:1.5px solid #cdd9ee;padding:12px 14px;font-size:14px;background:#f6f9ff}
#kade-support .support-compose textarea:focus{outline:0;border-color:#006fff;background:#fff;box-shadow:0 0 0 4px rgba(0,111,255,.12)}
#kade-support .support-compose button{border-radius:14px;display:flex;align-items:center;gap:6px;padding:0 16px}
#kade-support .support-compose svg{width:16px;height:16px}
#kade-support .support-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 14px;background:#fff;border-top:1px solid #eef2f9}
#kade-support .support-foot a{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#0a7a45;text-decoration:none;padding:8px 14px;border-radius:999px;background:#e9f9f0;border:1px solid #bfe9d2}
#kade-support .support-foot a::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 00-8.6 15L2 22l5.2-1.4A10 10 0 1012 2z'/%3E%3C/svg%3E") center/contain no-repeat}
#kade-support .support-foot a:hover{background:#d9f4e6}
#kade-support .support-foot button{font-size:12px;font-weight:700;color:#0a3fb8;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){#kade-support{border-radius:18px}#kade-support .support-shell{height:min(660px,calc(100dvh - 16px))}#kade-support .support-compose textarea{font-size:16px}}
html[data-scheme=dark] #kade-support{box-shadow:0 30px 80px -20px #000,0 0 0 1px rgba(120,160,255,.22);background:#0b1430}
html[data-scheme=dark] #kade-support .support-shell{background:#0b1430;color:#e6edff}
html[data-scheme=dark] #kade-support .support-notice{background:#12204a;color:#cfe0ff;border-color:#24376e}
html[data-scheme=dark] #kade-support .support-intro h3{color:#fff}
html[data-scheme=dark] #kade-support .support-intro p{color:#a9b9dc}
html[data-scheme=dark] #kade-support .support-intro label{color:#d5e1fb}
html[data-scheme=dark] #kade-support .support-intro input,html[data-scheme=dark] #kade-support .support-compose textarea{background:#101c40;border-color:#2b3f77;color:#fff}
html[data-scheme=dark] #kade-support .support-toolbar,html[data-scheme=dark] #kade-support .support-compose,html[data-scheme=dark] #kade-support .support-foot{background:#0e1838;border-color:#1f3166}
html[data-scheme=dark] #kade-support .support-toolbar button{background:#14224d;border-color:#2b3f77;color:#cfe0ff}
html[data-scheme=dark] #kade-support .support-messages{background:#0b1430}
html[data-scheme=dark] #kade-support .support-empty{background:#101c40;border-color:#2b3f77;color:#a9b9dc}
html[data-scheme=dark] #kade-support .support-bubble{background:#14224d;border-color:#26397a;color:#e6edff}
html[data-scheme=dark] #kade-support .support-message.mine .support-bubble{background:linear-gradient(120deg,#006fff,#2a3fe0);color:#fff}
html[data-scheme=dark] #kade-support .support-message small{color:#8ea0cb}
html[data-scheme=dark] #kade-support .support-foot a{background:#0f2e24;border-color:#1c5a43;color:#5fe0a2}
html[data-scheme=dark] #kade-support .support-foot button{color:#8db5ff}
#kade-support .support-error:empty{display:none}
@media(min-width:701px){#kade-support{inset:auto 90px 20px auto!important}}
@media(max-width:700px){#kade-support .support-foot{padding-right:76px}}
html[data-scheme=dark] #kade-support .support-intro{background:#0b1430}
html[data-scheme=dark] #kade-support .support-error{background:#3a1a14;border-color:#7a3322;color:#ffc9b8}
@media(max-width:700px){#kade-support{inset:auto 12px 150px 12px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 166px)!important}#kade-support .support-shell{height:min(660px,calc(100dvh - 166px))!important}#kade-support .support-foot{padding-right:16px}}