@layer legacy {
/* Direction Classes — hard optical grid for all icon-bearing controls */
.direction-classes-v2 .dc-summary-icon,
.direction-classes-v2 .dc-icon-button,
.direction-classes-v2 .dc-hero-metric>span,
.direction-classes-v2 .dc-priority-icon,
.direction-classes-v2 .dc-action-menu summary,
.direction-classes-v2 .dc-subject-tile>span,
.direction-classes-v2 .dc-compact-row>span,
.direction-classes-v2 .dc-empty-detail>span,
.direction-classes-v2 .dc-no-results>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
}
.direction-classes-v2 .dc-header-actions button,
.direction-classes-v2 .dc-hero-actions>button,
.direction-classes-v2 .dc-priority-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.direction-classes-v2 :where(.dc-summary-icon,.dc-icon-button,.dc-hero-metric>span,.dc-priority-icon,.dc-action-menu summary,.dc-subject-tile>span,.dc-compact-row>span,.dc-empty-detail>span,.dc-no-results>span)>svg{
  position:static!important;
  inset:auto!important;
  display:block!important;
  margin:0!important;
  align-self:center!important;
}
.direction-classes-v2 .dc-header-actions button>svg,
.direction-classes-v2 .dc-hero-actions>button>svg,
.direction-classes-v2 .dc-priority-actions button>svg{
  position:static!important;
  display:block!important;
  margin:0!important;
  align-self:center!important;
}
}