/* ---- Temel değişkenler & reset ---- */
:root{
  --bg:#f7f8fb; --bg-soft:#fafbff;
  --ink:#0f172a; --muted:#6b7280; --muted-2:#94a3b8;
  --line:#e9edf3; --line-2:#e5e7eb;
  --brand:#7a1e1e; --brand-2:#9a2a2a;
  --ok:#16a34a; --warn:#f59e0b; --danger:#dc2626;
  --radius:12px; --radius-sm:8px; --shadow:0 6px 18px rgba(15,23,42,.06);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font:14px/1.5 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

/* ---- Üst bar ---- */
.etik-header{background:var(--bg); border-bottom:1px solid var(--line)}
.etik-header__inner{
  max-width:1600px;              /* 1180px -> 1400px */
  margin:0 auto; padding:14px 18px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.etik-brand{display:flex; align-items:center; gap:12px}
.etik-logo{
  width:44px; height:44px; border-radius:50%;
  display:grid; place-items:center; background:var(--brand); color:#fff; font-weight:700;
  box-shadow:0 2px 8px rgba(122,30,30,.22);
}
.etik-titles{line-height:1.05}
.etik-portal{font-size:12px; color:var(--muted)}
.etik-app{font-size:20px; font-weight:700}
.etik-lang__pill{
  background:#eef2ff; color:#1f2937; border:1px solid #dbeafe;
  border-radius:9999px; padding:6px 10px; font-size:12px;
}

/* ---- Sekmeler / navbar bağlantıları ---- */
.etik-tabs{display:flex; gap:10px}
.etik-tab{
  padding:9px 14px; border:1px solid var(--line-2); border-radius:9999px;
  background:#fff; text-decoration:none; color:#0f172a; font-weight:600;
  transition:.15s ease;
}
.etik-tab:hover{box-shadow:0 3px 10px rgba(2,6,23,.06); transform:translateY(-1px)}
.etik-tab.is-active{background:#eef2ff; border-color:#dbeafe}

/* ---- Ana içerik ---- */
.etik-main{
  max-width:1600px;              /* 1180px -> 1400px */
  margin:22px auto; padding:0 18px;
}

/* ---- Kart ---- */
.etik-card{
  background:#fff; border:1px solid var(--line-2); border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.etik-card__body{padding:0}

/* ---- Filtre barı ---- */
.etik-filterbar{
  display:flex; justify-content:space-between; align-items:center;
  gap:14px; margin:0 0 12px 0; flex-wrap:wrap;
}
.etik-filterbar .left, .etik-filterbar .right{
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}

.input{
  height:36px; padding:7px 12px; min-width:220px;
  border:1px solid var(--line-2); border-radius:var(--radius-sm); background:#fff;
  outline:none; transition:border-color .15s, box-shadow .15s;
}
.input:focus{
  border-color:#b6c2ff; box-shadow:0 0 0 3px rgba(99,102,241,.18);
}

.btn{
  height:36px; padding:7px 14px; border:1px solid var(--line-2);
  border-radius:var(--radius-sm); background:#fff; cursor:pointer; font-weight:600;
  transition:.15s ease; color:#0f172a;
}
.btn:hover{transform:translateY(-1px); box-shadow:0 3px 10px rgba(2,6,23,.06)}
.btn.primary{background:#111827; color:#fff; border-color:#111827}
.btn.ghost{background:#fff}

/* ---- Tablo ---- */
.table{width:100%; border-collapse:separate; border-spacing:0}
.table thead th{
  font-size:12px; text-transform:uppercase; letter-spacing:.02em;
  color:var(--muted); font-weight:700; background:#fbfbfd;
  border-bottom:1px solid var(--line-2); padding:12px 12px; position:relative;
}
.table thead th.sortable{cursor:pointer}
.table thead th.sortable::after{
  content:'▾'; font-size:12px; color:var(--muted-2); margin-left:6px;
}
.table tbody td{
  padding:14px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle;
}
.table tbody tr:nth-child(2n){background:var(--bg-soft)}
.table tbody tr:hover{background:#f6f8ff}

/* Sol “onay” sütunu */
.etik-check{color:var(--ok); font-size:18px}

/* ---- Chip/rozet ---- */
.badge-soft{
  display:inline-block; padding:4px 10px; border-radius:9999px; font-size:12px;
  border:1px solid transparent; line-height:1; white-space:nowrap;
}
.badge-soft.success{background:#ecfdf5; color:#047857; border-color:#bbf7d0}
.badge-soft.muted{background:#f3f4f6; color:#374151; border-color:#e5e7eb}
.badge-soft.warning{background:#fff7ed; color:#b45309; border-color:#fed7aa}
.badge-soft.danger{background:#fef2f2; color:#b91c1c; border-color:#fecaca}

/* ---- Küçük yardımcılar ---- */
.text-muted{color:var(--muted)}
.kisi-cell b{display:block; font-weight:700}
.kisi-cell small{display:block; color:var(--muted)}
.ellipsis{max-width:520px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* ---- Profil butonu (sağ üst) ---- */
.avatar{
  width:34px; height:34px; border-radius:50%; display:inline-grid; place-items:center;
  background:#fff; border:1px solid var(--line-2); box-shadow:0 1px 4px rgba(2,6,23,.05);
}

/* ---- Footer ---- */
.etik-footer{
  border-top:1px solid var(--line); margin-top:24px; padding:22px 18px;
  color:var(--muted); background:#fff;
}

/* ---- Mobil/Responsive ---- */
@media (max-width: 760px){
  .etik-header__inner{padding:12px}
  .etik-main{margin:14px auto}
  .input{min-width:140px}
  .ellipsis{max-width:240px}
  .table thead{display:none}
  .table tbody tr{display:grid; grid-template-columns:1fr; gap:6px; padding:10px 12px}
  .table tbody td{border:none; padding:4px 0}
  .etik-card{border-radius:10px}
}

/* ===== Link reset: tüm a etiketleri modern ve çizgisiz ===== */
a, a:visited{ color: inherit; text-decoration: none; }
a:hover{ opacity:.85; text-decoration: none; }
a:focus-visible{
  outline:2px solid #6366f1; outline-offset:2px; border-radius:6px;
}

/* ===== Üst navigasyon (Başvurular / Yeni Başvuru) pill sekmeler ===== */
.topnav{
  display:flex; gap:10px; align-items:center; justify-content:center;
  margin:6px 0 12px;
}
.topnav a{
  padding:8px 14px; border:1px solid var(--line-2); border-radius:9999px;
  background:#fff; font-weight:600; transition:.15s ease;
  box-shadow:0 2px 6px rgba(2,6,23,.04);
}
.topnav a:hover{
  transform:translateY(-1px); box-shadow:0 6px 14px rgba(2,6,23,.08);
}
.topnav a.active{
  background:#111827; color:#fff; border-color:#111827;
}

/* ===== Tablo başlıklarındaki sıralama linkleri ===== */
.table thead th a, .table thead th a:visited{
  color:var(--muted); text-decoration:none;
}
.table thead th a:hover{ color:#0f172a; }
.table thead th.sortable{ cursor:pointer; }
.table thead th.sortable .sort-ind{
  margin-left:6px; font-size:11px; color:#94a3b8;
}
.table thead th.sortable.asc  .sort-ind{ content:"▲"; }
.table thead th.sortable.desc .sort-ind{ content:"▼"; }

/* ===== Filtre çubuğundaki "Temizle" gibi ince linkler ===== */
.link-muted{
  color:#374151; border-bottom:1px dashed #9ca3af;
}
.link-muted:hover{
  color:#111827; border-bottom-color:#6b7280;
}

/* ===== Select'i de modernleştir (istenirse) ===== */
select{
  height:36px; padding:6px 28px 6px 10px; border:1px solid var(--line-2);
  border-radius:8px; background:#fff; appearance:none; -webkit-appearance:none;
  background-image: linear-gradient(45deg, transparent 50%, #9aa0a6 50%),
                    linear-gradient(135deg, #9aa0a6 50%, transparent 50%);
  background-position: right 10px center, right 6px center;
  background-size: 8px 8px, 8px 8px; background-repeat:no-repeat;
}

/* küçük kozmetikleri biraz daha yumuşat */
.etik-card{
  border-radius:14px; box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.table tbody tr:hover{ background:#f6f8ff; }

/* ===== Filtre popup kartı ===== */
.etik-filterbar__right{ position:relative; }

.etik-filter-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:400px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(15,23,42,.16);
  border:1px solid var(--line-2);
  padding:14px 16px;
  z-index:50;
  display:none;
}

.etik-filter-row{
  display:flex;
  align-items:center;
  margin-bottom:8px;
  font-size:13px;
}
.etik-filter-row label{
  flex:0 0 130px;
  color:var(--muted);
}
.etik-filter-row .filter-input{
  flex:1;
}

.etik-filter-checkboxes{
  display:flex;
  gap:12px;
  margin:6px 0 10px;
  font-size:13px;
}
.etik-filter-checkboxes label{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
}

.etik-filter-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:6px;
}
.btn.btn-sm{
  height:32px;
  padding:5px 12px;
  font-size:13px;
}