/* Shared icon alignment layer for Admin and Petugas interfaces. */
body:is(.ui-managed-page,.ui-accessibility-page) [hidden] {
  display: none !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) i.ui-aligned-icon {
  display: inline-grid !important;
  place-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
  font-style: normal;
  line-height: 1 !important;
  text-align: center !important;
  vertical-align: middle;
}

body:is(.ui-managed-page,.ui-accessibility-page) i.ui-aligned-icon::before {
  display: block;
  width: 1em;
  min-width: 1em;
  height: 1em;
  line-height: 1 !important;
  text-align: center;
}

body:is(.ui-managed-page,.ui-accessibility-page) svg.ui-aligned-icon {
  display: block !important;
  flex: 0 0 auto;
  align-self: center;
  overflow: visible;
  vertical-align: middle;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .ui-page-header__icon,
  .ui-auth-icon,
  .stat-icon-wrapper,
  .petugas-birthday__icon,
  .petugas-summary__icon,
  .petugas-shift-item__icon,
  .dashboard-priority-item__icon,
  .ui-notice-card__icon,
  .simple-faq__header-icon,
  .empty-icon,
  .lz-modal__warn
) {
  place-items: center !important;
  align-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  padding-inline: 0;
  line-height: 1 !important;
  text-align: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .ui-page-header__icon,
  .ui-auth-icon,
  .stat-icon-wrapper,
  .petugas-birthday__icon,
  .petugas-summary__icon,
  .petugas-shift-item__icon,
  .dashboard-priority-item__icon,
  .ui-notice-card__icon,
  .simple-faq__header-icon,
  .empty-icon,
  .lz-modal__warn
) > :where(i.ui-aligned-icon,svg.ui-aligned-icon) {
  margin: auto !important;
  align-self: center !important;
  justify-self: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) .ui-page-header__icon {
  display: inline-grid !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center !important;
  align-self: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  button,
  a.btn,
  .btn,
  .ui-btn,
  .ui-button,
  .ui-action-btn,
  .btn-action,
  .link-action,
  .petugas-attendance-button,
  .dashboard-quick-link,
  .petugas-quick-link,
  .schedule-tool-button,
  .schedule-nav a,
  .mini-badge,
  .badge,
  .pill,
  .chip,
  .status-badge,
  .rt-badge
).ui-has-icon {
  align-items: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  button,
  a.btn,
  .btn,
  .ui-btn,
  .ui-button,
  .ui-action-btn,
  .btn-action,
  .link-action,
  .petugas-attendance-button,
  .dashboard-quick-link,
  .petugas-quick-link,
  .schedule-tool-button,
  .schedule-nav a,
  .mini-badge,
  .badge,
  .pill,
  .chip,
  .status-badge,
  .rt-badge
) > i.ui-aligned-icon {
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  margin: 0 !important;
  align-self: center;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .sidebar-toggle,
  .sidebar-close,
  .menu-toggle,
  .hamburger-btn,
  .ui-icon-btn,
  .icon-btn,
  .btn-icon,
  .shift-search-clear,
  .simple-faq__close,
  .rt-toggle,
  .ui-password-toggle,
  .toggle-pass
) {
  place-items: center !important;
  align-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .sidebar-toggle,
  .sidebar-close,
  .menu-toggle,
  .hamburger-btn,
  .ui-icon-btn,
  .icon-btn,
  .btn-icon,
  .shift-search-clear,
  .simple-faq__close,
  .rt-toggle,
  .ui-password-toggle,
  .toggle-pass
) > :where(i.ui-aligned-icon,svg.ui-aligned-icon) {
  width: 1em;
  min-width: 1em;
  height: 1em;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) .ui-icon-only {
  place-items: center !important;
  align-items: center !important;
  align-content: center !important;
  justify-content: center !important;
  min-width: 40px;
  min-height: 40px;
  line-height: 1 !important;
  text-align: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) .ui-icon-only > :where(i.ui-aligned-icon,svg.ui-aligned-icon) {
  margin: auto !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .action-btn,
  .action-icon-btn
).ui-icon-only {
  align-items: center !important;
  justify-items: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .sidebar a,
  .sidebar button,
  .app-sidebar .sidebar-nav a
) > i.ui-aligned-icon {
  display: inline-grid !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  place-items: center !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .sidebar a,
  .sidebar button,
  .app-sidebar .sidebar-nav a
) > svg.ui-aligned-icon {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  h1,
  h2,
  h3,
  h4,
  .form-title,
  .table-title,
  .card-title,
  .section-title,
  .dashboard-section-head
) > i.ui-aligned-icon:not(.ui-page-header__icon) {
  width: 1.25em;
  min-width: 1.25em;
  height: 1.25em;
  margin: 0 .25em 0 0 !important;
  align-self: center;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .flash-success,
  .flash-error,
  .flash-warning,
  .alert,
  .notice,
  .info-box,
  .live-error
) > i.ui-aligned-icon {
  width: 1.25em;
  min-width: 1.25em;
  height: 1.25em;
  margin: .08em .45em 0 0 !important;
  align-self: flex-start;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .ui-field-icon .input-wrap,
  .ui-input-wrap,
  .input-wrap,
  .simple-faq__search,
  .ui-inline-search__box
) > i.ui-aligned-icon {
  display: inline-grid !important;
  width: 18px;
  min-width: 18px;
  height: 18px;
  place-items: center !important;
  line-height: 1 !important;
  text-align: center !important;
}

body:is(.ui-managed-page,.ui-accessibility-page) :where(
  .petugas-welcome__meta,
  .petugas-focus__shift,
  .dashboard-birthday-meta,
  .dashboard-overview__eyebrow
) i.ui-aligned-icon {
  width: 1.15em;
  min-width: 1.15em;
  height: 1.15em;
}

@media (forced-colors: active) {
  body:is(.ui-managed-page,.ui-accessibility-page) :where(
    .ui-page-header__icon,
    .stat-icon-wrapper,
    .petugas-summary__icon,
    .petugas-shift-item__icon,
    .dashboard-priority-item__icon
  ) {
    border: 1px solid ButtonText !important;
  }
}

@media (min-width: 901px) {
  body:is(.ui-managed-page,.ui-accessibility-page) :where(
    .sidebar-toggle,
    .menu-toggle,
    .hamburger-btn,
    .sidebar-close
  ) {
    display: none !important;
  }
}