/*!
 * ICEFUE Clinic Portal — Academy ile uyumlu tema kaplamasi
 * ---------------------------------------------------------------------------
 * Mevcut CSS'e ve isaretlemeye DOKUNMAZ; ustune biner.
 * Kaldirmak icin clinic-panel.php / clinic-login.php icindeki tek <link>
 * satirini silmek yeterli.
 *
 * Kaynak tasarim: academy/inc/layout.php (Tailwind token'lari)
 *
 * PALETI DEGISTIRMEK: asagidaki --ac-brand-* degerlerini degistirmek yeterli.
 * Resmi marka kilavuzu rengine gecmek icin:
 *   --ac-brand-500: #0284C7;  --ac-brand-600: #0369A1;  --ac-brand-700: #075985;
 *   --ac-brand-50 : #E0F2FE;  --ac-brand-100: #BAE6FD;  --ac-ink-900: #0F172A;
 */

:root {
  /* Academy renk token'lari */
  --ac-brand-50:  #E0F2FE;
  --ac-brand-100: #BAE6FD;
  --ac-brand-200: #9FD2F0;
  --ac-brand-500: #0284C7;
  --ac-brand-600: #0369A1;
  --ac-brand-700: #075985;

  --ac-ink-900: #0F172A;
  --ac-ink-700: #1f2937;
  --ac-ink-500: #6b7280;
  --ac-ink-400: #9aa4b2;
  --ac-ink-300: #c3cad4;

  --ac-line: #eaecf0;
  --ac-page: #f7f8fa;
  --ac-card: #ffffff;

  --ac-shadow-card: 0 1px 2px 0 rgba(16,24,40,.04), 0 1px 3px 0 rgba(16,24,40,.06);
  --ac-shadow-pop:  0 4px 6px -2px rgba(16,24,40,.05), 0 12px 16px -4px rgba(16,24,40,.08);

  --ac-r-card: 12px;
  --ac-r-ctrl: 8px;

  /* CRM'in kendi degiskenlerini Academy degerleriyle ezer (57 kullanim) */
  --brand-dark:     var(--ac-ink-900);
  --brand-theme:    var(--ac-brand-500);
  --brand-accent:   #059669;
  --bg-light:       var(--ac-page);
  --border:         var(--ac-line);
  --text-primary:   var(--ac-ink-900);
  --text-secondary: var(--ac-ink-500);
  --text-muted:     var(--ac-ink-400);
  --card-shadow:    var(--ac-shadow-card);
  --card-hover:     var(--ac-shadow-pop);
  --radius:         var(--ac-r-card);
}

/* ===== TIPOGRAFI — Academy ile ayni ===== */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -.011em;
  background: var(--ac-page);
  color: var(--ac-ink-900);
}

/* ===== KENAR CUBUGU: koyu -> beyaz (Academy) ===== */
.sidebar {
  background: #fff !important;
  border-right: 1px solid var(--ac-line);
  box-shadow: none;
}
.sidebar-header {
  border-bottom: 1px solid var(--ac-line);
  padding: 0 20px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* logo beyaz sayfada ters cevrilmemeli */
.sidebar-header img { filter: none !important; }

.clinic-identifier { padding: 14px 16px 10px; }
.sidebar .text-white    { color: var(--ac-ink-900) !important; }
.sidebar .text-white-50 { color: var(--ac-ink-400) !important; }

.sidebar-menu { padding: 12px; }
.sidebar-menu li a {
  color: var(--ac-ink-500);
  border-radius: var(--ac-r-ctrl);
  padding: 9px 12px;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -.006em;
}
.sidebar-menu li a:hover {
  color: var(--ac-ink-900);
  background: var(--ac-page);
}
.sidebar-menu li.active a {
  color: var(--ac-brand-700) !important;
  background: var(--ac-brand-50) !important;
  box-shadow: none !important;
  font-weight: 600;
}
.sidebar-menu li a i { opacity: .85; width: 18px; font-size: .95rem; margin-right: 11px; }
.sidebar-menu li.active a i { opacity: 1; color: var(--ac-brand-600); }

/* kenar cubugundaki cikis butonu acik temaya uyar */
.sidebar .btn-outline-light {
  color: var(--ac-ink-500) !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: var(--ac-r-ctrl) !important;
  background: #fff !important;
  font-weight: 600;
}
.sidebar .btn-outline-light:hover {
  background: var(--ac-page) !important;
  color: var(--ac-ink-900) !important;
}

/* ===== UST BAR ===== */
.topbar {
  height: 64px;
  background: rgba(255,255,255,.9);
  backdrop-filter: saturate(180%) blur(8px);
  border-bottom: 1px solid var(--ac-line);
}
.page-header {
  border-bottom: 1px solid var(--ac-line);
  padding: 18px 28px;
}
.page-header h2 {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--ac-ink-900);
}

