
/* v12.1.3 — steady, delayed expanding header actions */
@media (min-width:761px){
  .toolbar .header-action{
    transition:max-width .52s cubic-bezier(.22,.75,.18,1),
               flex-basis .52s cubic-bezier(.22,.75,.18,1),
               border-color .26s ease,background .26s ease,box-shadow .26s ease!important;
    will-change:max-width,flex-basis;
  }
  .toolbar .header-action::before{
    transition:transform .46s cubic-bezier(.22,.75,.18,1),opacity .3s ease,color .3s ease!important;
  }
  .toolbar .header-action::after{
    transition:max-width .48s cubic-bezier(.22,.75,.18,1),opacity .3s ease,
               transform .46s cubic-bezier(.22,.75,.18,1),margin .46s ease!important;
  }
  /* Mere pointer contact never moves the toolbar. Expansion is applied only
     after a deliberate hover delay by the runtime below. */
  .toolbar .header-action:hover:not(.header-action-open):not(:focus-visible){
    max-width:var(--header-action-size)!important;
    flex-basis:var(--header-action-size)!important;
    background:rgba(210,177,116,.045);
    box-shadow:none;
  }
  .toolbar .header-action:hover:not(.header-action-open):not(:focus-visible)::before{
    transform:none!important;opacity:.94!important;color:var(--ink)!important;
  }
  .toolbar .header-action:hover:not(.header-action-open):not(:focus-visible)::after{
    max-width:0!important;margin-right:0!important;opacity:0!important;transform:translateX(-8px)!important;
  }
  .toolbar .header-action.header-action-open,
  .toolbar .header-action:focus-visible{
    max-width:var(--header-action-expanded)!important;
    flex-basis:var(--header-action-expanded)!important;
  }
  .toolbar .header-action.header-action-open::before,
  .toolbar .header-action:focus-visible::before{
    transform:translateX(-2px) scale(.96)!important;
    opacity:.76!important;color:var(--gold-2)!important;
  }
  .toolbar .header-action.header-action-open::after,
  .toolbar .header-action:focus-visible::after{
    max-width:calc(var(--header-action-expanded) - var(--header-action-size) - 12px)!important;
    margin-right:12px!important;opacity:1!important;transform:none!important;
  }
}
