/* Tabler Icons — unified app sizing (same library as sidebar) */

.ti {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Sidebar */
.ico .ti,
.settings-tab__ico .ti,
.topbar-refined .icon-btn .ti,
.profile-menu-item .ti {
  display: block;
  font-size: 18px;
  line-height: 1;
  color: currentColor;
}

.ico .ti {
  font-size: 16px;
  opacity: 0.92;
  color: #d4af37;
}

[data-theme="light"] .ico .ti {
  color: #b8941f;
}

.nav a:hover .ico .ti,
.nav button:hover .ico .ti,
.nav a.active .ico .ti {
  color: #e8c84a;
}

.topbar-refined .icon-btn .ti {
  font-size: 17px;
}

.profile-menu-item .ti {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}

.settings-tab__ico .ti {
  font-size: 16px;
  color: inherit;
}

.search-icon .ti {
  font-size: 16px;
}

.topbar-refined .profile-chevron .ti {
  font-size: 14px;
}

.topbar-refined .menu a .ti,
.topbar-refined .menu button .ti {
  display: inline-block;
  font-size: 16px;
  opacity: 0.75;
  vertical-align: middle;
}

/* Buttons */
.ui-btn .ti,
.pg-btn .ti,
.btn .ti,
button .ti,
a.btn .ti {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  vertical-align: -0.12em;
}

.ui-btn--sm .ti,
.pg-btn--sm .ti {
  font-size: 14px;
}

/* Tabs */
.pg-tab__icon .ti,
.pg-tab .ti,
.tab-btn .ti,
.ui-tab .ti,
.pg-tabs .ti {
  display: block;
  font-size: 16px;
  line-height: 1;
}

.settings-doc .pg-tabs.pg-tabs--segmented .pg-tab__icon .ti {
  font-size: 17px;
}

/* Mobile bottom nav */
.mobile-nav-icon .ti {
  display: block;
  font-size: 22px;
  line-height: 1;
}

/* App drawer */
.app-drawer__header-icon .ti,
.app-drawer__close .ti {
  display: block;
  font-size: 18px;
  line-height: 1;
}

.app-drawer__close .ti {
  font-size: 20px;
}

/* Corporate / inline menus */
.corp-inline-menu-icon.ti {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}

/* Notification & search dropdowns */
.notification-icon .ti,
.search-result-item .ti,
.result-icon .ti {
  display: inline-flex;
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
}

/* Empty states */
.settings-empty-state__icon.ti {
  display: block;
  font-size: 64px;
  line-height: 1;
  opacity: 0.35;
}

/* Spinners */
.ti.ti-loader-2.pg-spin,
.ti-loader-2.is-spinning {
  animation: ti-spin 0.85s linear infinite;
}

@keyframes ti-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Size helpers for x-ui.icon */
.ti-size-sm { font-size: 14px !important; }
.ti-size-md { font-size: 16px !important; }
.ti-size-lg { font-size: 20px !important; }
.ti-size-xl { font-size: 24px !important; }