:root{
  --zemin:#ffffff; --zemin2:#f6f7f9; --cizgi:#e3e6ea; --cizgi2:#d0d5dc; --yazi:#16191d; --soluk:#5f6b78; --vurgu:#1f5fd6; --vurgu-acik:#e9f0fd;
  --yesil:#127a43; --yesil-acik:#e5f5ec; --sari:#8a5a00; --sari-acik:#fdf3dc; --kirmizi:#b42318; --kirmizi-acik:#fdecea; --gri-acik:#eef0f3;
  --golge:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08); --r:10px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--zemin);color:var(--yazi);font:15px/1.5 var(--font)}
button,input,select,textarea{font:inherit;color:inherit}
.gizli{display:none!important}
.soluk{color:var(--soluk)}
small{color:var(--soluk)}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:12px 28px;background:#fff;border-bottom:1px solid var(--cizgi)}
.marka{display:flex;align-items:center;gap:10px;min-width:0}
.marka strong{display:block;letter-spacing:.04em;font-size:14px}
.marka small{display:block;font-size:12px}
.nokta{width:12px;height:12px;border-radius:50%;background:var(--vurgu);box-shadow:0 0 0 4px var(--vurgu-acik);flex:none}
.sekmeler{display:flex;gap:4px;flex:1;justify-content:center}
.sekmeler button{border:0;background:none;padding:8px 14px;border-radius:8px;cursor:pointer;color:var(--soluk);font-weight:500}
.sekmeler button:hover{background:var(--zemin2);color:var(--yazi)}
.sekmeler button.secili{background:var(--vurgu-acik);color:var(--vurgu)}
.kim{display:flex;align-items:center;gap:10px;white-space:nowrap}

