/* pys_hcp_control_4_roster.css
 * ===========================================================================
 * KAYNAK: pys_hcp_control.css satir 2694-3906 (bolundu: 2026-08-27)
 *
 * !! YUKLEME SIRASI KRITIK !!
 * Bu dosya ailesi (pys_hcp_control_1..6) index.html'de NUMARA SIRASIYLA
 * yuklenmek ZORUNDA. Dosya kronolojik olarak bolundu: sonraki parcalar
 * oncekilerin seciciliklerini KASITLI olarak eziyor. Sira bozulursa
 * gorunum sessizce bozulur (hata vermez).
 *
 * ICERIK: Roster kartlari (Parca 1 / 2A / Parca 2 ferah kartlar), ezici secici duzeltmeleri, sinematik degerlendirme yuzeyi, zebra, Ara Rapor onizleme, orunt/bos durum, Icerik Kontrolu geri bildirimleri, sade degerlendirme akisi, Rapor Yonlendirmesi catisi, Final Rapor eylem bari
 * ===========================================================================
 */
/* ===== Parça 1 — İsimli roster kartları ===== */
.hcp-ctrl-av.hcp-ctrl-av--card {
    width: auto; height: auto; min-height: 54px;
    border-radius: var(--pys-radius-md);
    background: var(--color-background-primary, #fff);
    border: 1.5px solid var(--color-border-tertiary, #DCE3EB);
    box-shadow: var(--pys-shadow-sm), 0 5px 14px rgba(15,23,42,.07);
    display: flex; align-items: center; gap: 10px;
    padding: 8px 12px 8px 10px;
    min-width: 0;
    flex: 1 1 145px;
    max-width: 210px;
    overflow: visible;
    transition: transform .16s, box-shadow .16s, border-color .16s;
}
.hcp-ctrl-av.hcp-ctrl-av--card:hover {
    transform: translateY(-2px);
    border-color: #B9C4D0;
    box-shadow: var(--pys-shadow-sm), 0 8px 20px rgba(15,23,42,.10);
}
.hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-face {
    width: 38px; height: 38px; border-radius: 50%;
    flex-shrink: 0; position: relative; overflow: visible;
    display: flex; align-items: center; justify-content: center;
}
.hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-img {
    width: 38px; height: 38px;
}
.hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-ct {
    display: flex; flex-direction: column; gap: 2px; min-width: 0; line-height: 1.25;
}
.hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-name {
    font-size: var(--pys-fs-md); font-weight: 700; color: var(--color-text-primary, var(--pys-ink-1));
    white-space: nowrap; display: flex; align-items: center; gap: 8px;
}
.hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-st {
    font-size: var(--pys-fs-xs); font-weight: 600; color: var(--color-text-secondary, var(--pys-ink-5));
}
.hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-self {
    font-size: var(--pys-fs-xs); font-weight: 800; letter-spacing: .03em;
    color: #1453B8; background: #EAF1FC; border-radius: var(--pys-radius-xs); padding: 2px 8px;
}/* Seçili kart: solid kobalt + beyaz metin (eski yeşil outline'ı ezer) */
/* OLU KOD TEMIZLIGI (2026-08-27): secili kart gorunumu bu dosyada YEDI ayri yerde
   tanimliydi (yesil outline, turkuaz, saydam, solid kobalt, acik mavi, yine solid
   kobalt...). Hepsi birbirini eziyordu; ekranda gorunen yalniz en sondaki
   !important blogu idi. Secili gorunum artik TEK yerde: dosya sonundaki
   "Secili kart - TEK KAYNAK" blogu. */
/* Mobil: kartlar kompakt + yatay kaydırmalı kalsın (eskiden min-width:100% ile her koç
   tam satıra yayılıyordu → 6 koç = 6 dev kart, header şişip asıl iş ekranın altına itiliyordu) */
@media (max-width: 680px) {
    .hcp-ctrl-av.hcp-ctrl-av--card { min-width: 150px; }
}

/* ===== Parça 1 — Roster header içinde: layout & kompakt kart ===== */

/* Strip: Planım stili beyaz kart, yatay scroll */
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-avatar-strip {
    /* OLU KOD TEMIZLIGI (2026-08-27): bu blok once beyaz kart kromu (background,
       box-shadow, border-radius, padding, margin) veriyordu; 40 satir asagidaki
       ayni-specificity blok hepsini transparent/none ile geri aliyordu. Ezilen
       ozellikler cikarildi, yasayan yerlesim kurallari kaldi. */
    /* wrap + görünür taşma (2026-08-17 deneyim denetimi): şerit nowrap + overflow-x
       auto ile yatay kaydırılıyordu. Ölçüm: içerik 1047px, alan 709px → 338px gizli;
       Özge Turhan 101px kırpık, Alperen Aşanbuğa tamamen dışarıda. Kırpılmış bir kart
       kaydırma daveti gibi okunmuyor, bozuk gibi okunuyor. Artık alta sarıyor:
       kimse kesilmiyor, yatay kaydırma yok. Ad kısaltması (shortCoachName) ile
       birlikte 6 kişi çoğu pencerede tek-iki satıra iniyor. */
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    row-gap: 8px !important;
    column-gap: 8px !important;
    border: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

/* ===== 2A — Header özet kartı: seçili koç + durum + değerlendirme ilerlemesi ===== */
.hcp-ctrl-headcard { gap: 0 !important; }
/* ÖLÜ KOD TEMİZLİĞİ (2026-07-27): headcard koç bloğu (__top/__coach*/__status/__prog*/
   __avwrap/__av/__bar*/__hint) silindi. JS tarafındaki no-op updateControlHeadCard da
   2026-08-14 denetiminde kaldırıldı — bu blok artık tümüyle tarih notu. */
/* Madde 9 — yönetici/değerlendirmeci kartını koçlardan ayır (mor rol etiketi) */
/* Mor rol rengi kaldirildi (2026-08-27): durum satiri her kartta ayni islevi
   tasidigi icin ayni renkte olmali. Staff ayrimi artik "Degerlendirme Ekibi"
   grup basligi + dikey ayrac ile yapiliyor. */
/* Madde 21 — koç kartlarında ince hover yükselmesi (mikro etkileşim) */
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card {
    transition: transform .14s ease, box-shadow .14s ease;
}
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card:hover {
    transform: translateY(-2px);
    box-shadow: var(--pys-elev-2) rgba(15, 23, 42, .10);
}
@media (prefers-reduced-motion: reduce) {
    #hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card { transition: none; }
    #hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card:hover { transform: none; }
}
/* Strip kartin icinde: kendi beyaz kart kromunu birak, ustte ince ayracla bolun.
   Icerik artik iki GRUP (Is Koclari | Degerlendirme Ekibi) — kartlar dogrudan
   burada degil, .hcp-ctrl-rgrp__cards izgaralarinda duruyor. */
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-avatar-strip {
    background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
    /* Ust ayrac ve bosluk kalkti (2026-08-27, Yon B): border-top hafta serit
       satirini roster'dan AYIRMAK icindi. Serit kaldirildi, roster artik beyaz
       kartin tek icerigi — ayrilacak bir sey yok. */
    padding: 0 !important; margin: 0 !important; border-top: none !important;
    display: flex !important; flex-direction: row !important; align-items: stretch !important;
    flex-wrap: nowrap !important; gap: 12px !important;
}
/* OLU KOD TEMIZLIGI (2026-08-27, Yon B): panel geneli hafta ozeti icin AYRI
   SATIR (.hcp-ctrl-weekprog ailesi) tamamen kaldirildi. Durum artik roster
   grup etiketinin sag ucunda: .hcp-ctrl-wkstat (bkz. yuzey parcasi).
   Serit icindeki hafta cipi ise mavi banda tasinmisti: .hcp-ctrl-wkctx. */

/* ÖLÜ KOD TEMİZLİĞİ (2026-07-27): işaret lejantı (.hcp-ctrl-mark-legend*) silindi —
   lejant arayüzden kaldırılmıştı, sınıflar hiçbir JS/HTML tarafından üretilmiyor. */
/* Panel-geneli "Bu hafta" çubuğu YEŞİL (genel tamamlanma); seçili koç çubuğu MAVİ kalır.
   Eskiden ikisi de aynı mavi gradyandı, hangisinin hangisi olduğu ayırt edilemiyordu. */

/* Kompakt kart boyutu: header sığdıran küçük format */
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card {
    min-width: 0;
    max-width: none;
    min-height: 54px;
    padding: 6px 10px;
    gap: 9px;
}
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-face,
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-img {
    width: 40px; height: 40px;
}
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-ct { display: flex !important; }
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-name {
    font-size: var(--pys-fs-sm); display: flex !important;
}
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-st {
    font-size: var(--pys-fs-xs); display: block !important;
}
/* İsim kart üzerinde zaten görünüyor — tooltip gerekmez */
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card::after,
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card::before { display: none !important; content: none !important; }

/* İçerik alanı tam genişlik (artık sidebar yok) */#hcp-shell-control #hcp-control-work { width: 100%; }

/* ===== --card layout fix: ID seçici (flex-direction:column) eziliyor ===== */
/* Specificity: (1,2,0) > eski (1,1,0) — !important gerekmeden kazanır */
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    /* 56 -> 48px / avatar 32px denendi ve canlida GERI ALINDI: fotograflar
       taninmiyor, metinler kirpiliyordu. Yeni deger: 54px kart / 40px avatar. */
    min-height: 54px !important;
    padding: 6px 10px !important;
    border-radius: var(--pys-radius-lg, 16px) !important;
    border: 1.5px solid var(--color-border-tertiary, #DCE3EB) !important;
    background: var(--color-background-primary, #fff) !important;
    box-shadow: var(--pys-shadow-sm), 0 5px 14px rgba(15,23,42,.07) !important;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card:hover {
    background: var(--color-background-primary, #fff) !important;
    border-color: #B9C4D0 !important;
    transform: translateY(-2px);
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-face {
    width: 40px !important; height: 40px !important;
    border-radius: 50% !important; flex-shrink: 0 !important;
    position: relative !important; display: flex !important;
    align-items: center !important; justify-content: center !important;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-img,
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-initials {
    width: 40px !important; height: 40px !important;
    box-shadow: var(--pys-elev-1) rgba(15,23,42,.12) !important;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-ct {
    display: flex !important; flex-direction: column !important;
    gap: 2px !important; min-width: 0 !important; flex: 1 !important;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-name {
    display: flex !important; font-size: var(--pys-fs-sm) !important; font-weight: 700 !important;
    color: var(--color-text-primary, var(--pys-ink-1)) !important;
    max-width: none !important; text-align: left !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-st {
    font-size: var(--pys-fs-xs) !important; font-weight: 600 !important;
    color: var(--color-text-secondary, var(--pys-ink-5)) !important;
    display: block !important; text-align: left !important;
}
/* Tooltip iptal */
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card::after,
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card::before { display: none !important; content: none !important; }

/* Koç kartları tek-tip beyaz — dekoratif chip renkleri (index%7) kaldırıldı; gri zeminde
   gürültü yapıyordu. Renk yalnız avatar halkasında (ilerleme/done) ve seçili kartta kalır. */
/* OLU KOD TEMIZLIGI (2026-08-27): [data-chip] kurallari, artik uretilmeyen bir
   ozniteligi hedefliyordu. Dekoratif gradyanlar 2026-08-15'te birakilmisti;
   bu kurallar yalnizca onlari GERI ALMAK icin duruyordu. Oznitelik de kalkti. */

/* ===== Parça 2 — Ferah Kartlar, Göç ve Mühür Mimarisi ===== */

/* 1. Grup Başlıkları Temizliği */
.hcp-ctrl-group-hdr--bekliyor, .hcp-ctrl-group-hdr--devam, .hcp-ctrl-group-hdr--tamamlandi, .hcp-ctrl-group-hdr--tamamlanamadi, .hcp-ctrl-group-hdr--vazgecildi {
    background: transparent !important; border-left: none !important;
    border-bottom: 1px solid var(--color-border-tertiary, #e7e3da) !important; padding-left: 4px !important;
}
.hcp-ctrl-group-name { font-weight: 800 !important; font-size: var(--pys-fs-md) !important; color: var(--color-text-primary, var(--pys-ink-1)) !important; }
/* Sayı, ekranın öbür ucuna itilmez (margin-left:auto kalktı) — adın yanında çip olarak durur. */
.hcp-ctrl-group-count { font-size: var(--pys-fs-xs) !important; font-weight: 700 !important; color: var(--color-text-secondary, var(--pys-ink-4)) !important; background: #EEF2F7; border-radius: var(--pys-radius-pill); padding: 2px 10px; line-height: 1.5; }

/* 2. Liste Düzeni */
.hcp-ctrl-group-items { display: flex; flex-direction: column; gap: 16px !important; padding: 16px 4px !important; }

/* 3. Ferah Kart Yapısı */
.hcp-ctrl-item.hcp-ctrl-item--card {
    background: var(--color-background-primary, #FFFFFF) !important;
    border-radius: var(--pys-radius-lg) !important; border: 1px solid var(--color-border-tertiary, #e7e3da) !important;
    padding: 16px 20px 16px 24px !important; position: relative; display: block !important;
    box-shadow: 0 1px 3px rgba(15,23,42,0.04), 0 4px 12px rgba(15,23,42,0.03) !important;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, opacity 0.4s ease !important;
}
.hcp-ctrl-item.hcp-ctrl-item--card:nth-child(even) { background: #F8FAFC !important; }
/* Satır hover'ı TEK kaynağa indi (2026-08-21 denetimi): bu kural, aşağıdaki
   4021 ve 5042 numaralı eski hover kuralları ve 5312'deki krem zemin birlikte
   satıra ÜÇ farklı transform + DÖRT farklı zemin yazıyordu. Kazanan, Bento
   döneminden kalan `transform:none !important; box-shadow:none !important`
   oluyordu — yani Pastel'in tasarlanan "2px kalkma + mavi halka" hover'ı
   canlıda HİÇ çalışmıyordu (harness'ta kaskad kazananı hesaplanarak bulundu).
   Tek geçerli hover artık dosya sonundaki
   `#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing):hover` kuralıdır. */

/* 4. Ayrık İmleç (Dinamik Sol Çizgi) */
.hcp-ctrl-item-main { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; position: relative; z-index: 2; cursor: pointer; }
/* E3/E17 (2026-08-13): iş penceresini açan satır gövdesi klavyeyle de odaklanır —
   odak halkası görünür olmalı (aksi halde klavye kullanıcısı nerede olduğunu kaybeder). */
.hcp-ctrl-item-main[data-open-popup]:focus-visible {
    outline: 2px solid var(--hcp-focus-ring, #1a63c4); outline-offset: 3px;
    border-radius: var(--pys-radius-sm);
}

/* 5. Geri Bildirim Kutusu (Pürüzsüz Genişleme & Shake Hata) */
.hcp-ctrl-control-note-wrap {
    max-height: 0; overflow: hidden; opacity: 0; margin-top: 0;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, margin-top 0.3s ease;
}
.hcp-ctrl-control-note-wrap.is-open { max-height: 250px; opacity: 1; margin-top: 16px; }
.hcp-ctrl-fb-label { font-size: var(--pys-fs-xs); font-weight: 700; color: var(--pys-ink-5); margin-bottom: 6px; display: block; text-transform: none; letter-spacing: 0.01em; }
.hcp-ctrl-control-note { border-top: none !important; padding: 0 !important; background: transparent !important; }
.hcp-ctrl-control-note-input {
    border-radius: var(--pys-radius-md) !important; padding: 10px 12px !important; background: #F8FAFC !important;
    border: 1px solid transparent !important; box-shadow: inset 0 2px 4px rgba(15,23,42,0.02) !important;
    /* D10: kapalı hâlde kompakt (~2 satır); odaklanınca büyür. Eski sabit 60px+
       kronik devir bandıyla birleşince tek iş kartı ekranın yarısını kaplıyordu. */
    transition: all 0.2s ease, min-height 0.15s ease !important; min-height: 44px !important; width: 100% !important; resize: none !important;
}
.hcp-ctrl-control-note-input:focus {
    background: #FFFFFF !important; border-color: #3FA0EC !important; box-shadow: 0 0 0 3px rgba(63,160,236,0.15) !important; outline: none;
    min-height: 84px !important;
}
/* Gerekçe eksikken alan görünür kalsın (kırmızı çerçeveyle) ama kapalı boyda. */
.hcp-ctrl-note-required .hcp-ctrl-control-note-input:not(:focus) { min-height: 44px !important; }

/* Aksiyon Satırı ve Kaydet Butonu */
.hcp-ctrl-action-row { display: flex; justify-content: flex-end; margin-top: 10px; }
.hcp-ctrl-save-next {
    background: linear-gradient(135deg, #3FA0EC, #1E6FD0); color: #fff; border: none;
    padding: 8px 20px; border-radius: var(--pys-radius-sm); font-size: var(--pys-fs-xs); font-weight: 700; cursor: pointer;
    box-shadow: var(--pys-elev-2) rgba(30,111,208,0.25); transition: all 0.2s;
}
.hcp-ctrl-save-next:hover { transform: translateY(-1px); box-shadow: var(--pys-elev-2) rgba(30,111,208,0.35); }
/* Kontrol #4 — gerekçe zorunlu: alan kırmızı + Kaydet pasif (−/R/DD boşken) */
.hcp-ctrl-save-next:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; transform: none; }
.hcp-ctrl-save-next:disabled:hover { transform: none; box-shadow: none; }
.hcp-ctrl-note-required .hcp-ctrl-control-note-input { border-color: #DC2626; box-shadow: 0 0 0 3px rgba(220,38,38,0.12); }
.hcp-ctrl-note-required .hcp-ctrl-fb-label::after { content: " — gerekçe zorunlu"; color: #DC2626; font-weight: 800; letter-spacing: 0; }

/* DD ("Değerlendirme Dışı") sonucu uyarısı — işaret seçilir seçilmez gerekçe alanının
   üstünde belirir. DD verilen iş haftalık skora hiç girmediği için, yalnız not bırakmak
   isteyen değerlendirmecinin bu işareti seçmesi sessiz veri kaybına yol açıyordu. */
.hcp-ctrl-dd-warn {
    display: flex; align-items: flex-start; gap: 8px;
    background: #FFF7E6; color: #7C4A03;
    border: 1px solid #F3D9A4; border-radius: var(--pys-radius-md);
    padding: 10px 12px; margin-bottom: 10px;
    font-size: var(--pys-fs-xs); line-height: 1.45;
}
.hcp-ctrl-dd-warn i { color: #B45309; font-size: var(--pys-fi-md); margin-top: 2px; flex-shrink: 0; }
.hcp-ctrl-dd-warn strong { font-weight: 800; }
/* Uyarı kutusu eklenince gerekçe alanı 250px'e sığmıyordu; açık sarma yüksekliği artar. */
.hcp-ctrl-control-note-wrap.is-open:has(.hcp-ctrl-dd-warn) { max-height: 400px; }

/* (Eski DD karar kutusu CSS'i kaldırıldı — 2026-08-06: Yolunda/Hızlanalım artık
   pill'de gerçek işaret; kutu yalnız bilgi verir. Kronik şerit yaşamaya devam eder.) */
/* Kronik gecikme şeridi — yalnız devir ×2 ve üzerinde çıkar (DD uyarısı + Yolunda kilidi). */
.hcp-ctrl-dd-chronic {
    /* D10: tek satırlık kompakt bant — devir bilgisi zaten rozette; bant yalnız
       gerekçe kuralını hatırlatır, kart boyunu domine etmez. */
    display: flex; align-items: center; gap: 8px;
    background: #FDECEC; border: 1px solid #F3C0C0; border-radius: var(--pys-radius-md);
    padding: 6px 10px; margin: 0 0 8px;
    font-size: var(--pys-fs-xs); line-height: 1.35; color: #8C2B2B;
}
.hcp-ctrl-dd-chronic i { color: #C13B3B; font-size: var(--pys-fi-md); flex-shrink: 0; }
.hcp-ctrl-dd-chronic strong { font-weight: 800; }
/* D4: popup işaret butonundaki tuş rozeti — 1-4 kısayolu buton sırasını izler,
   sıra işin durumuna göre değiştiği için numara butonun üzerinde görünür. */
.hcp-ctrl-popup-key {
    display: inline-flex; align-items: center; justify-content: center;
    width: 16px; height: 16px; margin-right: 6px;
    border-radius: var(--pys-radius-xs); background: rgba(15, 23, 42, 0.08);
    font-size: var(--pys-fs-xs); font-weight: 800; color: var(--pys-ink-4); line-height: 1;
}
.hcp-ctrl-mark.is-active .hcp-ctrl-popup-key { background: rgba(255,255,255,0.25); color: inherit; }

/* İş koçunun beyan ettiği "devam ediyor" sebebi — karar kutusunun başında.
   Üç ton: yeşil = DD meşru, amber = duruma bağlı, mercan = DD gecikmeyi gizler. */
.hcp-ctrl-dd-reason {
    display: flex; align-items: flex-start; gap: 8px;
    border-radius: var(--pys-radius-md);
    padding: 8px 10px; margin: 0 0 10px;
    font-size: var(--pys-fs-xs); line-height: 1.45;
}
.hcp-ctrl-dd-reason i { font-size: var(--pys-fi-md); margin-top: 2px; flex-shrink: 0; }
.hcp-ctrl-dd-reason strong { font-weight: 800; }
.hcp-ctrl-dd-reason--ok { background: #EFF8ED; border: 1px solid #BEDDB6; color: #2F6B2A; }
.hcp-ctrl-dd-reason--ok i { color: #4C9440; }
.hcp-ctrl-dd-reason--warn { background: #FFF8E8; border: 1px solid #EBD08A; color: #7C5A0A; }
.hcp-ctrl-dd-reason--warn i { color: #C1901F; }
.hcp-ctrl-dd-reason--bad { background: #FDECEC; border: 1px solid #F3C0C0; color: #8C2B2B; }
.hcp-ctrl-dd-reason--bad i { color: #C13B3B; }

/* Meta şeridindeki sebep rozeti — üç sebep üç renkte, bir bakışta ayrışsın. */
.hcp-ctrl-reason {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 10px; border-radius: var(--pys-radius-pill);
    font-size: var(--pys-fs-xs); font-weight: 700; white-space: nowrap;
}
.hcp-ctrl-reason i { font-size: var(--pys-fi-xs); }
/* 6. Kapsül Butonlar */
.hcp-ctrl-marks.hcp-ctrl-marks--pill {
    border-radius: var(--pys-radius-pill) !important; padding: 2px !important; gap: 2px !important; background: #fff !important;
    border: 1.5px solid var(--color-border-tertiary, #e7e3da) !important; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
}
.hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark {
    border-radius: var(--pys-radius-pill) !important; border: none !important; height: 36px !important; min-width: auto !important;
    padding: 0 16px !important; font-size: var(--pys-fs-sm) !important; transition: all 0.2s !important;
}
.hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark:hover:not(.is-active) { background: #F1F5F9 !important; color: var(--pys-ink-1) !important; }

/* 7. Göç Animasyonu — eski "ortada eğik filigran mühür" kaldırıldı (metnin üstüne binip
   başlık+açıklamayı okunmaz yapıyordu); 2026-08-13'te DOM'daki ölü mühür elemanı ve ona
   yazan JS de söküldü. Durum sinyali artık meta satırındaki işaret damgasında
   (.hcp-ctrl-mark-tag) + renkli aktif kapsül butonunda. */
.hcp-ctrl-item.hcp-is-moving { transform: scale(0.97) translateY(24px) !important; opacity: 0 !important; }

/* Değerlendirilenler Listesi */
.hcp-ctrl-evaluated-list { margin-top: 20px; border-top: 1px solid #EEF2F6; padding-top: 16px; }
.hcp-ctrl-evaluated-hdr { display: flex; align-items: center; gap: 10px; padding: 6px 2px 12px; cursor: pointer; user-select: none; }
.hcp-ctrl-evaluated-hdr:hover .hcp-ctrl-evaluated-title { color: var(--pys-ink-1); }
.hcp-ctrl-evaluated-hdr .hcp-ctrl-group-chevron { color: #94A3B8; font-size: var(--pys-fi-sm); margin-left: 0; }
.hcp-ctrl-evaluated-hdr:hover .hcp-ctrl-group-chevron { color: var(--pys-ink-4); }
.hcp-ctrl-evaluated-hdr .fa-circle-check { color: #15803D; font-size: var(--pys-fi-sm); flex-shrink: 0; }
/* margin-left:auto kaldırıldı (2026-08-17 deneyim denetimi): ipucu, işaret ettiği
   "Değiştir" butonlarından ~700px uzağa, başlık şeridinin en sağına savruluyordu.
   Artık başlığın hemen yanında — yakınlık ilkesi: açıklama, açıkladığı şeye komşu. */
.hcp-ctrl-evaluated-hint { margin-left: 2px; }
.hcp-ctrl-evaluated-title { font-size: var(--pys-fs-md); font-weight: 700; color: var(--pys-ink-3); }
/* E7 (2026-08-13): #64748B krem/gri zeminde 12px'te 4.34:1 kalıyordu (AA eşiği 4.5).
   Aynı gri ailesinde bir ton koyu → ≈5.0:1. */
.hcp-ctrl-evaluated-hint { font-size: var(--pys-fs-xs); color: var(--pys-ink-4); font-weight: 500; }
.hcp-ctrl-evaluated-list .hcp-ctrl-item--card { opacity: 0.85; box-shadow: none !important; border-color: #e2e8f0 !important; background: #F8FAFC !important; }
.hcp-ctrl-evaluated-list .hcp-ctrl-item--card:hover { opacity: 1; background: #fff !important; border-color: #cbd5e1 !important; }


/* Varış Parlaması */
@keyframes hcpFocusFlash { 0%,100%{box-shadow:0 0 0 0 rgba(63,160,236,0);} 50%{box-shadow:0 0 0 6px rgba(63,160,236,0.25);} }
.hcp-item-row--focus-flash { animation: hcpFocusFlash 1.5s ease; }

/* Açıklama & Kanıt */
.hcp-ctrl-item-info { margin-top: 8px; }
.hcp-ctrl-item-expl-lbl {
    display: block; font-size: var(--pys-fs-xs); font-weight: 600; color: var(--pys-ink-5);
    text-transform: none; letter-spacing: 0.01em; margin-bottom: 2px;
}
.hcp-ctrl-item-expl {
    font-size: var(--pys-fs-sm); color: var(--pys-ink-3); line-height: 1.5;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
    overflow-wrap: break-word; word-break: break-word;
}
.hcp-ctrl-item-expl--none { color: var(--pys-ink-5); }
/* Açıklama + kanıt tamamen boşsa: başlıksız, küçük italik tek satır */
.hcp-ctrl-item-info--empty { margin-top: 4px; }
.hcp-ctrl-item-info--empty .hcp-ctrl-item-expl--none { font-size: var(--pys-fs-xs); font-style: italic; }
/* İçerik/Dosya geri bildirimi brief'i — başlığın altında salt-okunur bağlam bloğu.
   Renkli kenarlık şeridi yok; yumuşak zemin tonuyla ayrışır. */
.hcp-ctrl-item-brief {
    margin-top: 8px; padding: 8px 10px; border-radius: var(--pys-radius-sm);
    background: #EEF4FF; border: 1px solid #DCE6FB;
}
.hcp-ctrl-item-brief__lbl {
    display: flex; align-items: center; gap: 6px;
    font-size: var(--pys-fs-xs); font-weight: 700; color: #3B5BA5; margin-bottom: 4px;
}
.hcp-ctrl-item-brief__body {
    font-size: var(--pys-fs-sm); color: var(--pys-ink-3); line-height: 1.5;
    white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word;
}
/* Adım düğmelerinde klavye odak halkası (kırıntı adımları) */
.hcp-ctrl-wiz-crumb__step:focus-visible { outline: 2px solid var(--hcp-focus-ring, #1a63c4); outline-offset: 2px; border-radius: var(--pys-radius-md); }
.hcp-ctrl-auto-link { color: #2563EB; text-decoration: underline; word-break: break-all; }
.hcp-ctrl-auto-link:hover { color: #1D4ED8; }

/* Kanıt satırları */
.hcp-ctrl-item-evidence { display: flex; flex-direction: column; gap: 4px; margin-top: 4px; }
.hcp-ctrl-ev-row {
    display: flex; align-items: center; gap: 6px;
    font-size: var(--pys-fs-xs); padding: 4px 8px; border-radius: var(--pys-radius-sm);
    background: #EFF6FF; color: #1D4ED8; border: 1px solid #BFDBFE;
    text-decoration: none; overflow: hidden; min-width: 0;
}
.hcp-ctrl-ev-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
.hcp-ctrl-ev-external { font-size: var(--pys-fs-xs); flex-shrink: 0; opacity: 0.7; }
a.hcp-ctrl-ev-row { cursor: pointer; }
a.hcp-ctrl-ev-row:hover { background: #DBEAFE; color: #1E40AF; }
.hcp-ctrl-ev-row--note { background: #F8FAFC; color: var(--pys-ink-4); border-color: #E2E8F0; cursor: default; }.hcp-ctrl-ev-row--more { background: #F9FAFB; color: var(--pys-ink-5); border-color: #E5E7EB; cursor: default; font-size: var(--pys-fs-xs); }

/* Hata Titremesi */
@keyframes hcpShake { 0%,100%{transform:translateX(0);} 25%{transform:translateX(-5px);} 75%{transform:translateX(5px);} }
.hcp-shake { animation: hcpShake 0.3s ease-in-out; }
.hcp-shake .hcp-ctrl-control-note-input { border-color: #EF4444 !important; box-shadow: 0 0 0 3px rgba(239,68,68,0.15) !important; }


/* Secili kart - TEK KAYNAK (2026-08-27)
   Solid kobalt dolgu kalkti: secili kart sayfa basligindan bile fazla dikkat
   cekiyordu, oysa asil is degerlendirme satirlarinda. Artik acik mavi zemin +
   2px kobalt cerceve + ince tik isareti. */
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card.is-active {
    background: #EAF1FC !important;
    border-color: #1453B8 !important;
    border-width: 2px !important;
    padding: 5px 9px !important;
    outline: none !important;
    box-shadow: 0 2px 8px rgba(20,83,184,.14) !important;
    transform: none;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card.is-active .hcp-ctrl-av-name { color: #0E3C86 !important; }
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card.is-active .hcp-ctrl-av-st { color: #2C5A9E !important; }
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card.is-active .hcp-ctrl-av-img,
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card.is-active .hcp-ctrl-av-initials { box-shadow: 0 0 0 2.5px rgba(20,83,184,.22) !important; }

/* ===== Parça 2 Ezici Seçici Düzeltmeleri (Pill Kapsül Koruma) ===== */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill {
    display: inline-flex !important;
    border: 1.5px solid var(--color-border-tertiary, #e7e3da) !important;
    border-radius: var(--pys-radius-pill) !important;
    background: #ffffff !important;
    padding: 2px !important;
    gap: 2px !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
    overflow: visible !important;
}

#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark {
    width: auto !important;
    height: 36px !important;
    min-width: 36px !important;
    border: none !important;
    border-radius: var(--pys-radius-pill) !important;
    padding: 0 16px !important;
    font-size: var(--pys-fs-sm) !important;
    font-weight: 800 !important;
    color: var(--pys-ink-5) !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Aktif Durumların Arka Plan Renk Eşleşmeleri */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="plus"].is-active {
    background: var(--hcp-status-tamamlandi, #15803D) !important; color: #fff !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="minus"].is-active {
    background: var(--hcp-status-tamamlanamadi, #EF4444) !important; color: #fff !important;
}
/* R = mavi, DD = slate — tüm panelde (mühür/cursor/pill/popup) TEK anlam, TEK renk (--hcp-mark-*) */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="revise"].is-active {
    background: var(--hcp-mark-revise) !important; color: #fff !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="dd"].is-active {
    background: var(--hcp-mark-dd) !important; color: #fff !important;
}

/* Boşta (aktif değilken) ikonlar semantik rengini taşır — lejanttaki renk = anlam
   eşlemesi butona da uygulanır (hepsi gri değil). Aktif hal yukarıda dolu renk kalır. */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="plus"]:not(.is-active)   { color: #15803D !important; }
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="minus"]:not(.is-active)  { color: #DC2626 !important; }
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="revise"]:not(.is-active) { color: var(--hcp-mark-revise) !important; }
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="dd"]:not(.is-active)     { color: var(--hcp-mark-dd) !important; }
/* Hover: semantik rengi koru, yalnız yumuşak zemin ekle (gri kararma yok). */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="plus"]:hover:not(.is-active)   { background:#F0FDF4 !important; color:#15803D !important; }
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="minus"]:hover:not(.is-active)  { background:#FEF2F2 !important; color:#B91C1C !important; }
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="revise"]:hover:not(.is-active) { background:var(--hcp-mark-revise-soft) !important; color:var(--hcp-mark-revise) !important; }
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="dd"]:hover:not(.is-active)     { background:#F8FAFC !important; color:var(--hcp-mark-dd) !important; }

/* Mobil dokunma hedefi: kapsül butonlar 36px → 44px (parmakla yanlış işaret riskini azaltır) */
@media (max-width: 680px) {
    #hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark {
        height: 44px !important; min-width: 44px !important;
    }
}

/* Değerlendirilenler altındaki listeyi temiz tut */
.hcp-ctrl-evaluated-list .hcp-ctrl-control-note-wrap:not(.is-open) {
    max-height: 0 !important;
    opacity: 0 !important;
    margin-top: 0 !important;
}

/* ===== Parça 2 — Sinematik Değerlendirme Yüzeyi ve Premium Kart Derinliği ===== */

/* Zemin BURADAN kalktı (2026-08-21 denetimi): `.hcp-ctrl-eval-inner`, üstündeki
   `.hcp-ctrl-eval-card`'ı dört kenardan 0px farkla birebir örtüyordu. Sonuç iki
   hataydı: (1) kartın 20px köşesi bu köşesiz iç katmanla KAREYE dönüyordu,
   (2) Pastel Tactile'in `#D2E0EE` tuvali hiç görünmüyordu. Zemin artık köşeyi
   taşıyan kartın kendisinde; ekrandaki renk aynı kalır. */
#hcp-shell-control .hcp-ctrl-eval-inner {
    background: transparent !important;
    padding: 24px !important;
}

#hcp-shell-control .hcp-ctrl-item.hcp-ctrl-item--card {
    background: #FFFFFF !important;
    border-radius: var(--pys-radius-lg) !important;
    border: 1px solid #E2E8F0 !important;
    margin-bottom: 12px !important;
    padding: 16px 24px 16px 20px !important;
    /* Sakin/premium: ağır 16-24px blur'lu "yüzen" gölge yerine ince, yakın gölge */
    box-shadow: 0 1px 2px rgba(15,23,42,0.04),
                0 4px 12px -2px rgba(15,23,42,0.05) !important;
    transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.2s ease, border-color 0.2s ease !important;
}

/* (2026-08-21) Eski hover kaldırıldı — `transform:-1px !important` bildirimi,
   dosya sonundaki tasarlanan `-2px` hover'ını önem sırasıyla eziyordu. */

/* Sol dikey renkli şerit kaldırıldı (görsel kural: kenar şeridi aksanı kullanma → renkli
   rozet/gölge tercih et). Durum rengi artık numara rozetinde. */
/* (2026-08-21) `.hcp-color-cursor` DOM'dan da kalktı — Pastel yüzeyinden beri
   display:none idi, her satırda basılan çizilmeyen boş bir div'di. 6 ölü kural silindi. */
/* Sol şerit gittiği için kartın fazladan sol dolgusu normale çekildi */
#hcp-shell-control .hcp-ctrl-item.hcp-ctrl-item--card { padding-left: 20px !important; }

/* Numara rozeti ARTIK BOYANMAZ (2026-08-13 denetimi, E6): işaret rengine boyama
   yalnız 4 işaret için yazılmıştı, Yolunda/Hızlanalım'da beyaz yazı boyasız zeminde
   kalıp 1.04:1 kontrastla tamamen görünmez oluyordu. İşaretin adı ve rengi artık
   meta satırındaki damgada (.hcp-ctrl-mark-tag) — numara her satırda okunur nötr. */

#hcp-shell-control .hcp-ctrl-group-hdr {
    background: transparent !important;
    border-left: none !important;
    border-bottom: 2px solid #E2E8F0 !important;
    padding: 12px 4px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

#hcp-shell-control .hcp-ctrl-badge--slate {
    font-size: var(--pys-fs-xs) !important;
    font-weight: 700 !important;
    color: var(--pys-ink-4) !important;
    background: #E2E8F0 !important;
    padding: 4px 12px !important;
    border-radius: var(--pys-radius-sm) !important;
    letter-spacing: 0.02em !important;
}

/* ===== Parça 2 Zebra — ID-scoped düzeltme ===== */
/* Sakin görünüm: zebra çok belirgindi (#F8FAFC). Kartlar beyaz, ayrım gölge+boşlukla
   sağlandığı için zebra neredeyse görünmez bir tona indirildi. */
#hcp-shell-control .hcp-ctrl-item.hcp-ctrl-item--card:nth-child(even) {
    background: #FCFDFE !important;
}

/* ============================================================
   FAZ 1 — Dinamik Odak Kanvası: Yeni aşama UI'ları
   ============================================================ */

/* ÖLÜ KOD TEMİZLİĞİ (2026-07-27): pill-stepper (adım rayının 2. nesli) silindi —
   ray HTML üretimi 2026-07-25'te adım kırıntısına dönüştü, bu sınıflar üretilmiyor. */
#hcp-shell-control .hcp-ctrl-wiz { gap: 10px; }


/* HÇP Ara Raporu — "İş koçuna doğrudan gitmez" rozeti */
#hcp-shell-control .hcp-ctrl-interim-badge {
    background: var(--hcp-amber-100); color: #92400E; border: 0.5px solid #FCD34D;
    border-radius: var(--pys-radius-sm); padding: 2px 10px; font-size: var(--pys-fs-xs); font-weight: 700;
    display: inline-flex; align-items: center; gap: 4px;
}

/* Örüntü Analizi — "yalnız yönetici görür" rozeti */
#hcp-shell-control .hcp-ctrl-pattern__badge {
    font-size: var(--pys-fs-xs); font-weight: 700; letter-spacing: .04em;
    background: rgba(168,93,6,.12); color: #a85d06; border-radius: var(--pys-radius-xs); padding: 2px 8px;
    text-transform: none;
}

/* Örüntü: alt-bölüm düzeni */
#hcp-shell-control .hcp-ctrl-pattern-sections { display: flex; flex-direction: column; gap: 12px; }
#hcp-shell-control .hcp-ctrl-pattern-section {
    background: rgba(255,255,255,.65); border-radius: var(--pys-radius-md); padding: 10px 12px;
    border: 0.5px solid rgba(217,119,6,.18);
}
#hcp-shell-control .hcp-ctrl-pattern-section__lbl {
    font-size: var(--pys-fs-xs); font-weight: 800; letter-spacing: .04em; text-transform: none;
    color: #a85d06; display: flex; align-items: center; gap: 6px; margin-bottom: 4px;
}
#hcp-shell-control .hcp-ctrl-pattern-section__txt { color: #7a4a08; font-size: var(--pys-fs-md); line-height: 1.55; }
#hcp-shell-control .hcp-ctrl-pattern-p { color: #7a4a08; font-size: var(--pys-fs-md); line-height: 1.55; margin: 4px 0; }

/* Haftalık Değerlendirme Raporu — Aşama 3 (Faz 2 tamamlandığında gerçek içerik gelecek) */
#hcp-shell-control .hcp-ctrl-weekly-phase {
    display: flex; flex-direction: column; gap: 12px; padding: 4px 0;
}
#hcp-shell-control .hcp-ctrl-weekly-phase__head {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 16px; border-radius: var(--pys-radius-md);
    background: linear-gradient(135deg, #EFF6FF, #DBEAFE);
    border: 0.5px solid #BFDBFE;
}
#hcp-shell-control .hcp-ctrl-weekly-phase__icon {
    width: 40px; height: 40px; border-radius: var(--pys-radius-md); flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #3D8BEF, #2563D8); color: #fff; font-size: var(--pys-fi-lg);
}
#hcp-shell-control .hcp-ctrl-weekly-phase__title {
    font-size: var(--pys-fs-md); font-weight: 700; color: #1E40AF;
}
#hcp-shell-control .hcp-ctrl-weekly-phase__sub {
    font-size: var(--pys-fs-xs); color: #3B82F6; margin-top: 2px;
}
#hcp-shell-control .hcp-ctrl-weekly-phase__info {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 10px 12px; border-radius: var(--pys-radius-sm); font-size: var(--pys-fs-xs); line-height: 1.45;
    background: var(--hcp-amber-50); border: 0.5px solid var(--hcp-amber-200); color: #92400E;
}
#hcp-shell-control .hcp-ctrl-weekly-phase__info i { flex-shrink: 0; margin-top: 2px; }#hcp-shell-control .hcp-ctrl-weekly-preview {
    white-space: pre-wrap; word-break: break-word;
    font-size: var(--pys-fs-sm); line-height: 1.6; color: var(--pys-ink-3);
    background: #F8FAFC; border-radius: var(--pys-radius-sm);
    padding: 10px 12px; border: 0.5px solid #E2E8F0;
    max-height: 220px; overflow-y: auto;
}#hcp-shell-control .hcp-ctrl-weekly-regen-btn {
    background: none; border: 1px solid #CBD5E1; color: var(--pys-ink-5);
    border-radius: var(--pys-radius-sm); padding: 4px 12px; font-size: var(--pys-fs-xs); cursor: pointer;
    display: inline-flex; align-items: center; gap: 4px;
}
#hcp-shell-control .hcp-ctrl-weekly-regen-btn:hover { background: #F1F5F9; color: var(--pys-ink-3); }
#hcp-shell-control .hcp-ctrl-no-weekly-warn {
    display: flex; align-items: center; gap: 8px;
    flex-basis: 100%; width: 100%; order: -1;
    padding: 8px 12px; border-radius: var(--pys-radius-sm); font-size: var(--pys-fs-xs); line-height: 1.45;
    background: var(--hcp-amber-50); border: 0.5px solid var(--hcp-amber-200); color: #92400E;
    margin-bottom: 8px;
}
#hcp-shell-control .hcp-ctrl-no-weekly-warn i { flex-shrink: 0; color: #B45309; }
/* ÖLÜ KOD TEMİZLİĞİ (2026-08-14): --warn varyantı silindi — "Önce Ara Rapor oluşturmalısın"
   uyarısının yerini tek tuş zincir düğmesi aldı (Ara + Final + Son Kontrol sırayla). */
#hcp-shell-control .hcp-ctrl-weekly-gen-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#hcp-shell-control .hcp-ctrl-chain-hint { font-size: var(--pys-fs-xs); color: var(--pys-ink-5); }

/* ── Interim Report Preview (IRP) ── */
/* Ara Rapor — doğrudan düzenlenebilir metin alanı (ekip lideri + yönetici) */
#hcp-shell-control .hcp-ctrl-interim-edit-wrap { margin-top: 8px; }
#hcp-shell-control .hcp-ctrl-interim-edit {
    width: 100%; resize: vertical; min-height: 320px;
    background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: var(--pys-radius-md);
    padding: 16px 16px; font-size: var(--pys-fs-sm); line-height: 1.65;
    font-family: inherit; color: var(--pys-ink-1);
}
#hcp-shell-control .hcp-ctrl-interim-edit:focus {
    outline: none; border-color: #2E8FFF; background: #fff;
    box-shadow: 0 0 0 3px rgba(46,143,255,.12);
}
#hcp-shell-control .hcp-ctrl-interim-edit__foot {
    display: flex; align-items: center; gap: 12px; margin-top: 10px;
}
#hcp-shell-control .hcp-ctrl-interim-save {
    display: inline-flex; align-items: center; gap: 8px;
    background: #15803D; color: #fff; border: none;
    border-radius: var(--pys-radius-sm); padding: 10px 16px;
    font-size: var(--pys-fs-sm); font-weight: 600; cursor: pointer; transition: background .12s;
}
#hcp-shell-control .hcp-ctrl-interim-save:hover { background: #166534; }
#hcp-shell-control .hcp-ctrl-interim-save:disabled { opacity: .6; cursor: not-allowed; }
#hcp-shell-control .hcp-ctrl-interim-saved {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: var(--pys-fs-xs); font-weight: 600; color: #15803D;
}
#hcp-shell-control .hcp-ctrl-interim-saved.hidden { display: none; }
/* ── Örüntü: boş durum + sinyal ── */
#hcp-shell-control .hcp-ctrl-pattern-nodata {
    font-size: var(--pys-fs-sm); color: var(--pys-ink-5); line-height: 1.6;
    background: #F1F5F9; border-radius: var(--pys-radius-sm); padding: 12px 12px; margin-bottom: 10px;
}
#hcp-shell-control .hcp-ctrl-pattern-nodata p { margin: 0; }
#hcp-shell-control .hcp-ctrl-pattern-signals {
    background: var(--hcp-amber-50); border: 0.5px solid var(--hcp-amber-200); border-radius: var(--pys-radius-sm);
    padding: 10px 12px; margin-top: 8px;
}
#hcp-shell-control .hcp-ctrl-pattern-signals__head {
    font-size: var(--pys-fs-xs); font-weight: 700; color: #92400E;
    margin-bottom: 8px; display: flex; align-items: center; gap: 4px;
}
#hcp-shell-control .hcp-ctrl-pattern-signal {
    font-size: var(--pys-fs-xs); color: #78350F; display: flex; align-items: baseline;
    gap: 6px; margin: 4px 0;
}
#hcp-shell-control .hcp-ctrl-pattern-signal i { color: var(--hcp-amber-600); font-size: var(--pys-fi-xs); flex-shrink: 0; }

/* ── Tüm işler bitti — İleri banner ── */
/* ── Haftalık Rapor / Ara Rapor fark notu ── */
/* ── YZ Düzenle toggle (details/summary) ── */
/* ── Yönetici Son Dokunuşu ── */
/* Yönetici Son Dokunuşu — collapsible details */
/* (Wizard adım sayacı kaldırıldı — etiketli ray zaten adımı gösteriyor; çift gösterimdi) */

/* Tüm değerlendirmeler tamamlandı banner */
.hcp-ctrl-week-done-banner {
    display: flex; align-items: center; gap: 10px;
    background: #F0FDF4;
    padding: 10px 16px; margin: 0 0 10px 0;
    font-size: var(--pys-fs-sm); font-weight: 600; color: #14532D;
    border-radius: var(--pys-radius-sm);
}
.hcp-ctrl-week-done-banner i { color: #15803D; flex-shrink: 0; }

/* ── İçerik Kontrolü Geri Bildirimleri (Kontrol ekranı) ───────────── */
.hcp-cf {
    /* Öneri A: gradient başlıkla eşleşen ağır mavi gölge/kenar kaldırıldı; iş kartlarıyla
       aynı nötr, hafif kart diline çekildi (başlık artık sekme + ince tanıtım satırı). */
    margin: 0 0 4px;
    background: #fff;
    border: 1px solid #E2E8F1;
    border-radius: var(--pys-radius-lg);
    box-shadow: 0 1px 2px rgba(18, 35, 59, .05), 0 1px 3px rgba(18, 35, 59, .05);
    overflow: hidden;
}
.hcp-cf__body-wrap { padding: 12px 16px 16px; }
.hcp-cf__loading, .hcp-cf__empty { font-size: var(--pys-fs-sm); color: var(--pys-ink-5); padding: 6px 2px; }

/* Composer — iki sütun (İş Adı | Görüş) */
.hcp-cf-composer-cols { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.5fr); gap: 12px; margin-bottom: 4px; }
.hcp-cf-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.hcp-cf-field-lbl { font-size: var(--pys-fs-xs); font-weight: 600; color: var(--pys-ink-5); }
.hcp-cf-composer .hcp-cf-titleline { margin-bottom: 0; }

/* Liste — iki sütunlu tablo (keskin ayrım, 20-25 kayda ölçeklenir) */
.hcp-cf-table { --cf-cols: minmax(150px, 0.95fr) 1.7fr auto; border: 1px solid #E2E8F1; border-radius: var(--pys-radius-md); overflow: hidden; background: #fff; }
/* Başlık: Title Case (uppercase kaldırıldı), ince tek ayraç, yumuşak zemin. */
.hcp-cf-thead {
    display: grid; grid-template-columns: var(--cf-cols); align-items: stretch;
    background: #F5F8FC; border-bottom: 1px solid #E6EBF1;
    font-size: var(--pys-fs-xs); font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--pys-ink-5);
}
.hcp-cf-thead > span { padding: 10px 12px; display: flex; align-items: center; }
/* Dikey sütun ayraçları kaldırıldı — modern görünüm, ayrım boşluk + zebra ile. */
.hcp-cf-thead > .hcp-cf-col-title, .hcp-cf-thead > .hcp-cf-col-desc { border-right: none; }
.hcp-cf-row {
    display: grid; grid-template-columns: var(--cf-cols); align-items: stretch;
    border-top: 1px solid #E6EBF1; cursor: pointer; background: #fff; transition: background .12s;
}
.hcp-cf-row:first-of-type { border-top: none; }
.hcp-cf-row:nth-of-type(even) { background: #FAFBFD; }
.hcp-cf-row.is-done { background: #F4F6F9; }
.hcp-cf-row:hover { background: #EFF5FF; }
.hcp-cf-row.is-expanded { background: #EAF2FF; box-shadow: inset 3px 0 0 #2563EB; }
.hcp-cf-col-title { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-width: 0; padding: 10px 12px; border-right: none; }
.hcp-cf-row-title { font-size: var(--pys-fs-md); font-weight: 600; color: var(--pys-ink-1); line-height: 1.4; }
.hcp-cf-row.is-done .hcp-cf-row-title { color: var(--pys-ink-5); }
.hcp-cf-row-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.hcp-cf-tag { display: inline-flex; align-items: center; gap: 4px; font-size: var(--pys-fs-xs); font-weight: 600; padding: 2px 8px; border-radius: var(--pys-radius-pill); }
.hcp-cf-tag--assigned { background: #DBEAFE; color: #1E40AF; }
.hcp-cf-tag--done { background: #DCFCE7; color: #15803D; }
/* Madde 6 — kronik vurgu: yaş etiketi kıdemle kızarır (1 hafta nötr → 2 amber → 3+ kırmızı). */
.hcp-cf-tag--age1 { background: #EEF2F7; color: var(--pys-ink-5); border: 1px solid #E2E8F1; }
.hcp-cf-tag--age2 { background: #FDF2E3; color: #B45309; border: 1px solid #F3D8AB; }
.hcp-cf-tag--age3 { background: #FBEAEA; color: #DC2626; border: 1px solid #F3C4C4; }
.hcp-cf-tag--age1 i, .hcp-cf-tag--age2 i, .hcp-cf-tag--age3 i { font-size: var(--pys-fi-xs); }
.hcp-cf-col-desc { position: relative; display: flex; flex-direction: column; justify-content: center; min-width: 0; font-size: var(--pys-fs-sm); line-height: 1.55; color: var(--pys-ink-4); padding: 10px 32px 10px 12px; border-right: none; }
.hcp-cf-desc-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hcp-cf-row.is-expanded .hcp-cf-desc-text { -webkit-line-clamp: unset; overflow: visible; }
.hcp-cf-chev { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: #94A3B8; font-size: var(--pys-fs-xs); transition: color .12s; }
/* Kısa açıklama (2 satıra sığan): chevron gerekmez, satır tıklanabilir görünmesin. */
.hcp-cf-row.is-short { cursor: default; }
.hcp-cf-row.is-short .hcp-cf-chev { display: none; }
.hcp-cf-row.is-short:hover { background: #fff; }
.hcp-cf-row.is-short:nth-of-type(even):hover { background: #FAFBFD; }
.hcp-cf-row.is-short.is-done:hover { background: #F4F6F9; }
.hcp-cf-row.is-short .hcp-cf-col-desc { padding-right: 12px; }
.hcp-cf-row:hover .hcp-cf-chev { color: #2563EB; }
.hcp-cf-col-act { display: flex; align-items: center; gap: 6px; justify-content: flex-end; padding: 12px 12px; }
.hcp-cf-assign {
    display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
    padding: 6px 12px; border: 1px solid #2563EB; background: #fff; color: #2563EB;
    font-size: var(--pys-fs-xs); font-weight: 600; border-radius: var(--pys-radius-sm); cursor: pointer;
}
.hcp-cf-assign:hover { background: #2563EB; color: #fff; }
.hcp-cf-assign:disabled { opacity: .6; cursor: default; }
.hcp-cf-done-btn {
    width: 30px; height: 30px; flex-shrink: 0; border: 1px solid #16A34A; background: #fff; color: #15803D;
    border-radius: var(--pys-radius-sm); cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.hcp-cf-done-btn:hover { background: #15803D; color: #fff; }

@media (max-width: 720px) {
    .hcp-cf-composer-cols { grid-template-columns: 1fr; }
    .hcp-cf-thead { display: none; }
    .hcp-cf-row { grid-template-columns: 1fr; }
    .hcp-cf-col-title, .hcp-cf-col-desc { border-right: none; padding-bottom: 4px; }
    .hcp-cf-col-desc { padding-top: 4px; padding-right: 32px; }
    .hcp-cf-col-act { justify-content: flex-start; padding-top: 4px; }
}

/* Haftalık rapor — kaydet satırı */.hcp-ctrl-report-save-hint { font-size: var(--pys-fs-xs); color: var(--pys-ink-5); margin-right: auto; }
.hcp-ctrl-report-saved { font-size: var(--pys-fs-xs); font-weight: 600; color: #15803D; display: inline-flex; align-items: center; gap: 4px; }
.hcp-ctrl-report-save {
    display: inline-flex; align-items: center; gap: 8px; border: none; cursor: pointer;
    background: #2563EB; color: #fff; font-size: var(--pys-fs-sm); font-weight: 600; padding: 8px 16px; border-radius: var(--pys-radius-md);
    transition: background .15s;
}
.hcp-ctrl-report-save:hover { background: #1D4ED8; }.hcp-cf-cat {
    /* align-self: sütun flex'inde çipin boydan boya gerilmesini engeller (içeriğe sarılır). */
    flex-shrink: 0; align-self: flex-start; display: inline-flex; align-items: center; padding: 4px 10px; border-radius: var(--pys-radius-pill);
    background: #DBEAFE; color: #1E40AF; font-size: var(--pys-fs-xs); font-weight: 600;
}
/* Madde 5 — kategoriye göre renk kodu (yumuşak çip: tint zemin + koyu metin). */
.hcp-cf-cat--veri { background: #E9F2FD; color: #1A5FB8; }
.hcp-cf-cat--bip  { background: #F1EAFE; color: #6D28D9; }
.hcp-cf-cat--mot  { background: #E7F7F0; color: #0B7A55; }
.hcp-cf-cat--dav  { background: #FCECE1; color: #C2410C; }
.hcp-cf-cat--dig  { background: #EEF2F7; color: var(--pys-ink-4); }

/* Composer: davet satırı + çip tabanlı kompozisyon (not yazar gibi) */
.hcp-cf-invite {
    width: 100%; display: flex; align-items: center; gap: 10px; text-align: left; cursor: pointer;
    background: #fff; border: 1px solid #E2E8F0; border-radius: var(--pys-radius-md); padding: 12px 12px;
    color: var(--pys-ink-5); font-size: var(--pys-fs-md); margin-bottom: 12px; transition: border-color .15s, background .15s;
}
.hcp-cf-invite:hover { border-color: #BFDBFE; background: #F8FAFF; }
.hcp-cf-invite__icon {
    width: 30px; height: 30px; flex-shrink: 0; border-radius: var(--pys-radius-sm); background: #DBEAFE; color: #2563EB;
    display: inline-flex; align-items: center; justify-content: center;
}
.hcp-cf-composer { background: #fff; border: 1px solid #BFDBFE; border-radius: var(--pys-radius-lg); padding: 12px 16px; margin-bottom: 12px; }
.hcp-cf-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.hcp-cf-chip {
    border: 1px solid #E2E8F0; background: #F1F5F9; color: var(--pys-ink-4); font-size: var(--pys-fs-sm); font-weight: 500;
    padding: 4px 12px; border-radius: var(--pys-radius-pill); cursor: pointer; transition: all .12s;
}
.hcp-cf-chip:hover { border-color: #BFDBFE; }
.hcp-cf-chip.is-active { background: #2563EB; border-color: #2563EB; color: #fff; }
.hcp-cf-titleline {
    width: 100%; box-sizing: border-box; border: none; border-bottom: 1px solid #E2E8F0; background: transparent;
    padding: 6px 2px 10px; font-size: var(--pys-fs-lg); font-weight: 500; color: var(--pys-ink-1); font-family: inherit; margin-bottom: 10px;
}
.hcp-cf-titleline:focus { outline: none; border-bottom-color: #2563EB; }
.hcp-cf-bodyline {
    width: 100%; box-sizing: border-box; border: none; resize: vertical; min-height: 84px; background: transparent;
    padding: 2px; font-size: var(--pys-fs-md); line-height: 1.6; color: var(--pys-ink-3); font-family: inherit;
}
.hcp-cf-bodyline:focus { outline: none; }
/* Hedef hafta seçimi — kayıt anında görevin gideceği plan haftası. Mor aktif renk:
   "Plana Ata" penceresindeki gelecek-hafta moruyla aynı aile; kategori mavisinden ayrışır. */
.hcp-cf-target { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.hcp-cf-target .hcp-cf-field-lbl { margin: 0; }
.hcp-cf-target__chips { display: inline-flex; gap: 8px; flex-wrap: wrap; }
.hcp-cf-target .hcp-cf-chip.is-active { background: #7C3AED; border-color: #7C3AED; color: #fff; }
.hcp-cf-target .hcp-cf-chip i { font-size: var(--pys-fi-sm); margin-right: 4px; }
.hcp-cf-composer__msg { font-size: var(--pys-fs-sm); color: #DC2626; margin-top: 8px; }
.hcp-cf-composer__foot {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    border-top: 1px solid #F1F5F9; margin-top: 10px; padding-top: 12px;
}
.hcp-cf-composer__hint { flex: 1; min-width: 0; font-size: var(--pys-fs-xs); color: var(--pys-ink-5); }
.hcp-cf-composer__hint i { margin-right: 4px; }
.hcp-cf-composer__btns { display: flex; gap: 8px; flex-shrink: 0; }
.hcp-cf-composer__cancel {
    border: none; background: transparent; color: var(--pys-ink-5); font-size: var(--pys-fs-sm); font-weight: 600;
    padding: 8px 12px; border-radius: var(--pys-radius-md); cursor: pointer;
}
.hcp-cf-composer__cancel:hover { background: #F1F5F9; }
.hcp-cf-composer__save {
    border: none; background: #2563EB; color: #fff; font-size: var(--pys-fs-sm); font-weight: 600;
    padding: 8px 16px; border-radius: var(--pys-radius-md); cursor: pointer;
}
.hcp-cf-composer__save:hover { background: #1D4ED8; }
.hcp-cf-composer__save:disabled { opacity: .6; cursor: default; }

/* Planım — minimal, tıklayınca açılan içerik kontrolü kartları */
.hcp-cfp {
    background: #fff; border: 1px solid #BFDBFE; border-radius: var(--pys-radius-lg);
    box-shadow: var(--pys-elev-3) rgba(20, 83, 184, .12); overflow: hidden; margin-bottom: 12px;
}
.hcp-cfp__head {
    display: flex; align-items: center; gap: 10px;
    background: linear-gradient(135deg, #2E8FFF 0%, #1453B8 100%); padding: 10px 12px;
}
.hcp-cfp__icon {
    width: 28px; height: 28px; flex-shrink: 0; border-radius: var(--pys-radius-sm); font-size: var(--pys-fi-md);
    background: rgba(255, 255, 255, .2); color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
}
.hcp-cfp__title { flex: 1; min-width: 0; font-size: var(--pys-fs-md); font-weight: 700; color: #fff; }
.hcp-cfp__count {
    flex-shrink: 0; background: rgba(255, 255, 255, .22); color: #fff;
    font-size: var(--pys-fs-xs); font-weight: 700; padding: 2px 10px; border-radius: var(--pys-radius-pill);
}
.hcp-cfp-card { border-top: 1px solid #EEF0FA; }
.hcp-cfp-card:first-of-type { border-top: none; }
.hcp-cfp-row {
    width: 100%; display: flex; align-items: center; gap: 10px; text-align: left;
    background: none; border: none; cursor: pointer; padding: 10px 12px;
}
.hcp-cfp-row:hover { background: #F8F8FE; }
.hcp-cfp-cat {
    flex-shrink: 0; background: #DBEAFE; color: #1E40AF; font-size: var(--pys-fs-xs); font-weight: 600;
    padding: 2px 10px; border-radius: var(--pys-radius-pill);
}
.hcp-cfp-title {
    flex: 1; min-width: 0; font-size: var(--pys-fs-md); font-weight: 500; color: var(--pys-ink-1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.hcp-cfp-row i { color: #94A3B8; flex-shrink: 0; }
.hcp-cfp-body { padding: 0 12px 12px; font-size: var(--pys-fs-sm); line-height: 1.6; color: var(--pys-ink-3); }
/* Planım #4 — İçerik Kontrolü kartından "İşlerime Ekle" aksiyonu */
.hcp-cfp-actions { margin-top: 10px; }
.hcp-cfp-add {
    display: inline-flex; align-items: center; gap: 6px;
    background: #EEF6FF; color: #1E6FD0; border: 1px solid #BBD9F7;
    border-radius: var(--pys-radius-pill); padding: 6px 12px; font-size: var(--pys-fs-xs); font-weight: 700; cursor: pointer;
    transition: background .15s ease;
}
.hcp-cfp-add:hover { background: #DBEAFE; }

/* ============================================================
   Tek mavi dil — üç sekme aynı banner (modül mavisi)
   ============================================================ */
/* Kartlar zeminden net ayrılsın — keskin, ferah, gölgeli (tek kart dili) */
#hcp-shell-feedbacks .gb-card,
#hcp-shell-plan .hcp-uhead__card,
#hcp-shell-control .hcp-uhead__card {
    border: 1px solid rgba(15, 23, 42, .06);
    box-shadow: var(--pys-elev-3) rgba(15, 23, 42, .08);
}

.hcp-cf__group + .hcp-cf__group { margin-top: 12px; }
.hcp-cf__group-lbl { font-size: var(--pys-fs-xs); font-weight: 700; letter-spacing: .02em; color: var(--pys-ink-5); margin-bottom: 8px; }
/* ── İçerik Kontrolü hatırlatması (Planım) ────────────────────────── */
.hcp-cf-reminder {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: var(--pys-radius-lg);
    padding: 12px 16px; margin-bottom: 12px;
}
/* ============================================================
   UI iyilestirme turu (2026-07-06) — hepsi #hcp-shell-control'e sinirli.
   ============================================================ */

/* #4 — "Degerlendirme Adimlari" basligi: UPPERCASE degil (kural: uppercase kullanma) */
/* #2 — Hic puanlanmamissa ilerleme sayaci nötr gri (0'i yesil gostermek yaniltici) */

/* #3 — Uyari cubugu icerige sigsin, tum satiri kaplayip sagi bombos birakmasin */
#hcp-shell-control .hcp-ctrl-coach-warns { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
#hcp-shell-control .hcp-ctrl-coach-warns .hcp-ctrl-alert--warn { display: inline-flex; width: auto; max-width: 100%; }

/* #6 — Header bandinda alt bosluk hafif azaltildi (icerik biraz yukari) */
#hcp-shell-control .hcp-uhead__band { padding-bottom: 10px; }

/* #8 + #9 — Katlanir grup basliklari: acik/kapa chevron affordance + biraz daha kompakt */
#hcp-shell-control .hcp-ctrl-group-hdr { cursor: pointer; padding-top: 10px; padding-bottom: 10px; }
/* Chevron artik SOLDA (Planim ile ayni taraf) — leading; bosluk header gap'i ile. */
#hcp-shell-control .hcp-ctrl-group-chevron { margin-left: 0 !important; margin-right: 0; color: #94A3B8; font-size: var(--pys-fi-sm); transition: color .15s; }
#hcp-shell-control .hcp-ctrl-group-hdr:hover .hcp-ctrl-group-chevron { color: var(--pys-ink-4); }

/* #10 — Is kartlarinda dikey padding sikilastirildi (daha cok is gorunur) */
#hcp-shell-control .hcp-ctrl-item.hcp-ctrl-item--card { padding-top: 12px; padding-bottom: 12px; }

/* #11 — Is numarasi rozeti: krem/soluk yerine belirgin (yalniz isaretlenmemis kartta) */
#hcp-shell-control .hcp-ctrl-item--card:not([data-mark]) .hcp-ctrl-item-num {
    background: #E7EDF5; color: var(--pys-ink-3); font-weight: 800;
}

/* #12 — Dolu kartta tekrar eden "Aciklama & Link" etiketini gizle (gurultu azalt) */
#hcp-shell-control .hcp-ctrl-item-info .hcp-ctrl-item-expl-lbl { display: none; }

/* #13 — "Baglantiyi Ac" cipini kendi satirina al (aciklamayla ic ice karismasin) */
/* font-style: normal (2026-08-17 deneyim denetimi) — çip, iş koçunun açıklama
   metninin İÇİNDE üretiliyor (_autoLink) ve o metin italik olduğu için buton
   etiketi de italik çıkıyordu. Buton bir arayüz kontrolüdür, düz yazı olmalı;
   çevresindeki cümlenin italiğini miras almaz. Çipin SIRASI bilinçli olarak
   değiştirilmedi: bağlantı, koçun cümlede yazdığı yerde durur ("Son Test
   Videosu: <link>") — sona taşımak etiketle bağlantının bağını koparır. */
#hcp-shell-control .hcp-ctrl-item-expl .hcp-link-chip { display: flex; width: fit-content; margin-top: 6px; font-style: normal; }

/* #14 — Kapsul isaret butonlari arasina ince ayrac (segment hissi, yanlis tikma azalir) */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark:not(:last-child):not(.is-active) {
    box-shadow: inset -1px 0 0 rgba(15,23,42,.08) !important;
}

/* ── Sade Değerlendirme akışı — bölüm başlıkları, tek not, YZ Son Kontrolü ── */
/* Değerlendir adımı: İşler + İçerik/Dosya artık alt-sekme değil, tek akışta iki bölüm */
/* Final Rapor: tek opsiyonel "Yönetici notum" alanı */
#hcp-shell-control .hcp-ctrl-mgr-note-wrap { margin: 4px 0 12px; }
#hcp-shell-control .hcp-ctrl-mgr-note-lbl { display: block; font-size: var(--pys-fs-xs); font-weight: 700; color: var(--pys-ink-4); margin-bottom: 6px; }
#hcp-shell-control .hcp-ctrl-mgr-note-lbl span { font-weight: 500; color: var(--pys-ink-5); }
#hcp-shell-control .hcp-ctrl-mgr-note {
    width: 100%; border: 1px solid var(--color-border, #e2e8f0); border-radius: var(--pys-radius-md);
    padding: 10px 12px; font-size: var(--pys-fs-md); line-height: 1.5; resize: vertical;
    background: var(--color-background-secondary, #f8fafc); color: var(--color-text, var(--pys-ink-1));
    font-family: inherit;
}
#hcp-shell-control .hcp-ctrl-mgr-note:focus { border-color: #1E6FD0; outline: none; }

/* Final Rapor: iş bazlı yönetici yönlendirmeleri (rapora en yüksek öncelikli kaynak) */
#hcp-shell-control .hcp-ctrl-mgr-items {
    margin: 4px 0 12px; border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--pys-radius-md); background: var(--color-background-secondary, #f8fafc);
}
#hcp-shell-control .hcp-ctrl-mgr-items__toggle {
    cursor: pointer; padding: 10px 12px; font-size: var(--pys-fs-xs); font-weight: 700; color: var(--pys-ink-4);
}
#hcp-shell-control .hcp-ctrl-mgr-items__toggle span { font-weight: 500; color: var(--pys-ink-5); }
#hcp-shell-control .hcp-ctrl-mgr-items__list { padding: 2px 12px 10px; display: flex; flex-direction: column; gap: 10px; }
#hcp-shell-control .hcp-ctrl-mgr-item__head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
#hcp-shell-control .hcp-ctrl-mgr-item__mark { font-size: var(--pys-fs-xs); font-weight: 800; white-space: nowrap; }
#hcp-shell-control .hcp-ctrl-mgr-item__title {
    font-size: var(--pys-fs-xs); font-weight: 600; color: var(--pys-ink-2); flex: 1; min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#hcp-shell-control .hcp-ctrl-mgr-hl {
    border: none; background: none; cursor: pointer; color: #CBD5E1;
    font-size: var(--pys-fs-md); padding: 4px 6px; line-height: 1;
}
#hcp-shell-control .hcp-ctrl-mgr-hl.is-on { color: #F59E0B; }
#hcp-shell-control .hcp-ctrl-mgr-hl:focus-visible { outline: 2px solid var(--hcp-focus-ring, #1a63c4); outline-offset: 2px; border-radius: var(--pys-radius-sm); }
#hcp-shell-control .hcp-ctrl-mgr-item-note {
    width: 100%; border: 1px solid var(--color-border, #e2e8f0); border-radius: var(--pys-radius-sm);
    padding: 8px 10px; font-size: var(--pys-fs-xs); line-height: 1.5; resize: vertical;
    background: #fff; color: var(--color-text, var(--pys-ink-1)); font-family: inherit;
}
#hcp-shell-control .hcp-ctrl-mgr-item-note:focus { border-color: #1a63c4; outline: none; }

#hcp-shell-control .hcp-ctrl-quality { margin-top: 12px; }
#hcp-shell-control .hcp-ctrl-quality-check {
    display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px;
    border: none; border-radius: var(--pys-radius-md); cursor: pointer; font-weight: 700; font-size: var(--pys-fs-sm);
    color: #fff; background: linear-gradient(135deg, #7C3AED, #6D28D9);
}
#hcp-shell-control .hcp-ctrl-quality-check:disabled { opacity: .65; cursor: default; }
#hcp-shell-control .hcp-ctrl-quality__result:not(:empty) { margin-top: 10px; }
#hcp-shell-control .hcp-ctrl-quality__ok {
    padding: 10px 12px; border-radius: var(--pys-radius-md); font-size: var(--pys-fs-sm); font-weight: 600;
    background: #DCFCE7; color: #15803D;
}
#hcp-shell-control .hcp-ctrl-quality__stale {
    padding: 10px 12px; border-radius: var(--pys-radius-md); font-size: var(--pys-fs-xs);
    background: #FEF3C7; color: #92400E;
}
#hcp-shell-control .hcp-ctrl-quality__warn {
    padding: 10px 12px; border-radius: var(--pys-radius-md); background: #FEF3C7; border: 1px solid #FDE68A;
}
#hcp-shell-control .hcp-ctrl-quality__warn-lbl { font-weight: 700; font-size: var(--pys-fs-sm); color: #92400E; }
#hcp-shell-control .hcp-ctrl-quality__list { margin: 8px 0 0; padding: 0; list-style: none; }
#hcp-shell-control .hcp-ctrl-quality__chk { font-size: var(--pys-fs-xs); color: var(--pys-ink-4); margin-top: 4px; }
#hcp-shell-control .hcp-ctrl-quality__chk--fail { color: #B91C1C; }
#hcp-shell-control .hcp-ctrl-quality__suggest { margin-top: 8px; }
#hcp-shell-control .hcp-ctrl-quality__suggest summary { cursor: pointer; font-size: var(--pys-fs-xs); font-weight: 600; color: #6D28D9; }
#hcp-shell-control .hcp-ctrl-quality__suggest-text {
    white-space: pre-wrap; margin-top: 8px; padding: 10px; border-radius: var(--pys-radius-md);
    background: var(--color-background, #fff); border: 1px solid var(--color-border, #e2e8f0);
    font-size: var(--pys-fs-sm); color: var(--color-text, var(--pys-ink-1)); max-height: 260px; overflow: auto;
}
#hcp-shell-control .hcp-ctrl-quality-apply {
    margin-top: 8px; height: 36px; padding: 0 12px; border: none; border-radius: var(--pys-radius-md);
    cursor: pointer; font-weight: 700; font-size: var(--pys-fs-xs); color: #fff;
    background: linear-gradient(135deg, #15803D, #166534);
}


/* ===== Rapor Yönlendirmesi çatısı (2026-08-14 denetimi) =====
   Yönetici katkı alanları (iş bazlı görüşler + genel yönlendirme + içerik notu)
   tek katlanır blokta — Final Rapor adımının yoğunluğu tek satıra iner. */
#hcp-shell-control .hcp-ctrl-mgr-guide { border: 1px solid #DCE4EE; border-radius: var(--pys-radius-md); background: #F8FAFC; margin: 0 0 12px; }
#hcp-shell-control .hcp-ctrl-mgr-guide__toggle {
    cursor: pointer; padding: 10px 12px; font-size: var(--pys-fs-sm); font-weight: 700; color: var(--pys-ink-3);
    display: flex; align-items: center; gap: 8px; list-style: none; border-radius: var(--pys-radius-md);
}
#hcp-shell-control .hcp-ctrl-mgr-guide__toggle::-webkit-details-marker { display: none; }
#hcp-shell-control .hcp-ctrl-mgr-guide__toggle span { font-weight: 600; color: var(--pys-ink-5); font-size: var(--pys-fs-xs); }
#hcp-shell-control .hcp-ctrl-mgr-guide__toggle i { color: #1a63c4; font-size: var(--pys-fi-sm); }
#hcp-shell-control .hcp-ctrl-mgr-guide__toggle:hover { background: #EFF3F9; }
#hcp-shell-control .hcp-ctrl-mgr-guide__toggle:focus-visible { outline: 2px solid var(--hcp-focus-ring, #1a63c4); outline-offset: 2px; }
#hcp-shell-control .hcp-ctrl-mgr-guide[open] .hcp-ctrl-mgr-guide__toggle { border-bottom: 1px solid #E2E8F0; border-radius: var(--pys-radius-md) var(--pys-radius-md) 0 0; }
#hcp-shell-control .hcp-ctrl-mgr-guide__body { padding: 12px 12px; }

/* ===== Final Rapor tek eylem barı + Düzenle/Önizle (2026-07-25 redesign) =====
   Eski dört ayrı satır (Kaydet / YZ ile Düzenle / Yeniden Oluştur / Son Kontrol)
   tek barda toplandı: solda YZ araç grubu, sağda Kaydet. */
.hcp-ctrl-rp-lblrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.hcp-ctrl-rp-lblrow .hcp-ctrl-report-edit__lbl { margin: 0; }
.hcp-ctrl-rp-views { display: inline-flex; background: #EEF2F7; border-radius: var(--pys-radius-pill); padding: 2px; gap: 2px; }
.hcp-ctrl-rp-view {
    display: inline-flex; align-items: center; gap: 6px; border: none; background: transparent;
    padding: 4px 12px; border-radius: var(--pys-radius-pill); font-size: var(--pys-fs-xs); font-weight: 700;
    color: var(--pys-ink-4); cursor: pointer; transition: background .12s ease, color .12s ease;
}
.hcp-ctrl-rp-view.is-active { background: #fff; color: #1a63c4; box-shadow: var(--pys-elev-1) rgba(15,23,42,.12); }
.hcp-ctrl-rp-preview {
    border: 1px solid #E2E8F0; border-radius: var(--pys-radius-md); background: #fff;
    padding: 12px 16px; font-size: var(--pys-fs-md); line-height: 1.65; color: var(--pys-ink-2);
    max-height: 420px; overflow-y: auto; overflow-wrap: break-word;
}
.hcp-ctrl-rp-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.hcp-ctrl-rp-actions__yz { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hcp-ctrl-rp-actions__save { display: flex; align-items: center; gap: 12px; margin-left: auto; }
#hcp-shell-control .hcp-ctrl-rp-tool {
    display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px;
    border: 1px solid #E2E8F0; border-radius: var(--pys-radius-md); background: #fff; cursor: pointer;
    font-size: var(--pys-fs-xs); font-weight: 600; color: var(--pys-ink-3); transition: background .12s ease, border-color .12s ease;
}
#hcp-shell-control .hcp-ctrl-rp-tool:hover:not(:disabled) { background: #F8FAFC; }
#hcp-shell-control .hcp-ctrl-rp-tool:disabled { opacity: .55; cursor: default; }
/* YZ ile Düzenle — mor kimlik (YZ ailesi); açıkken dolu tint */
#hcp-shell-control .hcp-ctrl-rp-tool[data-rp-instruct-toggle] { color: #6D28D9; border-color: #DDD6FE; background: #F5F3FF; }
#hcp-shell-control .hcp-ctrl-rp-tool[data-rp-instruct-toggle]:hover,
#hcp-shell-control .hcp-ctrl-rp-tool[data-rp-instruct-toggle].is-open { background: #EDE9FE; }
/* Son Kontrol — mevcut mor gradyan kimliği korunur, yalnız bar ölçüsüne iner */
#hcp-shell-control .hcp-ctrl-rp-tool.hcp-ctrl-quality-check {
    height: 36px; padding: 0 12px; border: none; border-radius: var(--pys-radius-md);
    color: #fff; background: linear-gradient(135deg, #7C3AED, #6D28D9); font-weight: 700;
}
#hcp-shell-control .hcp-ctrl-rp-tool.hcp-ctrl-quality-check:hover:not(:disabled) { filter: brightness(1.08); background: linear-gradient(135deg, #7C3AED, #6D28D9); }
#hcp-shell-control .hcp-ctrl-quality .hcp-ctrl-report-instruct { margin-top: 10px; }
@media (max-width: 640px) {
    .hcp-ctrl-rp-actions { flex-direction: column; align-items: stretch; }
    .hcp-ctrl-rp-actions__save { margin-left: 0; justify-content: flex-end; }
    #hcp-shell-control .hcp-ctrl-rp-tool { flex: 1; justify-content: center; }
}

/* Ara Rapor: Kaydet + Yeniden Üret tek barda (Final Rapor eylem barı deseni) */
.hcp-ctrl-interim-edit__foot--bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#hcp-shell-control .hcp-ctrl-interim-edit__foot--bar .hcp-ctrl-report-regen { display: inline-flex; align-items: center; gap: 10px; margin: 0; }
.hcp-ctrl-interim-edit__spacer { flex: 1; }
.hcp-ctrl-interim-edit__foot--bar .hcp-ctrl-yz-exhausted { margin: 0; }

/* Silme ikonu sakinleştirme (2026-07-25 tur): satır durağanken soluk, satıra gelince/
   klavye odağında tam görünür. Yuvası sabit kalır — hiza oynamaz. */
.hcp-item-row .hcp-row-icon-btn--delete { opacity: .35; }
.hcp-item-row:hover .hcp-row-icon-btn--delete,
.hcp-item-row:focus-within .hcp-row-icon-btn--delete { opacity: 1; }

/* .hidden, ID'li display:flex kuralına yenilmesin (bilinen specificity tuzağı) —
   YZ ile Düzenle talimat satırı kapalı başlar, bar butonuyla açılır. */
#hcp-shell-control .hcp-ctrl-report-instruct.hidden { display: none; }

/* ══════════════════════════════════════════════════════════════════════════
   BENTO ATÖLYE — Değerlendirme görsel dili (2026-08-15, Alperen'in seçimi)
   ──────────────────────────────────────────────────────────────────────────
   Kurgu, DOM ve işlevler DEĞİŞMEDİ: başlık bandı, hafta seçici, hafta özeti,
   kişi şeridi, araç çubuğu, adımlar, alt sekmeler ve gruplu liste yerli
   yerinde durur. Değişen yalnız görsel dil: her bilgi bloğu kendi "bento
   kutusunda" oturur, kutuların altında düz bir taban gölgesi vardır ve
   butonlar basıldığında o tabana oturur.
   Taban gölgesi bilinçli olarak `0 4px 0` biçiminde DÜZDÜR — bulanıklık
   kullanılmadığı için eski cihazlarda da ucuzdur ve krem zeminde temiz durur.
   İşaret renkleri, grup renkleri ve kategori kimlikleri BİREBİR korunur.
   ══════════════════════════════════════════════════════════════════════════ */
#hcp-shell-control {
    --bnt-kutu: #FFFFFF;
    --bnt-kenar: #E1DCCB;
    --bnt-taban: #E7E2D3;
    --bnt-yumusak: #FBFAF6;
    --bnt-yumusak-kenar: #EDE9DC;
    --bnt-r: var(--pys-radius-xl);
}