/**
 * DRLTEC ERP - Duyarlı Tasarım Stilleri (Responsive CSS)
 * Mobil, Tablet ve Masaüstü ekran geçiş kuralları
 */

/* ==========================================================================
   Küçük Telefonlar (Max 380px)
   ========================================================================== */
@media (max-width: 380px) {
  .menu-grid {
    gap: 8px;
  }

  .menu-card {
    min-height: 58px;
  }

  .menu-card-icon-box {
    width: 46px;
    min-width: 46px;
    padding: 6px;
  }

  .menu-card-icon-box svg,
  .menu-card-icon-box img {
    width: 24px;
    height: 24px;
  }

  .menu-card-title {
    font-size: 0.8125rem;
  }

  .company-status-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .company-status-right {
    width: 100%;
    justify-content: space-between;
  }
}

/* ==========================================================================
   Tabletler ve Yatay Ekranlar (Min 640px)
   ========================================================================== */
@media (min-width: 640px) {
  .menu-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }

  .main-content {
    padding: var(--spacing-lg);
  }

  .login-container {
    max-width: 420px;
    padding: var(--spacing-md);
  }
}

/* ==========================================================================
   Masaüstü ve Geniş Ekranlar (Min 992px) - TAM EKRAN (FULL-WIDTH DESKTOP)
   Kural: Mobil görünüm (<= 991px) %100 orijinal ve dokunulmamış kalır.
   Masaüstünde tüm sayfalar, tablolar ve paneller ekranın tamamını (%100) kullanır.
   ========================================================================== */
@media (min-width: 992px) {
  /* 1. Kök Çerçeve ve Ana Düzen - %100 Tam Sayfa */
  html, body {
    width: 100%;
    overflow-x: hidden;
  }

  .app-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  .main-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 16px 28px 48px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* 2. Kurumsal Üst Header & Alt Footer */
  .header-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    box-sizing: border-box !important;
  }

  .footer-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    box-sizing: border-box !important;
  }

  .header-brand .brand-title {
    font-size: 1.25rem;
  }

  /* 3. Tüm Sayfa & Modül Kapsayıcılarının Max-Width Kısıtlamalarını Kaldır */
  .container,
  .hareket-container,
  .ayrinti-container,
  .cari-ayrinti-container,
  .banka-container,
  .banka-module,
  .cek-container,
  .cek-senet-page,
  .fatura-page-wrapper,
  .fatura-detay-wrapper,
  .finans-page-wrapper,
  .finansal-container,
  .takvim-page-wrapper,
  .takvim-container,
  .bakiye-page-wrapper,
  .kasa-page-wrapper,
  .mutabakat-page-container,
  .stok-desktop-container,
  .stok-module,
  .page-title-bar {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* 4. Dashboard (Ana Menü) Düzeni & Karşılama Kartı */
  .dashboard-hero-banner {
    max-width: 100% !important;
    width: 100% !important;
    padding: 18px 24px !important;
    margin-bottom: 20px !important;
    border-radius: var(--radius-lg, 14px) !important;
    box-sizing: border-box !important;
  }

  .menu-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .app-tile {
    min-height: 76px !important;
    padding: 14px 18px !important;
    border-radius: var(--radius-lg, 14px) !important;
    box-sizing: border-box !important;
  }

  .tile-badge {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
  }

  .tile-badge svg {
    width: 24px !important;
    height: 24px !important;
  }

  .tile-title {
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
  }

  .tile-desc {
    font-size: 0.75rem !important;
    line-height: 1.3 !important;
  }

  .menu-card {
    min-height: 72px;
  }

  .menu-card-icon-box {
    width: 64px;
    min-width: 64px;
  }

  .menu-card-icon-box svg,
  .menu-card-icon-box img {
    width: 32px;
    height: 32px;
  }

  .menu-card-title {
    font-size: 1rem;
  }

  /* 5. Tablolar & Veri Listeleri (Tam Sayfa Yayılım) */
  .cari-table-wrapper,
  .hareket-table-container,
  .detail-table-card,
  .table-responsive,
  .erp-table,
  .cari-table,
  .fatura-table,
  .banka-table,
  .cek-table,
  .stok-table,
  .kasa-table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Tablo hücrelerinde konforlu masaüstü padding */
  .erp-table th,
  .cari-table th,
  .fatura-table th,
  .banka-table th,
  .stok-table th {
    padding: 12px 14px !important;
    font-size: 0.8125rem !important;
  }

  .erp-table td,
  .cari-table td,
  .fatura-table td,
  .banka-table td,
  .stok-table td {
    padding: 12px 14px !important;
  }

  /* 6. Finansal Durum & Özet Panelleri */
  .finans-summary-top {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
  }

  .finans-summary-strip,
  .hareket-summary-strip,
  .cek-summary-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 7. Takvim Ay Görünümü */
  .takvim-header-card,
  .takvim-summary-box,
  .takvim-grid-card,
  .takvim-days-grid {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 8. Arama ve Filtre Barları */
  .cari-filter-row,
  .fatura-filter-row,
  .stok-filter-row,
  .hareket-filter-card,
  .banka-filter-box,
  .kasa-filter-subrow {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================================
   Yazdırma (Print) Stilleri
   ========================================================================== */
@media print {
  .app-header,
  .app-footer,
  .menu-search-wrapper,
  .page-back-btn,
  .btn {
    display: none !important;
  }

  body {
    background-color: #ffffff;
    color: #000000;
  }

  .card {
    border: none;
    box-shadow: none;
  }
}