/* New Life Turkey - panele özel dokunuşlar */

.brand-link { border-bottom: 1px solid rgba(255,255,255,.12); }

/* Listedeki küçük görsel */
.portfoy-thumb {
  width: 64px; height: 44px;
  object-fit: cover; border-radius: 6px;
  background: #e9ecef;
}

/* Tablo satırları biraz daha ferah */
.table td { vertical-align: middle !important; }

/* Tip rozetleri */
.badge-tip { font-weight: 600; padding: .35em .6em; border-radius: 6px; }
.badge-purple { background:#6f42c1; color:#fff; }

/* Filtre kutusu */
.filtre-kart .form-group { margin-bottom: .75rem; }

/* Detay sayfası galeri */
.galeri-img {
  width: 100%; height: 150px; object-fit: cover;
  border-radius: 8px; cursor: pointer;
}
.kapak-img { width: 100%; max-height: 380px; object-fit: cover; border-radius: 10px; }

/* Boş durum */
.bos-durum { padding: 48px 16px; text-align: center; color: #869099; }
.bos-durum i { font-size: 42px; opacity: .35; display: block; margin-bottom: 12px; }

/* Sol menü aç/kapa: her derinlikteki alt menüde çalışsın diye
   (AdminLTE'nin kendi kuralı sadece 1. seviyeyi garanti ediyordu) */
.nav-sidebar .nav-treeview { display: none; }
.nav-sidebar .nav-item.menu-open > .nav-treeview { display: block; }


/* Portföy listesinde satırın tamamı önizlemeye tıklanabilir */
.portfoy-satir { cursor: pointer; }
.portfoy-satir:hover { background-color: rgba(0,123,255,.055) !important; }
.portfoy-satir:focus { outline: 2px solid rgba(0,123,255,.35); outline-offset: -2px; }

/* Portföy detay: büyük ana görsel + küçük galeri sekmeleri */
.portfoy-onizleme-galeri { width: 100%; }
.portfoy-ana-gorsel { position: relative; width: 100%; height: 430px; background: #f4f6f9; border-radius: 10px; overflow: hidden; }
.portfoy-ana-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.galeri-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(0,0,0,.48); color: #fff; cursor: pointer; z-index: 2; }
.galeri-nav:hover { background: rgba(0,0,0,.7); }
.galeri-prev { left: 14px; }
.galeri-next { right: 14px; }
.portfoy-kucuk-gorseller { display: flex; gap: 8px; overflow-x: auto; padding: 10px 2px 2px; }
.portfoy-thumb-btn { flex: 0 0 82px; width: 82px; height: 62px; padding: 0; border: 2px solid transparent; border-radius: 7px; overflow: hidden; background: #eee; cursor: pointer; opacity: .72; }
.portfoy-thumb-btn:hover { opacity: 1; }
.portfoy-thumb-btn.active { border-color: #007bff; opacity: 1; }
.portfoy-thumb-btn img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 767.98px) { .portfoy-ana-gorsel { height: 300px; } .portfoy-thumb-btn { flex-basis: 70px; width: 70px; height: 54px; } }

/* Portföy listesi: mobil, tablet VE orta boy laptop'ta (1200px altı) tablo
   yerine kart görünümü. Sol menü sabit ~250px yer kapladığı için, örneğin
   1200px'lik bir pencerede gerçek içerik alanı ~950px'e düşüyor — bu da çok
   sütunlu bir tablo için hâlâ dar. O yüzden eşiği 1200px'e çektik.
   Masaüstünde (1200px ve üstü) normal tablo olarak kalır. */
@media (max-width: 1199.98px) {
  .tablo-portfoy { white-space: normal; }
  .tablo-portfoy thead { display: none; }
  .tablo-portfoy, .tablo-portfoy tbody { display: block; width: 100%; }
  .tablo-portfoy tr.portfoy-satir {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
    margin: 10px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
  }
  .tablo-portfoy td {
    border: 0 !important;
    padding: 3px 0 !important;
  }

  .tablo-portfoy .td-refno { order: 1; flex: 1 0 auto; font-size: .72rem; }
  .tablo-portfoy .td-gorsel { order: 2; flex: 0 0 auto; margin-right: 10px; }
  .tablo-portfoy .td-gorsel .portfoy-thumb { width: 56px; height: 56px; }
  .tablo-portfoy .td-baslik { order: 3; flex: 1 1 100%; min-width: 0; margin-top: 6px; }
  .tablo-portfoy .td-baslik a { white-space: normal; word-break: break-word; }
  .tablo-portfoy .td-tur { order: 4; flex: 0 0 100%; margin: 6px 0 2px; }

  .tablo-portfoy .td-konum,
  .tablo-portfoy .td-pesin,
  .tablo-portfoy .td-fiyat,
  .tablo-portfoy .td-durum,
  .tablo-portfoy .td-danisman,
  .tablo-portfoy .td-eklenme {
    order: 5;
    flex: 0 0 50%;
    font-size: .85rem;
  }
  .tablo-portfoy .td-konum[data-label]::before,
  .tablo-portfoy .td-pesin[data-label]::before,
  .tablo-portfoy .td-fiyat[data-label]::before,
  .tablo-portfoy .td-durum[data-label]::before,
  .tablo-portfoy .td-danisman[data-label]::before,
  .tablo-portfoy .td-eklenme[data-label]::before {
    content: attr(data-label) ": ";
    font-weight: 600;
    color: #869099;
  }

  .tablo-portfoy .td-islem {
    order: 10;
    flex: 0 0 100%;
    margin-top: 10px;
    padding-top: 10px !important;
    border-top: 1px dashed #e9ecef !important;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .tablo-portfoy .td-islem .btn { flex: 0 0 auto; }
}
/* Genel amaçlı mobil kart görünümü — .tablo-mobil sınıfı eklenen her tabloya uygulanır.
   Kullanım: başlık hücresine class="td-baslik", diğer hücrelere data-label="Etiket",
   işlem hücresine class="td-islem" ver. */
@media (max-width: 1199.98px) {
  .tablo-mobil { white-space: normal; }
  .tablo-mobil thead { display: none; }
  .tablo-mobil, .tablo-mobil tbody { display: block; width: 100%; }
  .tablo-mobil tr {
    display: block;
    background: #fff;
    border: 1px solid #e3e6ea;
    border-radius: 10px;
    margin: 10px;
    padding: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
  }
  .tablo-mobil td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 0 !important;
    padding: 6px 0 !important;
    text-align: right;
  }
  .tablo-mobil td[data-label]::before {
    content: attr(data-label) ": ";
    font-weight: 600;
    color: #869099;
    text-align: left;
    margin-right: 8px;
    flex: 0 0 auto;
  }
  .tablo-mobil .td-baslik {
    font-size: 1rem;
    font-weight: 700;
    display: block;
    text-align: left;
    padding-bottom: 8px !important;
    border-bottom: 1px dashed #e9ecef !important;
    margin-bottom: 6px;
  }
  .tablo-mobil .td-islem {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    padding-top: 10px !important;
    border-top: 1px dashed #e9ecef !important;
    margin-top: 6px;
  }
}
/* Modern "pill" rozet stili — durum, uygunluk, doluluk gibi göstergeler için
   site genelinde ortak kullanılır (müşteriler, daire kontrol, portföy listeleri vb.) */
.durum-pill {
  display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700;
  padding:3px 10px; border-radius:100px;
}
.durum-pill-primary   { background:#e7f1ff; color:#0056b3; }
.durum-pill-info      { background:#e3f6fc; color:#0b7ca8; }
.durum-pill-success   { background:#e6f6ee; color:#1e8a5a; }
.durum-pill-warning   { background:#fff3e0; color:#b3720b; }
.durum-pill-danger    { background:#fdecea; color:#c0392b; }
.durum-pill-secondary { background:#eef0f2; color:#6c757d; }
.durum-pill-dark      { background:#e2e3e5; color:#383d41; }

/* 1200px (kart görünümü biter, tam tablo başlar) ile 1400px arasında, sol
   menünün kapladığı alan yüzünden tablo hâlâ dar kalabiliyor. Bu aralıkta
   daha az kritik sütunları (Oda Sayısı, Danışman, Eklenme) gizleyip hücre
   boşluklarını sıkılaştırıyoruz. 1200px altında (kart görünümü) hiçbir etkisi
   yok; 1400px ve üzerinde tüm sütunlar tekrar görünür. */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .td-opsiyonel { display: none !important; }
  .tablo-portfoy th, .tablo-portfoy td,
  .tablo-mobil th, .tablo-mobil td {
    padding: .5rem .4rem !important;
    font-size: .82rem;
  }
}

/* Özet kutularının (small-box) köşelerini yumuşat — site genelinde */
.small-box { border-radius:10px; }

/* Arama/filtre kartlarındaki input'ları hafif yuvarlat */
.filtre-kart .form-control, .arama-kart .form-control { border-radius:8px; }


/* =====================================================================
   New Life Turkey – ortak tasarım dili (tüm sayfalar)
   Turkuaz #00A7E2 · Limon #B0CB1F · Turuncu #EF7F1A · Gri mavi #90A4B8
   ===================================================================== */
.content-wrapper { background: #f4f7fa; }

/* Kartlar */
.content-wrapper .card {
  background: #fff; border: 1px solid #e3e8ee; border-radius: 14px;
  box-shadow: 0 1px 3px rgba(16,24,40,.06); overflow: hidden;
}
.content-wrapper .card > .card-header {
  background: #fff; border-bottom: 1px solid #eef1f5; padding: 14px 18px;
}
.content-wrapper .card > .card-header .card-title {
  font-size: 15px; font-weight: 800; color: #101828; margin: 0;
}
.content-wrapper .card > .card-header .card-title > i { color: #00A7E2; }
.content-wrapper .card > .card-body { padding: 18px; }
.content-wrapper .card > .card-footer { background: #f8fafc; border-top: 1px solid #eef1f5; padding: 14px 18px; }
.content-wrapper .card-outline.card-primary,
.content-wrapper .card-outline.card-info      { border-top: 1px solid #e3e8ee; border-left: 4px solid #00A7E2; }
.content-wrapper .card-outline.card-success   { border-top: 1px solid #e3e8ee; border-left: 4px solid #B0CB1F; }
.content-wrapper .card-outline.card-warning   { border-top: 1px solid #e3e8ee; border-left: 4px solid #EF7F1A; }
.content-wrapper .card-outline.card-secondary { border-top: 1px solid #e3e8ee; border-left: 4px solid #90A4B8; }
.content-wrapper .card-outline.card-danger    { border-top: 1px solid #e3e8ee; border-left: 4px solid #dc3545; }

/* Özet kutuları (small-box) – kart diline çevrilir */
.content-wrapper .small-box {
  background: #fff !important; color: #101828 !important; border: 1px solid #e3e8ee;
  border-left: 4px solid #00A7E2; border-radius: 14px; box-shadow: 0 1px 3px rgba(16,24,40,.06);
}
.content-wrapper .small-box.bg-success { border-left-color: #B0CB1F; }
.content-wrapper .small-box.bg-warning { border-left-color: #EF7F1A; }
.content-wrapper .small-box.bg-danger  { border-left-color: #dc3545; }
.content-wrapper .small-box.bg-info    { border-left-color: #90A4B8; }
.content-wrapper .small-box > .inner h3 { font-size: 30px; font-weight: 800; color: #101828; }
.content-wrapper .small-box > .inner p  { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #667085; }
.content-wrapper .small-box .icon > i   { color: rgba(0,167,226,.18); }
.content-wrapper .small-box .small-box-footer { background: #f8fafc !important; color: #0089ba !important; border-top: 1px solid #eef1f5; }

/* Form alanları */
.content-wrapper label { font-size: 12px; font-weight: 700; color: #475467; }
.content-wrapper .form-control,
.content-wrapper .custom-select {
  border: 1px solid #d5dce5; border-radius: 9px; color: #101828;
}
.content-wrapper .form-control:focus,
.content-wrapper .custom-select:focus {
  border-color: #00A7E2; box-shadow: 0 0 0 3px rgba(0,167,226,.15);
}
.content-wrapper .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00A7E2; border-color: #00A7E2;
}

/* Butonlar */
.content-wrapper .btn, .modal .btn {
  border-radius: 10px; font-weight: 700; transition: background .15s, border-color .15s, color .15s;
}
.content-wrapper .btn-primary, .modal .btn-primary { background: #00A7E2; border-color: #00A7E2; color: #fff; }
.content-wrapper .btn-primary:hover, .content-wrapper .btn-primary:focus,
.modal .btn-primary:hover, .modal .btn-primary:focus { background: #0089ba; border-color: #0089ba; color: #fff; }
.content-wrapper .btn-success, .modal .btn-success { background: #8aa214; border-color: #8aa214; color: #fff; }
.content-wrapper .btn-success:hover, .modal .btn-success:hover { background: #6f8410; border-color: #6f8410; color: #fff; }
.content-wrapper .btn-warning, .modal .btn-warning { background: #EF7F1A; border-color: #EF7F1A; color: #fff; }
.content-wrapper .btn-warning:hover, .modal .btn-warning:hover { background: #cf6a0d; border-color: #cf6a0d; color: #fff; }
.content-wrapper .btn-default, .content-wrapper .btn-secondary,
.modal .btn-default, .modal .btn-secondary { background: #fff; border: 1px solid #d5dce5; color: #344054; }
.content-wrapper .btn-default:hover, .content-wrapper .btn-secondary:hover,
.modal .btn-default:hover, .modal .btn-secondary:hover { background: #eef6fb; border-color: #00A7E2; color: #0089ba; }
.content-wrapper .btn-outline-primary { background: #fff; border: 1px solid #00A7E2; color: #0089ba; }
.content-wrapper .btn-outline-primary:hover { background: #00A7E2; border-color: #00A7E2; color: #fff; }
.content-wrapper .btn-outline-danger:hover, .content-wrapper .btn-danger:hover { background: #b42318; border-color: #b42318; color: #fff; }

/* Tablolar */
.content-wrapper .table thead th {
  background: #f8fafc; color: #475467; font-size: 12px; font-weight: 800;
  text-transform: uppercase; letter-spacing: .03em; border-bottom: 1px solid #e3e8ee; border-top: 0;
}
.content-wrapper .table td { border-top: 1px solid #eef1f5; }
.content-wrapper .table-hover tbody tr:hover { background: #f2fafe; }

/* Rozetler */
.content-wrapper .badge { border-radius: 7px; font-weight: 700; padding: .38em .65em; }
.content-wrapper .badge-primary { background: #e6f6fd; color: #0089ba; }
.content-wrapper .badge-success { background: #f1f7d6; color: #6f8410; }
.content-wrapper .badge-warning { background: #fdeedd; color: #b85f0a; }
.content-wrapper .badge-secondary { background: #eef2f6; color: #5f7489; }
.content-wrapper .badge-danger { background: #fde8e8; color: #b42318; }
.content-wrapper .badge-info { background: #e6f6fd; color: #0089ba; }

/* Sayfalama */
.content-wrapper .page-link { border-radius: 9px; margin: 0 2px; border: 1px solid #e3e8ee; color: #344054; font-weight: 700; }
.content-wrapper .page-item.active .page-link { background: #00A7E2; border-color: #00A7E2; color: #fff; }
.content-wrapper .page-link:hover { background: #eef6fb; color: #0089ba; }

/* Uyarılar, modal, sekmeler */
.content-wrapper .alert { border-radius: 12px; border-width: 1px; }
.modal-content { border: 0; border-radius: 16px; overflow: hidden; }
.modal-header { background: #fff; border-bottom: 1px solid #eef1f5; }
.modal-title { font-weight: 800; color: #101828; }
.modal-footer { background: #f8fafc; border-top: 1px solid #eef1f5; }
.content-wrapper .nav-tabs .nav-link.active { color: #0089ba; border-color: #e3e8ee #e3e8ee #fff; font-weight: 700; }
.content-wrapper .nav-pills .nav-link.active { background: #00A7E2; }

/* Sayfa başlığı */
.content-header h1 { font-size: 22px; font-weight: 800; color: #101828; }