/* TunLab / MAX shared compact contact widget. */
#tlc-root{--tlc-bg:#121d2c;--tlc-panel:#1c2b3e;--tlc-border:#395069;--tlc-txt:#eef4fc;--tlc-muted:#b3c3d5;--tlc-gold:#f1c653;z-index:2147483000;position:fixed;bottom:22px;right:19px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tlc-txt);font-size:14px;line-height:1.45;}
#tlc-root *{box-sizing:border-box}
#tlc-root .tlc-unit{position:relative;width:76px;height:118px;margin-left:auto}
#tlc-root .tlc-button{position:absolute;bottom:0;right:0;width:68px;height:65px;border-radius:18px;background:linear-gradient(145deg,#38445f,#181e31);border:1px solid #8592ac;box-shadow:0 7px 22px #0009,inset 0 1px 3px #ffffff45;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;outline-offset:4px;transition:filter .3s,box-shadow .3s;transform-origin:50% 55%}
#tlc-root .tlc-button:hover{box-shadow:0 10px 30px #000b,0 0 0 2px #f1c65388}
#tlc-root .tlc-button svg{width:32px;height:32px}
#tlc-root .tlc-sky{position:absolute;right:3px;top:0;width:68px;height:55px;pointer-events:none;transform-origin:50% 60%;animation:tlc-float 4.3s ease-in-out infinite}
#tlc-root .tlc-sun{position:absolute;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle,#ffe19b,#edb842);top:0;right:4px;box-shadow:0 0 18px #ffc84f70}
#tlc-root .tlc-cloud{position:absolute;top:12px;left:2px;width:59px;height:31px;background:linear-gradient(160deg,#d0dbe8,#748da7);border-radius:23px;box-shadow:0 2px 10px #111d3980}
#tlc-root .tlc-cloud:before{content:"";position:absolute;width:30px;height:30px;background:#bdcedf;top:-13px;left:8px;border-radius:100%}
#tlc-root .tlc-cloud:after{content:"";position:absolute;width:28px;height:26px;background:#a5bad0;top:-9px;left:26px;border-radius:100%}
#tlc-root .tlc-lightning{position:absolute;z-index:2;top:21px;left:26px;opacity:0;color:#fce68b;font-size:20px;text-shadow:0 0 8px #fffaae;animation:tlc-flash 9s linear infinite}
#tlc-root .tlc-rain{position:absolute;top:39px;left:7px;width:57px;height:23px;pointer-events:none}
#tlc-root .tlc-drop{position:absolute;top:0;width:3px;height:8px;border-radius:3px;background:#9cdcff;opacity:0;animation:tlc-fall 1.55s linear infinite}
#tlc-root .tlc-drop:nth-child(1){left:5px;animation-delay:.1s}
#tlc-root .tlc-drop:nth-child(2){left:20px;animation-delay:.5s}
#tlc-root .tlc-drop:nth-child(3){left:35px;animation-delay:.85s}
#tlc-root .tlc-drop:nth-child(4){left:50px;animation-delay:1.2s}
#tlc-root .tlc-glint{position:absolute;inset:0;border-radius:inherit;animation:tlc-glow 7.5s ease-in-out infinite;pointer-events:none}
#tlc-root .tlc-unit:not(.tlc-stopped) .tlc-button{animation:tlc-shake 6.6s ease-in-out infinite}
#tlc-root .tlc-stopped *,#tlc-root .tlc-stopped *:before,#tlc-root .tlc-stopped *:after{animation:none!important}
#tlc-root .tlc-stopped .tlc-sky{opacity:0;transition:opacity .2s}
#tlc-root .tlc-stopped .tlc-button{transform:none}
#tlc-root .tlc-panel{position:absolute;right:0;bottom:78px;width:min(365px,calc(100vw - 24px));height:min(570px,calc(100dvh - 105px));min-height:320px;border:1px solid var(--tlc-border);background:linear-gradient(160deg,#23374c,#111e2d);border-radius:18px;box-shadow:0 16px 65px #000d;overflow:hidden;display:flex;flex-direction:column;color:var(--tlc-txt)}
#tlc-root .tlc-panel[hidden]{display:none}
#tlc-root .tlc-head{padding:16px 17px;background:#192d43;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #456077}
#tlc-root .tlc-head strong{font-size:16px}
#tlc-root .tlc-head small{font-size:11px;color:var(--tlc-muted);display:block;margin-top:3px}
#tlc-root .tlc-close{background:transparent;border:0;color:var(--tlc-txt);font-size:26px;cursor:pointer;line-height:1;padding:5px}
#tlc-root .tlc-chatlog{padding:16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:11px;scrollbar-color:#4b6c89 transparent}
#tlc-root .tlc-bubble{max-width:88%;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;background:#30435b;border:1px solid #455d77;border-radius:13px;align-self:flex-start}
#tlc-root .tlc-bubble.visitor{background:#665020;border-color:#b48a3f;align-self:flex-end}
#tlc-root .tlc-bubble small{display:block;color:#b6c5d5;font-size:10px;margin-top:4px}
#tlc-root .tlc-compose{border-top:1px solid #486078;background:#142539;padding:13px;display:flex;gap:8px;align-items:end}
#tlc-root .tlc-input{resize:none;min-height:45px;max-height:100px;flex:1;color:#fff;background:#0c1c2c;border:1px solid #55718d;border-radius:10px;padding:11px;font:inherit}
#tlc-root .tlc-input:focus{outline:2px solid #f1c653}
#tlc-root .tlc-send{border:0;background:var(--tlc-gold);color:#1d2735;border-radius:9px;padding:11px 12px;font-weight:800;cursor:pointer;min-height:45px}
#tlc-root .tlc-send:disabled{opacity:.5;cursor:wait}
#tlc-root .tlc-msg{font-size:11px;padding:0 13px 9px;color:#c3d0df;background:#142539;min-height:23px}
#tlc-root .tlc-lead-fields{display:grid;gap:8px;padding:12px}
#tlc-root .tlc-lead-fields input{background:#102135;color:white;border:1px solid #55718d;padding:11px;border-radius:9px}
@keyframes tlc-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
@keyframes tlc-fall{0%,15%{transform:translateY(-1px);opacity:0}25%{opacity:.8}90%{opacity:.7}100%{transform:translateY(19px);opacity:0}}
@keyframes tlc-flash{0%,42%,44%,46%,100%{opacity:0}43%,45%{opacity:.95}}
@keyframes tlc-shake{0%,59%,65%,100%{transform:rotate(0)}60%{transform:rotate(-3deg)}61%{transform:rotate(3deg)}62%{transform:rotate(-2deg)}63%{transform:rotate(2deg)}}
@keyframes tlc-glow{0%,70%,80%,100%{box-shadow:none}74%{box-shadow:inset 0 0 12px #ffe59b,0 0 18px #f1c65366}}
@media(max-width:600px){#tlc-root{right:13px;bottom:13px}#tlc-root .tlc-panel{bottom:76px;height:min(540px,calc(100dvh - 100px))}}
@media(prefers-reduced-motion:reduce){#tlc-root *,#tlc-root *:before,#tlc-root *:after{animation:none!important;transition:none!important}}


/* TUNLAB-PREMIUM-CLOUD-V2 — polished metallic chat button; visual only */
#tlc-root {
  right: 20px;
  bottom: 18px;
}
#tlc-root .tlc-unit {
  width: 102px;
  height: 150px;
}
#tlc-root .tlc-button {
  width: 78px;
  height: 76px;
  right: 5px;
  bottom: 0;
  border-radius: 22px;
  border: 1px solid rgba(169,193,225,.62);
  background:
    radial-gradient(ellipse at 30% 14%,rgba(255,255,255,.22),transparent 46%),
    linear-gradient(152deg,#536681 0%,#283b59 40%,#121b2d 100%);
  box-shadow:
    0 16px 36px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.11) inset,
    0 10px 22px rgba(2,9,25,.25) inset;
  transform-origin: center 54%;
}
#tlc-root .tlc-button svg {
  width: 35px;
  height: 35px;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.30));
}
#tlc-root .tlc-button:hover {
  border-color: rgba(244,208,125,.86);
  box-shadow: 0 18px 40px #000a,0 0 0 2px #f1c65350,
    inset 0 1px 2px #ffffff44;
}
#tlc-root .tlc-sky {
  width: 94px;
  height: 82px;
  right: 0;
  top: -11px;
  transform-origin: center 60%;
  filter: drop-shadow(0 10px 9px rgba(5,14,26,.38));
  animation: tlc-cloud-premium-float 5.1s ease-in-out infinite;
}
#tlc-root .tlc-sun {
  width: 30px;
  height: 30px;
  top: 7px;
  right: 7px;
  background: radial-gradient(circle at 32% 28%,#ffefb0,#f3cd65 57%,#e7ad40);
  box-shadow: 0 0 14px #f8c95f66,0 0 25px #e8bd4b38;
}
#tlc-root .tlc-cloud {
  width: 80px;
  height: 40px;
  top: 23px;
  left: 5px;
  border-radius: 30px 30px 25px 25px;
  background: linear-gradient(155deg,#dbe7f3 0%,#afc3d8 57%,#7893b3 100%);
  box-shadow: inset 0 2px 3px #ffffff8a,inset 0 -4px 9px #47668236,
    0 4px 11px #13244045;
}
#tlc-root .tlc-cloud:before {
  width: 39px;
  height: 40px;
  top: -18px;
  left: 11px;
  background: linear-gradient(144deg,#e0eaf4,#b5c9de);
  box-shadow: inset 2px 2px 5px #ffffff45;
}
#tlc-root .tlc-cloud:after {
  width: 36px;
  height: 34px;
  top: -12px;
  left: 36px;
  background: linear-gradient(150deg,#ccdaea,#9ab3cd);
}
#tlc-root .tlc-lightning {
  top: 35px;
  left: 42px;
  z-index: 3;
  font-size: 23px;
  color: #fff2aa;
  text-shadow: 0 0 6px #fff4a6,0 0 15px #eecb65b8;
  animation: tlc-cloud-premium-flash 9.4s linear infinite;
}
#tlc-root .tlc-rain {
  width: 73px;
  height: 34px;
  top: 64px;
  left: 12px;
}
#tlc-root .tlc-drop {
  width: 3px;
  height: 10px;
  background: linear-gradient(#d8f4ff,#80c5ed);
  box-shadow: 0 0 5px #9bd6ff59;
  animation: tlc-cloud-premium-rain 1.65s linear infinite;
}
#tlc-root .tlc-drop:nth-child(1){left:7px;animation-delay:.1s}
#tlc-root .tlc-drop:nth-child(2){left:24px;animation-delay:.5s}
#tlc-root .tlc-drop:nth-child(3){left:41px;animation-delay:.9s}
#tlc-root .tlc-drop:nth-child(4){left:58px;animation-delay:1.3s}
#tlc-root .tlc-glint {
  background: linear-gradient(125deg,transparent 15%,#ffffff11 43%,transparent 68%);
  animation: tlc-cloud-premium-glow 8.8s ease-in-out infinite;
}
#tlc-root .tlc-unit:not(.tlc-stopped) .tlc-button {
  animation: tlc-cloud-premium-shake 7.2s ease-in-out infinite;
}
#tlc-root .tlc-panel { bottom: 91px; }
@keyframes tlc-cloud-premium-float {
  0%,100%{transform:translateY(0) rotate(-1.4deg)}
  50%{transform:translateY(-5px) rotate(1.3deg)}
}
@keyframes tlc-cloud-premium-flash {
  0%,40%,42%,44%,100%{opacity:0}
  41%,43%{opacity:.97}
}
@keyframes tlc-cloud-premium-rain {
  0%,16%{transform:translateY(-1px);opacity:0}
  26%{opacity:.85}
  80%{opacity:.68}
  100%{transform:translateY(24px);opacity:0}
}
@keyframes tlc-cloud-premium-shake {
  0%,61%,66%,100%{transform:rotate(0)}
  62%{transform:rotate(-2.7deg)}
  63%{transform:rotate(2.5deg)}
  64%{transform:rotate(-1.6deg)}
  65%{transform:rotate(1.2deg)}
}
@keyframes tlc-cloud-premium-glow {
  0%,72%,82%,100%{box-shadow:none}
  76%{box-shadow:inset 0 0 15px #fff3c032,0 0 22px #f4d37544}
}
@media(max-width:600px){
  #tlc-root{right:13px;bottom:13px}
  #tlc-root .tlc-unit{width:96px;height:143px}
  #tlc-root .tlc-button{width:75px;height:73px}
  #tlc-root .tlc-panel{bottom:86px}
}
@media(prefers-reduced-motion:reduce) {
  #tlc-root *,#tlc-root *:before,#tlc-root *:after{animation:none!important}
}


#tlc-root .tlc-unit{display:none!important}

#tlc-root .tlc-vehicle{padding:16px;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;border-bottom:1px solid var(--tlc-border);flex-shrink:0}
#tlc-root .tlc-vehicle label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;min-width:0}
#tlc-root .tlc-vehicle input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #607890;border-radius:10px;background:#0d1a27;color:#eef4fc;padding:12px;font:16px system-ui}
#tlc-root .tlc-vehicle button{grid-column:1/-1;padding:12px;border:0;border-radius:10px;background:#f1c653;color:#152131;font:600 15px system-ui;cursor:pointer}
#tlc-root .tlc-vehicle button:disabled{opacity:.55;cursor:wait}
#tlc-root .tlc-vehicle p{grid-column:1/-1;margin:0;font-size:12px;color:#b3c3d5;font-weight:400}
#tlc-root .tlc-bubble{white-space:pre-wrap}
@media(max-width:360px){#tlc-root .tlc-vehicle{grid-template-columns:1fr}#tlc-root .tlc-vehicle label{grid-column:1}}

#tlc-root .tlc-vehicle{grid-template-columns:1fr}
#tlc-root .tlc-vehicle details{font-size:13px;color:#b3c3d5}
#tlc-root .tlc-vehicle summary{cursor:pointer}
#tlc-root .tlc-vehicle details label{margin-top:8px}

#tlc-root .tlc-methods{border:0;padding:0;margin:0 0 12px;display:flex;gap:8px;flex-wrap:wrap}#tlc-root .tlc-methods legend{font-size:14px;margin-bottom:8px;color:#c2d0df}#tlc-root .tlc-methods label{display:flex;align-items:center;gap:5px;padding:7px 9px;background:#223449;border-radius:8px;cursor:pointer}#tlc-root .tlc-methods input{width:auto;margin:0;accent-color:#f1c653}#tlc-root [hidden]{display:none!important}#tlc-root .tlc-manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#tlc-root .tlc-vehicle input{min-width:0;box-sizing:border-box;width:100%}#tlc-root .tlc-methods input{width:auto}#tlc-root .tlc-chatlog{min-height:230px;max-height:55vh}#tlc-root .tlc-vehicle{flex-shrink:0}
#tlc-root .tlc-methods{min-width:0}#tlc-root .tlc-methods label{flex-direction:row}#tlc-root .tlc-methods input{padding:0;border:0;width:16px;height:16px;flex:none}

#tlc-root .tlc-vehicle select{box-sizing:border-box;width:100%;min-width:0;border:1px solid #607890;border-radius:10px;background:#0d1a27;color:#eef4fc;padding:12px;font:16px system-ui}#tlc-root [data-method=catalog]{grid-template-columns:1fr}
