/* =========================================================
 * 1) TEMEL DEĞİŞKENLER & ERİŞİLEBİLİRLİK
 *    - Renk değişkenleri, global odak stilleri
 * ======================================================= */
:root{
  --ctd-blue:#2a7de1;
  --ctd-blue-600:#2563eb;
  --ctd-blue-700:#1e40af;
  --ctd-red:#ef4444;
  --ctd-slate-900:#0f172a;
  --ctd-slate-800:#1f2937;
  --ctd-slate-700:#334155;
  --ctd-slate-600:#475569;
  --ctd-muted-border:#e5e7eb;
  --ctd-soft-border:#eef2f6;
  --ctd-shadow:0 10px 24px rgba(2,6,23,.08), 0 2px 6px rgba(2,6,23,.04);
}
a:focus{ outline:none; }
a:focus-visible{
  outline:2px solid var(--ctd-blue);
  outline-offset:2px;
  border-radius:4px;
}


/* =========================================================
 * 2) TEMA ÜST BOŞLUĞU & HEADER KONTROLÜ
 * ======================================================= */
/* Üst global boşluk */
body { --wp--preset--spacing--60: clamp(0px, 7vw, 0px) !important; }

/* Arama ekranı veya Login ekranı varsa body’ye top padding ekle */
body:has(.ctd-search-card),
body:has(.ctd-login-section),
body:has(#ctd-login){
  --ctd-top-pad: 30px; /* ihtiyaca göre 20–50px ayarlayabilirsin */
}

