/* ============================================================
   İdeal Tercüme CRM — CAM TEMA (Açık / Glassmorphism)  v19
   Buzlu cam kartlar, renkli degrade zemin, butonumsu (çip) linkler.
   Yazdırılan belgeler (fiş, makbuz, günlük rapor) bu dosyayı KULLANMAZ.
   ============================================================ */

/* ---- Zemin: yumuşak renkli degrade + ışık parıltıları ---- */
body {
  background: linear-gradient(120deg, #dbeafe 0%, #ede9fe 35%, #fce7f3 70%, #dbeafe 100%) fixed !important;
  min-height: 100vh;
}
body::before {
  content: '';
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(600px 400px at 15% 10%, rgba(99,102,241,.25), transparent 60%),
    radial-gradient(700px 500px at 85% 20%, rgba(236,72,153,.18), transparent 60%),
    radial-gradient(600px 500px at 50% 95%, rgba(14,165,233,.20), transparent 60%);
}

/* ---- Kenar menü: buzlu cam ---- */
.sidebar {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
  border-right: 1px solid rgba(255,255,255,.8);
}
.sidebar .marka { color: #1e293b !important; border-bottom: 1px solid rgba(148,163,184,.25) !important; }
.sidebar .marka span, .sidebar .marka span span { color: #4f46e5 !important; }
.sidebar a.nav-link {
  color: #475569 !important;
  border-radius: .7rem; margin: 2px 8px; border-left: 0 !important; padding: .55rem .9rem;
}
.sidebar a.nav-link:hover { background: rgba(255,255,255,.75) !important; color: #1e293b !important; }
.sidebar a.nav-link.active {
  background: #4f46e5 !important; color: #fff !important;
  box-shadow: 0 6px 16px rgba(79,70,229,.35);
}
.sidebar li.border-top { border-color: rgba(148,163,184,.25) !important; }

/* ---- Kartlar: buzlu cam ---- */
.kart-ozet, .card {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 1.1rem !important;
  box-shadow: 0 8px 30px rgba(30,41,59,.09) !important;
}
.card-header, .card-footer { background: transparent !important; border-color: rgba(148,163,184,.18) !important; }

/* Modallar cam zeminde okunaklı kalsın (daha opak) */
.modal-content {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 1.1rem !important;
}

/* ---- Tablolar ---- */
.table { --bs-table-bg: transparent; }
.table td, .table th { border-color: rgba(148,163,184,.18) !important; }
.table-light > td { background: rgba(255,255,255,.5) !important; }

/* ---- Başlıklar ve butonlar ---- */
h4 { color: #1e293b; letter-spacing: -.3px; }
.btn { border-radius: .7rem !important; }
.btn-primary {
  background: #4f46e5 !important; border-color: transparent !important;
  box-shadow: 0 6px 16px rgba(79,70,229,.35);
}
.btn-primary:hover { background: #4338ca !important; }

/* ---- Tıklanabilir öğeler: altı çizili link yerine butonumsu ÇİP ---- */
a:not(.btn):not(.nav-link):not(.badge):not(.navbar-brand):not(.list-group-item) {
  text-decoration: none !important;
  display: inline-block;
  padding: .18rem .6rem;
  border-radius: .55rem;
  font-weight: 600;
  line-height: 1.25;
  transition: all .15s;
  background: rgba(79,70,229,.10);
  color: #4338ca !important;
  border: 1px solid rgba(79,70,229,.18);
}
a:not(.btn):not(.nav-link):not(.badge):not(.navbar-brand):not(.list-group-item):hover {
  background: rgba(79,70,229,.18);
}
.table td { vertical-align: middle; }

/* ---- Form öğeleri ---- */
.form-control, .form-select {
  background: rgba(255,255,255,.65) !important;
  border: 1px solid rgba(148,163,184,.35) !important;
  border-radius: .7rem !important;
  backdrop-filter: blur(8px);
}
.form-control:focus, .form-select:focus { border-color: #4f46e5 !important; box-shadow: 0 0 0 .2rem rgba(79,70,229,.15) !important; }

/* ---- Uyarılar ---- */
.alert { border-radius: 1rem !important; backdrop-filter: blur(10px); }
.alert-warning { background: rgba(255,243,205,.75) !important; border: 1px solid rgba(255,255,255,.8) !important; }
.alert-light { background: rgba(255,255,255,.6) !important; border: 1px solid rgba(255,255,255,.85) !important; }

/* ---- Alt bilgi ---- */
footer .small { border-color: rgba(148,163,184,.25) !important; }

/* ============================================================
   GİRİŞ EKRANLARI (login.php + tercuman_giris.php)
   ============================================================ */
.giris-kart {
  background: rgba(255,255,255,.6) !important;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 1.25rem !important;
  box-shadow: 0 20px 50px rgba(30,41,59,.18) !important;
}
.giris-kart .marka { color: #1e293b !important; }
.giris-kart .marka span { color: #4f46e5 !important; }
.giris-kart .btn { background: #4f46e5 !important; box-shadow: 0 6px 16px rgba(79,70,229,.35); border-radius: .7rem !important; }

/* ============================================================
   FREELANCE TERCÜMAN PORTALI (üst bar düzeni)
   ============================================================ */
.ust-bar {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
  border-bottom: 1px solid rgba(255,255,255,.8);
}
.ust-bar .navbar-brand { color: #1e293b !important; }
.ust-bar .marka-altin { color: #4f46e5 !important; }
.ust-bar .nav-link { color: #475569 !important; border-radius: .7rem; padding: .45rem .9rem !important; }
.ust-bar .nav-link:hover { background: rgba(255,255,255,.75) !important; color: #1e293b !important; }
.ust-bar .nav-link.active { background: #4f46e5 !important; color: #fff !important; box-shadow: 0 6px 16px rgba(79,70,229,.35); }

/* Mesajlar: kanal listesinde aktif öğe tema rengiyle */
.list-group-item.active { background: #4f46e5 !important; border-color: #4f46e5 !important; }
.list-group-item { background: rgba(255,255,255,.6); }

/* ---- Üst bar (v35.1): buzlu cam ---- */
.ustbar {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
  border-bottom: 1px solid rgba(255,255,255,.8) !important;
}
.ustbar a.nav-link {
  color: #475569 !important;
  border-radius: .7rem; margin: 0 2px; padding: .45rem .8rem;
}
.ustbar a.nav-link:hover { background: rgba(255,255,255,.75) !important; color: #1e293b !important; }
.ustbar a.nav-link.active {
  background: #4f46e5 !important; color: #fff !important;
  box-shadow: 0 6px 16px rgba(79,70,229,.35);
}
.ustbar a.nav-link.ms-auto-link { margin-left: auto !important; }