/* ==========================================================================
   Grup CRM — ek bileşenler (app.css tema değişkenlerini kullanır)
   ========================================================================== */
/* hizmet türü rozeti */
.hz-rozet{display:inline-flex;align-items:center;gap:.38rem;padding:.24rem .65rem .24rem .3rem;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap;
  color:color-mix(in srgb,var(--c) 85%,#000);background:color-mix(in srgb,var(--c) 11%,#fff);border:1px solid color-mix(in srgb,var(--c) 22%,#fff)}
.hz-rozet i{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--c);color:#fff;font-size:.7rem}
.hz-rozet.sm{font-size:.7rem;padding:.12rem .5rem .12rem .2rem}.hz-rozet.sm i{width:16px;height:16px;font-size:.6rem}
/* hizmete özel alan kapsayıcısı */
.hz-alanlar{border:1.5px solid color-mix(in srgb,var(--c) 28%,#fff);border-radius:16px;padding:1rem 1.1rem 1.15rem;margin-top:1rem;position:relative;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 5%,#fff),#fff 120px);animation:hzac .35s var(--ease,ease)}
.hz-alan-bas{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:.86rem;color:color-mix(in srgb,var(--c) 85%,#000);margin-bottom:.6rem}
.hz-alan-bas i{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--c);color:#fff;box-shadow:0 6px 14px -6px var(--c)}
@keyframes hzac{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* hizmet seçim kartları (form üstü) */
.hz-sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}
.hz-sec label{position:relative;display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;border:1.5px solid var(--border);border-radius:14px;cursor:pointer;background:var(--surface);transition:all .18s var(--ease,ease);font-weight:650;font-size:.88rem}
.hz-sec label i{width:34px;height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 13%,#fff);color:var(--c);font-size:1.05rem;flex-shrink:0;transition:all .18s}
.hz-sec label small{display:block;font-weight:500;color:var(--muted);font-size:.72rem}
.hz-sec input{position:absolute;opacity:0;pointer-events:none}
.hz-sec label:hover{border-color:color-mix(in srgb,var(--c) 45%,#fff)}
.hz-sec label:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 7%,#fff);box-shadow:0 10px 22px -16px var(--c)}
.hz-sec label:has(input:checked) i{background:var(--c);color:#fff}
.hz-sec label:has(input:disabled){opacity:.45;cursor:not-allowed}
.hz-sec label::after{content:"\F26A";font-family:bootstrap-icons;position:absolute;right:.6rem;top:.5rem;color:var(--c);opacity:0;transform:scale(.5);transition:all .2s}
.hz-sec label:has(input:checked)::after{opacity:1;transform:none}
/* kart üst bilgi (detay sayfaları) */
.kart-hero{display:flex;gap:1.1rem;align-items:center;padding:1.2rem 1.25rem;flex-wrap:wrap;position:relative;overflow:hidden;
  background:linear-gradient(120deg,color-mix(in srgb,var(--c,var(--m)) 9%,#fff),#fff 60%)}
.kart-hero::after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:color-mix(in srgb,var(--c,var(--m)) 8%,transparent)}
.kart-hero h3{font-weight:800;font-size:1.3rem;margin:0;letter-spacing:-.02em;color:var(--ink)}
.kart-hero .kh-alt{color:var(--muted);font-size:.85rem;display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-top:.3rem}
.kart-hero .kh-alt i{margin-right:.25rem}
.pr-avatar.xl{width:76px;height:76px;font-size:1.6rem;box-shadow:0 0 0 4px #fff,0 0 0 6px color-mix(in srgb,var(--c) 30%,#fff)}
.pr-avatar.sm{width:32px;height:32px;font-size:.8rem}
/* mini istatistik */
.mini-stat{display:flex;flex-direction:column;padding:.75rem .9rem;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);min-width:120px}
.mini-stat b{font-size:1.25rem;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.2}.mini-stat span{font-size:.75rem;color:var(--muted);font-weight:600}
/* doluluk çubuğu */
.doluluk{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden;min-width:80px}
.doluluk span{display:block;height:100%;border-radius:99px;background:var(--c,#16a34a)}
/* zimmet kalem satırları */
.zk-satir{display:grid;grid-template-columns:minmax(220px,2.2fr) 80px 110px 140px minmax(160px,1.6fr) 36px;gap:.5rem;align-items:start;padding:.6rem;border:1.5px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:.5rem;transition:border-color .2s}
.zk-satir.engel{border-color:#fca5a5;background:#fff7f7}.zk-satir.uyari{border-color:#fcd34d;background:#fffcf2}.zk-satir.uygun{border-color:#86efac}
.zk-satir .zk-durum{grid-column:1/-1;font-size:.8rem;display:none}
.zk-satir.engel .zk-durum,.zk-satir.uyari .zk-durum,.zk-satir.uygun .zk-durum{display:block}
.zk-satir .zk-istisna{grid-column:1/-1;display:none}.zk-satir.engel .zk-istisna{display:flex}
.zk-bas{display:grid;grid-template-columns:minmax(220px,2.2fr) 80px 110px 140px minmax(160px,1.6fr) 36px;gap:.5rem;padding:0 .6rem .3rem;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
@media (max-width:991px){.zk-satir,.zk-bas{grid-template-columns:1fr 1fr}.zk-bas{display:none}.zk-satir>.zk-urun{grid-column:1/-1}}
.beden-kutu{display:flex;flex-wrap:wrap;gap:.4rem}
.beden-kutu span{background:var(--surface-3);border-radius:9px;padding:.25rem .6rem;font-size:.78rem;font-weight:600;color:var(--text)}
.beden-kutu span b{color:var(--ink)}
/* form alanı tasarımcısı */
.alan-satir{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:13px;background:var(--surface);margin-bottom:.4rem;transition:box-shadow .15s,border-color .15s}
.alan-satir:hover{border-color:color-mix(in srgb,var(--m) 35%,#fff);box-shadow:0 8px 18px -14px rgba(20,30,80,.4)}
.alan-satir.pasif{opacity:.5}
.alan-satir .tut{cursor:grab;color:var(--faint);font-size:1.1rem}
.alan-satir.suruk{opacity:.35}
.alan-satir .a-ik{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--m) 12%,#fff);color:var(--m);flex-shrink:0}
.alan-satir .a-ad{font-weight:650;color:var(--ink)}.alan-satir .a-alt{font-size:.74rem;color:var(--muted)}
.hz-sekme{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.hz-sekme a{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:999px;border:1.5px solid var(--border);font-weight:650;font-size:.84rem;color:var(--text);background:var(--surface);transition:all .15s}
.hz-sekme a i{color:var(--c)}
.hz-sekme a.on{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 8px 18px -10px var(--c)}.hz-sekme a.on i{color:#fff}
.hz-sekme a em{font-style:normal;font-size:.7rem;background:color-mix(in srgb,var(--c) 14%,#fff);color:color-mix(in srgb,var(--c) 80%,#000);border-radius:99px;padding:0 .4rem}
.hz-sekme a.on em{background:rgba(255,255,255,.25);color:#fff}
/* bitiş takibi listesi */
.takip-oge{display:flex;align-items:center;gap:.7rem;padding:.55rem 1rem;border-bottom:1px solid var(--line);color:var(--text)}
.takip-oge:last-child{border-bottom:0}.takip-oge:hover{background:var(--surface-2);color:var(--ink)}
.takip-oge .t-ik{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.takip-oge .t-m{min-width:0;flex:1}.takip-oge .t-m b{display:block;font-size:.86rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.takip-oge .t-m small{color:var(--muted)}
/* hizmet dağılım çubukları */
.dag-satir{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}
.dag-satir .d-ad{width:170px;font-size:.84rem;font-weight:650;color:var(--ink);display:flex;align-items:center;gap:.4rem}
.dag-satir .d-ad i{color:var(--c)}
.dag-satir .d-bar{flex:1;height:12px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.dag-satir .d-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 60%,#fff));animation:barac .8s var(--ease,ease)}
.dag-satir .d-v{width:70px;text-align:right;font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums}
@keyframes barac{from{width:0!important}}
/* firma > proje kartları */
.proje-kart{display:block;border:1.5px solid var(--border);border-left:4px solid var(--c);border-radius:14px;padding:.8rem 1rem;background:var(--surface);color:var(--text);transition:transform .15s,box-shadow .15s;height:100%}
.proje-kart:hover{transform:translateY(-2px);box-shadow:0 14px 28px -20px rgba(20,30,80,.45);color:var(--text)}
.proje-kart b{color:var(--ink)}
/* yazdırma (zimmet tutanağı) */
.tutanak{max-width:820px;margin:20px auto;background:#fff;padding:36px 40px;font-size:13px;color:#111;font-family:'Plus Jakarta Sans',Arial,sans-serif}
.tutanak h2{font-size:18px;font-weight:800;text-align:center;margin:0 0 4px}.tutanak .alt{text-align:center;color:#555;margin-bottom:18px}
.tutanak table{width:100%;border-collapse:collapse;margin:10px 0}.tutanak th,.tutanak td{border:1px solid #bbb;padding:6px 8px;text-align:left;vertical-align:top}.tutanak th{background:#f2f4f8}
.tutanak .imza{display:flex;justify-content:space-between;gap:40px;margin-top:46px}.tutanak .imza div{flex:1;text-align:center;border-top:1px solid #333;padding-top:6px}
@media print{.no-print{display:none!important}body{background:#fff!important}.tutanak{margin:0;padding:0;max-width:none}}