:root{
  --yesil:#10332F; --yesil-acik:#1B4D46; --turuncu:#FF7B52;
  --zemin:#F5F7F6; --kart:#FFFFFF; --metin:#14201E; --soluk:#6B7C79;
  --cizgi:#E2E8E6; --cizgi-koyu:#CBD5D2;
  --mavi:#2563EB; --sari:#B45309; --mor:#7C3AED; --kirmizi:#DC2626; --gri:#64748B;
  --golge:0 1px 2px rgba(16,51,47,.06), 0 4px 12px rgba(16,51,47,.05);
  --yuvarlak:10px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--zemin);color:var(--metin);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--yesil-acik);text-decoration:none}
a:hover{text-decoration:underline}

/* Üst çubuk */
.ustcubuk{background:var(--yesil);color:#fff;padding:0 20px;display:flex;align-items:center;
  gap:24px;height:56px;position:sticky;top:0;z-index:50}
.marka{font-weight:700;font-size:15px;letter-spacing:-.2px;display:flex;align-items:center;gap:8px}
.marka .nokta{width:8px;height:8px;border-radius:50%;background:var(--turuncu)}
.menu{display:flex;gap:4px;margin-left:8px}
.menu a{color:rgba(255,255,255,.78);padding:7px 12px;border-radius:7px;font-weight:500}
.menu a:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.menu a.aktif{background:rgba(255,255,255,.15);color:#fff}
.ustcubuk .sag{margin-left:auto;display:flex;align-items:center;gap:12px;
  color:rgba(255,255,255,.8);font-size:13px}
.cikis-btn{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;
  padding:6px 12px;border-radius:7px;cursor:pointer;font-size:13px;font-family:inherit}
.cikis-btn:hover{background:rgba(255,255,255,.12)}

.sayfa{max-width:1400px;margin:0 auto;padding:20px}
h1{font-size:20px;margin:0 0 4px;letter-spacing:-.3px}
h2{font-size:15px;margin:0 0 12px;letter-spacing:-.2px}
.altbaslik{color:var(--soluk);font-size:13px;margin:0 0 18px}

.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  box-shadow:var(--golge)}
.kart-ic{padding:16px}

/* Özet rozetleri */
.ozet{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ozet-kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:8px;
  padding:9px 14px;display:flex;align-items:center;gap:8px;font-size:13px}
.ozet-kutu b{font-size:16px;letter-spacing:-.3px}
.ozet-kutu span{color:var(--soluk)}

/* Araç çubuğu */
.arac{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:14px}
.alan{display:flex;flex-direction:column;gap:4px}
.alan label{font-size:11px;color:var(--soluk);font-weight:600;text-transform:uppercase;
  letter-spacing:.4px}
input,select,textarea{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--cizgi-koyu);
  border-radius:7px;background:#fff;color:var(--metin);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--yesil-acik);
  box-shadow:0 0 0 3px rgba(27,77,70,.12)}
select{cursor:pointer}

