/* ========================================================
   COMPACT UI - Tüm sayfaları %15-25 küçültür
   ========================================================
   Bu dosya panel.html ve diğer ana sayfalarda en SON yüklenir.
   Override: existing CSS'i bozmadan boyutları düşürür.
   Mobile-friendly + responsive.
   ======================================================== */

/* Root font scale */
:root {
  --compact-scale: 0.88;
  --compact-font: 14px;
  --compact-spacing: 0.5rem;
}

/* Tüm gövde için varsayılan boyut */
html, body {
  font-size: var(--compact-font) !important;
  line-height: 1.45 !important;
}

/* Başlıklar */
h1 { font-size: 1.6rem !important; margin: 0.6em 0 0.4em 0 !important; }
h2 { font-size: 1.35rem !important; margin: 0.5em 0 0.35em 0 !important; }
h3 { font-size: 1.15rem !important; margin: 0.45em 0 0.3em 0 !important; }
h4 { font-size: 1.0rem  !important; margin: 0.4em 0 0.25em 0 !important; }
h5, h6 { font-size: 0.9rem !important; margin: 0.35em 0 0.2em 0 !important; }

/* Butonlar */
button, .btn, input[type=submit], input[type=button] {
  padding: 6px 12px !important;
  font-size: 0.92rem !important;
  border-radius: 5px !important;
  min-height: 32px !important;
}
.btn-sm { padding: 3px 8px !important; font-size: 0.82rem !important; min-height: 26px !important; }
.btn-lg { padding: 8px 18px !important; font-size: 1.05rem !important; min-height: 38px !important; }

/* Inputlar */
input[type=text], input[type=email], input[type=password], input[type=number],
input[type=search], input[type=tel], textarea, select {
  padding: 6px 10px !important;
  font-size: 0.92rem !important;
  border-radius: 4px !important;
  min-height: 32px !important;
}
textarea { min-height: 60px !important; line-height: 1.4 !important; }

/* Formlar */
.form-group, .form-row { margin-bottom: 8px !important; }
label { font-size: 0.88rem !important; margin-bottom: 3px !important; display: block; }

/* Containerlar / kartlar */
.card, .container, .box, .panel {
  padding: 10px !important;
  border-radius: 6px !important;
  margin-bottom: 8px !important;
}
.section, section { padding: 8px 12px !important; }

/* Tablolar */
table { font-size: 0.88rem !important; }
table th, table td { padding: 5px 8px !important; }
table th { font-size: 0.85rem !important; }

/* Listeler */
ul, ol { padding-left: 1.4em !important; margin: 0.4em 0 !important; }
li { margin-bottom: 2px !important; }

/* Nav / menü */
.nav, .navbar, .menu { padding: 4px 8px !important; }
.nav-item, .menu-item, .nav a {
  padding: 5px 10px !important;
  font-size: 0.9rem !important;
}

/* Dropdown */
.dropdown-menu, .dropdown { font-size: 0.9rem !important; }
.dropdown-item { padding: 5px 12px !important; }

/* Badge / chip */
.badge, .chip, .tag {
  font-size: 0.72rem !important;
  padding: 2px 6px !important;
  border-radius: 10px !important;
}

/* Modal */
.modal, .dialog {
  padding: 16px !important;
}
.modal-header, .modal-body, .modal-footer {
  padding: 8px 12px !important;
}

/* Alert / notification */
.alert, .notice, .message {
  padding: 8px 12px !important;
  font-size: 0.9rem !important;
  margin-bottom: 8px !important;
  border-radius: 5px !important;
}

/* Compact mobile: <600px */
@media (max-width: 600px) {
  :root { --compact-font: 13px; }
  html, body { font-size: var(--compact-font) !important; }
  h1 { font-size: 1.35rem !important; }
  h2 { font-size: 1.2rem !important; }
  h3 { font-size: 1.05rem !important; }
  button, .btn { padding: 5px 10px !important; min-height: 30px !important; }
  table { font-size: 0.82rem !important; }
  .card, .panel, .container { padding: 8px !important; }
}

/* Compact desktop: >1200px (zaten genis, mantik korunsun) */
@media (min-width: 1200px) {
  .container { max-width: 1140px !important; margin: 0 auto !important; }
}

/* Pre / code */
pre, code, kbd, samp { font-size: 0.85rem !important; }

/* Scrollbar — modern */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb {
  background: var(--text-muted, #888);
  border-radius: 4px;
}
::-webkit-scrollbar-track { background: transparent; }

/* Yüksek yoğunluklu ekranlar için ekstra sıkıştırma */
@media (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5) {
  html, body { font-size: 13.5px !important; }
}