/* Header/Nav/Title gizle */
body:has(.ctd-search-card) .wp-site-blocks > header,
body:has(.ctd-login-section) .wp-site-blocks > header,
body:has(#ctd-login) .wp-site-blocks > header,
body:has(.ctd-search-card) header.wp-block-template-part,
body:has(.ctd-login-section) header.wp-block-template-part,
body:has(#ctd-login) header.wp-block-template-part,
body:has(.ctd-search-card) .wp-block-template-part[area="header"],
body:has(.ctd-login-section) .wp-block-template-part[area="header"],
body:has(#ctd-login) .wp-block-template-part[area="header"],
body:has(.ctd-search-card) .wp-block-navigation,
body:has(.ctd-login-section) .wp-block-navigation,
body:has(#ctd-login) .wp-block-navigation,
body:has(.ctd-search-card) .wp-block-site-title,
body:has(.ctd-login-section) .wp-block-site-title,
body:has(#ctd-login) .wp-block-site-title,
body:has(.ctd-search-card) .entry-header,
body:has(.ctd-login-section) .entry-header,
body:has(#ctd-login) .entry-header,
body:has(.ctd-search-card) .wp-block-post-title,
body:has(.ctd-login-section) .wp-block-post-title,
body:has(#ctd-login) .wp-block-post-title{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}

/* Üst padding ayarı */
body:has(.ctd-search-card) .wp-site-blocks,
body:has(.ctd-login-section) .wp-site-blocks,
body:has(#ctd-login) .wp-site-blocks{
  padding-top: var(--ctd-top-pad, 30px) !important;
  margin-top: 0 !important;
}

/* Fallback: body.ctd-active eklenirse */
body.ctd-active .wp-site-blocks > header,
body.ctd-active header.wp-block-template-part,
body.ctd-active .wp-block-template-part[area="header"],
body.ctd-active .wp-block-navigation,
body.ctd-active .wp-block-site-title,
body.ctd-active .entry-header,
body.ctd-active .wp-block-post-title{
  display:none !important; visibility:hidden !important; height:0 !important; overflow:hidden !important;
}
body.ctd-active .wp-site-blocks{ padding-top: var(--ctd-top-pad, 30px) !important; margin-top:0 !important; }

/* Hata mesajı & boş sonuç */
.ctd-error{
  max-width:980px; margin:10px auto; border:1px solid #fecdd3; padding:.85rem 1rem;
  border-radius:.75rem; background:#fff1f2; color:#9f1239; font-weight:600;
}
.ctd-empty{ max-width:980px; margin:6px auto 0; color:#64748b; }
/* =========================================================
 * 3) GİRİŞ (LOGIN) KARTI & İLETİŞİM BLOĞU
 *    - Giriş formu, WhatsApp butonu, iletişim kartı
 * ======================================================= */
.ctd-login-section{ max-width:640px; margin:0 auto; padding:0 16px; }
.ctd-card{
  max-width:640px; margin:0 auto 16px; background:rgba(255,255,255,0.18);
  border:1px solid rgba(255,255,255,0.35); border-radius:14px; padding:24px 26px;
  box-shadow:0 10px 30px rgba(0,0,0,.08); backdrop-filter:blur(4px);
}
#ctd-login label{
  font-size:14px; color:var(--ctd-slate-900); opacity:.85; display:block; margin-bottom:6px;
}
#ctd-login input[type="text"],
#ctd-login input[type="password"]{
  width:95%; height:44px; padding:10px 12px; border-radius:10px;
  border:1px solid rgba(0,0,0,.2); background:#fff; outline:none;
}
#ctd-login input[type="text"]:focus,
#ctd-login input[type="password"]:focus{
  border-color:var(--ctd-blue);
  box-shadow:0 0 0 3px rgba(42,125,225,.18);
}
#ctd-login .login-remember{ margin:12px 0 14px; }
#ctd-login .login-submit{ display:flex; flex-direction:column; gap:10px; }
#ctd-login .login-submit input[type="submit"]{
  width:100%; height:46px; border-radius:10px; border:0; background:var(--ctd-blue);
  color:#fff; font-weight:600; cursor:pointer; transition:transform .06s ease, opacity .2s ease;
}
#ctd-login .login-submit input[type="submit"]:hover{ opacity:.92; }
#ctd-login .login-submit input[type="submit"]:active{ transform:scale(.99); }

/* WhatsApp butonu */
.whatsapp-btn{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:44px; margin-top:10px;
  border-radius:10px; border:0; background:#25D366; color:#fff; font-weight:600; text-decoration:none;
  cursor:pointer; transition:opacity .2s ease, transform .06s ease; font-size:15px;
}
.whatsapp-btn svg{ width:18px; height:18px; fill:#fff; }
.whatsapp-btn:hover{ opacity:.9; }
.whatsapp-btn:active{ transform:scale(.99); }

/* İletişim kartı */
.ctd-contact{
  background:rgba(255,255,255,0.25); border:1px solid rgba(255,255,255,0.35);
  border-radius:12px; padding:20px; text-align:center; margin-top:20px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.ctd-contact h3{ margin:0 0 15px; font-size:16px; font-weight:700; color:var(--ctd-slate-900); }
.ctd-contact p{
  margin:8px 0; font-size:15px; color:var(--ctd-slate-900); font-weight:600;
  display:flex; align-items:center; justify-content:center; gap:10px;
}
.ctd-contact a{ color:var(--ctd-slate-900); text-decoration:none; font-weight:700; }
.ctd-contact a:hover{ text-decoration:underline; color:var(--ctd-blue); }
.ctd-contact .icon{
  display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:50%;
  background:var(--ctd-blue); color:#fff; box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.ctd-contact .icon.whatsapp{ background:#25D366; }
.ctd-contact .icon svg{ width:16px; height:16px; fill:#fff; }

/* =========================================================
 * 4) KARŞILAMA ÇUBUĞU & ÇIKIŞ BUTONU
 *    - Hoş geldiniz barı, günlük limit rozeti, çıkış
 * ======================================================= */
.ctd-welcome-bar{
  max-width:1040px; margin:0 auto 16px; padding:12px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:#eaf2ff; border:1px solid #cfe0ff; border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.ctd-welcome-left{
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
  font-size:15px; color:var(--ctd-slate-900);
}
.ctd-welcome-icon{ font-size:18px; line-height:1; }
.ctd-logout-btn{
  display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 16px; border-radius:12px;
  border:1px solid var(--ctd-red); background:var(--ctd-red); color:#fff; font-weight:700; text-decoration:none;
  box-shadow:0 6px 16px rgba(220,38,38,.18); transition:filter .15s ease, transform .06s ease;
  font-size:medium;
}
.ctd-logout-btn:hover{ filter:brightness(1.06); }
.ctd-logout-btn:active{ transform:scale(.98); }
.ctd-logout-btn svg{ width:18px; height:18px; fill:#fff; }

/* Günlük limit rozet */
.download-count{
  display:inline-block; padding:2px 10px; border-radius:12px;
  background:#ffe1e1; color:#e60000; font-weight:700; font-size:15px; line-height:1.2;
}

/* =========================================================
 * 5) ARAMA KARTLARI & BUTONLAR
 *    - Üstteki iki arama formu + genel buton stilleri
 * ======================================================= */
.ctd-search-card{
  max-width:1040px; margin:0 auto 22px; padding:16px 18px; background:rgba(255,255,255,0.35);
  border:1px solid rgba(255,255,255,0.55); border-radius:16px; box-shadow:var(--ctd-shadow);
  backdrop-filter:blur(6px);
}
.ctd-search-title{
  font-size:14px; font-weight:700; letter-spacing:.3px; color:var(--ctd-slate-900); opacity:.85;
  margin:0 0 10px 2px; text-transform:uppercase;
}
.ctd-search-form{ margin:0; }
.ctd-search-row{ display:flex; gap:10px; align-items:center; }
.ctd-input{
  flex:1 1 auto; height:44px; padding:0 12px; border:1px solid #cbd5e1; border-radius:12px; outline:none; background:#fff;
}
.ctd-input:focus{
  border-color:var(--ctd-blue);
  box-shadow:0 0 0 3px rgba(42,125,225,.18);
}
.ctd-btn,
.ctd-more,
.btn-download{
  display:inline-flex; align-items:center; justify-content:center;
  border:0; cursor:pointer; text-decoration:none;
  transition:filter .15s ease, transform .06s ease;
}
.ctd-btn{
  height:44px; padding:0 16px; border-radius:12px; background:var(--ctd-blue); color:#fff; font-weight:700;
}
.ctd-btn:hover{ filter:brightness(1.05); }
.ctd-btn:active{ transform:scale(.98); }
.ctd-more{ color:var(--ctd-blue-600); font-weight:700; }
.ctd-more:hover{ text-decoration:underline; }

/* =========================================================
 * 6) MARKA/ KLASÖR CHİP'LERİ
 *    - Volkswagen, Audi vb. chip listesi
 * ======================================================= */
.ctd-folder-index{
  max-width:1040px; margin:14px auto 16px; padding:14px 16px;
  border:1px solid rgba(255,255,255,.55); background:rgba(255,255,255,.45);
  border-radius:16px; box-shadow:var(--ctd-shadow); backdrop-filter:blur(6px);
}
.ctd-folder-title{
  margin:0 0 10px; font-size:18px; font-weight:800; color:var(--ctd-slate-900); letter-spacing:.2px;
}
.ctd-folder-chips{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
}
.ctd-folder-chips.is-scroll{
  flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; padding-bottom:4px;
}
.ctd-folder-chips.is-scroll::-webkit-scrollbar{ height:8px; }
.ctd-folder-chips.is-scroll::-webkit-scrollbar-thumb{ background:#c7d2fe; border-radius:999px; }

.ctd-chip{
  --ring:0 0 0 0 rgba(37,99,235,.0);
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  border:1px solid #dbeafe; background:#fff; color:#0f172a;
  font-weight:700; font-size:14px; text-decoration:none;
  box-shadow:var(--ring), 0 4px 12px rgba(2,6,23,.06);
  transition:transform .06s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease, var(--ring) .15s ease;
  white-space:nowrap;
}
.ctd-chip:hover{
  transform:translateY(-1px); box-shadow:0 10px 20px rgba(2,6,23,.10); border-color:#bfdbfe;
}
.ctd-chip:active{ transform:translateY(0); }
.ctd-chip:focus-visible{ --ring:0 0 0 4px rgba(37,99,235,.18); outline:none; border-color:#93c5fd; }
.ctd-chip.is-active{
  background:var(--ctd-blue); color:#fff; border-color:#1d4ed8; box-shadow:0 10px 22px rgba(37,99,235,.25);
}
.ctd-chip .count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:18px; height:18px; padding:0 6px; border-radius:999px;
  font-size:12px; font-weight:800; background:#eef2ff; color:#312e81;
}
.ctd-chip.is-active .count{ background:rgba(255,255,255,.25); color:#fff; }

/* =========================================================
 * 7) DOSYA LİSTESİ & İNDİR BUTONU
 *    - Drive sonuç kartları
 * ======================================================= */
.ctd-folder{
  max-width:1040px; margin:26px auto 10px; font-size:22px; font-weight:800; color:var(--ctd-slate-900);
  border-left:4px solid var(--ctd-blue); padding-left:10px;
}
.ctd-list{
  max-width:1040px; margin:0 auto 18px; display:flex; flex-direction:column; gap:12px;
}
.ctd-file-card{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px 16px;
  border:1px solid var(--ctd-soft-border); border-radius:12px; background:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.05);
  transition:transform .08s ease, box-shadow .12s ease;
}
.ctd-file-card:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(0,0,0,.08); }
.ctd-file-card .file-name{
  flex:1 1 100%; font-weight:700; color:var(--ctd-slate-800); word-break:break-word; font-size:15px;
}
.ctd-file-card .file-name a{ color:var(--ctd-slate-800); text-decoration:none; }
.ctd-file-card .file-name a:hover{ text-decoration:underline; }
.ctd-file-card .file-meta{
  flex:1 1 auto; display:flex; align-items:center; gap:12px; font-size:12.5px; color:#64748b;
}
.ctd-file-card .dot{ opacity:.5; }
.btn-download{
  flex:0 0 auto; gap:8px; height:36px; padding:0 14px; border-radius:10px; background:var(--ctd-blue-600);
  color:#fff; font-weight:700; white-space:nowrap; font-size:medium; box-shadow:0 10px 18px rgba(37,99,235,.22);
}
.btn-download:hover{ filter:brightness(1.05); }
.btn-download:active{ transform:scale(.98); }
.btn-download svg{ width:16px; height:16px; fill:#fff; }
.ctd-more-wrap{ max-width:1040px; margin:4px auto 24px; text-align:center; }

/* =========================================================
 * 8) DSG TABLOSU
 *    - Yerel CSV/XLSX eşleşme sonuçları tablosu
 * ======================================================= */
.ctd-table{
  width:100%; border-collapse:separate; border-spacing:0; overflow:hidden;
  background:#fff; border:1px solid var(--ctd-soft-border); border-radius:14px;
  box-shadow:var(--ctd-shadow); max-width:1040px; margin:10px auto 24px;
}
.ctd-table thead th{
  background:#f8fafc; color:var(--ctd-slate-900); text-align:left; padding:14px 16px; font-weight:800;
  border-bottom:1px solid var(--ctd-soft-border); font-size:14px;
}
.ctd-table td{
  padding:14px 16px; border-bottom:1px solid var(--ctd-soft-border); font-size:14px; color:#0b1220;
}
.ctd-table tbody tr:hover{ background:#f9fbff; }
.ctd-btn-sm{ height:32px; padding:0 12px; border-radius:10px; font-size:13px; background:var(--ctd-blue-600); color:#fff; font-weight:700; }
.ctd-table .ctd-table-actions{ text-align:right; }

/* =========================================================
 * 9) YÜKLEME OVERLAY
 *    - Tam ekran karartma ve kart
 * ======================================================= */
.ctd-loading{
  position:fixed; inset:0; display:none; align-items:center; justify-content:center;
  width:100vw; height:100vh; background:rgba(0,0,0,.65); backdrop-filter:blur(2px);
  z-index:2147483646; pointer-events:all;
}
.ctd-loading-card{
  min-width:260px; max-width:90vw; text-align:center; background:#fff;
  border:1px solid var(--ctd-muted-border); border-radius:16px; padding:18px 20px;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.ctd-hourglass{ font-size:38px; line-height:1; display:inline-block; animation:ctd-hg 1.1s linear infinite; }
@keyframes ctd-hg{ 0%{transform:rotate(0)} 50%{transform:rotate(180deg)} 100%{transform:rotate(360deg)} }
.ctd-loading-text{ margin-top:8px; font-weight:700; font-size:17px; color:var(--ctd-slate-900); letter-spacing:.3px; }
.ctd-loading-sub{ margin-top:6px; font-size:14px; color:var(--ctd-slate-600); font-weight:500; opacity:.85; letter-spacing:.2px; }
html.ctd-no-scroll, body.ctd-no-scroll{ overflow:hidden !important; }

/* =========================================================
 * 10) RESPONSIVE
 *    - 900/680/640 aralıkları
 * ======================================================= */
@media (max-width:900px){
  .ctd-welcome-bar, .ctd-search-card, .ctd-folder, .ctd-list,
  .ctd-folder-index, .ctd-table, .ctd-error, .ctd-more-wrap{ max-width:92vw; }
}
@media (max-width:680px){
  .ctd-search-card{ margin:0 12px 18px; padding:14px 15px; }
  .ctd-search-row{ flex-direction:column; align-items:stretch; }
  .ctd-btn{ width:100%; }
  .btn-download{ height:34px; padding:0 12px; }
  .ctd-file-card{ gap:8px; padding:12px 14px; }
  .ctd-file-card .file-name{ font-size:14px; }
  .ctd-file-card .file-meta{ font-size:12px; }
  .ctd-folder-index{ margin-left:12px; margin-right:12px; }
  .ctd-folder-chips{ gap:8px; }
  .ctd-chip{ padding:7px 11px; font-size:13.5px; }
}
@media (max-width:640px){
  .ctd-welcome-bar{ flex-direction:column; gap:10px; text-align:center; }
  .ctd-welcome-left .dash{ display:none; }
  .ctd-welcome-left .dl-label{ white-space:nowrap; font-size:14px; }
  .ctd-welcome-left .download-count{ margin-left:6px; }
}
/* =========================================================
 * VAG / Flash Search - Cartech Drive uyumlu tasarım
 * ========================================================= */
.cvfs-card{
  max-width:1040px;
  margin:0 auto 22px;
  padding:16px 18px;
  background:rgba(255,255,255,0.35);
  border:1px solid rgba(255,255,255,0.55);
  border-radius:16px;
  box-shadow:var(--ctd-shadow);
  backdrop-filter:blur(6px);
}
.cvfs-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.cvfs-input{
  flex:1 1 auto;
  height:44px;
  padding:0 12px;
  border:1px solid #cbd5e1;
  border-radius:12px;
  outline:none;
  background:#fff;
  color:#0b1220;
  font-size:15px;
}
.cvfs-input:focus{
  border-color:var(--ctd-blue);
  box-shadow:0 0 0 3px rgba(42,125,225,.18);
}
.cvfs-btn{
  height:44px;
  padding:0 16px;
  border:0;
  border-radius:12px;
  background:var(--ctd-blue);
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:filter .15s ease, transform .06s ease;
}
.cvfs-btn:hover{ filter:brightness(1.05); }
.cvfs-btn:active{ transform:scale(.98); }
.cvfs-info{
  margin-left:6px;
  opacity:.85;
  min-height:1em;
  font-size:14px;
}

/* ---------- Tablo ---------- */
.cvfs-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--ctd-soft-border);
  border-radius:14px;
  box-shadow:var(--ctd-shadow);
  max-width:1040px;
  margin:10px auto 24px;
}
.cvfs-table thead th{
  background:#f8fafc;
  color:var(--ctd-slate-900);
  text-align:left;
  padding:14px 16px;
  font-weight:800;
  border-bottom:1px solid var(--ctd-soft-border);
  font-size:14px;
}
.cvfs-table td{
  padding:14px 16px;
  border-bottom:1px solid var(--ctd-soft-border);
  font-size:14px;
  color:#0b1220;
  white-space:nowrap;
}
.cvfs-table tbody tr:hover{
  background:#f9fbff;
}
.cvfs-table a{
  color:var(--ctd-blue-600);
  text-decoration:underline;
}

/* ---------- Mobil uyum ---------- */
@media (max-width:680px){
  .cvfs-card{
    margin:0 12px 18px;
    padding:14px 15px;
  }
  .cvfs-row{
    flex-direction:column;
    align-items:stretch;
  }
  .cvfs-btn{
    width:100%;
  }
  .cvfs-table th,
  .cvfs-table td{
    padding:10px 12px;
    font-size:13px;
  }
}
/* ==== VAG Search: tabloyu sıkılaştır + sabit başlık + dikey scroll ==== */
.cvfs-table-wrap{
  max-height: 460px;           /* sonuç alanı yüksekliği (istediğin gibi değiştir) */
  overflow: auto;              /* içerik taşarsa scroll */
  border-radius: 14px;
  box-shadow: var(--ctd-shadow);
}

/* Tablo daha kompakt görünsün */
.cvfs-table{
  margin: 0;                   /* wrap ile birleşsin */
  table-layout: fixed;         /* kolon genişlikleri düzgün dağılsın */
}
.cvfs-table thead th,
.cvfs-table td{
  padding: 10px 12px;          /* satır yüksekliğini azalt */
}

/* Sticky header */
.cvfs-table thead th{
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f8fafc;         /* sabit başlıkta arka plan */
}

/* Kolon genişlikleri (1: #, 2: Part, 3: Version, 4: File type, 5: Open, 6: Search) */
.cvfs-table th:nth-child(1),
.cvfs-table td:nth-child(1){ width: 56px; text-align:center; }
.cvfs-table th:nth-child(5),
.cvfs-table td:nth-child(5),
.cvfs-table th:nth-child(6),
.cvfs-table td:nth-child(6){ width: 88px; text-align:center; white-space: nowrap; }
.cvfs-table th:nth-child(3),
.cvfs-table td:nth-child(3){ width: 140px; }
.cvfs-table th:nth-child(4),
.cvfs-table td:nth-child(4){ width: 120px; }

/* Part sütununu üç noktalamalı kısalt */
.cvfs-table td:nth-child(2){
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Alternatif satır tonu (opsiyonel) */
.cvfs-table tbody tr:nth-child(even){ background:#fafbff; }

/* Search/Open butonları */
.cvfs-search.btn{ padding:6px 10px; display:inline-block; }

/* Mobilde biraz daha sıkı */
@media (max-width:680px){
  .cvfs-table-wrap{ max-height: 360px; }
  .cvfs-table th:nth-child(3),
  .cvfs-table td:nth-child(3){ width: 110px; }
  .cvfs-table th:nth-child(4),
  .cvfs-table td:nth-child(4){ width: 100px; }
}
/* Daha dar ve kompakt tablo */
.cvfs-table-wrap{
  max-height: 360px;
  overflow: auto;
  border-radius: 14px;
  box-shadow: var(--ctd-shadow);
}

.cvfs-table{
  margin:0;
  table-layout:fixed;
  font-size:13px;
}

.cvfs-table thead th,
.cvfs-table td{
  padding:8px 10px;
}

.cvfs-table th:nth-child(1),
.cvfs-table td:nth-child(1){ width:50px; text-align:center; }
.cvfs-table th:nth-child(5),
.cvfs-table td:nth-child(5),
.cvfs-table th:nth-child(6),
.cvfs-table td:nth-child(6){ width:75px; text-align:center; white-space:nowrap; }
.cvfs-table td:nth-child(2){
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cvfs-search.btn{ padding:4px 8px; font-size:12px; }

/* Arama yapılmadan önce tablo başlığını gizle */
.cvfs-table thead { display:none; }

/* Sonuçlar geldiğinde başlığı göster */
.cvfs-table.has-data thead { display:table-header-group; }

.cvfs-title{
  font-weight: 800;
  color: var(--ctd-slate-800, #0b1220);
  margin: 0 0 10px 2px;
  font-size: 14px;
  letter-spacing: .02em;
  text-transform: uppercase;   /* DSG başlığı gibi büyük harf */
  opacity: .9;
}/* Daha dar tablo ve buton sütunu */
.cvfs-table-wrap{
  max-height: 340px;         /* biraz daha kısa */
  overflow-y: auto;
  overflow-x: hidden;        /* yatay kaydırmayı kapat */
}

.cvfs-table { table-layout: fixed; }

/* Hücre iç boşluklarını küçült */
.cvfs-table td,
.cvfs-table thead th{
  padding: 6px 8px;
  font-size: 12.5px;
}

/* #, Open, Search kolonlarını daralt */
.cvfs-table th:nth-child(1),
.cvfs-table td:nth-child(1){ width: 44px; }

.cvfs-table th:nth-child(5),
.cvfs-table td:nth-child(5){ width: 60px; text-align:center; }

.cvfs-table th:nth-child(6),
.cvfs-table td:nth-child(6){ width: 64px; text-align:center; }

/* Uzun "Part" metni tek satır + ellipsis */
.cvfs-table td:nth-child(2){
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Search butonunu daha kompakt yap */
.cvfs-search.btn{
  padding: 3px 7px;
  font-size: 12px;
  border-radius: 9px;
}

@media (max-width: 900px){
  .cvfs-table th:nth-child(5), .cvfs-table td:nth-child(5){ width: 56px; }
  .cvfs-table th:nth-child(6), .cvfs-table td:nth-child(6){ width: 58px; }
}
.cvfs-table {
    table-layout: fixed;
    width: 99%;
}

.cvfs-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
    width: 70%;
}