/* TheAppGuy Live Support V1 — compact premium messenger, AI first and human takeover. */
.tag-support-launch.ai-launch{width:auto!important;min-width:175px;height:62px!important;padding:9px 16px 9px 10px!important;
border-radius:18px!important;display:flex!important;align-items:center;gap:10px;
color:#fff;background:linear-gradient(140deg,#153d67,#0c2547 58%,#07172d)!important;
border:1px solid rgba(109,188,245,.48)!important;
box-shadow:0 12px 42px rgba(0,0,0,.45),0 0 0 1px rgba(40,144,255,.12) inset!important;
font-family:Inter,system-ui,sans-serif;z-index:2147482650!important}
.tag-support-launch .tag-support-chat-icon{width:41px;height:41px;flex:none;border-radius:12px;
background:linear-gradient(135deg,#228efd,#1160c6);display:grid;place-items:center;
box-shadow:0 5px 20px rgba(25,122,237,.26);color:#fff}
.tag-support-launch .tag-support-launch-copy{display:grid;gap:2px;min-width:0;text-align:left;line-height:1.15}
.tag-support-launch .tag-support-launch-copy strong{font-weight:850;font-size:14px;letter-spacing:.01em;white-space:nowrap}
.tag-support-launch .tag-support-launch-copy small{font-weight:500;color:#a9cee9;font-size:10px;white-space:nowrap}
.tag-support-launch .tag-support-launch-indicator{width:7px;height:7px;border-radius:50%;background:#55eab6;flex:none;box-shadow:0 0 10px rgba(75,238,178,.5);margin-left:auto}
.tag-support-panel.ai-panel{position:fixed!important;right:24px!important;bottom:98px!important;
width:min(410px,calc(100vw - 24px))!important;height:min(640px,calc(100dvh - 115px))!important;
max-height:calc(100dvh - 110px)!important;padding:0!important;overflow:hidden!important;
display:flex!important;flex-direction:column!important;
background:#0b1421!important;color:#eff7ff!important;border:1px solid rgba(114,169,217,.32)!important;
border-radius:19px!important;box-shadow:0 28px 88px #000a,0 0 48px rgba(35,113,213,.08)!important;
z-index:2147482700!important;visibility:hidden!important;opacity:0!important;
pointer-events:none!important;transform:translateY(16px) scale(.985)!important;transition:transform .22s ease,opacity .22s ease!important}
.tag-support-panel.ai-panel.open{visibility:visible!important;opacity:1!important;
pointer-events:auto!important;transform:translateY(0) scale(1)!important}
.tag-support-head.ai-head{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;
padding:16px 17px!important;min-height:75px!important;background:linear-gradient(105deg,#102b49,#0c1c30)!important;
border-bottom:1px solid rgba(100,154,211,.2)}
.tag-support-identity{display:flex;align-items:center;gap:11px;min-width:0}
.tag-support-avatar{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:13px;
background:#051321;border:1px solid rgba(111,182,238,.28);overflow:hidden}
.tag-support-avatar img{display:block;max-width:39px;max-height:31px;object-fit:contain}
.tag-support-identity strong{display:block;font-weight:850;font-size:17px;line-height:1.2}
.tag-support-identity small{display:block;color:#a9c9dd;font-size:11px;line-height:1.4;font-weight:500;margin-top:4px}
.tag-support-head .ai-close{color:#cae0ec!important;background:#ffffff13!important;border:1px solid #ffffff1b!important;
width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:23px;cursor:pointer;flex:none}
.tag-support-info{display:flex;align-items:center;gap:9px;background:rgba(10,58,98,.35);
padding:10px 17px;color:#a9c5da;font-size:11px;line-height:1.4;border-bottom:1px solid #ffffff12}
.tag-support-info-dot{background:#52d9af;width:7px;height:7px;border-radius:50%;flex:none}
.tag-support-messages.ai-messages{flex:1!important;min-height:100px!important;overflow-y:auto!important;
display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:11px!important;
background:#0b1421!important;padding:20px 16px 17px!important;scrollbar-width:thin;scrollbar-color:#284d74 transparent}
.tag-support-messages .tag-chat-day{align-self:center;color:#708fa9;font:700 9px ui-monospace,Consolas,monospace;letter-spacing:.16em;padding:0 0 3px}
.tag-support-messages .chat-bubble{max-width:88%;width:fit-content;padding:12px 14px!important;margin:0!important;
font-size:13px!important;font-weight:450!important;line-height:1.55!important;white-space:pre-wrap;overflow-wrap:anywhere;
border:1px solid #ffffff13!important;border-radius:14px 14px 14px 5px!important;color:#e9f3fb!important;
background:#18283d!important;box-shadow:none!important}
.tag-support-messages .chat-bubble.me{align-self:flex-end!important;background:#1377d8!important;
border-color:#3694ed!important;color:#fff!important;border-radius:14px 14px 5px 14px!important}
.tag-support-messages .chat-bubble.bot{align-self:flex-start!important}
.tag-support-messages .chat-bubble.admin{align-self:flex-start!important;background:#123e3d!important;
border-color:#287873!important;color:#e8fbf5!important}
.tag-support-messages .chat-bubble.typing{align-self:flex-start!important;color:#94b3ca!important;font-style:italic}
.tag-support-messages .tag-chat-notice{align-self:center;text-align:center;background:#142132;border:1px solid #274561;
border-radius:9px;color:#9bc7e9;padding:9px 11px;font-size:11px;line-height:1.45;max-width:96%}
.tag-support-quick.ai-quick{flex-shrink:0;display:flex!important;flex-wrap:wrap!important;gap:7px!important;
padding:10px 14px 8px!important;background:#0b1421!important;border-top:1px solid #1b3048}
.tag-support-quick button{appearance:none;padding:8px 10px!important;font-size:11px!important;
min-height:32px;background:#142a40!important;color:#bbdcf0!important;border:1px solid #2c506b!important;
border-radius:999px!important;cursor:pointer}
.tag-support-quick button:hover{background:#1c3c5c!important;border-color:#64abe2!important;color:#fff!important}
.tag-support-quick button.tag-support-human{color:#d3f9f0!important;border-color:#2b8d82!important;background:#103a38!important}
.tag-support-compose.ai-input{display:flex!important;align-items:center!important;flex-shrink:0;
gap:8px!important;padding:12px 14px!important;background:#0e1d2e!important;border-top:1px solid #2a425c!important}
.tag-support-compose input{background:#101e30!important;border:1px solid #345675!important;
color:#f3fbff!important;flex:1!important;min-width:0!important;
border-radius:11px!important;min-height:45px!important;padding:11px 13px!important;font-size:13px!important;outline:none}
.tag-support-compose input:focus{border-color:#67c5ff!important;box-shadow:0 0 0 2px #277fcb33}
.tag-support-compose input::placeholder{color:#879db3}
.tag-support-compose button{width:45px!important;height:45px!important;border-radius:11px!important;flex:none!important;
display:grid!important;place-items:center!important;border:1px solid #459cf7!important;background:#1684eb!important;color:#fff!important;cursor:pointer}
.tag-support-compose button:disabled{opacity:.48;cursor:not-allowed}
.tag-support-footer{padding:7px 14px 10px;flex-shrink:0;background:#0e1d2e;
text-align:center;color:#748fa9;font-size:10px;line-height:1.4}
.tag-support-footer a{color:#8dcafa}
.tag-support-handoff.handoff-form{position:absolute!important;inset:auto 0 0!important;z-index:3;
max-height:88%!important;overflow-y:auto!important;background:#0e1e30!important;
padding:20px 17px!important;border-top:1px solid #3871a4!important;box-shadow:0 -18px 40px #0009!important;
display:none!important}
.tag-support-handoff.handoff-form.show{display:block!important}
.tag-handoff-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tag-handoff-title strong{font-size:17px;color:#e9f6ff}
.tag-handoff-title button{border:0;background:#173a57;color:#e4f5ff;border-radius:7px;
font-size:23px;width:31px;height:31px;cursor:pointer}
.tag-support-handoff p{font-size:12px;color:#a7bed2;line-height:1.55;margin:12px 0 15px}
.tag-support-handoff .two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:0 0 9px!important}
.tag-support-handoff input,.tag-support-handoff select{width:100%!important;min-width:0!important;background:#091725!important;
border:1px solid #315270!important;color:#e4f4ff!important;border-radius:9px!important;min-height:43px!important;
font-size:12px!important;padding:10px!important}
.tag-support-handoff select{margin-bottom:11px}
.tag-handoff-actions{display:grid;gap:9px}
.tag-handoff-actions>button{background:#157ff0;color:white;border:1px solid #50aeff;min-height:43px;
border-radius:9px;font-weight:750;font-size:13px;cursor:pointer}
.tag-handoff-actions>button:disabled{opacity:.65;cursor:wait}
.tag-handoff-actions>span{color:#ffd4c3;font-size:12px}
@media(max-width:700px){
.tag-support-launch.ai-launch{right:13px!important;bottom:12px!important;min-width:168px;height:55px!important}
.tag-support-launch .tag-support-chat-icon{width:37px;height:37px}
.tag-support-panel.ai-panel{right:8px!important;bottom:76px!important;width:calc(100vw - 16px)!important;
height:min(625px,calc(100dvh - 91px))!important;max-height:calc(100dvh - 91px)!important;border-radius:16px!important}
.tag-support-head.ai-head{padding:13px!important}
.tag-support-handoff .two{grid-template-columns:1fr 1fr!important}
.tag-support-quick button{padding:7px 9px!important}
}
@media(max-width:370px){.tag-support-handoff .two{grid-template-columns:1fr!important}
.tag-support-launch.ai-launch{min-width:151px!important}
.tag-support-launch .tag-support-launch-copy small{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.tag-support-panel.ai-panel{transition:none!important}}