/**
 * KAYA ONE X — Evrensel Kuantum Kurumsal Kimlik & Tema Çekirdeği
 * Kuantum Mat Cam (Glassmorphism), Haptic UI ve Ortak Marka Bütünlüğü
 */

:root {
  color-scheme: dark;
  --bg-deep: #030817;
  --bg-dark: #050d20;
  --bg-surface: #0a1329;
  --bg-card: #101a39;
  --bg-navy: #102c61;
  --cyan: #19e8ff;
  --blue: #5779d9;
  --blue-bright: #6f9aff;
  --blue-navy: #2d55c7;
  --blue-dark: #1c3785;
  --green: #25a970;
  --green-bright: #4fd69a;
  --green-dark: #15784e;
  --amber: #ffb72f;
  --red: #ff5269;
  --purple: #8b6cff;
  --text-main: #f5f7ff;
  --text-soft: #d8e3f6;
  --text-muted: #bdc6d8;
  --text-dim: #cfe0ff;
  --glass-bg: linear-gradient(145deg, rgba(16, 26, 57, 0.88), rgba(5, 13, 32, 0.92));
  --glass-border: 1px solid rgba(87, 121, 217, 0.32);
  --glass-glow: 0 16px 48px rgba(0, 0, 0, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 0 24px rgba(87, 121, 217, 0.08);
  --glass-radius: 18px;
  --ease-spring: cubic-bezier(0.4, 0, 0.2, 1);
}

html {
  background-color: #030817;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  background-color: #030817 !important;
  background: radial-gradient(circle at 50% -10%, rgba(45, 85, 199, 0.28), transparent 45rem), linear-gradient(180deg, #0a1329 0%, #030817 55%, #050d20 100%) !important;
  background-attachment: fixed !important;
  color: var(--text-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

/* STANDART EVRENSEL KUANTUM HEADER (MARKA & DEPARTMAN BİLGİSİ) */
.kaya-brand-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  margin-bottom: 12px;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(16, 26, 57, 0.92), rgba(5, 13, 32, 0.95));
  border: 1px solid rgba(87, 121, 217, 0.38);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-sizing: border-box;
}

.kaya-brand-logo {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.kaya-brand-logo .brand-title {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #f5f7ff;
  text-transform: uppercase;
  line-height: 1.2;
  text-shadow: 0 0 12px rgba(87, 121, 217, 0.5);
}

.kaya-brand-logo .brand-sub {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: #6f9aff;
  text-transform: uppercase;
}

.kaya-dept-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(25, 232, 255, 0.1);
  border: 1px solid rgba(25, 232, 255, 0.35);
  box-shadow: 0 0 14px rgba(25, 232, 255, 0.15), inset 0 0 8px rgba(25, 232, 255, 0.08);
}

.kaya-dept-badge .dept-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #25a970;
  box-shadow: 0 0 8px #4fd69a;
  animation: kayaPulse 2.4s infinite ease-in-out;
}

.kaya-dept-badge .dept-name {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #19e8ff;
  white-space: nowrap;
}

@keyframes kayaPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}

