/* DOMINUSYS Campo 0.20.12 - camada visual independente do Modo Guiado */
.guided-toggle-shell{display:inline-flex;align-items:center;gap:8px;margin-left:4px;color:#dbeafe;font-size:12px;font-weight:800;cursor:pointer;user-select:none;white-space:nowrap}
.guided-toggle-shell input{position:absolute;opacity:0;pointer-events:none}
.guided-toggle-track{position:relative;width:42px;height:23px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);transition:.18s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.16)}
.guided-toggle-knob{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.28);transition:.18s ease}
.guided-toggle-shell input:checked+.guided-toggle-track{background:#16a06f;border-color:#5ee6bd}
.guided-toggle-shell input:checked+.guided-toggle-track .guided-toggle-knob{transform:translateX(19px)}
.guided-toggle-shell:focus-within .guided-toggle-track{outline:3px solid rgba(94,234,212,.24);outline-offset:2px}
body.guided-mode-on .guided-toggle-label{color:#a7f3d0}
.guided-spotlight{position:fixed;z-index:10050;border:3px solid #22c55e;border-radius:14px;box-shadow:0 0 0 9999px rgba(3,12,20,.56),0 0 0 5px rgba(34,197,94,.18),0 12px 34px rgba(0,0,0,.24);pointer-events:none;transition:top .16s ease,left .16s ease,width .16s ease,height .16s ease;display:none}
.guided-tooltip{position:fixed;z-index:10060;width:min(360px,calc(100vw - 24px));background:#fff;color:#17202b;border:1px solid #dbe4ec;border-radius:16px;box-shadow:0 20px 60px rgba(2,12,27,.28);padding:15px 16px 13px;display:none;font-family:inherit}
.guided-tooltip::before{content:"";position:absolute;width:12px;height:12px;background:#fff;border-left:1px solid #dbe4ec;border-top:1px solid #dbe4ec;transform:rotate(45deg);top:-7px;left:28px}
.guided-tooltip.is-above::before{top:auto;bottom:-7px;transform:rotate(225deg)}
.guided-tooltip-head{display:flex;align-items:flex-start;gap:10px}
.guided-step-badge{flex:none;display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#e8f7f1;color:#087557;font-size:12px;font-weight:950}
.guided-tooltip-copy{min-width:0;flex:1}.guided-tooltip-copy strong{display:block;font-size:15px;line-height:1.25;color:#10283d}.guided-tooltip-copy p{margin:5px 0 0;font-size:13px;line-height:1.45;color:#536476}
.guided-close{appearance:none;border:0;background:transparent;color:#7b8b99;font-size:20px;line-height:1;padding:1px 2px;cursor:pointer;border-radius:8px}.guided-close:hover{background:#eef3f7;color:#23384a}
.guided-tooltip-actions{display:flex;align-items:center;gap:7px;margin-top:13px;flex-wrap:wrap}.guided-tooltip-actions button,.guided-tooltip-actions a{min-height:34px;border-radius:9px;border:1px solid #d5e0e8;background:#fff;color:#24384a;padding:7px 10px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}.guided-tooltip-actions .guided-primary{background:#123b5d;border-color:#123b5d;color:#fff}.guided-tooltip-actions .guided-help{margin-left:auto;color:#0b765a;border-color:#b8ded1;background:#f2fbf7}
.guided-status-pill{position:fixed;right:14px;bottom:18px;z-index:10040;display:none;align-items:center;gap:8px;background:#0f2f27;color:#e7fff6;border:1px solid rgba(94,234,212,.28);border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.18);pointer-events:none}.guided-status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#5ee6bd;box-shadow:0 0 0 4px rgba(94,230,189,.12)}body.guided-mode-on .guided-status-pill{display:flex}
.guided-target-pulse{animation:guidedPulse 1.35s ease-in-out infinite}@keyframes guidedPulse{0%,100%{filter:none}50%{filter:brightness(1.05)}}
@media(max-width:980px){.guided-toggle-shell{margin-left:6px;gap:5px}.guided-toggle-label{display:none}.guided-toggle-track{width:38px;height:22px}.guided-toggle-knob{width:16px;height:16px}.guided-toggle-shell input:checked+.guided-toggle-track .guided-toggle-knob{transform:translateX(16px)}.guided-tooltip{width:calc(100vw - 20px);max-height:42vh;overflow:auto;padding:13px}.guided-status-pill{right:10px;bottom:84px}.guided-tooltip-actions .guided-help{margin-left:0}}
@media print{.guided-toggle-shell,.guided-spotlight,.guided-tooltip,.guided-status-pill{display:none!important}}

/* DOMINUSYS Campo 0.20.17 - refinamento visual do controle Modo Guiado no cabeçalho mobile */
@media(max-width:980px){
  .mobile-title-wrap{order:1}
  .guided-toggle-shell{
    order:2;
    flex:none;
    min-height:40px;
    margin-left:6px;
    padding:5px 7px;
    gap:5px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:12px;
    background:rgba(255,255,255,.07);
    color:#e5edf4;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .guided-toggle-label{
    display:inline-block!important;
    font-size:0;
    line-height:1;
    color:#dce8f0;
  }
  .guided-toggle-label::after{
    content:"Guia";
    font-size:10px;
    font-weight:900;
    letter-spacing:.02em;
  }
  .guided-toggle-track{
    width:30px;
    height:18px;
    border-color:rgba(255,255,255,.20);
    background:rgba(255,255,255,.16);
  }
  .guided-toggle-knob{
    width:12px;
    height:12px;
    top:2px;
    left:2px;
  }
  .guided-toggle-shell input:checked+.guided-toggle-track{
    background:#13a37c;
    border-color:#6ee7c7;
  }
  .guided-toggle-shell input:checked+.guided-toggle-track .guided-toggle-knob{
    transform:translateX(12px);
  }
  body.guided-mode-on .guided-toggle-shell{
    background:rgba(19,163,124,.16);
    border-color:rgba(110,231,199,.34);
  }
  body.guided-mode-on .guided-toggle-label{color:#b8f5e3}
  .mobile-notification-link{order:3;margin-left:6px!important;margin-right:0!important}
  .mobile-logout-link{order:4;margin-left:6px!important}
}
@media(max-width:390px){
  .guided-toggle-shell{padding:5px 6px;gap:4px;margin-left:4px}
  .guided-toggle-label::after{font-size:9px}
  .mobile-notification-link{margin-left:4px!important}
  .mobile-logout-link{margin-left:4px!important}
}

/* =========================================================
   DOMINUSYS Campo 0.20.50 · Guia alinhado no cabeçalho desktop
   Mantém o controle junto das ações à direita, sem ocupar o centro da topbar.
   ========================================================= */
@media (min-width:981px){
  .guided-toggle-shell{
    margin-left:auto;
    margin-right:12px;
    min-height:38px;
    padding:6px 10px;
    gap:8px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:11px;
    background:rgba(255,255,255,.06);
    color:#dce8f0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
  }
  .guided-toggle-shell:hover{
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.20);
  }
  .guided-toggle-label{
    font-size:0;
    line-height:1;
    color:#e6eef5;
  }
  .guided-toggle-label::after{
    content:"Guia";
    font-size:12px;
    font-weight:900;
    letter-spacing:.01em;
  }
  .guided-toggle-track{
    width:36px;
    height:20px;
  }
  .guided-toggle-knob{
    width:14px;
    height:14px;
    top:2px;
    left:2px;
  }
  .guided-toggle-shell input:checked+.guided-toggle-track .guided-toggle-knob{
    transform:translateX(16px);
  }
  body.guided-mode-on .guided-toggle-shell{
    background:rgba(19,163,124,.15);
    border-color:rgba(110,231,199,.34);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(19,163,124,.06);
  }
  body.guided-mode-on .guided-toggle-label{color:#b8f5e3}
}

/* O shell desktop instalado pode ser forçado por classe em janelas PWA estreitas. */
body.pwa-force-desktop .guided-toggle-shell{
  margin-left:auto;
  margin-right:12px;
}

/* =========================================================
   DOMINUSYS Campo 0.20.51 · Guia maduro
   - pausa dentro do balão
   - concluir sem reiniciar em loop
   - fechar sem reabrir automaticamente na mesma tela
   ========================================================= */
.guided-tooltip-actions .guided-pause{
  color:#80561d;
  border-color:#ead4b2;
  background:#fff9f0;
}
.guided-tooltip-actions .guided-pause:hover{
  color:#644112;
  border-color:#d9b77f;
  background:#fff2dc;
}
.guided-tooltip-actions .guided-primary:focus-visible,
.guided-tooltip-actions .guided-pause:focus-visible,
.guided-tooltip-actions button:focus-visible,
.guided-tooltip-actions a:focus-visible{
  outline:3px solid rgba(18,59,93,.18);
  outline-offset:2px;
}
@media(max-width:520px){
  .guided-tooltip-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .guided-tooltip-actions button,.guided-tooltip-actions a{width:100%;text-align:center;justify-content:center}
  .guided-tooltip-actions .guided-help{margin-left:0}
}