/* ===== KARTLAR ===== */
.stat-card,
.content-card {
  background: var(--ac-card);
  border: 1px solid var(--ac-line);
  border-radius: var(--ac-r-card);
  box-shadow: var(--ac-shadow-card);
}
.stat-card { padding: 18px 20px; }
.stat-card:hover { box-shadow: var(--ac-shadow-pop); transform: none; }
.stat-icon { border-radius: var(--ac-r-ctrl); width: 40px; height: 40px; }
.stat-icon.blue   { background: var(--ac-brand-50); color: var(--ac-brand-500); }
.stat-icon.green  { background: #ecfdf5; color: #059669; }
.stat-icon.purple { background: #f5f3ff; color: #7c3aed; }
.stat-icon.orange { background: #fff7ed; color: #ea580c; }
.stat-text h3 {
  font-size: 26px; font-weight: 700; letter-spacing: -.02em;
  color: var(--ac-ink-900); font-variant-numeric: tabular-nums;
}
.stat-text p {
  font-size: 12px; font-weight: 500; color: var(--ac-ink-500);
  text-transform: none; letter-spacing: 0;
}
.content-card-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--ac-line);
}
.content-card-header h4 {
  font-size: 15px; font-weight: 600; letter-spacing: -.01em;
  color: var(--ac-ink-900);
}
.content-card { animation: none; }
.stat-card { animation: none; }

/* ===== TABLOLAR ===== */
.table-leads th,
.patients-table th {
  background: var(--ac-page);
  color: var(--ac-ink-500);
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 1px solid var(--ac-line) !important;
  padding: 10px 20px;
}
.table-leads td,
.patients-table td {
  color: var(--ac-ink-700);
  font-size: 13.5px;
  border-bottom: 1px solid var(--ac-line) !important;
}
.patients-table .patient-row:hover { background: var(--ac-page) !important; }

/* ===== BUTONLAR ===== */
.btn {
  border-radius: var(--ac-r-ctrl);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -.006em;
}
.btn:hover { transform: none; }
.btn-primary {
  background: var(--ac-brand-500) !important;
  border-color: var(--ac-brand-500) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background: var(--ac-brand-600) !important;
  border-color: var(--ac-brand-600) !important;
}
.btn-success { background: #059669 !important; border-color: #059669 !important; }
.btn-success:hover { background: #047857 !important; border-color: #047857 !important; }
.btn-outline-secondary {
  color: var(--ac-ink-700) !important;
  border-color: var(--ac-line) !important;
}
.btn-outline-secondary:hover {
  background: var(--ac-page) !important;
  color: var(--ac-ink-900) !important;
}

/* ===== FORMLAR ===== */
.form-control, .form-select,
.offcanvas .form-control, .offcanvas .form-select,
.modal .form-control, .modal .form-select {
  border: 1px solid var(--ac-line);
  border-radius: var(--ac-r-ctrl);
  font-size: 13.5px;
  background: #fff;
  color: var(--ac-ink-900);
}
.form-control:focus, .form-select:focus,
.offcanvas .form-control:focus, .offcanvas .form-select:focus,
.modal .form-control:focus, .modal .form-select:focus {
  border-color: var(--ac-brand-200) !important;
  box-shadow: 0 0 0 3px var(--ac-brand-100) !important;
  background: #fff !important;
}
.form-label,
.offcanvas .form-label,
.modal .form-label {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ac-ink-700) !important;
}

/* ===== ROZETLER ===== */
.badge-status, .badge {
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 10px;
  letter-spacing: 0;
}

/* ===== KANBAN ===== */
.kanban-col {
  background: var(--ac-page);
  border: 1px solid var(--ac-line);
  border-radius: var(--ac-r-card);
}
.k-col-title {
  color: var(--ac-ink-500);
  font-size: 12.5px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}
.k-badge {
  background: #fff;
  color: var(--ac-ink-500);
  border: 1px solid var(--ac-line);
  border-radius: 999px;
}
.crm-card {
  border-radius: var(--ac-r-ctrl);
  border: 1px solid var(--ac-line);
  box-shadow: var(--ac-shadow-card);
}
.crm-card:hover { box-shadow: var(--ac-shadow-pop); transform: none; }
.crm-card:active { transform: none; }

/* ===== MODAL / OFFCANVAS ===== */
.modal-content {
  border-radius: 14px !important;
  box-shadow: var(--ac-shadow-pop) !important;
  border: 1px solid var(--ac-line) !important;
}
.modal-header, .offcanvas-header {
  border-bottom: 1px solid var(--ac-line) !important;
}
.modal-footer { border-top: 1px solid var(--ac-line) !important; }

/* ===== KAYDIRMA CUBUGU — Academy ile ayni ===== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: #d7dbe0;
  border-radius: 20px;
  border: 3px solid var(--ac-page);
}
.kanban-board::-webkit-scrollbar-thumb,
.k-col-body::-webkit-scrollbar-thumb { background: var(--ac-ink-300); }

/* ===== SATIR ICI (inline) RENKLERIN HIZALANMASI ===== */
/* isaretlemeye dokunmadan, eski mavi/gri tonlari Academy tonlarina cevirir */
[style*="#3b82f6"] { color: var(--ac-brand-500) !important; }
[style*="background:#3b82f6"],
[style*="background: #3b82f6"] { background: var(--ac-brand-500) !important; color: #fff !important; }
[style*="#6c757d"], [style*="#64748b"] { color: var(--ac-ink-500) !important; }
.bg-primary { background: var(--ac-brand-500) !important; }
.text-primary { color: var(--ac-brand-600) !important; }
.text-muted { color: var(--ac-ink-500) !important; }
.border { border-color: var(--ac-line) !important; }

/* ===== GIRIS SAYFASI — Academy giris ekraniyla ayni dil ===== */
body.tech-login-body {
  background: var(--ac-page) !important;
  background-image:
    radial-gradient(60rem 40rem at 12% 8%, rgba(2,132,199,.07), transparent 60%),
    radial-gradient(48rem 34rem at 88% 92%, rgba(2,132,199,.06), transparent 60%) !important;
  color: var(--ac-ink-900);
}
.tech-login-wrapper::before { display: none !important; }   /* koyu grid deseni */

.glass-card {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--ac-shadow-pop) !important;
  padding: 36px 34px 30px !important;
  max-width: 436px;
}
.glass-card::before { display: none !important; }           /* ustteki turuncu cizgi */

.tech-logo-container img { filter: none !important; opacity: 1 !important; width: 150px !important; }
.tech-logo-container h2,
.glass-card .text-white { color: var(--ac-ink-900) !important; }
.tech-logo-container p { color: var(--ac-ink-500) !important; }

.tech-label {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ac-ink-700) !important;
}
.tech-input {
  height: 52px !important;
  background: #fff !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: var(--ac-r-ctrl) !important;
  color: var(--ac-ink-900) !important;
  font-size: 14px !important;
}
.tech-input::placeholder { color: var(--ac-ink-400) !important; }
.tech-input:hover { border-color: #D3DCE7 !important; }
.tech-input:focus {
  border-color: var(--ac-brand-200) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(2,132,199,.11) !important;
}
.tech-input-icon { color: var(--ac-ink-400) !important; }
.tech-input:focus ~ .tech-input-icon { color: var(--ac-brand-500) !important; }

.tech-btn {
  height: 52px !important;
  border-radius: var(--ac-r-ctrl) !important;
  background: linear-gradient(180deg, var(--ac-brand-500), var(--ac-brand-600)) !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: -.006em;
  box-shadow: 0 1px 2px rgba(2,132,199,.22) !important;
}
.tech-btn:hover {
  transform: none !important;
  box-shadow: 0 2px 4px rgba(2,132,199,.26), 0 16px 34px -10px rgba(2,132,199,.55) !important;
}

.tech-link { color: var(--ac-ink-500) !important; font-size: 13.5px !important; }
.tech-link:hover { color: var(--ac-brand-600) !important; }
.glass-card a[style*="rgba(227, 100, 20"] { color: var(--ac-brand-600) !important; font-weight: 600; }

.tech-checkbox {
  border: 1px solid var(--ac-line) !important;
  border-radius: 5px !important;
  background: #fff !important;
}
.tech-checkbox:checked {
  background: var(--ac-brand-500) !important;
  border-color: var(--ac-brand-500) !important;
}

.back-to-site { color: var(--ac-ink-500) !important; font-size: 13.5px !important; }
.back-to-site:hover { color: var(--ac-ink-900) !important; }
.footer-text { color: var(--ac-ink-400) !important; }

/* hata kutusu — Academy .alert.bad */
.tech-login-wrapper .alert-danger {
  background: #FEF3F2 !important;
  border: 1px solid #FBD5D2 !important;
  color: #93231D !important;
  border-radius: 12px !important;
  font-size: 13px !important;
}
/* karti ayiran ust cizgi */
.glass-card > div[style*="border-top"] { border-top-color: var(--ac-line) !important; }

/* dil secici Academy tonlarina uysun */
#icefue-lang-switch { border-color: var(--ac-line) !important; }
