/* Uygulama yoğunluğu pencere genişliğine göre:
   laptop / dar pencere → %75 (tablo sığar)
   harici monitör / geniş pencere → %100 (öğeler bit kadar kalmaz)
   Kullanıcı tarayıcı zoom'u (%125 / %150) bu ölçeğin üstüne biner. */
html {
  font-size: 75%;
}

@media (min-width: 1600px) {
  html {
    font-size: 100%;
  }
}

/* RTL: physical left/right Tailwind utilities clip Arabic menus and search. */
#language-dropdown-menu {
  left: auto;
  right: auto;
  inset-inline-start: 0;
  inset-inline-end: auto;
}

/* Dar pencerede Yeni Ekle, Envanter Özeti (tüm tipler) ve KPI kart
   başlıklarının üstünde kalsın. dashboard.css / analytics.css sonra
   yüklense bile main seçicisi z-70 tetikleyiciyi ezmesin. */
header.h-16 {
  position: relative;
  z-index: 80;
}

header.h-16 #new-item-dropdown,
header.h-16 #language-dropdown-menu {
  z-index: 90;
}

#new-item-dropdown {
  left: auto;
  right: auto;
  inset-inline-end: 0;
  inset-inline-start: auto;
}

main .inventory-summary-dropdown,
.inventory-summary-dropdown {
  z-index: auto;
}

.inventory-summary-menu {
  z-index: 70;
}

.inventory-summary-card,
.dashboard-kpi-card,
.dashboard-section-title {
  z-index: auto;
}

[dir="rtl"] .text-left {
  text-align: right;
}

[dir="rtl"] #global-search-input,
[dir="rtl"] #search-logs-input,
[dir="rtl"] #search-hardware,
[dir="rtl"] input.pl-10.pr-4 {
  padding-left: 1rem;
  padding-right: 2.5rem;
}

[dir="rtl"] header .absolute.left-3,
[dir="rtl"] #recent-logs-container .absolute.left-3,
[dir="rtl"] .relative > .absolute.left-3.top-1\/2 {
  left: auto;
  right: 0.75rem;
}

[dir="rtl"] #language-dropdown-toggle .mr-1 {
  margin-right: 0;
  margin-left: 0.25rem;
}

/* Analiz ile ayni soğuk yükleme: spinner + metin, kartın ortası. */
.vy-page-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 280px;
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
}

.vy-page-loading-icon {
  font-size: 1.25rem;
  color: #2563eb;
  animation: vy-page-loading-spin 0.8s linear infinite;
}

@keyframes vy-page-loading-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}