/* E-059 Canonical Dock Lock: make Story/Organise/Itinerary/Expenses occupy identical frames in every tab state. */
.storybook-actions.trip-bottom-dock,
.storybook-actions.e059-canonical-dock{
  left:10px!important;
  right:10px!important;
  bottom:calc(9px + env(safe-area-inset-bottom))!important;
  height:86px!important;
  min-height:86px!important;
  padding:9px 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
  border-radius:28px!important;
  box-sizing:border-box!important;
}
.storybook-actions.trip-bottom-dock button,
.storybook-actions.e059-canonical-dock button,
.storybook-actions.trip-bottom-dock button:first-child,
.storybook-actions.e059-canonical-dock button:first-child{
  width:auto!important;
  height:69px!important;
  min-height:69px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px!important;
  background:transparent!important;
  color:#0f172a!important;
  box-shadow:none!important;
  transform:none!important;
  display:grid!important;
  grid-template-rows:37px 14px!important;
  align-items:start!important;
  justify-items:center!important;
  align-content:start!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.storybook-actions.trip-bottom-dock button.story-action-active,
.storybook-actions.e059-canonical-dock button.story-action-active,
.storybook-actions.trip-bottom-dock button.story-action-primary,
.storybook-actions.e059-canonical-dock button.story-action-primary{
  background:rgba(20,184,166,.13)!important;
  color:#0f766e!important;
  box-shadow:none!important;
  transform:none!important;
}
.storybook-actions.trip-bottom-dock button .action-icon,
.storybook-actions.e059-canonical-dock button .action-icon{
  width:30px!important;
  height:32px!important;
  min-width:30px!important;
  min-height:32px!important;
  margin:10px 0 0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.storybook-actions.trip-bottom-dock button .action-icon svg,
.storybook-actions.e059-canonical-dock button .action-icon svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  margin:4px 3px!important;
  transform:none!important;
  overflow:visible!important;
}
.storybook-actions.trip-bottom-dock button .action-label,
.storybook-actions.e059-canonical-dock button .action-label{
  height:12px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:12px!important;
  letter-spacing:-.01em!important;
  transform:none!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.storybook-actions.trip-bottom-dock button:active,
.storybook-actions.e059-canonical-dock button:active,
.storybook-actions.trip-bottom-dock button:first-child:active,
.storybook-actions.e059-canonical-dock button:first-child:active{
  transform:none!important;
}