/* RezforYou CRM — uygulama stilleri (firma kartı v10.1 görsel dili) */
:root{
  --zemin:#F4F2EE;--kart:#FFFFFF;--murekkep:#1B2433;--ikincil:#4E5869;--soluk:#8A92A0;--cizgi:#DAD5CC;--ince:#ECE8E1;
  --yesil:#0F5F59;--yesil-acik:#DCEEEB;--yesil-zemin:#F3FAF9;--yesil-cizgi:#9CCDC6;
  --turuncu:#E39B21;--turuncu-zemin:#FFF6E5;--turuncu-yazi:#7A4A00;--kirmizi:#B42318;--kirmizi-zemin:#FDECEC;
  --mavi:#1D4E89;--mavi-zemin:#E6EEF9;--mor:#7A5CC2;
  --ray:92px;--ust:64px;--kart-gen:600px;
  --golge:0 8px 24px rgba(27,36,51,.10);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:var(--zemin);color:var(--murekkep);font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit;color:inherit;font-size:inherit}
button{cursor:pointer}
a{color:var(--yesil)}
.gizli{display:none!important}
h1,h2,h3{margin:0}
svg.i{width:22px;height:22px;flex-shrink:0}

/* ---------- giriş ---------- */
.giris{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}
.giris-kutu{background:var(--kart);border-radius:24px;padding:36px 32px;width:min(440px,100%);display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;box-shadow:var(--golge)}
.logo{width:72px;height:72px;border-radius:20px;background:var(--yesil);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;letter-spacing:-.02em}
.giris-kutu h1{font-size:26px;font-weight:800}
.giris-kutu p{margin:0;color:var(--ikincil);font-size:15px;line-height:1.45}
.giris-hata{background:var(--kirmizi-zemin);color:var(--kirmizi);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;text-align:left;width:100%}
#gBtn{min-height:44px}

