/* JoveWorks Viviane Guia V22 — transparent client-only guidance, no AI */
#jw-vg-launcher,#jw-vg-layer,#jw-vg-layer *{box-sizing:border-box}
#jw-vg-launcher,#jw-vg-layer{font-family:"DM Sans",Arial,sans-serif}
#jw-vg-launcher{
 position:fixed!important;z-index:47008!important;left:21px!important;bottom:23px!important;
 display:flex!important;align-items:center!important;gap:12px!important;
 min-height:64px!important;min-width:216px!important;max-width:249px!important;
 padding:10px 15px 10px 10px!important;text-align:left!important;
 color:#f5f9ff!important;cursor:pointer!important;
 border:1px solid rgba(231,197,138,.68)!important;border-radius:17px!important;
 background:linear-gradient(132deg,#1b3654,#0c2139)!important;
 box-shadow:0 15px 45px rgba(0,0,0,.43),0 0 20px rgba(229,194,133,.09)!important;
 transition:transform .16s,box-shadow .16s!important
}
#jw-vg-launcher:hover{transform:translateY(-3px)!important;box-shadow:0 21px 58px rgba(0,0,0,.52),0 0 25px rgba(234,196,132,.19)!important}
#jw-vg-launcher:focus-visible{outline:3px solid #f6dea9!important;outline-offset:3px}
#jw-vg-launcher .jw-vg-avatar{
 display:grid;place-items:center;position:relative;flex:0 0 43px;width:43px;height:43px;
 color:#172d45;font:800 27px/1 "Space Grotesk",sans-serif;border-radius:12px;
 background:linear-gradient(140deg,#f6e0b5,#d3a76d);
 box-shadow:0 4px 15px rgba(238,190,123,.15)
}
#jw-vg-launcher .jw-vg-avatar span{position:absolute;bottom:-3px;right:-4px;display:grid;place-items:center;width:20px;height:20px;color:#f9db9f;background:#1b3553;border:2px solid #af8b58;border-radius:50%;font-size:13px}
#jw-vg-launcher .jw-vg-launch-copy{min-width:0;display:grid;gap:2px;flex:1}
#jw-vg-launcher .jw-vg-launch-copy strong{color:#f3f7ff;font-size:13px;line-height:1.25;font-weight:800}
#jw-vg-launcher .jw-vg-launch-copy small{color:#9db7d8;font-size:10px;line-height:1.35}
#jw-vg-launcher .jw-vg-launch-arrow{color:#eed09a;font-size:18px;font-weight:800;flex:0 0 auto}
#jw-vg-layer[hidden]{display:none!important}
#jw-vg-layer{
 position:fixed!important;inset:0!important;z-index:60004!important;
 background:transparent!important;color:#eef4ff!important;
 font-family:"DM Sans",Arial,sans-serif!important;font-size:13px!important;
 line-height:1.6!important;isolation:isolate!important
}
#jw-vg-layer .jw-vg-shade{position:absolute;inset:0;background:rgba(3,9,20,.58);backdrop-filter:blur(3px);z-index:0}
#jw-vg-layer .jw-vg-target{
 position:fixed;z-index:1;pointer-events:none;border-radius:9px;
 border:3px solid #f2cd91;box-shadow:0 0 0 5px rgba(228,184,113,.19),0 0 30px rgba(233,196,130,.45);
 transition:left .12s,top .12s,width .12s,height .12s
}
#jw-vg-layer .jw-vg-target[hidden]{display:none!important}
#jw-vg-layer .jw-vg-panel{
 position:absolute;z-index:2;left:20px;bottom:106px;width:min(454px,calc(100vw - 40px));
 height:min(675px,calc(100dvh - 136px));max-height:80dvh;min-height:min(350px,calc(100dvh - 130px));
 display:flex;flex-direction:column;overflow:hidden;
 border:1px solid rgba(230,194,132,.55);border-radius:17px;
 background:radial-gradient(ellipse at 85% 6%,rgba(77,105,196,.24),transparent 58%),linear-gradient(153deg,#1b3656,#0d2038 82%);
 box-shadow:0 32px 100px rgba(0,0,0,.66),0 0 29px rgba(229,187,113,.11)
}
#jw-vg-layer button,#jw-vg-layer a{font-family:"DM Sans",Arial,sans-serif;text-decoration:none}
#jw-vg-layer button{cursor:pointer}
#jw-vg-layer button:disabled{cursor:not-allowed;opacity:.42}
#jw-vg-layer button:focus-visible,#jw-vg-layer a:focus-visible{outline:2px solid #ffdfaa!important;outline-offset:2px!important}
#jw-vg-layer .jw-vg-panel-head{
 display:flex;align-items:center;gap:12px;padding:20px 19px 15px;background:rgba(31,57,87,.72);
 border-bottom:1px solid rgba(164,189,222,.18)
}
#jw-vg-layer .jw-vg-face{
 height:49px;width:49px;flex:0 0 49px;border-radius:12px;
 display:grid;place-items:center;
 color:#152e4b;font:800 29px "Space Grotesk",sans-serif;
 background:linear-gradient(145deg,#f7e1b5,#d3a46a);
 box-shadow:0 3px 15px rgba(241,198,143,.15)
}
#jw-vg-layer .jw-vg-heading{display:grid;gap:2px;flex:1;min-width:0}
#jw-vg-layer .jw-vg-heading>span{display:block;color:#f0cd92;font-size:9px;letter-spacing:.12em;font-weight:800}
#jw-vg-layer .jw-vg-heading>strong{font:700 27px/1.2 "Space Grotesk",sans-serif;letter-spacing:-.045em;color:#f5f8ff}
#jw-vg-layer .jw-vg-heading>small{font-size:10px;color:#b3c9de;line-height:1.4}
#jw-vg-layer .jw-vg-close{
 border:1px solid rgba(169,196,225,.3)!important;background:#172d48!important;color:#d6e5fa!important;
 font-size:13px!important;font-weight:800!important;border-radius:9px!important;padding:9px 12px!important;align-self:flex-start
}
#jw-vg-layer .jw-vg-close:hover{border-color:#f3d29c!important;color:#f5d69f!important}
#jw-vg-layer .jw-vg-panel-tools{
 padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px;
 background:rgba(9,29,52,.65);border-bottom:1px solid rgba(169,189,223,.15)
}
#jw-vg-layer .jw-vg-panel-tools>span{color:#aabfda;font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1.5}
#jw-vg-layer #jw-vg-restart{flex-shrink:0;border:0;background:transparent;color:#eaca94;font-size:10px;font-weight:800;padding:7px}
#jw-vg-layer .jw-vg-chat-wrap{display:flex;flex-direction:column;min-height:0;flex:1}
#jw-vg-layer .jw-vg-chat-wrap[hidden],#jw-vg-layer .jw-vg-tour[hidden]{display:none!important}
#jw-vg-layer .jw-vg-chat-messages{
 overflow-y:auto;scrollbar-color:#53759c transparent;min-height:0;flex:1;
 padding:20px 17px 13px;display:flex;flex-direction:column;gap:10px
}
#jw-vg-layer .jw-vg-bubble{max-width:94%;min-width:0;padding:13px 15px;border-radius:12px;border:1px solid rgba(151,189,224,.25);background:#223d5c}
#jw-vg-layer .jw-vg-bubble.assistant{align-self:flex-start;border-top-left-radius:3px}
#jw-vg-layer .jw-vg-bubble.visitor{align-self:flex-end;border-top-right-radius:3px;max-width:88%;background:#224a58;border-color:rgba(133,205,174,.26)}
#jw-vg-layer .jw-vg-bubble p{margin:0;font-size:12px;color:#e3efff;line-height:1.85;font-weight:500;white-space:pre-line}
#jw-vg-layer .jw-vg-choices{
 display:grid;gap:8px;max-height:250px;overflow-y:auto;padding:13px 15px 18px;border-top:1px solid rgba(154,187,225,.19);
 background:rgba(9,23,43,.57);scrollbar-color:#526d8e transparent
}
#jw-vg-layer .jw-vg-option{
 display:flex;justify-content:space-between;align-items:center;gap:11px;width:100%;
 padding:11px 13px;border:1px solid rgba(221,189,143,.31);border-radius:9px;
 background:linear-gradient(145deg,#1c3754,#122a46);color:#e9eefa;
 text-align:left;font-size:11px;line-height:1.45;font-weight:800;min-height:43px;
 overflow-wrap:anywhere
}
#jw-vg-layer .jw-vg-option:hover{background:#2a4563;border-color:#edcc91;color:#f8dda7}
#jw-vg-layer .jw-vg-option span{color:#ebca91;font-size:18px;flex:0 0 auto}
#jw-vg-layer .jw-vg-panel-bottom{
 padding:11px 16px;border-top:1px solid rgba(173,189,227,.19);background:rgba(6,21,38,.9);
 display:flex;justify-content:space-between;align-items:center;gap:12px
}
#jw-vg-layer .jw-vg-panel-bottom span{font-size:9px;color:#92abca;line-height:1.4}
#jw-vg-layer .jw-vg-panel-bottom a{white-space:nowrap;font-size:9px;font-weight:800;color:#f0d2a1}
#jw-vg-layer .jw-vg-panel-bottom a:hover{text-decoration:underline}
#jw-vg-layer .jw-vg-tour{min-height:0;overflow-y:auto;flex:1;padding:20px 18px;scrollbar-color:#59789f transparent}
#jw-vg-layer .jw-vg-tour-kicker{color:#e9cd9b;font-size:9px;font-weight:800;letter-spacing:.11em}
#jw-vg-layer .jw-vg-tour-track{height:7px;border-radius:8px;background:#0b1e33;overflow:hidden;margin:17px 0 25px}
#jw-vg-layer #jw-vg-tour-progress{height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#dfb977,#c4e0b8);transition:width .18s}
#jw-vg-layer .jw-vg-tour h3{font:700 27px/1.25 "Space Grotesk",sans-serif;color:#f6faff;letter-spacing:-.05em;margin:0 0 15px}
#jw-vg-layer .jw-vg-tour>p{font-size:12px;color:#bcd0e5;line-height:1.9;margin:0 0 20px}
#jw-vg-layer .jw-vg-tour .jw-vg-tour-hint{
 background:rgba(236,195,126,.08);border:1px solid rgba(235,193,127,.29);border-left:3px solid #ead098;
 border-radius:8px;padding:13px;color:#dacda9;font-size:11px
}
#jw-vg-layer .jw-vg-tour-actions{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:7px;margin:19px 0}
#jw-vg-layer .jw-vg-tour-actions button{
 border:1px solid rgba(233,195,132,.34);border-radius:8px;background:#193652;color:#e9d2a7;
 font-size:10px;line-height:1.5;font-weight:800;padding:11px 8px
}
#jw-vg-layer .jw-vg-tour-actions button:hover:not(:disabled){border-color:#f2d5a4;background:#284a69}
#jw-vg-layer #jw-vg-tour-next{background:linear-gradient(130deg,#f1d7a2,#d5ab70);color:#1a2c42;border-color:transparent}
#jw-vg-layer .jw-vg-tour-stop{
 display:block;width:100%;margin:0;padding:12px;border:1px dashed rgba(187,201,224,.29);
 border-radius:8px;color:#b5cadf;background:transparent;font-size:10px;font-weight:800
}
#jw-vg-layer .jw-vg-tour-stop:hover{color:#f4d9a4;border-color:#e5c590}
@media(max-width:780px){
 #jw-vg-launcher{left:12px!important;bottom:13px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;padding:7px!important;border-radius:17px!important}
 #jw-vg-launcher .jw-vg-avatar{flex:0 0 42px;width:42px;height:42px}
 #jw-vg-launcher .jw-vg-launch-copy,#jw-vg-launcher .jw-vg-launch-arrow{display:none!important}
 #jw-vg-layer .jw-vg-panel{left:7px;bottom:78px;width:calc(100vw - 14px);height:calc(100dvh - 90px);max-height:calc(100dvh - 90px);min-height:0;border-radius:15px}
 #jw-vg-layer .jw-vg-panel-head{padding:15px 14px 13px}
 #jw-vg-layer .jw-vg-panel-tools{padding:11px 13px}
 #jw-vg-layer .jw-vg-chat-messages{padding:14px 13px;gap:9px}
 #jw-vg-layer .jw-vg-choices{padding:11px 12px 15px;max-height:43%;gap:8px}
 #jw-vg-layer .jw-vg-option{font-size:11px;padding:11px 12px}
 #jw-vg-layer .jw-vg-tour{padding:17px 14px}
 #jw-vg-layer .jw-vg-tour h3{font-size:24px}
 #jw-vg-layer .jw-vg-tour-actions button{font-size:9px;padding:10px 6px}
}
@media(max-width:360px){
 #jw-vg-layer .jw-vg-heading>strong{font-size:24px}
 #jw-vg-layer .jw-vg-face{height:42px;width:42px;flex-basis:42px;font-size:24px}
 #jw-vg-layer .jw-vg-heading>span{font-size:8px}
 #jw-vg-layer .jw-vg-heading>small{font-size:9px}
 #jw-vg-layer .jw-vg-bubble p{font-size:11px}
 #jw-vg-layer .jw-vg-panel-bottom{gap:6px}
 #jw-vg-layer .jw-vg-panel-bottom span{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 #jw-vg-launcher,#jw-vg-layer .jw-vg-target,#jw-vg-layer #jw-vg-tour-progress{transition:none!important}
}

