/**
 * VMHS Tabler icon fixes (Tabler Icons 1.41.1).
 * Load immediately after tabler-icons.min.css.
 */

/* Legacy Feather-sized search box clips Tabler glyphs */
.pc-header .header-search .icon-search,
.vmhs-app .header-search .icon-search {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

/* Consistent glyph sizing in nav, buttons, and avatars */
.vmhs-app .pc-micon .ti,
.vmhs-app .pc-link .ti,
.vmhs-public .ti,
.vmhs-app .btn .ti,
.vmhs-app .badge .ti {
  display: inline-block;
  vertical-align: -0.125em;
  font-size: 1.15em;
  line-height: 1;
}

.vmhs-app .metric-icon .ti,
.vmhs-app .tile-icon .ti {
  font-size: 1.35rem;
  line-height: 1;
}

/* Status matrix + summary chips — ensure Tabler glyphs render in cards */
.vmhs-status-stat__icon .ti,
.vmhs-status-stat__chevron .ti,
.vmhs-status-summary-chip .ti,
.vmhs-channel-status-card .badge .ti {
  font-family: tabler-icons !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  vertical-align: -0.125em;
}

.vmhs-status-stat__icon .ti {
  font-size: 1.15rem;
}

.vmhs-quick-stat__icon .ti,
.vmhs-metric-icon .ti,
.vmhs-quick-stats-bar .ti {
  font-family: tabler-icons !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  vertical-align: -0.125em;
}

/* Legacy / mistaken glyph names (Font Awesome or newer Tabler aliases) */
.ti-user-circle:before {
  content: '\eb4d';
}

.ti-users-group:before {
  content: '\ebf2';
}

/* ti-arrows-exchange is not in Tabler 1.41 — alias to arrows-left-right */
.ti-arrows-exchange:before {
  content: '\edb0';
}

/* Ticket status icons not in Tabler 1.41 — map to nearest glyphs */
.ti-circle-dot:before {
  content: '\ed28'; /* circle-dotted */
}

.ti-progress:before {
  content: '\eca3'; /* loader */
}

.ti-clock-pause:before {
  content: '\ed45'; /* player-pause */
}

/* KPI / analytics icons not in Tabler 1.41 */
.ti-clock-hour-4:before {
  content: '\ea70'; /* clock — open / awaiting */
}

.ti-door-enter:before {
  content: '\eba7'; /* login — gate check-in / on-site */
}

.ti-calendar-up:before {
  content: '\ee20'; /* calendar-stats — upcoming */
}

.ti-calendar-due:before {
  content: '\ee21'; /* calendar-time — due today */
}

.ti-message-star:before {
  content: '\eb2e'; /* star — citizen / ticket ratings */
}

/* Filled star state (replaces ti-star) */
.ti-star.is-filled,
.email-star .ti-star.is-filled {
  color: var(--bs-warning, #f59e0b);
}

/* Solid dot for reports legend (replaces ti-circle) */
.ti-circle.vmhs-legend-dot {
  font-size: 0.5rem;
  vertical-align: middle;
}