.btn{font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:7px;
  border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.btn-ana{background:var(--yesil);color:#fff}
.btn-ana:hover{background:var(--yesil-acik)}
.btn-vurgu{background:var(--turuncu);color:#fff}
.btn-vurgu:hover{filter:brightness(.94)}
.btn-sade{background:#fff;color:var(--metin);border-color:var(--cizgi-koyu)}
.btn-sade:hover{background:var(--zemin)}
.btn-tehlike{background:#fff;color:var(--kirmizi);border-color:#F5C6C6}
.btn-tehlike:hover{background:#FEF2F2}
.btn:disabled{opacity:.55;cursor:not-allowed}
.htmx-request .yenile-yazi{display:none}
.htmx-request .yenile-bekle{display:inline !important}

/* Tablo */
.tablo-sar{overflow-x:auto;border-radius:var(--yuvarlak)}
table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
thead th{background:#FAFBFA;text-align:left;padding:10px 12px;font-size:11px;
  text-transform:uppercase;letter-spacing:.4px;color:var(--soluk);font-weight:700;
  border-bottom:1px solid var(--cizgi);white-space:nowrap}
tbody td{padding:10px 12px;border-bottom:1px solid var(--cizgi);vertical-align:middle}
tbody tr:hover{background:#FAFBFA}
tbody tr.yeni-lead{background:#FFF8F5}
tbody tr.yeni-lead:hover{background:#FFF1EB}
.ad-hucre{font-weight:600}
.tel{font-variant-numeric:tabular-nums;white-space:nowrap}
.soluk{color:var(--soluk)}
.kucuk{font-size:12px}
.bos{padding:48px 20px;text-align:center;color:var(--soluk)}

/* Durum rozetleri */
.rozet{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;
  font-weight:700;white-space:nowrap}
.d-yeni{background:#EFF6FF;color:var(--mavi)}
.d-arandi{background:#FEF3C7;color:var(--sari)}
.d-ulasilamadi{background:#F1F5F9;color:var(--gri)}
.d-teklif{background:#F5F3FF;color:var(--mor)}
.d-randevu{background:#FFF1EB;color:#C2410C}
.d-satis{background:#ECFDF5;color:#047857}
.d-ilgilenmiyor{background:#FEF2F2;color:var(--kirmizi)}

select.durum-sec{font-size:12px;padding:5px 8px;font-weight:600;border-radius:6px}
select.mini{font-size:12px;padding:5px 8px;border-radius:6px;max-width:140px}

/* Bildirim */
.bildirim{padding:11px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;
  display:flex;gap:9px;align-items:flex-start;border:1px solid}
.b-basari{background:#ECFDF5;border-color:#A7F3D0;color:#065F46}
.b-hata{background:#FEF2F2;border-color:#FECACA;color:#991B1B}
.b-bilgi{background:#EFF6FF;border-color:#BFDBFE;color:#1E40AF}

/* Sayfalama */
.sayfalama{display:flex;gap:6px;align-items:center;justify-content:center;padding:14px;
  font-size:13px;color:var(--soluk)}
.sayfalama a{padding:6px 11px;border:1px solid var(--cizgi-koyu);border-radius:7px;background:#fff}
.sayfalama a:hover{background:var(--zemin);text-decoration:none}

/* Giriş */
.giris-sayfa{min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#10332F 0%,#1B4D46 100%);padding:20px}
.giris-kutu{background:#fff;border-radius:14px;padding:34px;width:100%;max-width:390px;
  box-shadow:0 20px 45px rgba(0,0,0,.22)}
.giris-kutu h1{font-size:19px;margin-bottom:2px}
.giris-kutu .alt{color:var(--soluk);font-size:13px;margin-bottom:22px}
.giris-kutu .alan{margin-bottom:14px}
.giris-kutu input{width:100%;padding:10px 12px}
.giris-kutu .btn{width:100%;justify-content:center;padding:11px}

/* Detay */
.izgara{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
@media(max-width:900px){.izgara{grid-template-columns:1fr}}
.satir{display:flex;padding:9px 0;border-bottom:1px solid var(--cizgi);gap:12px;font-size:13px}
.satir:last-child{border-bottom:none}
.satir .etiket{color:var(--soluk);min-width:150px;font-weight:600}
.satir .deger{flex:1;word-break:break-word}
.not{background:var(--zemin);border-radius:8px;padding:11px 13px;margin-bottom:9px;font-size:13px}
.not .ust{display:flex;justify-content:space-between;color:var(--soluk);font-size:11.5px;
  margin-bottom:5px;font-weight:600}
textarea{width:100%;min-height:78px;resize:vertical}
.gecmis-satir{font-size:12.5px;padding:7px 0;border-bottom:1px dashed var(--cizgi);color:var(--soluk)}
.geri{display:inline-block;margin-bottom:12px;font-size:13px}
.yardim{background:#F0F7F5;border-left:3px solid var(--yesil-acik);padding:12px 14px;
  border-radius:0 8px 8px 0;font-size:13px;margin-bottom:16px;line-height:1.65}
.yardim ol{margin:8px 0 0;padding-left:20px}
.yardim li{margin-bottom:5px}
code{background:#E8EFED;padding:2px 6px;border-radius:4px;font-size:12px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace}