/* One interaction for card-sized controls throughout the application. */
html body #root#root :is(
  .inspector-profile-zoom-card,
  .inspector-profile-portfolio-card,
  .profile-sidebar-flat-tile,
  .profile-summary-flat-tile,
  .module-list-zoom-card,
  .summary-action-card,
  .internal-progress-metric,
  .internal-personnel-metric,
  .service-activity-metric,
  .training-activity-card,
  .training-metric,
  .portfolio-card-action-tile,
  .portfolio-card-info-tile,
  .dashboard-profile-contact-tile,
  .dashboard-profile-metric-tile,
  .dashboard-profile-overview-card,
  .dashboard-contact-card,
  .admin-portfolio-metric-button,
  .admin-itm-unified-tile,
  .client-sidebar-workpoint-tile,
  .client-dossier-nav-push,
  .portfolio-workpoint-metric,
  .card-serviciu,
  .client-document-card-new,
  .service-folder-card,
  .service-contract-action,
  .client-dossier-action-button,
  .employee-flow-action,
  .ssm-employee-card,
  .inspector-portrait-card,
  .portal-grouped-signal-card,
  .portal-summary-status-card,
  .portal-progress-metric,
  .portal-personnel-metric,
  .portal-sidebar-tile,
  .portal-folder-action,
  .portal-client-contact-actions > button
):is(:hover,:focus,:focus-visible,:focus-within,:active):not(:disabled):not([aria-disabled="true"]) {
  position: relative !important;
  z-index: 2 !important;
  outline: none !important;
  transform: none !important;
  box-shadow: 0 12px 24px #0f172a21 !important;
}
html body #root#root :is(
  .inspector-profile-zoom-card,
  .inspector-profile-portfolio-card,
  .profile-sidebar-flat-tile,
  .profile-summary-flat-tile,
  .module-list-zoom-card,
  .summary-action-card,
  .internal-progress-metric,
  .internal-personnel-metric,
  .service-activity-metric,
  .training-activity-card,
  .training-metric,
  .portfolio-card-action-tile,
  .portfolio-card-info-tile,
  .dashboard-profile-contact-tile,
  .dashboard-profile-metric-tile,
  .dashboard-profile-overview-card,
  .dashboard-contact-card,
  .admin-portfolio-metric-button,
  .admin-itm-unified-tile,
  .client-sidebar-workpoint-tile,
  .client-dossier-nav-push,
  .portfolio-workpoint-metric,
  .card-serviciu,
  .client-document-card-new,
  .service-folder-card,
  .service-contract-action,
  .client-dossier-action-button,
  .employee-flow-action,
  .ssm-employee-card,
  .inspector-portrait-card,
  .portal-grouped-signal-card,
  .portal-summary-status-card,
  .portal-progress-metric,
  .portal-personnel-metric,
  .portal-sidebar-tile,
  .portal-folder-action,
  .portal-client-contact-actions > button
):is(:hover,:focus,:focus-visible,:focus-within,:active):not(:disabled):not([aria-disabled="true"])::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 0 !important;
  top: calc(50% - 16px) !important;
  right: auto !important;
  bottom: auto !important;
  width: 3px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: var(--interactive-accent, #12a89c) !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}
/* Dashboard cards already use both pseudo-elements for their decorative layers. */
html body #root#root :is(.dashboard-team-card,.dashboard-home-focus-card):is(:hover,:focus,:focus-visible,:focus-within,:active):not(:disabled) {
  position: relative !important;
  z-index: 2 !important;
  outline: none !important;
  transform: none !important;
  box-shadow: 0 12px 24px #0f172a21 !important;
  background-image: linear-gradient(var(--interactive-accent, #12a89c),var(--interactive-accent, #12a89c)) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 3px 32px !important;
}