/* MR TECH — faixa que pede permissão para avisar de e-mail novo. Usa os mesmos
   tokens do Fluent que o resto do app, com valor de reserva para o modo claro. */
#mr-notify-faixa{
  position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:100001;
  display:flex;align-items:center;gap:12px;
  padding:10px 14px;border-radius:10px;
  font:13.5px/1.4 "Segoe UI",system-ui,Arial,sans-serif;
  background:var(--colorNeutralBackground1,#fff);
  color:var(--colorNeutralForeground1,#222);
  border:1px solid var(--colorNeutralStroke1,#ccc);
  box-shadow:0 10px 28px #00000038;
  max-width:min(620px,calc(100vw - 32px));
}
#mr-notify-faixa span{flex:1;min-width:0}
#mr-notify-faixa button{
  font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;
  border-radius:6px;padding:6px 13px;border:1px solid var(--colorNeutralStroke1,#ccc);
  background:transparent;color:inherit;
}
#mr-notify-faixa .mr-nt-sim{
  background:var(--colorBrandBackground,#0f6cbd);border-color:transparent;color:#fff;font-weight:600;
}
#mr-notify-faixa .mr-nt-sim:hover{background:var(--colorBrandBackgroundHover,#115ea3)}
#mr-notify-faixa .mr-nt-nao:hover{background:var(--colorNeutralBackground1Hover,#f0f0f0)}
@media (max-width:560px){
  #mr-notify-faixa{flex-wrap:wrap;bottom:10px}
  #mr-notify-faixa span{flex-basis:100%}
}