/* KUANTUM MAT CAM KAPSAYICILAR */
.quantum-card, .glass {
  background: var(--glass-bg) !important;
  border: var(--glass-border) !important;
  border-radius: var(--glass-radius) !important;
  box-shadow: var(--glass-glow) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* KUANTUM BUTON & HAPTIC */
button, .quantum-btn, .dev {
  font-family: inherit;
  font-weight: 800;
  border-radius: 12px;
  transition: transform 0.16s var(--ease-spring), filter 0.16s ease, box-shadow 0.16s ease;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

button:active, .quantum-btn:active, .dev:active {
  transform: scale(0.96) !important;
  filter: brightness(1.18);
}

.quantum-btn-primary, .dev.mavi {
  background: linear-gradient(180deg, #2d55c7, #1c3785) !important;
  border: 1px solid #6f9aff !important;
  color: #f5f7ff !important;
  box-shadow: 0 6px 22px rgba(28, 55, 133, 0.45) !important;
}

.quantum-btn-success, .dev.yesil, .call {
  background: linear-gradient(180deg, #25a970, #15784e) !important;
  border: 1px solid #4fd69a !important;
  color: #f5f7ff !important;
  box-shadow: 0 6px 22px rgba(21, 120, 78, 0.45) !important;
}

.quantum-btn-danger, .dev.kirmizi {
  background: linear-gradient(180deg, #ff5269, #a81c2f) !important;
  border: 1px solid #ff5269 !important;
  color: #f5f7ff !important;
  box-shadow: 0 6px 22px rgba(255, 82, 105, 0.4) !important;
}

/* KUANTUM GİRİŞ FORMLARI */
input, select, textarea {
  background: rgba(5, 13, 32, 0.88);
  border: 1px solid rgba(87, 121, 217, 0.38);
  border-radius: 12px;
  color: #f5f7ff;
  padding: 10px 14px;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #19e8ff !important;
  box-shadow: 0 0 16px rgba(25, 232, 255, 0.35) !important;
}

/* Scrollbar Bütünlüğü */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #030817;
}
::-webkit-scrollbar-thumb {
  background: #102c61;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #5779d9;
}

/* ==========================================================================
   KAYA ONE X — ADAPTİF PANEL ÖLÇEKLENDİRMESİ VE MOBİL UX/UI (RESPONSIVE)
   ========================================================================== */
@media (max-width: 768px) {
  /* Kök Taşıntı Engelleyici */
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  /* ADIM 2 & 3: Mobilde Body Overlap Koruması (75px) */
  body,
  main,
  .app,
  .shell,
  .command-app,
  .login-wrap,
  .command-center,
  .maket {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 75px !important;
    box-sizing: border-box !important;
  }

  /* ADIM 3: ADAPTİF PANEL ÖLÇEKLENDİRMESİ (Sıvı Uyum) */
  /* Tüm panel kapsayıcıları ve kartların kompakt iç boşluk, margin ve %100 genişliği */
  .titanium-card,
  .quantum-card,
  .login-card,
  .card,
  .blok,
  .stat,
  .metric,
  .panel,
  .section-card,
  .glass,
  .command-center,
  .assistant-console,
  .staff-switcher,
  .quick-controls,
  .command,
  .erisim-davet,
  .kanit,
  section,
  article {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 16px !important;
  }

  /* ADIM 3: Fontları Küçült: Başlıklar ~1.1rem, Metinler ~0.85rem */
  h1, h2, h3, h4,
  .h1, .h2, .h3,
  .brand-title,
  .header-title,
  .section-head h1,
  .section-head h2,
  .section-head h3,
  .login-card h1,
  .roster-head h2 {
    font-size: 1.1rem !important;
    line-height: 1.25 !important;
  }

  p, span, small, label, input, select, textarea, button,
  .text, .desc, .val, .sub, .meta, .item, .badge, .status, .brand-sub,
  .eyebrow, .login-card p, .command input, .ticker-label, .ticker-val {
    font-size: 0.85rem !important;
  }

  /* Çok küçük etiketler ve navigasyon için optimize fontlar */
  .kaya-dept-badge .dept-name,
  .read-only-badge,
  .nav-label,
  .roster-controls small {
    font-size: 9px !important;
  }

  /* Grid ve Flexbox dikey akış ve daraltılmış gap */
  .workspace-grid,
  .quick-controls,
  .staff-switcher-head,
  .staff-switcher-foot,
  .grid-2,
  .grid-3,
  .grid-4,
  .two-col,
  .two-column,
  .col-2,
  .stats-grid,
  .metrics-grid,
  .action-grid,
  .panel-grid,
  .row-flex,
  .stats,
  .metrics {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
  }

  /* Personel Kabukları (Hero Swipe Carousel) */
  .robot-roster,
  .shell-cards,
  .staff-switcher-cards,
  .personel-kabuklari,
  .roster-carousel,
  #shell-cards {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    white-space: nowrap !important;
    padding: 6px 12px 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    gap: 8px !important;
  }

  /* Webkit Scrollbar'ı Gizle */
  .robot-roster::-webkit-scrollbar,
  .shell-cards::-webkit-scrollbar,
  .staff-switcher-cards::-webkit-scrollbar,
  .personel-kabuklari::-webkit-scrollbar,
  .roster-carousel::-webkit-scrollbar,
  #shell-cards::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .robot-roster .robot-card,
  .shell-cards .shell-card,
  .robot-roster > *,
  .shell-cards > * {
    flex: 0 0 auto !important;
    min-width: 96px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    padding: 8px 6px !important;
  }

  /* Üst Başlık & Buton Dokunmatik Alanları */
  .kaya-brand-header {
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
  }
}