/* Compact launcher preserves the ability to click site controls. */
@media(min-width:781px){
 #jw-vg-launcher{left:14px!important;bottom:16px!important;min-width:59px!important;max-width:59px!important;min-height:59px!important;padding:8px!important;gap:0!important;border-radius:16px!important}
 #jw-vg-launcher .jw-vg-avatar{flex:0 0 41px;width:41px;height:41px}
 #jw-vg-launcher .jw-vg-launch-copy,#jw-vg-launcher .jw-vg-launch-arrow{display:none!important}
 #jw-vg-launcher::after{content:"Viviane · Guia da JoveWorks";position:absolute;bottom:9px;left:calc(100% + 9px);white-space:nowrap;background:rgba(14,32,53,.97);border:1px solid rgba(232,197,138,.47);border-radius:8px;color:#efd5a7;font-size:10px;font-weight:800;padding:10px 12px;opacity:0;transform:translateX(-5px);pointer-events:none;transition:opacity .15s,transform .15s}
 #jw-vg-launcher:hover::after,#jw-vg-launcher:focus-visible::after{opacity:1;transform:translateX(0)}
}

/* V22 interaction audit: compact dock does not cover bottom-left form controls.
   Full-size pill intercepted clicks in the existing product chooser at 1440px. */
@media(min-width:781px){
 #jw-vg-launcher{
  min-width:64px!important;max-width:64px!important;width:64px!important;
  min-height:64px!important;height:64px!important;padding:9px!important;
  justify-content:center!important;left:17px!important
 }
 #jw-vg-launcher .jw-vg-launch-copy,
 #jw-vg-launcher .jw-vg-launch-arrow{display:none!important}
 #jw-vg-launcher::after{
  content:"Viviane Guia · Ajuda contextual";
  display:block;position:absolute;bottom:calc(100% + 9px);left:0;
  white-space:nowrap;font-size:11px;font-weight:800;line-height:1.3;
  color:#f3d6a2;background:#132941;border:1px solid rgba(235,199,137,.52);
  border-radius:9px;padding:10px 13px;opacity:0;pointer-events:none;
  box-shadow:0 9px 30px rgba(0,0,0,.36);
  transition:opacity .15s ease;
 }
 #jw-vg-launcher:hover::after,#jw-vg-launcher:focus-visible::after{opacity:1}
}