main{max-width:1600px;margin:0 auto;padding:24px 28px 80px}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:20px 22px;margin-bottom:18px;box-shadow:var(--golge)}
.kart h2{font-size:15px;margin:0 0 14px;letter-spacing:.01em}
.duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.komuta{position:sticky;top:76px;max-height:calc(100vh - 90px);overflow:auto}
.baslik-satiri{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.baslik-satiri h2{margin:0}

/* denetimler */
.satir{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-bottom:12px}
.arac-satiri{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.arac-satiri input[type=search],.arac-satiri input[type=text],select{padding:8px 11px;border:1px solid var(--cizgi2);border-radius:8px;background:#fff;min-width:200px}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.alan{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:14px}
.alan small{font-weight:400}
.alan input{padding:9px 11px;border:1px solid var(--cizgi2);border-radius:8px}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}
.radyo,.kutu{display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.kutu{margin-top:10px}
.sayac{color:var(--soluk);font-size:13px}
.etiket{font-weight:500}
.dipnot{color:var(--soluk);font-size:13px;margin:10px 0 0}

.cipler{display:flex;flex-wrap:wrap;gap:8px}
.il-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:6px;max-height:260px;overflow:auto;padding:2px}
.cip{position:relative;display:inline-flex;cursor:pointer;user-select:none}
.cip input{position:absolute;opacity:0;pointer-events:none}
.cip span{display:block;width:100%;padding:6px 12px;border:1px solid var(--cizgi2);border-radius:999px;font-size:14px;background:#fff;transition:background .12s,border-color .12s}
.il-izgara .cip span{border-radius:8px;padding:5px 10px;font-size:13.5px}
.cip:hover span{border-color:var(--vurgu)}
.cip input:checked+span{background:var(--vurgu);border-color:var(--vurgu);color:#fff}
.cip input:focus-visible+span{outline:2px solid var(--vurgu);outline-offset:2px}
.cip.kapali{cursor:not-allowed}
.cip.kapali span{color:#9aa4af;background:var(--gri-acik);border-style:dashed}
.cip em{font-style:normal;font-size:12px;opacity:.8;margin-left:6px}
.grup{margin-top:16px;padding-top:14px;border-top:1px dashed var(--cizgi)}
.grup h3{font-size:13.5px;margin:0 0 8px;color:var(--soluk);font-weight:600}
.liste-kutu{max-height:220px;overflow:auto}

.kaynak-liste{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.kaynak{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--cizgi);border-radius:8px}
.kaynak.kapali{background:var(--zemin2)}
.kaynak .ad{font-weight:600}
.kaynak .sebep{font-size:13px;color:var(--soluk)}

.parcali{display:inline-flex;border:1px solid var(--cizgi2);border-radius:8px;overflow:hidden}
.parcali button{border:0;background:#fff;padding:7px 16px;cursor:pointer;border-right:1px solid var(--cizgi2)}
.parcali button:last-child{border-right:0}
.parcali button.secili{background:var(--vurgu);color:#fff}

/* düğmeler */
button{cursor:pointer}
.dugmeler{display:grid;gap:8px}
.birincil,.ikincil,.tehlike,.dosya-yukle button{padding:11px 14px;border-radius:8px;font-weight:600;letter-spacing:.02em;border:1px solid transparent}
.birincil{background:var(--vurgu);color:#fff}
.birincil:hover{background:#184fb4}
.ikincil,.dosya-yukle button{background:#fff;border-color:var(--cizgi2)}
.ikincil:hover{border-color:var(--vurgu);color:var(--vurgu)}
.tehlike{background:#fff;border-color:#f1b8b2;color:var(--kirmizi)}
.tehlike:hover{background:var(--kirmizi-acik)}
button:disabled{opacity:.45;cursor:not-allowed}
.ince{border:1px solid var(--cizgi2);background:#fff;padding:6px 12px;border-radius:8px;font-size:13.5px}
.ince:hover{border-color:var(--vurgu)}
details.dosya-yukle{margin-top:6px;border-top:1px dashed var(--cizgi);padding-top:12px}
details.dosya-yukle summary{cursor:pointer;font-weight:600}

/* ilerleme */
.ilerleme{margin-top:16px;padding-top:14px;border-top:1px solid var(--cizgi)}
.durum-satiri{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.sayilar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sayilar div{background:var(--zemin2);border-radius:8px;padding:8px 10px}
.sayilar b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.sayilar small{font-size:12px}
.rozet{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--gri-acik);color:var(--soluk);white-space:nowrap}
.r-yesil{background:var(--yesil-acik);color:var(--yesil)}
.r-sari{background:var(--sari-acik);color:var(--sari)}
.r-kirmizi{background:var(--kirmizi-acik);color:var(--kirmizi)}
.r-mavi{background:var(--vurgu-acik);color:var(--vurgu)}
.uyari{margin-top:10px;padding:10px 12px;border-radius:8px;font-size:13.5px;background:var(--sari-acik);color:#5c3d00}
.uyari.kirmizi{background:var(--kirmizi-acik);color:#7a1810}
.uyari b{display:block;margin-bottom:2px}
.onizle-kutu{margin-top:14px;padding:12px;border:1px solid var(--cizgi);border-radius:8px;font-size:13.5px}
.onizle-kutu h4{margin:0 0 6px;font-size:13.5px}
.onizle-kutu ul{margin:6px 0 0;padding-left:18px}
.atif{font-size:12px}

/* tablo */
.tablo-sar{overflow:auto;border:1px solid var(--cizgi);border-radius:8px}
table{width:100%;border-collapse:collapse;font-size:14px}
th{position:sticky;top:0;background:var(--zemin2);text-align:left;font-weight:600;font-size:12.5px;color:var(--soluk);padding:9px 10px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
td{padding:9px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
tbody tr{cursor:pointer}
tbody tr:hover{background:#f8faff}
td a{color:var(--vurgu);text-decoration:none;word-break:break-all}
td a:hover{text-decoration:underline}
.bilinmiyor{color:#98a2ad;font-size:12px;letter-spacing:.03em}
.firma-ad{font-weight:600}
.kucuk{font-size:12.5px;color:var(--soluk)}
.bos{color:var(--soluk);padding:18px 4px;margin:0}
.sayfalama{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;align-items:center}

/* ayrıntı paneli */
.perde{position:fixed;inset:0;background:rgba(16,24,40,.28);z-index:30}
.ayrinti{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:#fff;z-index:31;box-shadow:-8px 0 24px rgba(16,24,40,.12);display:flex;flex-direction:column}
.ayrinti-ust{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px 22px;border-bottom:1px solid var(--cizgi)}
.ayrinti-ust h2{margin:0;font-size:18px}
#a-govde{overflow:auto;padding:16px 22px 40px}
.bilgi{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:14px;margin:0 0 18px}
.bilgi dt{color:var(--soluk)}
.bilgi dd{margin:0;word-break:break-word}
.bolum{margin:18px 0}
.bolum h3{font-size:13.5px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk)}
.karar-dugme{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.karar-dugme button{padding:9px 6px;border-radius:8px;border:1px solid var(--cizgi2);background:#fff;font-weight:600}
.karar-dugme button.secili{color:#fff}
.k-UYGUN.secili{background:var(--yesil);border-color:var(--yesil)}
.k-İNCELE.secili{background:var(--vurgu);border-color:var(--vurgu)}
.k-ELE.secili{background:var(--kirmizi);border-color:var(--kirmizi)}
.k-BEKLET.secili{background:var(--sari);border-color:var(--sari)}
textarea{width:100%;min-height:84px;padding:10px;border:1px solid var(--cizgi2);border-radius:8px;resize:vertical}
.not-arac{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:8px}
.gecmis-liste{list-style:none;margin:0;padding:0}
.gecmis-liste li{padding:9px 0;border-bottom:1px solid var(--cizgi);font-size:14px}
.gecmis-liste .ust-bilgi{font-size:12.5px;color:var(--soluk)}
.kaynak-kart{border:1px solid var(--cizgi);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:13.5px}

.bildirim{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#16191d;color:#fff;padding:10px 16px;border-radius:8px;z-index:40;max-width:min(560px,92vw);font-size:14px}
.bildirim.kirmizi{background:var(--kirmizi)}

/* giriş */
.giris-zemin{min-height:100vh;display:grid;place-items:center;background:var(--zemin2);padding:16px}
.giris-kart{width:min(400px,100%);background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:28px;box-shadow:var(--golge)}
.giris-kart h1{font-size:17px;letter-spacing:.04em;margin:14px 0 4px}
.giris-kart form{display:grid;gap:14px;margin-top:20px}
.giris-kart .birincil{width:100%}

/* telefon */
@media (max-width:1000px){
  .duzen{grid-template-columns:1fr}
  .komuta{position:static;max-height:none;overflow:visible}
  .ust{flex-wrap:wrap;gap:10px;padding:10px 16px}
  .sekmeler{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto}
  .sekmeler button{white-space:nowrap}
}
@media (max-width:640px){
  main{padding:14px 16px 60px}
  .kart{padding:16px}
  .iki{grid-template-columns:1fr}
  .il-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arac-satiri input[type=search],select{min-width:0;flex:1}
  .marka small{display:none}
  .bilgi{grid-template-columns:1fr}
  .bilgi dt{margin-top:6px}
  .karar-dugme{grid-template-columns:repeat(2,1fr)}
  /* tablo kartlara döner */
  .tablo-sar{border:0}
  table,thead,tbody,tr,td{display:block}
  thead{display:none}
  tbody tr{border:1px solid var(--cizgi);border-radius:8px;margin-bottom:10px;padding:8px 10px}
  td{border:0;padding:3px 0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:flex-start}
  td .rozet{align-self:flex-start}
  td::before{content:attr(data-b);flex:0 0 96px;color:var(--soluk);font-size:12.5px}
  td.firma-ad::before{content:none}
  td.firma-ad{font-size:15.5px}
}

/* arama kutulu çoklu seçim */
.kutular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:12px}
.kutu-alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.kutu-baslik{font-weight:600;font-size:13.5px}
.kutu-baslik small{font-weight:400}
.secim{position:relative}
.secim-dugme{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--cizgi2);border-radius:8px;background:#fff;text-align:left}
.secim-dugme:hover{border-color:var(--vurgu)}
.secim.pasif .secim-dugme{background:var(--zemin2);cursor:not-allowed}
.secim-ozet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.secim-ozet.soluk{font-weight:400}
.ok{color:var(--soluk);font-size:12px}
.secim-panel{position:absolute;z-index:25;left:0;right:0;top:calc(100% + 4px);min-width:260px;background:#fff;border:1px solid var(--cizgi2);border-radius:10px;box-shadow:0 8px 24px rgba(16,24,40,.14);padding:10px}
.secim-ara{width:100%;padding:8px 10px;border:1px solid var(--cizgi2);border-radius:8px}
.secim-arac{display:flex;gap:6px;align-items:center;margin:8px 0}
.secim-arac .sayac{margin-left:auto;font-size:12px}
.secim-liste{max-height:300px;overflow:auto}
.secim-secenek{display:flex;gap:8px;align-items:flex-start;padding:6px 6px;border-radius:6px;cursor:pointer;font-size:14px}
.secim-secenek:hover{background:var(--vurgu-acik)}
.secim-secenek input{margin-top:3px;accent-color:var(--vurgu)}
.secim-secenek em{font-style:normal;color:var(--soluk);font-size:12px;margin-left:4px}
.secim-grup{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);padding:8px 6px 2px;font-weight:600}
.secim-etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.etiket-cip{display:inline-flex;align-items:center;gap:4px;background:var(--vurgu-acik);color:var(--vurgu);border-radius:999px;padding:2px 4px 2px 10px;font-size:13px;max-width:100%}
.etiket-cip button{border:0;background:none;color:var(--vurgu);font-size:15px;line-height:1;padding:0 4px;cursor:pointer}
.kucuk-cip .cip span{font-size:13px;padding:4px 10px}
#bolge-tumleri{margin-bottom:14px}
@media (max-width:900px){.kutular{grid-template-columns:1fr}}

/* hazır araştırmalar */
.hazir-alan h2{font-size:17px;margin-bottom:14px}
.hazir-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hazir-kart{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:16px 18px;border:1.5px solid var(--cizgi2);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .12s,box-shadow .12s}
.hazir-kart b{font-size:15.5px}
.hazir-kart span{color:var(--soluk);font-size:13.5px}
.hazir-kart:hover:not(:disabled){border-color:var(--vurgu);box-shadow:0 2px 8px rgba(31,95,214,.12)}
.hazir-kart.secili{border-color:var(--vurgu);background:var(--vurgu-acik)}
.hazir-kart.secili b{color:var(--vurgu)}
.hazir-kart:disabled{background:var(--zemin2);border-style:dashed;cursor:not-allowed;opacity:.75}
.kayitli{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px dashed var(--cizgi)}
.kayitli-cip{border-radius:999px}
.soluk-alan{opacity:.55}
.sinir-satiri{margin-top:16px}
#surum-uyari{margin:0 0 16px}

/* sağ panel */
.ozet{font-size:14px}
.ozet-baslik{font-weight:600;margin:0 0 10px}
.ozet-sayi{display:flex;gap:12px;align-items:center;background:var(--zemin2);border-radius:10px;padding:10px 12px;margin-bottom:10px}
.ozet-sayi b{font-size:28px;font-variant-numeric:tabular-nums;line-height:1}
.ozet-liste{margin:0 0 10px;padding-left:18px;color:var(--yazi)}
.ozet-liste li{margin-bottom:6px}
.komuta .dugmeler{margin-top:14px}
.cubuk{height:8px;background:var(--gri-acik);border-radius:99px;overflow:hidden;margin:6px 0 10px}
.cubuk div{height:100%;width:0;background:var(--vurgu);transition:width .4s}
.i-metin{font-size:14px;margin:0 0 6px}
.iki-dugme{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kaydet-kutu{border:1px solid var(--cizgi);border-radius:8px;padding:12px;display:grid;gap:10px}
.kaydet-kutu .dipnot{margin:0}
.r-mavi-acik{background:var(--vurgu-acik);color:var(--vurgu)}

/* sonuç masası */
.toplu{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;font-size:14px}
.toplu select{min-width:0;padding:6px 10px}
.toplu-durum{color:var(--vurgu);font-size:13px}
.yeni-liste{display:inline-flex;gap:6px}
.yeni-liste input{padding:6px 10px;border:1px solid var(--cizgi2);border-radius:8px}
th.sec,td.sec{width:34px;cursor:default}
.liste-izi{color:var(--vurgu)}
.osb{color:var(--yazi)}
.islemler{display:flex;gap:6px;flex-wrap:wrap}

/* kaynak satırı */
.lamba{font-size:13px}
.kaynak .aciklama{font-size:13.5px;margin-top:2px}
.faaliyet{margin:0 0 12px;color:var(--soluk)}
.alan-liste{list-style:none;padding:0;margin:6px 0;font-size:14px}
.alan-liste li{padding:3px 0}

@media (max-width:1000px){.hazir-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .hazir-kart{padding:12px}
  .hazir-kart b{font-size:14.5px}
  .hazir-kart span{font-size:12.5px}
  td.sec{display:none}
  .toplu{font-size:13px}
}

/* V3 arama kartı */
.arama-karti{padding:26px 28px}
.ana-baslik{font-size:24px;margin:0 0 16px;letter-spacing:-.01em}
.yazarak{display:flex;gap:10px;margin-bottom:12px}
.yazarak input{flex:1;padding:13px 15px;font-size:16px;border:1.5px solid var(--cizgi2);border-radius:10px}
.yazarak input:focus{border-color:var(--vurgu)}
.yazarak button{padding:0 22px}
.anlasilan{background:var(--vurgu-acik);border-radius:10px;padding:10px 14px;margin-bottom:14px;font-size:14px;display:grid;gap:6px}
.anlasilan .ince small{color:var(--soluk);margin-left:4px}
.uyari-yazi{color:#7a1810}
.ana-satir{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(180px,.7fr);gap:14px;align-items:start;margin-top:6px}
.ikincil-satir{margin-top:14px;padding-top:14px;border-top:1px dashed var(--cizgi)}
.ara-alan .buyuk{width:100%;padding:12px 14px;font-size:16px;border-radius:10px}
.hizli-alan .cipler{gap:6px}
.secim-secenek.vurgu span{font-weight:600}
.secim-secenek.girinti{padding-left:22px}
.gelismis{margin-top:18px;border-top:1px solid var(--cizgi);padding-top:14px}
.gelismis>summary{cursor:pointer;font-weight:600}
.gelismis>summary small{font-weight:400;color:var(--soluk);margin-left:6px}
.gelismis-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px;margin-top:14px}
.parcali.uc button{padding:7px 12px}
.ozet-serit .ozet-sayi{max-width:520px}
.ozet-serit .ozet-liste{max-width:900px}
.serit-dugmeler{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.serit-dugmeler .tehlike,.serit-dugmeler .ikincil{padding:9px 16px}
.kosullar{font-size:13px;color:var(--soluk);margin-top:6px}
.kosullar ul{margin:6px 0 0;padding-left:18px}
@media (max-width:900px){
  .ana-satir,.gelismis-izgara{grid-template-columns:1fr}
  .arama-karti{padding:18px}
  .ana-baslik{font-size:20px}
  .yazarak{flex-direction:column}
  .yazarak button{padding:10px}
}
.kutu-alan>.parcali{align-self:flex-start}