/* Mali Ajan CFO — katlanır ekran (Honor Magic V3) düzeltmesi
   Kök neden: derlenmiş CSS'te dosyanın sonundaki "okunabilirlik"
   bloğu (.nav-link{font-size:14px} vb.) medya sorgularından SONRA
   geldiği için, dar ekranda simge-only olması gereken menü
   yazılarını tekrar görünür yapıyordu. Bu dosya ana CSS'ten
   SONRA yüklendiği için kaskadda kazanır.
   Kalıcı çözüm (kaynak kodda): okunabilirlik font boyutlarını
   medya sorgularından önceye taşımak ya da yalnızca
   @media (width>900px) içine almak. Bu dosya, kaynak
   bulunana kadar canlıdaki geçici ama güvenli düzeltmedir. */

html, body { overflow-x: clip; }
.app-shell, .workspace { min-width: 0; }

/* --- 900px ve altı: sol menü simge-only olmalı --- */
@media (max-width: 900px) {
  .sidebar { width: 64px !important; min-width: 64px; overflow: hidden; }
  .sidebar .brand-wordmark,
  .sidebar .side-label,
  .sidebar .nav-count,
  .sidebar .privacy-card,
  .sidebar .sidebar-version { display: none !important; }
  .sidebar .nav-link,
  .sidebar .signout {
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    min-width: 0;
    max-width: 100%;
  }
  .sidebar .nav-link .icon { flex: none; width: 18px; height: 18px; }
  .workspace { margin-left: 64px; min-width: 0; }
  /* Sağ üst profil menüsü ekrana sığsın */
  .profile-menu {
    width: 176px !important;
    max-width: calc(100vw - 24px) !important;
    right: 0;
  }
  .profile-menu button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
}

/* --- 680px ve altı: katlı (kapak) ekran — menü üst bara taşınır --- */
@media (max-width: 680px) {
  .sidebar {
    width: 100% !important;
    min-width: 0;
    height: 58px;
    overflow: hidden;
  }
  .sidebar .side-nav { min-width: 0; flex: none; }
  .sidebar .nav-link {
    width: 34px !important;
    min-width: 34px;
    font-size: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .workspace { margin-left: 0; min-width: 0; }
  .topbar {
    min-width: 0;
    gap: 8px;
    padding: 0 12px !important;
  }
  .topbar-right { gap: 6px !important; min-width: 0; flex: none; }
  /* Sağ üstteki yazılar dar ekranda taşmasın: simge kalsın */
  .secure-label { display: none !important; }
  .top-signout span { display: none !important; }
  .top-signout { padding: 0 !important; width: 34px; min-width: 34px; justify-content: center; }
  .breadcrumbs {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .breadcrumbs span:first-child { display: none; }
  .profile-menu {
    max-width: calc(100vw - 16px) !important;
  }
}

/* --- 390px ve altı: en dar kapak ekranı --- */
@media (max-width: 390px) {
  .sidebar { padding-left: 10px !important; padding-right: 10px !important; }
  .sidebar .nav-link { width: 29px !important; min-width: 29px; }
  .topbar { padding: 0 10px !important; }
  .theme-toggle, .profile-trigger { width: 32px !important; height: 32px !important; }
}