/* ---------- iskelet ---------- */
.uyg{display:flex;height:100%;min-height:100%}
.ray{width:var(--ray);background:var(--kart);border-right:1px solid #E3DFD8;display:flex;flex-direction:column;align-items:stretch;padding:12px 8px;gap:4px;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto}
.ray .logo{width:48px;height:48px;border-radius:14px;font-size:24px;margin:0 auto 10px}
.nav{border:none;background:none;border-radius:14px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--ikincil);text-decoration:none;position:relative}
.nav .em{font-size:22px;line-height:1}
.nav.secili{background:var(--yesil-acik);color:var(--yesil)}
.nav .rozet{position:absolute;top:4px;right:10px;background:var(--kirmizi);color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:1px 6px}
.ray .bosluk{flex:1}
.ana{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.ustbar{height:var(--ust);background:var(--kart);border-bottom:1px solid #E3DFD8;display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:6}
.ustbar h1{font-size:21px;font-weight:800;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.senk{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ikincil);background:var(--zemin);border:none;border-radius:999px;padding:8px 12px;white-space:nowrap}
.senk .nokta{width:9px;height:9px;border-radius:50%;background:var(--yesil)}
.senk.bekle .nokta{background:var(--turuncu)} .senk.hata .nokta{background:var(--kirmizi)}
.senk.donuyor .nokta{border:2px solid var(--yesil-acik);border-top-color:var(--yesil);background:none;width:12px;height:12px;animation:don .8s linear infinite}
.kul{border:none;background:var(--zemin);border-radius:999px;height:40px;padding:0 14px 0 6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.kul .av{width:30px;height:30px;border-radius:50%;background:var(--yesil);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.icerik{flex:1;padding:16px 20px 32px;display:flex;flex-direction:column;gap:14px;max-width:1100px;width:100%}
.alt-nav{display:none}

/* ---------- ortak bileşenler ---------- */
.btn{height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--cizgi);background:var(--kart);font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--murekkep);white-space:nowrap}
.btn.koyu{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.btn.yesil{background:var(--yesil);border-color:var(--yesil);color:#fff}
.btn.buyuk{height:60px;font-size:18px;border-radius:14px;width:100%}
.btn.kucuk{height:38px;padding:0 12px;font-size:14px;border-radius:10px}
.btn:disabled{opacity:.5;cursor:default}
.cipler{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cip-btn{height:40px;padding:0 15px;border-radius:999px;border:1px solid var(--cizgi);background:var(--kart);font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--murekkep);white-space:nowrap}
.cip-btn.secili{border:2px solid var(--yesil);background:var(--yesil-acik);color:var(--yesil);font-weight:700}
.cip-btn .say{font-size:12px;font-weight:800;background:var(--zemin);border-radius:999px;padding:2px 7px;color:var(--ikincil)}
.cip-btn.secili .say{background:#fff;color:var(--yesil)}
.blok{background:var(--kart);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.blok h2{font-size:18px;font-weight:800}
.blok-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.bos{font-size:15px;color:var(--soluk);padding:10px 2px}
.not-yazi{font-size:14px;color:var(--ikincil)}
.girdi{height:50px;border-radius:12px;border:1px solid var(--cizgi);padding:0 14px;font-size:17px;background:var(--kart);width:100%}
.secim{height:44px;border-radius:12px;border:1px solid var(--cizgi);padding:0 36px 0 12px;font-size:15px;background:var(--kart) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234E5869' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none}
.ara-kutu{position:relative}
.ara-kutu input{padding-left:46px;height:56px;border-radius:14px;font-size:18px}
.ara-kutu svg{position:absolute;left:15px;top:17px;color:var(--soluk)}

/* firma satırı */
.liste{display:flex;flex-direction:column;gap:8px}
.satir{display:flex;align-items:center;gap:12px;background:var(--kart);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--murekkep);border:2px solid transparent;min-height:68px}
.satir:active{background:#FBFAF8}
.satir.aktif{border-color:var(--yesil);background:var(--yesil-zemin)}
.satir .no{width:34px;height:34px;border-radius:50%;background:var(--zemin);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}
.satir.bitti .no{background:var(--yesil-acik);color:var(--yesil)}
.satir .bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.satir b{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.satir .alt{font-size:13px;color:var(--ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.satir .sag{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;max-width:44%}
.mesafe{font-size:13px;font-weight:800;color:var(--yesil)}
.drm{font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:#EEF0F5;color:#3A4660;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.drm.orta{background:var(--turuncu-zemin);color:var(--turuncu-yazi)} .drm.iyi{background:var(--yesil-acik);color:var(--yesil)}
.drm.kotu{background:var(--kirmizi-zemin);color:var(--kirmizi)} .drm.mavi{background:var(--mavi-zemin);color:var(--mavi)}
.saat-cip{font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--yesil-acik);color:var(--yesil);white-space:nowrap}
.saat-cip.kapali{background:var(--kirmizi-zemin);color:var(--kirmizi)}
.bolum{font-size:13px;font-weight:800;color:var(--ikincil);letter-spacing:.04em;text-transform:uppercase;padding:10px 2px 2px}
.bolum.kirmizi{color:var(--kirmizi)} .bolum.yesil{color:var(--yesil)}
.ilerleme{height:6px;border-radius:999px;background:var(--ince);overflow:hidden;max-width:280px;width:100%}
.ilerleme i{display:block;height:100%;background:var(--yesil);border-radius:999px}
.ozet{display:flex;gap:10px;flex-wrap:wrap}
.ozet .kutu{background:var(--kart);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;min-width:120px}
.ozet .kutu b{font-size:24px;font-weight:800}
.ozet .kutu span{font-size:13px;color:var(--ikincil);font-weight:600}
.daha{align-self:center}

/* günlük */
.gun{background:var(--kart);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.gun-ust{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gun-ust h3{font-size:17px;font-weight:800;flex:1}
.tablo{width:100%;border-collapse:collapse;font-size:14px}
.tablo th{text-align:left;font-size:12px;color:var(--ikincil);font-weight:800;letter-spacing:.03em;padding:6px 8px;border-bottom:1px solid var(--ince)}
.tablo td{padding:9px 8px;border-bottom:1px solid var(--ince);vertical-align:middle}
.tablo tr:last-child td{border-bottom:none}
.tablo a{color:var(--murekkep);font-weight:700;text-decoration:none}
.tablo .saat{font-variant-numeric:tabular-nums;color:var(--ikincil);font-weight:700;white-space:nowrap}

/* form */
.form{background:var(--kart);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px}
.alanlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.alan{display:flex;flex-direction:column;gap:6px}
.alan.genis{grid-column:1/-1}
.alan label{font-size:13px;font-weight:700;color:var(--ikincil)}
.alan input,.alan select,.alan textarea{height:50px;border-radius:12px;border:1px solid var(--cizgi);padding:0 14px;font-size:17px;background:#FBFAF8;width:100%}
.alan textarea{height:auto;min-height:80px;padding:12px 14px;resize:vertical}
.alan select{-webkit-appearance:none;appearance:none}
.alan.okundu input{border:2px solid var(--yesil-cizgi);background:var(--yesil-zemin)}
.alan.suphe input{border:2px solid var(--turuncu);background:var(--turuncu-zemin)}
.alan.suphe label{color:var(--turuncu-yazi)}
.onay{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}
.onay input{width:22px;height:22px;accent-color:var(--yesil)}
.uyari{border-radius:12px;padding:12px 14px;font-size:15px;display:flex;gap:10px;align-items:flex-start;line-height:1.4}
.uyari.iyi{background:var(--yesil-acik);color:#0B4642} .uyari.dikkat{background:var(--turuncu-zemin);color:var(--turuncu-yazi)} .uyari.bilgi{background:#F7F5F1;color:var(--ikincil)} .uyari.hata{background:var(--kirmizi-zemin);color:var(--kirmizi)}

/* ---------- firma kartı paneli ---------- */
.kart-panel{position:fixed;top:0;right:0;bottom:0;width:min(var(--kart-gen),100%);background:var(--zemin);z-index:20;display:flex;flex-direction:column;box-shadow:-12px 0 32px rgba(0,0,0,.12);transform:translateX(0);transition:transform .18s ease}
.kart-panel.gizli{display:flex!important;transform:translateX(105%);pointer-events:none;box-shadow:none}
.k-ust{background:var(--kart);border-bottom:1px solid #E3DFD8;padding:12px 16px;display:flex;align-items:flex-start;gap:12px}
.ikon-btn{width:46px;height:46px;border-radius:12px;border:none;background:var(--zemin);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--murekkep);text-decoration:none}
.k-baslik{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.k-baslik h2{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.01em}
.k-alt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ikincil)}
.k-alt .yildiz{color:var(--murekkep);font-weight:800}
.cip{font-size:12px;font-weight:700;background:#EEF0F5;color:#3A4660;padding:3px 9px;border-radius:999px}
.k-govde{flex:1;overflow-y:auto;padding:14px 16px 40px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}
.k-govde>*,.liste>*,.icerik>*{flex-shrink:0}
.durum-sec{height:52px;width:100%;padding:0 40px 0 16px;border-radius:14px;border:2px solid var(--turuncu);background:var(--turuncu-zemin) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237A4A00' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--turuncu-yazi);font-size:17px;font-weight:800;-webkit-appearance:none;appearance:none}
.durum-sec.ilk{border-color:var(--cizgi);background-color:var(--kart);color:var(--murekkep)}
.durum-sec.iyi{border-color:var(--yesil);background-color:var(--yesil-acik);color:var(--yesil)}
.durum-sec.kotu{border-color:var(--kirmizi);background-color:var(--kirmizi-zemin);color:var(--kirmizi)}
.hizli{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hizli a,.hizli button{height:58px;border-radius:14px;background:var(--kart);border:1px solid var(--cizgi);color:var(--murekkep);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:13px;font-weight:700}
.hizli .birincil{background:var(--yesil);border-color:var(--yesil);color:#fff}
.hizli .pasif{opacity:.35;pointer-events:none}
.serit{background:var(--kart);border-radius:14px;padding:10px 10px 10px 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--ince)}
.serit .s-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.serit b{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serit span{font-size:12px;color:var(--ikincil)}
.serit .btn{height:42px;padding:0 12px}
.kisi{border:1px solid var(--ince);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px}
.av{width:42px;height:42px;border-radius:50%;background:#EEF0F5;color:#3A4660;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}
.av.karar{background:var(--yesil-acik);color:var(--yesil)}
.kisi .k-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kisi .k-ad{font-size:16px;font-weight:700}
.kisi .k-rol{font-size:13px;color:var(--ikincil)}
.kisi .k-tel{font-size:13px;color:var(--soluk);word-break:break-word}
.kucuk-ikon{width:42px;height:42px;border-radius:12px;border:none;background:var(--zemin);color:var(--yesil);display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}
.bilgi-tablo{display:grid;grid-template-columns:112px minmax(0,1fr);row-gap:9px;column-gap:12px;font-size:15px;align-items:center}
.bilgi-tablo>span:nth-child(odd){color:#6B7280;font-size:14px}
.bilgi-tablo>span{word-break:break-word}
.not-satir{display:flex;gap:10px}
.not-satir textarea{flex:1;min-height:52px;max-height:180px;border-radius:12px;border:1px solid var(--cizgi);padding:13px 14px;font-size:16px;background:#FBFAF8;resize:vertical}
.tarih-input{height:40px;border-radius:999px;border:1px solid var(--cizgi);padding:0 12px;font-size:15px;background:var(--kart)}
.takvim-btn{color:var(--yesil);border-color:var(--yesil-cizgi);background:var(--yesil-zemin);font-weight:700}
.akis{display:flex;flex-direction:column}
.olay{display:flex;gap:12px}
.olay .cz{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.olay .nk{width:12px;height:12px;border-radius:50%;background:#B8B2A7;margin-top:5px}
.olay .ht{width:2px;flex:1;background:#E3DFD8;margin-top:4px}
.olay:last-child .ht{display:none}
.olay .oi{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;min-width:0}
.olay .meta{font-size:13px;color:#6B7280}
.olay .meta b{color:var(--murekkep)}
.olay .metin{font-size:15px;white-space:pre-wrap;word-wrap:break-word}
.olay.Not .metin{background:#F7F5F1;border-radius:10px;padding:8px 12px;color:#3A4660}
.olay.Not .nk{background:var(--yesil)} .olay.Durum .nk{background:var(--turuncu)} .olay.Kişi .nk{background:#3A6FB0} .olay.Takip .nk{background:var(--mor)}
.olay.bekliyor{opacity:.55}
.iskelet{height:16px;border-radius:8px;background:linear-gradient(90deg,var(--ince),#F7F5F1,var(--ince));background-size:200% 100%;animation:parla 1.2s infinite}
@keyframes parla{to{background-position:-200% 0}}

/* katman (form) */
.katman{position:fixed;inset:0;background:rgba(27,36,51,.45);z-index:30;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 14px}
.panel{background:var(--zemin);border-radius:20px;width:100%;max-width:980px;overflow:hidden}
.panel-ust{background:var(--kart);padding:14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #E3DFD8}
.panel-ust h2{font-size:21px;font-weight:800}
.panel-govde{padding:16px 18px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}
.panel-govde.tek{grid-template-columns:minmax(0,1fr)}
.foto-kutu{background:#2A3140;border-radius:16px;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.foto-kutu img{max-width:100%;max-height:320px;display:block}
.alt-btnlar{display:flex;gap:10px;margin-top:4px}
.alt-btnlar .btn{height:56px;font-size:17px;border-radius:14px}
.alt-btnlar .btn.yesil{flex:1}

/* yükleniyor & bildirim */
.yukle{position:fixed;inset:0;background:rgba(244,242,238,.86);z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:18px;font-weight:700;text-align:center;padding:24px}
.donen{width:46px;height:46px;border-radius:50%;border:4px solid var(--yesil-acik);border-top-color:var(--yesil);animation:don .9s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.bildirim{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--murekkep);color:#fff;padding:14px 20px;border-radius:14px;font-size:16px;font-weight:600;z-index:70;max-width:min(560px,92vw);box-shadow:0 8px 24px rgba(0,0,0,.18);line-height:1.35}
.bildirim.hata{background:var(--kirmizi)}
.surum-bandi{position:fixed;left:50%;top:12px;transform:translateX(-50%);z-index:65;background:var(--murekkep);color:#fff;border-radius:14px;padding:10px 10px 10px 16px;display:flex;align-items:center;gap:12px;font-weight:700;box-shadow:var(--golge)}

/* ---------- geniş ekran: liste + kart yan yana ---------- */
@media (min-width:1200px){
  body.kart-acik .ana{margin-right:var(--kart-gen)}
  .kart-panel{box-shadow:none;border-left:1px solid #E3DFD8}
  .kart-panel .kapat-geri{display:none}
}
/* tablet dikey / küçük ekran */
@media (max-width:900px){
  .panel-govde{grid-template-columns:minmax(0,1fr)}
  .alanlar{grid-template-columns:minmax(0,1fr)}
  .icerik{padding:12px 12px 28px}
  .ustbar{padding:0 12px}
  .senk .yazi{display:none}
}
/* telefon: alt menü */
@media (max-width:640px){
  :root{--ust:56px}
  .ray{display:none}
  .alt-nav{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--kart);border-top:1px solid #E3DFD8;z-index:15;padding:4px 4px calc(4px + env(safe-area-inset-bottom));justify-content:space-around}
  .alt-nav .nav{flex:1;padding:6px 2px;font-size:11px}
  .icerik{padding-bottom:96px}
  .kart-panel{width:100%}
  .hizli{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .kul .ad{display:none}
  .ustbar h1{font-size:18px}
}
@media (display-mode:standalone){ .yukle-btn{display:none!important} }
@media (max-width:640px){
  .blok-ust{flex-direction:column;align-items:stretch}
  .tablo thead{display:none}
  .tablo tr{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:8px;padding:8px 0;border-bottom:1px solid var(--ince)}
  .tablo tr:last-child{border-bottom:none}
  .tablo td{border-bottom:none;padding:2px 0}
  .tablo td:first-child{grid-row:1/span 3}
  .tablo td:nth-child(n+2){grid-column:2}
  .tablo td:last-child{font-size:13px;color:var(--ikincil)}
  .tablo .drm{white-space:normal}
}