/*!
 * Turla360 – Professional Theme Polish v1
 * Front + Admin + Company + Auth layouts için ortak rafine katman.
 * Layout inline CSS'lerinden sonra yüklenir, az sayıda noktasal override yapar.
 */

/* Alpine.js x-cloak — bileşen mount olmadan görünmesin */
[x-cloak] { display: none !important; }

/* -------------------------------------------------------------
   Genel rafinasyon
   ------------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; }
body { font-feature-settings: "cv02", "cv03", "cv04", "cv11"; }

::selection { background: #2563eb; color: #fff; }

/* Daha iyi erişilebilir odak halkası */
:is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 6px;
}

/* Düzgün, kurumsal scroll */
* { scrollbar-width: thin; scrollbar-color: #c7c9d1 transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: linear-gradient(#c7c9d1, #a7aab3); border-radius: 20px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: linear-gradient(#9ea1ab, #7c808b); background-clip: padding-box; border: 2px solid transparent; }

/* -------------------------------------------------------------
   Butonlar — kurumsal hissiyat
   ------------------------------------------------------------- */
button, .btn, [type="button"], [type="submit"] {
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s cubic-bezier(.4,0,.2,1),
              box-shadow .2s cubic-bezier(.4,0,.2,1),
              background .2s cubic-bezier(.4,0,.2,1),
              color .2s cubic-bezier(.4,0,.2,1),
              border-color .2s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
button:not(:disabled):active, .btn:not(:disabled):active { transform: translateY(1px) scale(.995); }
button:disabled, .btn:disabled { opacity: .55; cursor: not-allowed; }

/* Mavi primary butonlara hafif "glow" */
.tn-cta, .btn-primary, button[type="submit"].primary,
.adm-btn-primary, .co-btn-primary {
  box-shadow: 0 10px 24px -10px rgba(37, 99, 235, .55), 0 2px 4px rgba(37, 99, 235, .08);
}
.tn-cta:hover, .btn-primary:hover, .adm-btn-primary:hover, .co-btn-primary:hover {
  box-shadow: 0 14px 30px -10px rgba(37, 99, 235, .65), 0 4px 8px rgba(37, 99, 235, .15);
  transform: translateY(-1px);
}

/* -------------------------------------------------------------
   Formlar — daha okunur, tutarlı
   ------------------------------------------------------------- */
input, select, textarea {
  font-family: inherit;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
input:focus, select:focus, textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
  outline: none !important;
}
input[aria-invalid="true"], input.invalid,
select[aria-invalid="true"], textarea[aria-invalid="true"] {
  border-color: #e11d48 !important;
  box-shadow: 0 0 0 4px rgba(225, 29, 72, .12) !important;
}

/* Otomatik doldurma: Chrome sarı rengini kır */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #111827 !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* -------------------------------------------------------------
   Kart ve tablo micro-polish
   ------------------------------------------------------------- */
.tn-card, .adm-card, .co-card, .card {
  transition: transform .24s cubic-bezier(.4,0,.2,1), box-shadow .24s cubic-bezier(.4,0,.2,1), border-color .2s;
}
.tn-card:hover, .adm-card:hover, .co-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -18px rgba(12, 15, 20, .22), 0 6px 14px -8px rgba(12, 15, 20, .12);
}

table { border-collapse: separate; border-spacing: 0; }
tbody tr { transition: background .15s ease; }
tbody tr:hover { background: rgba(37, 99, 235, .04); }

/* -------------------------------------------------------------
   Rozet ve durum etiketleri
   ------------------------------------------------------------- */
.badge, .tag, .chip, [class*="status-"] {
  letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
}

/* -------------------------------------------------------------
   Tipografi rafinasyonu — başlıklar
   ------------------------------------------------------------- */
h1, h2, h3 { letter-spacing: -0.025em; }
h1 { font-feature-settings: "ss01", "ss02"; }

/* -------------------------------------------------------------
   Animasyon yardımcıları
   ------------------------------------------------------------- */
@keyframes tn-fade-up {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}
@keyframes tn-shimmer {
  0% { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}
.tn-animate-in { animation: tn-fade-up .45s cubic-bezier(.4,0,.2,1) both; }
.tn-skeleton {
  background: linear-gradient(90deg, #eef0f4 0%, #f7f8fa 40%, #eef0f4 80%);
  background-size: 800px 100%;
  animation: tn-shimmer 1.4s linear infinite;
  border-radius: 8px;
}

/* Hareketi azaltan kullanıcılar için */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* -------------------------------------------------------------
   Admin panel — premium, renkli, kurumsal
   ------------------------------------------------------------- */
.adm-sb {
  background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%) !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 1px 0 0 rgba(15, 23, 42, .04), 10px 0 30px -22px rgba(0,0,0,.55);
  color: #cbd5e1;
}
.adm-sb-top {
  border-bottom-color: rgba(255,255,255,.06) !important;
  background: linear-gradient(180deg, rgba(29,78,216,.14), rgba(29,78,216,0));
  cursor: pointer; transition: background .2s;
}
.adm-sb-top:hover { background: linear-gradient(180deg, rgba(29,78,216,.22), rgba(29,78,216,.04)); }
.adm-sb-user { display: none !important; }
.adm-sb-ln { color: #fff !important; }
.adm-sb-ln em { color: #60a5fa !important; }
.adm-sb-lm {
  background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
  box-shadow: 0 6px 16px -4px rgba(99, 102, 241, .6);
}
.adm-sb-tag {
  background: rgba(96, 165, 250, .15) !important;
  color: #93c5fd !important;
  border: 1px solid rgba(96, 165, 250, .25) !important;
}
.adm-sb-user { border-bottom-color: rgba(255,255,255,.06) !important; }
.adm-sb-user:hover { background: rgba(255,255,255,.04) !important; }
.adm-sb-uname { color: #f8fafc !important; }
.adm-sb-urole { color: #94a3b8 !important; }
.adm-sb-av {
  background: linear-gradient(135deg, #8b5cf6, #3b82f6) !important;
  box-shadow: 0 6px 14px -4px rgba(139, 92, 246, .5);
}

.adm-sb-sec { color: #64748b !important; padding-left: 14px !important; }

.adm-sb-link {
  position: relative;
  color: #cbd5e1 !important;
  margin: 1px 4px;
}
.adm-sb-link::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  width: 3px; height: 0;
  background: linear-gradient(180deg, #60a5fa, #a78bfa);
  border-radius: 0 2px 2px 0;
  transform: translateY(-50%);
  transition: height .22s ease;
}
.adm-sb-link:hover { background: rgba(148, 163, 184, .08) !important; color: #fff !important; }
.adm-sb-link.on, .adm-sb-link.active, .adm-sb-link[aria-current="page"] {
  background: rgba(96, 165, 250, .12) !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
}
.adm-sb-link.on::before,
.adm-sb-link.active::before,
.adm-sb-link[aria-current="page"]::before { height: 55%; }

/* İkon boyutu — inline SVG boyutuna dokunma, sadece renk ver */
.adm-sb-link .adm-sb-ic {
  width: 18px !important; height: 18px !important;
  padding: 0; border-radius: 0;
  background: none !important;
  color: #64748b !important;
  transition: color .2s;
}
.adm-sb-link:hover .adm-sb-ic { color: #94a3b8 !important; }
.adm-sb-link.on .adm-sb-ic { color: #60a5fa !important; }

/* Rozetler — koyu arka planda parlak ama kompakt */
.adm-sb-bdg {
  font-size: 10px !important; padding: 1px 6px !important;
  background: rgba(239,68,68,.22) !important;
  color: #fca5a5 !important;
}
.bdg-blue  { background: rgba(59,130,246,.22)!important; color: #93c5fd!important; }
.bdg-green { background: rgba(16,185,129,.22)!important; color: #6ee7b7!important; }
.bdg-red   { background: rgba(239,68,68,.22)!important;  color: #fca5a5!important; }

.adm-sb-footer { border-top-color: rgba(255,255,255,.06) !important; }
.adm-sb-fl { color: #94a3b8 !important; }
.adm-sb-fl:hover { background: rgba(148,163,184,.08) !important; color: #fff !important; }

/* Sidebar scrollbar'ı koyu tema */
.adm-sb-nav::-webkit-scrollbar-thumb { background: rgba(148,163,184,.25) !important; }

/* -------------------------------------------------------------
   Admin butonları — gradient + renkli ikonlar
   ------------------------------------------------------------- */
.adm-btn {
  position: relative;
  overflow: hidden;
  letter-spacing: -.005em;
}
.adm-btn svg {
  transition: transform .2s;
}
.adm-btn:hover svg { transform: translateX(1px) scale(1.08); }

.btn-adm-navy {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%) !important;
  box-shadow: 0 6px 14px -6px rgba(15,23,42,.5), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.btn-adm-navy:hover {
  background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px -8px rgba(15,23,42,.55), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.btn-adm-blue {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%) !important;
  box-shadow: 0 6px 14px -4px rgba(37,99,235,.45), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.btn-adm-blue:hover {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px -6px rgba(37,99,235,.55) !important;
}

.btn-adm-green {
  background: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%) !important;
  box-shadow: 0 6px 14px -4px rgba(5,150,105,.45), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.btn-adm-green:hover {
  background: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px -6px rgba(5,150,105,.55) !important;
}

.btn-adm-white {
  background: #fff !important;
  border: 1.5px solid #e5e0d8 !important;
  color: #1f2937 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.btn-adm-white:hover {
  border-color: #6366f1 !important;
  color: #4338ca !important;
  background: linear-gradient(135deg, #fff, #fafaff) !important;
  box-shadow: 0 6px 16px -4px rgba(99,102,241,.25) !important;
  transform: translateY(-1px);
}

/* Beyaz butonun ikonu mor-mavi ton */
.btn-adm-white svg { color: #6366f1 !important; }
.btn-adm-white:hover svg { color: #4338ca !important; }

/* Yardımcı renk varyantları */
.btn-adm-rose {
  background: linear-gradient(135deg, #f43f5e, #e11d48, #be123c) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -4px rgba(225,29,72,.45) !important;
}
.btn-adm-rose:hover { background: linear-gradient(135deg, #fb7185, #f43f5e, #e11d48) !important; transform: translateY(-1px); }

.btn-adm-amber {
  background: linear-gradient(135deg, #fbbf24, #f59e0b, #d97706) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -4px rgba(217,119,6,.45) !important;
}
.btn-adm-amber:hover { background: linear-gradient(135deg, #fcd34d, #fbbf24, #f59e0b) !important; transform: translateY(-1px); }

.btn-adm-violet {
  background: linear-gradient(135deg, #a78bfa, #8b5cf6, #7c3aed) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -4px rgba(124,58,237,.45) !important;
}
.btn-adm-violet:hover { background: linear-gradient(135deg, #c4b5fd, #a78bfa, #8b5cf6) !important; transform: translateY(-1px); }

/* -------------------------------------------------------------
   Admin sayfa başlığı + stat kart ikonları
   ------------------------------------------------------------- */
/* .adm-ph-title gradient ezmesi KALDIRILDI: yonetim panelindeki diger iki
   baslik sinifi (.admx-page-title / .cmpx-page-title) duz koyu renk kullaniyordu,
   yalniz Ayarlar alt sayfalari gradient goruntuluyordu. Tasarim kurali:
   gradient yalniz veri gorsellestirme / login / KPI aksan cubugunda. */

.adm-sc-ico {
  background: linear-gradient(135deg, #3b82f6, #6366f1) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px -6px rgba(99,102,241,.5), inset 0 1px 0 rgba(255,255,255,.25);
}
.sci-b { background: linear-gradient(135deg, #60a5fa, #2563eb) !important; color: #fff !important; }
.sci-e { background: linear-gradient(135deg, #34d399, #059669) !important; color: #fff !important; }
.sci-a { background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; color: #fff !important; }
.sci-v { background: linear-gradient(135deg, #c4b5fd, #7c3aed) !important; color: #fff !important; }
.sci-r { background: linear-gradient(135deg, #fb7185, #e11d48) !important; color: #fff !important; }
.sci-t { background: linear-gradient(135deg, #2dd4bf, #0d9488) !important; color: #fff !important; }

.adm-sc-ico svg { stroke-width: 2.2 !important; }
.adm-sc-ico { transition: transform .25s cubic-bezier(.4,0,.2,1); }
.adm-sc:hover .adm-sc-ico { transform: scale(1.1) rotate(-4deg); }

/* -------------------------------------------------------------
   Admin topbar ikon butonları — renkli parıltılı
   ------------------------------------------------------------- */
.adm-tb-ibtn {
  background: linear-gradient(135deg, #f8fafc, #eef2ff) !important;
  border-color: #e0e7ff !important;
  color: #4f46e5 !important;
}
.adm-tb-ibtn:hover {
  background: linear-gradient(135deg, #eef2ff, #e0e7ff) !important;
  color: #3730a3 !important;
  box-shadow: 0 6px 14px -4px rgba(79,70,229,.3);
  transform: translateY(-1px);
}
.adm-tb-toggle {
  background: linear-gradient(135deg, #eef2ff, #ede9fe) !important;
  border-color: #ddd6fe !important;
  color: #6d28d9 !important;
}
.adm-tb-toggle:hover { background: linear-gradient(135deg, #ede9fe, #ddd6fe) !important; color: #5b21b6 !important; }

.adm-tb-user { background: linear-gradient(135deg, #fff, #f5f3ff) !important; }
.adm-tb-uav { background: linear-gradient(135deg, #8b5cf6, #3b82f6, #06b6d4) !important; }

/* -------------------------------------------------------------
   Admin tablolar — başlık ve satır ikonları renkli
   ------------------------------------------------------------- */
.adm-tbl thead th {
  background: linear-gradient(180deg, #f8fafc, #f1f5f9) !important;
  color: #475569 !important;
}
.adm-tbl tbody td svg { color: inherit; }

/* Durum rozetleri için parıltılı gradientler */
.status-active, .st-active, [class*="status-"].active {
  background: linear-gradient(135deg, rgba(16,185,129,.15), rgba(5,150,105,.08)) !important;
  color: #047857 !important;
  box-shadow: inset 0 0 0 1px rgba(16,185,129,.25);
}
.status-pending, .st-pending {
  background: linear-gradient(135deg, rgba(251,191,36,.18), rgba(217,119,6,.08)) !important;
  color: #92400e !important;
  box-shadow: inset 0 0 0 1px rgba(217,119,6,.25);
}
.status-suspended, .st-suspended, .status-rejected, .st-rejected {
  background: linear-gradient(135deg, rgba(244,63,94,.18), rgba(190,18,60,.08)) !important;
  color: #9f1239 !important;
  box-shadow: inset 0 0 0 1px rgba(225,29,72,.25);
}

/* Logo/Brand'ın collapsed state'te daha güzel durması */
.sb-col .adm-sb-lm { margin: 0 auto; }

/* Admin stat kartları */
.adm-stat, .stat-card {
  position: relative; overflow: hidden;
}
.adm-stat::after, .stat-card::after {
  content: "";
  position: absolute; right: -20px; top: -20px;
  width: 120px; height: 120px;
  background: radial-gradient(circle, rgba(37,99,235,.08), transparent 70%);
  pointer-events: none;
}

/* Admin topbar */
.adm-tb, .adm-top {
  backdrop-filter: saturate(150%) blur(8px);
  -webkit-backdrop-filter: saturate(150%) blur(8px);
  background: rgba(255, 255, 255, .8) !important;
}

/* -------------------------------------------------------------
   Company panel — premium, renkli, kurumsal
   ------------------------------------------------------------- */
.co-sb {
  background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%) !important;
  border-right: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 1px 0 0 rgba(15,23,42,.04), 10px 0 30px -22px rgba(0,0,0,.55);
  color: #cbd5e1;
}
.co-sb-top {
  border-bottom-color: rgba(255,255,255,.06) !important;
  background: linear-gradient(180deg, rgba(16,185,129,.14), rgba(16,185,129,0));
}
.co-sb-lm {
  background: linear-gradient(135deg, #10b981, #2563eb) !important;
  box-shadow: 0 6px 16px -4px rgba(16, 185, 129, .55);
}
.co-sb-ln { color: #fff !important; }
.co-sb-ln em { color: #6ee7b7 !important; }
.co-sb-co { border-bottom-color: rgba(255,255,255,.06) !important; background: rgba(255,255,255,.02); }
.co-sb-co-name { color: #f8fafc !important; }
.co-sb-co-user { color: #94a3b8 !important; }
.co-sb-co-status {
  background: rgba(16,185,129,.18) !important;
  color: #6ee7b7 !important;
  border-color: rgba(16,185,129,.3) !important;
}

.co-sb-sec { color: #64748b !important; padding-left: 14px !important; }

.co-sb-link {
  position: relative;
  color: #cbd5e1 !important;
  margin: 1px 4px;
}
.co-sb-link::before {
  content: "";
  position: absolute; left: 0; top: 50%;
  width: 3px; height: 0;
  background: linear-gradient(180deg, #34d399, #60a5fa);
  border-radius: 0 2px 2px 0;
  transform: translateY(-50%);
  transition: height .22s ease;
}
.co-sb-link:hover { background: rgba(148,163,184,.08) !important; color: #fff !important; }
.co-sb-link.on, .co-sb-link.active, .co-sb-link[aria-current="page"] {
  background: linear-gradient(90deg, rgba(16,185,129,.22), rgba(37,99,235,.08) 60%, transparent) !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(52,211,153,.22);
}
.co-sb-link.on::before,
.co-sb-link.active::before,
.co-sb-link[aria-current="page"]::before { height: 70%; }

/* İkon chip */
.co-sb-link .co-sb-ic {
  width: 28px !important; height: 28px !important;
  padding: 6px; border-radius: 8px;
  background: rgba(148,163,184,.10);
  color: #cbd5e1 !important;
  transition: background .2s, color .2s;
}
.co-sb-link:hover .co-sb-ic { background: rgba(52,211,153,.18); color: #fff !important; }
.co-sb-link.on .co-sb-ic {
  background: linear-gradient(135deg, #10b981, #3b82f6) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px -2px rgba(16,185,129,.55);
}
/* Grup renkleri */
.co-sb-link:nth-of-type(5n+1).on .co-sb-ic { background: linear-gradient(135deg,#10b981,#3b82f6)!important }
.co-sb-link:nth-of-type(5n+2).on .co-sb-ic { background: linear-gradient(135deg,#3b82f6,#6366f1)!important }
.co-sb-link:nth-of-type(5n+3).on .co-sb-ic { background: linear-gradient(135deg,#f59e0b,#ea580c)!important }
.co-sb-link:nth-of-type(5n+4).on .co-sb-ic { background: linear-gradient(135deg,#ec4899,#db2777)!important }
.co-sb-link:nth-of-type(5n+5).on .co-sb-ic { background: linear-gradient(135deg,#8b5cf6,#7c3aed)!important }

.co-sb-nav::-webkit-scrollbar-thumb { background: rgba(148,163,184,.25) !important; }

/* Topbar cam efekti ve ikon butonları */
.co-tb, .co-top, .co-main-top {
  background: rgba(255,255,255,.85) !important;
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
}

/* Company butonları — gradient + glow */
.co-btn, .co-btn-navy, .co-btn-blue, .co-btn-green, .co-btn-white {
  transition: transform .18s cubic-bezier(.4,0,.2,1), box-shadow .2s, background .2s !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
}
.co-btn-navy {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -6px rgba(15,23,42,.5), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.co-btn-navy:hover {
  background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px -8px rgba(15,23,42,.55) !important;
}
.co-btn-blue {
  background: linear-gradient(135deg, #3b82f6, #2563eb, #1d4ed8) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -4px rgba(37,99,235,.45) !important;
}
.co-btn-blue:hover {
  background: linear-gradient(135deg, #60a5fa, #3b82f6, #2563eb) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px -6px rgba(37,99,235,.55) !important;
}
.co-btn-green {
  background: linear-gradient(135deg, #10b981, #059669, #047857) !important;
  color: #fff !important;
  box-shadow: 0 6px 14px -4px rgba(5,150,105,.45) !important;
}
.co-btn-green:hover {
  background: linear-gradient(135deg, #34d399, #10b981, #059669) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px -6px rgba(5,150,105,.55) !important;
}
.co-btn-white {
  background: #fff !important;
  border: 1.5px solid #e5e0d8 !important;
  color: #1f2937 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.co-btn-white:hover {
  border-color: #10b981 !important;
  color: #047857 !important;
  background: linear-gradient(135deg, #fff, #f0fdf4) !important;
  transform: translateY(-1px);
}
.co-btn-white svg { color: #059669 !important; }

/* Sayfa başlığı gradient metin */
.co-ph-title {
  background: linear-gradient(135deg, #0f172a 0%, #047857 40%, #1d4ed8 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent; color: transparent !important;
}

/* Stat kartları */
.co-stat, .co-sc {
  position: relative; overflow: hidden;
  transition: transform .24s, box-shadow .24s !important;
}
.co-stat::after, .co-sc::after {
  content: "";
  position: absolute; right: -30px; top: -30px;
  width: 140px; height: 140px;
  background: radial-gradient(circle, rgba(16,185,129,.12), transparent 70%);
  pointer-events: none;
}
.co-stat:hover, .co-sc:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -18px rgba(12,15,20,.22) !important; }

.co-stat-ico, .co-sc-ico {
  background: linear-gradient(135deg, #10b981, #3b82f6) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px -6px rgba(16,185,129,.5), inset 0 1px 0 rgba(255,255,255,.25);
  transition: transform .25s cubic-bezier(.4,0,.2,1);
}
.co-stat:hover .co-stat-ico, .co-sc:hover .co-sc-ico { transform: scale(1.08) rotate(-4deg); }

/* Stat renkli varyantlar (sci-b/e/a/v hem admin hem company için geçerli) */
.co-sci-blue   { background: linear-gradient(135deg, #60a5fa, #2563eb) !important; color: #fff !important; }
.co-sci-green  { background: linear-gradient(135deg, #34d399, #059669) !important; color: #fff !important; }
.co-sci-amber  { background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; color: #fff !important; }
.co-sci-violet { background: linear-gradient(135deg, #c4b5fd, #7c3aed) !important; color: #fff !important; }
.co-sci-rose   { background: linear-gradient(135deg, #fb7185, #e11d48) !important; color: #fff !important; }

/* Durum rozetleri */
.prod-ms-pill, .co-pill, .co-status {
  letter-spacing: .01em;
}
.pms-green, .co-pill-green {
  background: linear-gradient(135deg, rgba(16,185,129,.18), rgba(5,150,105,.06)) !important;
  color: #047857 !important;
  box-shadow: inset 0 0 0 1px rgba(16,185,129,.25);
}
.pms-gray, .co-pill-gray {
  background: linear-gradient(135deg, rgba(148,163,184,.14), rgba(100,116,139,.06)) !important;
  color: #475569 !important;
  box-shadow: inset 0 0 0 1px rgba(148,163,184,.25);
}
.pms-amber, .co-pill-amber {
  background: linear-gradient(135deg, rgba(251,191,36,.18), rgba(217,119,6,.06)) !important;
  color: #92400e !important;
  box-shadow: inset 0 0 0 1px rgba(217,119,6,.25);
}

/* Tablolar — daha dirik */
.co-tbl thead th {
  background: linear-gradient(180deg, #f8fafc, #f1f5f9) !important;
  color: #475569 !important;
  font-weight: 700 !important;
}
.co-tbl tbody tr:hover {
  background: linear-gradient(90deg, rgba(16,185,129,.04), rgba(37,99,235,.04)) !important;
}

/* Paneller */
.co-panel {
  box-shadow: 0 1px 2px rgba(12,15,20,.04), 0 8px 24px -16px rgba(12,15,20,.08) !important;
}
.co-panel-hdr {
  background: linear-gradient(180deg, #fafbff, #fff) !important;
}

/* -------------------------------------------------------------
   Logo rafinasyonu — gradient rozet ve wordmark
   ------------------------------------------------------------- */
.tn-logo-badge,
.co-sb-lm,
.al-logo-mark {
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 60%, #ec4899 100%) !important;
  box-shadow: 0 8px 20px -6px rgba(99,102,241,.55), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
.tn-logo-wm em,
.co-sb-ln em,
.al-logo-name em {
  background: linear-gradient(135deg, #2563eb, #7c3aed, #ec4899);
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent; color: transparent !important;
}

/* -------------------------------------------------------------
   Ön yüz mikro dokunuşlar
   ------------------------------------------------------------- */
.tn-hdr { backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); }
.tn-product-card img, .tour-card img, .card img {
  transition: transform .6s cubic-bezier(.2, .8, .2, 1);
}
.tn-product-card:hover img, .tour-card:hover img, .card:hover img { transform: scale(1.06); }

/* -------------------------------------------------------------
   Auth sayfaları — merkezi daha rafine
   ------------------------------------------------------------- */
.auth-card, .tn-auth-card {
  box-shadow: 0 40px 80px -30px rgba(12, 15, 20, .30), 0 8px 24px -10px rgba(12, 15, 20, .10) !important;
  border-radius: 20px;
}

/* -------------------------------------------------------------
   Flash mesajları
   ------------------------------------------------------------- */
.flash, .alert {
  animation: tn-fade-up .35s cubic-bezier(.4,0,.2,1) both;
  border-radius: 12px;
}

/* -------------------------------------------------------------
   Print
   ------------------------------------------------------------- */
@media print {
  .tn-hdr, .tn-ann, .tn-util, .adm-sb, .adm-tb, .co-sb, footer, .no-print { display: none !important; }
  body { background: #fff; }
}


/* === GRADIENT TEXT FIX === */
/* Italic <em> içindeki gradient metin çalışsın — Tailwind preflight ve background shorthand override'ları.
   Sadece gradient background verilen başlıkların em'lerine uygulanır; sıradan em'leri etkilemez. */
.hero-h em,
.tn-sec-h2 em,
.abt-h1 em,
.abt-h2 em,
.cnt-h1 em,
.al-headline em {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}