/* TRAMPU v10.6.50: retorno ao app sem interromper a navegação externa. */
.v36-companion{
  position:fixed;z-index:140;
  left:clamp(10px,3vw,20px);right:clamp(10px,3vw,20px);
  bottom:calc(78px + env(safe-area-inset-bottom));
  max-width:570px;margin:0 auto;padding:9px 11px;
  border-radius:17px;border:1px solid #c8e4d3;
  background:rgba(248,255,250,.98);
  box-shadow:0 9px 26px rgba(7,39,29,.17);
  color:#183849;display:flex;align-items:center;
  justify-content:space-between;gap:9px;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.v36-companion-summary{
  display:flex;align-items:center;gap:9px;min-width:0;flex:1;
}
.v36-companion-dot{
  width:8px;height:8px;flex:0 0 8px;border-radius:50%;
  background:#20ad63;box-shadow:0 0 0 4px rgba(32,173,99,.13);
}
.v36-companion-summary>span:last-child{display:block;min-width:0}
.v36-companion-summary b{font-size:12px;font-weight:900;white-space:nowrap}
.v36-companion-summary small{
  display:block;margin-top:2px;
  font-size:10px;color:#6a8379;overflow:hidden;
  white-space:nowrap;text-overflow:ellipsis;
}
.v36-companion-actions{display:flex;align-items:center;gap:5px}
.v36-companion-actions button{
  border:0;cursor:pointer;min-height:40px;
  border-radius:11px;padding:8px 10px;
  font-size:11px;font-weight:850;line-height:1.1;
}
.v36-companion-go{background:#092447;color:white;white-space:nowrap}
.v36-companion-end{color:#647887;background:#edf2f6;white-space:nowrap}
.v36-companion-actions button:focus-visible,
.v36-notification-setting button:focus-visible{
  outline:3px solid #b6e5a9;outline-offset:2px;
}
#app:has(.v36-companion) main.shell.with-nav{
  padding-bottom:calc(132px + env(safe-area-inset-bottom));
}
.v36-notification-setting{
  display:grid;gap:5px;margin-top:10px;padding:11px 12px;
  background:#f1f7fc;border-radius:12px;
  border:1px solid #dce9f2;
}
.v36-notification-setting button{
  width:100%;min-height:42px;
  border-radius:10px;border:1px solid #bad5e7;
  background:#fff;color:#103b61;
  font-weight:850;font-size:12px;
}
.v36-notification-setting small,
.v36-notification-info{
  color:#677f8c;font-size:11px;line-height:1.4;
}
.v36-notification-info{margin:10px 0 0}
.v36-notification-info.enabled{color:#1e7a44;font-weight:750}
@media(max-width:420px){
  .v36-companion{
    gap:7px;padding:9px 8px;flex-wrap:wrap;
  }
  .v36-companion-summary{flex-basis:100%;padding:0 4px}
  .v36-companion-actions{flex:1;justify-content:space-between}
  .v36-companion-actions button{flex:1;min-height:39px;font-size:11px}
}
@media(max-height:640px){
  .v36-companion{bottom:calc(70px + env(safe-area-inset-bottom))}
}