/* --- Mobil drawer & drill-down --- */
  #icc-drawer { height: 100vh; background-color: #ffffff; /* Explicit background */ } /* tam ekran ve beyaz arkaplan */
  /* <<< SCROLL FIX 2: Removed explicit height, added flex-grow */
  #icc-panels { 
    position: relative; 
    /* height: calc(100vh - 64px); /* REMOVED */ */
    overflow: hidden; 
    min-height: 0; /* Keep this */
    flex-grow: 1; /* ADDED this */
  } 
  .icc-panel { position: absolute; inset: 0; transform: translateX(100%); transition: transform .22s ease; background-color: #ffffff; /* Explicit background for panels */ display: flex; flex-direction: column; }
  .icc-panel.active { transform: translateX(0); }
  /* <<< SCROLL FIX 1: Removed overscroll-behavior */
  .icc-panel .panel-body { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; } 
  .touch-target { -webkit-tap-highlight-color: transparent; }
  .ios-safe { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
  
  /* style.css (TAM İÇERİK - KOYU TEMA DAHİL) */
:root {
  --bg-light: #f9fafb; /* gray-50 */
  --bg-white: #ffffff;
  --bg-muted: #f3f4f6; /* gray-100 */
  --text-light: #374151; /* gray-700 */
  --text-dark: #111827; /* gray-900 */
  --text-muted: #6b7280; /* gray-500 */
  --border-light: #e5e7eb; /* gray-200 */
  --border-input: #d1d5db; /* gray-300 */
  --link-color: #2563eb; /* blue-600 */
  --button-bg: #111827; /* gray-900 */
  --button-text: #ffffff;
}

html.dark {
  --bg-light: #111827; /* gray-900 */
  --bg-white: #1f2937; /* gray-800 */
  --bg-muted: #374151; /* gray-700 */
  --text-light: #d1d5db; /* gray-300 */
  --text-dark: #f9fafb; /* gray-50 */
  --text-muted: #9ca3af; /* gray-400 */
  --border-light: #374151; /* gray-700 */
  --border-input: #4b5563; /* gray-600 */
  --link-color: #60a5fa; /* blue-400 */
  --button-bg: #e5e7eb; /* gray-200 */
  --button-text: #1f2937; /* gray-800 */
}

/* Temel öğelere değişkenleri uygula */
body {
  background-color: var(--bg-light);
  color: var(--text-dark); /* Ana metin rengi */
}

/* Arka Planlar */
.bg-white, main header, aside { background-color: var(--bg-white); }
.bg-neutral-50, .bg-gray-50 { background-color: var(--bg-light); }
.bg-neutral-100, .bg-gray-100, .hover\:bg-neutral-50:hover, .hover\:bg-gray-50:hover, .hover\:bg-neutral-100:hover { background-color: var(--bg-muted); }
thead tr, .bg-neutral-50 { background-color: var(--bg-muted) !important; } /* Tablo başlığı */

/* Metin Renkleri */
.text-neutral-900, .text-gray-900, .text-gray-800, h1, h2, h3, h4, th, strong, .font-semibold { color: var(--text-dark); }
.text-neutral-700, .text-gray-700, .text-gray-600, label { color: var(--text-light); }
.text-neutral-500, .text-gray-500, .text-xs { color: var(--text-muted); }
a, .text-blue-600, .text-indigo-600, .text-blue-700 { color: var(--link-color); }
button, .btn-primary, .bg-black { color: var(--button-text); background-color: var(--button-bg); }
html.dark .hover\:bg-gray-800:hover { background-color: #374151 !important; } /* gray-700 */
html.dark .hover\:bg-neutral-700:hover { background-color: #4b5563 !important; } /* gray-600 */

button.border, a.border { color: var(--text-light); border-color: var(--border-input); background-color: transparent; }
html.dark a.hover\:bg-gray-100:hover { background-color: #374151 !important; } /* gray-700 */


/* Kenarlıklar */
.border, .border-b, .border-r, .border-t, table, th, td { border-color: var(--border-light); }
.border-gray-200 { border-color: var(--border-light); }
.border-gray-300 { border-color: var(--border-input); }

/* Form Elemanları */
input[type="text"], input[type="search"], input[type="password"],
input[type="url"], input[type="email"], input[type="file"],
textarea, select {
  background-color: var(--bg-white);
  border-color: var(--border-input);
  color: var(--text-dark);
  border-radius: 0.375rem; /* rounded-md */
}
input::placeholder, textarea::placeholder { color: var(--text-muted); opacity: 0.7; }
option { background-color: var(--bg-white); color: var(--text-dark); }
html.dark option { background-color: #4b5563; color: var(--text-dark); } /* Seçenekler için özel */

/* Diğer koyu tema düzeltmeleri */
html.dark .hover\:bg-neutral-100:hover { background-color: #374151 !important; } /* gray-700 */
html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: var(--border-light); }
html.dark .bg-green-100 { background-color: #064e3b; }
html.dark .text-green-700 { color: #6ee7b7; }
html.dark .border-green-300 { border-color: #059669; }
html.dark .bg-red-100 { background-color: #7f1d1d; }
html.dark .text-red-700 { color: #fca5a5; }
html.dark .border-red-300 { border-color: #dc2626; }
html.dark .bg-yellow-100 { background-color: #713f12; }
html.dark .text-yellow-800 { color: #fde047; }
html.dark .border-yellow-400 { border-color: #ca8a04; }

/* Mevcut stil.css içeriği (daha önce eklenenler dahil) buradan devam eder... */
/* Global stylesheet created by refactor */
/* === Extracted from: catalog.php === */
.filter-disabled{opacity:.4;pointer-events:none}
    .pagination{border:1px solid var(--border-input);border-radius:.5rem;padding:.5rem .75rem; color: var(--text-light); }
    .pagination.active{background: var(--button-bg); color: var(--button-text); border-color: var(--button-bg);}
    .pagination[disabled]{opacity:.5;cursor:not-allowed}
html.dark .pagination[disabled] { opacity: 0.4; }


/* === Extracted from: index.php === */
html { scroll-behavior: smooth; }
    .glass {
      background: rgba(255,255,255,0.07);
      border: 1px solid rgba(255,255,255,0.2);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }
html.dark .glass { background: rgba(0,0,0,0.2); border-color: rgba(255,255,255,0.1); }
    .gradient-text {
      background: linear-gradient(90deg, #38bdf8, #818cf8);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .btn-primary {
      background: linear-gradient(90deg, #3b82f6, #6366f1);
      color: white;
      font-weight: 600;
      border-radius: 9999px;
      padding: 0.75rem 1.75rem;
      transition: all 0.3s ease;
    }
    .btn-primary:hover { opacity: .9; transform: scale(1.03); }

/* === Extracted from: kategori.php === */
/* "Havalı" şablondaki aynı stiller */
    ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #aab; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #889; }
    html.dark ::-webkit-scrollbar-track { background: #374151; } html.dark ::-webkit-scrollbar-thumb { background: #6b7280; } html.dark ::-webkit-scrollbar-thumb:hover { background: #9ca3af; }
    .tech-card { transition: all 0.3s ease-in-out; background-color: var(--bg-white); color: var(--text-dark); } .tech-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); }
    html.dark .tech-card:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
    .hero-bg { background: linear-gradient(270deg, #0f172a, #1e3a8a, #0f172a); background-size: 600% 600%; animation: gradientShift 16s ease infinite; }
    @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* === Extracted from: includes/view.php === */
.collapsible{position:relative;}
    .collapsible.collapsed{-webkit-line-clamp:12;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
    .collapsible.collapsed::after{
      content:"";position:absolute;left:0;right:0;bottom:0;height:3rem;
      background:linear-gradient(to bottom,rgba(255,255,255,0), var(--bg-white));
    }
    html.dark .collapsible.collapsed::after{ background:linear-gradient(to bottom,rgba(17, 24, 39, 0), var(--bg-white)); } /* gray-900 to bg-white variable */
    .prose p{margin:.4rem 0;}
    #desc-wrap.collapsed #desc{max-height:18rem;overflow:hidden;}
    #desc-wrap.expanded  #desc{max-height:none;}