/* β27: place the primary action controls directly below the event text/card. */
.app{
  padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));
}
main > .bottomDock{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:auto;
  display:block;
  order:2;
  width:100%;
  padding:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
main > .bottomDock .next,
main > .bottomDock .userDecision{
  width:100%;
  max-width:none;
}
main > .bottomDock .next{
  min-height:3.45rem;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
main > .bottomDock .userDecision{
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.threatPanel{order:3}
.historyPanel{order:4}
@media(max-width:430px){
  main > .bottomDock .next{min-height:3.35rem}
}
@media(prefers-reduced-transparency:reduce){
  main > .bottomDock{background:none}
}