/* pys_hcp_control_5_bento.css
 * ===========================================================================
 * KAYNAK: pys_hcp_control.css satir 3907-5154 (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: Bento gorsel dili (baslik bolgesi, degerlendirme karti, arac cubugu, alt sekmeler, gruplar, isaret butonlari, geri bildirim alani), avatar yer tutucu, serit karti, editoryal satir, hukum ikonu + madalyon, aciklama rozeti, gosterge seridi, evbar, puan halkasi, kilit dugmesi, kontrast duzeltmeleri, hukum tuslari
 * ===========================================================================
 */
/* ── Başlık bölgesi: BENTO UYGULANMAZ (2026-08-15, Alperen kararı) ────────
   Üst bant, hafta seçici, hafta özeti ve kişi şeridi ESKİ hâlinde bırakıldı:
   mavi gradyan bant, tek beyaz kart, yatay kişi kartları ve avatarın çevresinde
   dönen ilerleme halkası. Bento dili yalnız araç çubuğundan AŞAĞISINDA yaşar.
   Gerekçe: iki kutulu bento başlık, başlık bölgesini büyütüyordu ve rengi
   değiştiriyordu; Alperen eski boyut ve rengi geri istedi. Buraya yeniden
   başlık kuralı yazılacaksa önce bu karar hatırlanmalı. */
/* ── Değerlendirme kartı: dış kabuk kalkar, bölümler kendi kutularında ──── */
#hcp-shell-control .hcp-ctrl-eval-card {
    background: transparent; box-shadow: none; border-radius: 0; overflow: visible;
}
#hcp-shell-control .hcp-ctrl-eval-inner { padding: 0; }

/* ── Araç çubuğu ─────────────────────────────────────────────────────────── */
#hcp-shell-control .hcp-ctrl-wiz-nav--slim {
    background: var(--bnt-kutu);
    border: 1.5px solid var(--bnt-kenar);
    border-radius: var(--pys-radius-lg);
    box-shadow: var(--pys-elev-flat-md) var(--bnt-taban);
    padding: 12px 16px;
}
#hcp-shell-control .hcp-ctrl-evbar__dot { border-radius: var(--pys-radius-xs); width: 10px; height: 10px; }
#hcp-shell-control .hcp-ctrl-evbar__signals-btn { border-radius: var(--pys-radius-md); font-weight: 800; }
#hcp-shell-control .hcp-ctrl-wiz-crumb { gap: 6px; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__sep { display: none; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__step {
    background: #F4F1EA; border-radius: var(--pys-radius-md); padding: 6px 12px;
    font-size: var(--pys-fs-xs); font-weight: 800; color: var(--pys-ink-5);
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-past:hover { background: #EAE6DB; color: #1a63c4; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active {
    background: #1a63c4; color: #fff; box-shadow: var(--pys-elev-flat-md) #124a94;
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-done:not(.is-active) {
    background: #F0FDF4; color: #15803D;
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__num {
    width: auto; height: auto; background: transparent !important; color: inherit; font-size: var(--pys-fs-xs);
}
/* Buton yarıçapı/gölgesi `.hcp-ctrl-wiz-nav-btns` altında daha özgül yazılmış —
   ölçüldü, seçici o düzeye çıkarıldı. */
/* Lacivert (#14213A) panelin BİRİCİK örneğiydi (2026-08-17 deneyim denetimi):
   aynı işlev — birincil ilerletme eylemi — Kaydet butonunda maviyle anlatılıyor.
   "Aynı işlev her ekranda aynı rengi kullanır" kuralı gereği panelin kendi
   birincil mavisine döndü; yeni renk ÜRETİLMEDİ.

   DÜZ renk, gradyan DEĞİL — bilinçli: .hcp-ctrl-save-next'in gradyanı
   (#3FA0EC → #1E6FD0) kopyalanacaktı ama ölçtüm, açık uç beyaz metinle
   yalnız 2.82:1 veriyor (AA eşiği 4.5). Var olan bir erişilebilirlik hatasını
   ikinci bir butona taşımamak için düz #1A63C4 seçildi: 5.79:1, AA rahat
   geçiyor. Düz taban gölgesi bento diliyle de tutarlı.
   (.hcp-ctrl-save-next'teki aynı gradyan sorunu AYRI bir iş olarak duruyor.) */
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-next,
#hcp-shell-control .hcp-ctrl-wiz-next {
    background: #1A63C4; color: #fff; border: none; border-radius: var(--pys-radius-md);
    padding: 10px 16px; font-weight: 800; box-shadow: var(--pys-elev-flat-md) #124a94;
}
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-next:hover,
#hcp-shell-control .hcp-ctrl-wiz-next:hover { background: #1655A8; box-shadow: var(--pys-elev-flat-md) #124a94; }
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-next:active,
#hcp-shell-control .hcp-ctrl-wiz-next:active { transform: translateY(2px); box-shadow: none; }
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-back,
#hcp-shell-control .hcp-ctrl-wiz-back {
    background: #fff; border: 1.5px solid var(--bnt-kenar); border-radius: var(--pys-radius-md);
    box-shadow: var(--pys-elev-flat-sm) var(--bnt-taban); font-weight: 800; padding: 8px 16px;
}
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-back:active,
#hcp-shell-control .hcp-ctrl-wiz-back:active { transform: translateY(2px); box-shadow: none; }

/* ── Alt sekmeler: ray kalkar, her sekme kendi kutusu ───────────────────── */
#hcp-shell-control .hcp-ctrl-subtabs {
    background: transparent; border: none; padding: 0; gap: 8px; border-radius: 0;
}
#hcp-shell-control .hcp-ctrl-subtab {
    background: #fff; border: 1.5px solid var(--bnt-kenar); border-radius: var(--pys-radius-lg);
    box-shadow: var(--pys-elev-flat-md) var(--bnt-taban); font-weight: 800; padding: 10px 16px;
    transition: transform .1s ease, box-shadow .1s ease, background .12s ease, color .12s ease;
}
#hcp-shell-control .hcp-ctrl-subtab:hover { background: #fff; color: #1a63c4; }
#hcp-shell-control .hcp-ctrl-subtab.is-active {
    background: #1a63c4; border-color: #1a63c4; color: #fff; box-shadow: var(--pys-elev-flat-md) #124a94;
}
#hcp-shell-control .hcp-ctrl-subtab:active { transform: translateY(2px); box-shadow: none; }
#hcp-shell-control .hcp-ctrl-subtab:not(.is-active) .hcp-ctrl-subtab-count {
    background: #F4F1EA; color: var(--pys-ink-4);
}
#hcp-shell-control .hcp-ctrl-subtab.is-active .hcp-ctrl-subtab-count {
    background: rgba(255,255,255,.28); color: #fff;
}

/* ── Gruplar: renkli başlık şeridi olan bento kutuları ──────────────────── */
#hcp-shell-control .hcp-ctrl-group {
    border: 1.5px solid var(--bnt-kenar);
    border-radius: var(--bnt-r);
    box-shadow: var(--pys-elev-flat-md) var(--bnt-taban);
    overflow: hidden;
    margin: 0 0 16px;
}
#hcp-shell-control .hcp-ctrl-group-hdr {
    background: #EFF6FF !important;
    border-bottom: 1.5px solid #DBEAFE !important;
    border-left: none !important;
    padding: 12px 20px !important;
    margin: 0 !important;
}#hcp-shell-control .hcp-ctrl-group-dot { width: 10px; height: 10px; border-radius: var(--pys-radius-xs); }
/* Sayı çipi adın YANINDA durur — eskiden satırın öbür ucuna savruluyordu */
#hcp-shell-control .hcp-ctrl-group-count {
    margin-left: 0 !important;
    background: #fff; border: 1px solid var(--bnt-kenar); border-radius: var(--pys-radius-pill);
    padding: 2px 10px; font-size: var(--pys-fs-xs) !important; font-weight: 800 !important;
    color: var(--pys-ink-3) !important;
}

/* İş satırları kutunun İÇİNDE yaşar: ayrı kart kromu yerine ince ayraç */
#hcp-shell-control .hcp-ctrl-group-items .hcp-ctrl-item.hcp-ctrl-item--card,
#hcp-shell-control .hcp-ctrl-group-items .hcp-ctrl-item.hcp-ctrl-item--card:nth-child(even) {
    background: #fff !important;
    border: none !important;
    border-bottom: 1.5px solid #F0EDE4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    transform: none !important;
}
#hcp-shell-control .hcp-ctrl-group-items .hcp-ctrl-item.hcp-ctrl-item--card:last-child {
    border-bottom: none !important;
}
/* (2026-08-21) Bento döneminden kalan hover iptali kaldırıldı. Bu kural
   `.hcp-ctrl-group-items` kapsamı yüzünden en yüksek özgüllüğe sahipti ve
   satırın TÜM hover geri bildirimini (kalkma + halka) `none`'a çekiyordu;
   geriye kalan tek sinyal 1,09:1 kontrastlı bir zemin değişimiydi. */
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-item-num {
    border-radius: var(--pys-radius-md); box-shadow: var(--pys-elev-flat-sm) var(--bnt-taban);
}

/* Değerlendirilenler listesi de kendi kutusunda */
#hcp-shell-control .hcp-ctrl-evaluated-list {
    margin-top: 16px; padding-top: 0; border-top: none;
    background: #fff; border: 1.5px solid var(--bnt-kenar);
    border-radius: var(--bnt-r); box-shadow: var(--pys-elev-flat-md) var(--bnt-taban);
    overflow: hidden;
}
#hcp-shell-control .hcp-ctrl-evaluated-hdr {
    background: #F0FDF4; border-bottom: 1.5px solid #D1FAE5;
    padding: 12px 20px; margin: 0;
}
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-item--card {
    opacity: 1 !important; background: #fff !important;
}

/* ── İşaret butonları: birleşik kapsül → ayrı dokunsal kutucuklar ────────
   Kapsül düzeni (`.hcp-ctrl-marks--pill`) baştan sona !important ile yazılmış:
   kutu zemini, 2px iç dolgu, kenarlıksız 36px butonlar ve butonlar arasındaki
   ince ayraç gölgesi. Bento dilinde butonlar birbirinden ayrılır, her biri
   kendi semantik kenarlığını ve taban gölgesini taşır. Renk sözlüğü BİREBİR
   aynı kalır; dokunma hedefi 36px yerine 44px'e çıkar (parmakla yanlış işaret
   riski azalır). Bu blok ölçülerek yazıldı — özgüllükler eşit, sıra son. */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark {
    height: 44px !important; min-width: 44px !important;
    padding: 0 16px !important;
    border-radius: var(--pys-radius-md) !important;
    border: 1.5px solid var(--bnt-kenar) !important;
    background: #fff !important;
    font-size: var(--pys-fs-sm) !important; font-weight: 800 !important;
    transition: transform .08s ease, box-shadow .08s ease, background .12s ease !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="plus"]:not(.is-active) {
    border-color: #86EFAC !important; box-shadow: var(--pys-elev-flat-md) #BBF7D0 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="minus"]:not(.is-active) {
    border-color: #FCA5A5 !important; box-shadow: var(--pys-elev-flat-md) #FECACA !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="revise"]:not(.is-active) {
    border-color: #93C5FD !important; box-shadow: var(--pys-elev-flat-md) #BFDBFE !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="dd"]:not(.is-active) {
    border-color: #CBD5E1 !important; box-shadow: var(--pys-elev-flat-md) #E2E8F0 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="ontrack"]:not(.is-active) {
    border-color: #5EEAD4 !important; box-shadow: var(--pys-elev-flat-md) #99F6E4 !important; color: #0D9488 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="speedup"]:not(.is-active) {
    border-color: #FCD34D !important; box-shadow: var(--pys-elev-flat-md) #FDE68A !important; color: #B45309 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark.is-active {
    border-color: transparent !important; box-shadow: var(--pys-elev-flat-md) rgba(6,28,54,.22) !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="ontrack"].is-active {
    background: #0D9488 !important; color: #fff !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="speedup"].is-active {
    background: #B45309 !important; color: #fff !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark:active:not(:disabled) {
    transform: translateY(3px) !important; box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark:disabled {
    box-shadow: none !important;
}

/* Değiştir / İşareti Kaldır — küçük tabanlı kutucuklar.
   v3 (2026-08-26): "Değiştir" düz taban gölgesini bırakıyor. Ölçülen sorun:
   bu kural (1-4-0) alttaki v3 bloğundan daha özgül olduğu için gölgeyi orada
   kapatmak yetmiyordu. Gölgesiz bir düğmede 2px basma hareketi de kırık
   görünüyor — o da kalktı. Değiştir, hüküm butonundan baskın olmamalı. */
#hcp-shell-control .hcp-ctrl-item--card[data-mark]:not(.is-editing) .hcp-ctrl-row-edit {
    border-radius: var(--pys-radius-md); border: 1.5px solid var(--bnt-kenar);
    box-shadow: none;
}
#hcp-shell-control .hcp-ctrl-mark-clear {
    border-radius: var(--pys-radius-md); border: 1.5px solid var(--bnt-kenar);
    box-shadow: var(--pys-elev-flat-sm) var(--bnt-taban); font-weight: 800;
}
#hcp-shell-control .hcp-ctrl-mark-clear:active { transform: translateY(2px); box-shadow: none; }

/* ── Geri bildirim alanı ve Kaydet ──────────────────────────────────────── */
/* Not alanının yarıçapı ve zemini de !important ile yazılmış — ölçüldü, eziliyor. */
#hcp-shell-control .hcp-ctrl-control-note-input {
    background: var(--bnt-yumusak) !important;
    border: 1.5px solid var(--bnt-yumusak-kenar) !important;
    border-radius: var(--pys-radius-md) !important;
}
#hcp-shell-control .hcp-ctrl-control-note-input:focus {
    border-color: #93C5FD !important; background: #fff !important; box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-save-next {
    border-radius: var(--pys-radius-md); font-weight: 800; box-shadow: var(--pys-elev-flat-md) #124a94;
}
#hcp-shell-control .hcp-ctrl-save-next:hover { transform: none; box-shadow: var(--pys-elev-flat-md) #124a94; }
#hcp-shell-control .hcp-ctrl-save-next:active:not(:disabled) { transform: translateY(3px); box-shadow: none; }
#hcp-shell-control .hcp-ctrl-save-next:disabled { box-shadow: none; }

/* ══════════════════════════════════════════════════════════════════════
   ÇİP DİSİPLİNİ — deneyim denetimi A (2026-08-17)

   Canlı ölçüm: meta satırında 88 çip / 16 farklı görsel biçim vardı —
   6 ayrı yükseklik (19/20/21/22/23/26px), 4 punto (10/11/11.5/12px),
   3 kalınlık (600/700/800). Aynı satırda yan yana duran çipler farklı
   yükseklikte olduğu için taban çizgisi oynuyor, satır tırtıklı duruyordu.

   Burada YALNIZ geometri birleşir; renk kimliğine dokunulmaz. İşaret
   damgası --hcp-mark-* değişkenlerinden, sebep rozeti kendi üç renginden,
   devir moru ve plan-dışı mercanı olduğu gibi kalır.

   Tek geometri : 22px yükseklik · 11.5px punto · 999px köşe · 10px yatay
   Kalınlık     : durum damgası 800 (satırın öznesi), diğerleri 600
   Kapsam       : yalnız .hcp-ctrl-item-meta içi. Matris/kapsül işaret
                  butonları ve evbar çipleri bu bloğun DIŞINDA, dokunulmadı.
   Seçici       : #hcp-shell-control ön eki + meta satırı kapsamı.
   !important   : ZORUNLU. Bu panelde bazı rozet kuralları (ör. 4041'deki
                  #hcp-shell-control .hcp-ctrl-badge--slate) her özelliğine
                  !important basıyor; özgüllük tek başına yetmiyor —
                  harness ölçümünde o çip 11px/0px köşe kalarak dışarıda
                  kaldı. Kapsam `.hcp-ctrl-item-meta >` ile sınırlı, o yüzden
                  aynı sınıfın eylem alanındaki kullanımı (item-actions
                  içindeki durum rozeti) bundan ETKİLENMEZ.
   ══════════════════════════════════════════════════════════════════════ */
#hcp-shell-control .hcp-ctrl-item-meta { gap: 6px; }

#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-mark-tag-slot > .hcp-ctrl-mark-tag,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-reason,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-carryover-badge,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unplanned,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unmarked,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-weight-chip,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--blue,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--slate,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--amber,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--red,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-eval-sigchip {
    box-sizing: border-box;
    min-height: 22px !important;
    padding: 0 10px !important;
    border-radius: var(--pys-radius-pill) !important;
    font-size: var(--pys-fs-xs) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
/* Durum damgası satırın öznesi: kalınlık farkı tek vurgu aracı olarak kalır. */
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-mark-tag-slot > .hcp-ctrl-mark-tag { font-weight: 800 !important; }
/* İmza çipi avatarını taşır: sol boşluk avatara daralır, ayıraç boşluğu kalkar. */
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-eval-sigchip { padding-left: 4px !important; margin-left: 0; }
/* Çip içi ikonlar da tek ölçekte — punto farkı satır yüksekliğini oynatmasın. */
#hcp-shell-control .hcp-ctrl-item-meta > * > i { font-size: var(--pys-fi-xs); }
/* Damga yuvası artık kendi sağ boşluğunu üretmiyor; aralığı meta satırının gap'i verir. */
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-mark-tag-slot:not(:empty) { margin-right: 0; }

/* ── Avatar yer tutucu: baş harf rozeti fotoğrafın ALTINDA ──────────────────
   Rozet artık her zaman çiziliyor (coachAvatarHtml); burada fotoğrafın arkasına
   alınıyor. Kimlik ilk karede görünür, fotoğraf gelince üstünü kapatır — şerit
   hiçbir anda boş halkalarla durmaz.
   !important ZORUNLU: 3402'deki kural rozete z-index:1 veriyor; <img> de
   z-index:1 olduğu için DOM'da sonra gelen rozet fotoğrafın ÜSTÜNE binerdi.
   Konum absolute: akıştan çıkar, kartın genişliğini oynatmaz. */
#hcp-shell-control .hcp-ctrl-av .hcp-ctrl-av-initials--under {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   BENTO DİLİ TAMAMLANDI — Değerlendirilenler listesi (2026-08-17)

   Ölçüm: .hcp-ctrl-evaluated-list ZATEN bento (20px köşe + gölge + beyaz),
   ama içindeki .hcp-ctrl-group-items display:flex + gap:16px ve zemini
   #F4F8FD idi. Beyaz iş satırlarının arasından o mavi-gri zemin 16px'lik
   bantlar hâlinde görünüyordu; 28 satır bento kutu değil ŞERİTLİ LİSTE gibi
   duruyordu. Satırların kendisi de --card adını taşıyıp köşe 0, gölge yok,
   kenarlık yok olarak çiziliyordu (yani kart görünümü hiç üretilmiyordu).

   Çözüm 28 ayrı kutu YAPMAK DEĞİL — o sayfayı ağırlaştırırdı. Tek bento
   çerçevesi (zaten var) korunur, içindeki bantlar 1px ayırıcıya iner.
   Kapsam yalnız değerlendirilenler listesi; bekleyen grupların kendi
   zemini gruplama işini görüyor, ona dokunulmadı.
   ══════════════════════════════════════════════════════════════════════ */
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-group-items {
    background: #fff !important;
    padding: 0 !important;
    gap: 0 !important;
}
/* Ayırıcı 1px: satır sınırı okunur kalır, bant genişliğinde boşluk kalmaz.
   İlk satıra çizilmez — başlık şeridinin alt kenarlığı o işi zaten yapıyor.
   `> ` ZORUNLU: alt-öğe birleştiricisi olmadan bu kural, aşağıdaki
   ".hcp-ctrl-item.hcp-ctrl-item--card" ailesinin !important'lı border
   bildirimlerine yeniliyordu (harness'ta ölçüldü: border-top 0px kalıyordu).
   Birleştirici özgüllüğü yükseltiyor ve kapsamı da doğru daraltıyor —
   ayırıcı yalnız grubun DOĞRUDAN çocuğu olan iş satırları arasına girer. */
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-group-items > .hcp-ctrl-item--card + .hcp-ctrl-item--card {
    border-top: 1px solid #EFF2F5 !important;
}
/* Satır iç boşluğu artık tek kaynak: grubun 4px yatay dolgusu kalktığı için
   satır metni başlık şeridiyle (20px) aynı çizgiye oturur. */

/* ── Şerit kartı: sabit genişlik ─────────────────────────────────────────────
   Kart flex-grow:1 ile çiziliyordu; nowrap düzeninde bu zararsızdı ama şerit
   alta sarmaya başlayınca SON satırdaki az sayıda kart boşluğu doldurmak için
   yayılıyor, aynı şeritte 178px ve 220px kartlar yan yana çıkıyordu (ölçüldü).
   Tutarlı geometri ilkesi: kart büyümez, flex-basis'i kadar durur; dar
   pencerede yine küçülebilir (shrink açık). Kalan boşluk satır sonunda kalır. */
#hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card {
    flex-grow: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   EDİTORYAL DİL — Aşama 1: iş satırı (2026-08-18, Alperen onayı)

   Mockup turunda seçilen dil "Editoryal": kart ve gölge yok, saç teli ayraç,
   geniş boşluk, renk neredeyse yalnız hüküm ikonunda. Bu blok satır dilini
   kurar; yüzey/başlık (Aşama 2) ve Sırada grubu + tek Kaydet (Aşama 3) ayrı.

   Satırda kalanlar: numara · hüküm İKONU · iş adı · en fazla 1 ek rozet (+N) ·
   💬 açıklama · süre·ağırlık · Değiştir. Açıklama metni ve imza satırdan çıktı.

   KAPSAM: yalnız .is-editing OLMAYAN satırlar. Düzenleme moduna geçen satır
   bugünkü esnek düzenine döner (işaret kapsülü, not alanı, Kaydet) — tek şablon
   iki görünümü taşıdığı için satır gruplar arasında taşınırken hiçbir şey kırılmaz.
   !important: bu panelde rozet kuralları özelliklerine !important basıyor
   (memory → Değerlendirme Denetimi: gizleme/geometri yazarken !important varsay).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── satır: tek satır, saç teli ayraç ── */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-height: 60px;
    padding: 0 16px;
}
/* Özgüllük notu (ölçümle bulundu): bento bloğundaki kural
   `.hcp-ctrl-group-items .hcp-ctrl-item.hcp-ctrl-item--card` (+ :nth-child(even)
   ikizi) 16px/20px dolguyu !important ile basıyor. Benim tek seviyeli seçicim
   kaybediyordu ve satırlar 61px ile 94px arasında zıplıyordu — hangi satırın
   kaçıncı çocuk olduğuna göre. Bu yüzden aynı zinciri :not(.is-editing) ile
   yeniden yazıyorum; nth-child ikizini de kapsamak için ikinci seçici şart. */
#hcp-shell-control .hcp-ctrl-group-items .hcp-ctrl-item.hcp-ctrl-item--card:not(.is-editing),
#hcp-shell-control .hcp-ctrl-group-items .hcp-ctrl-item.hcp-ctrl-item--card:nth-child(even):not(.is-editing),
#hcp-shell-control .hcp-ctrl-item.hcp-ctrl-item--card:not(.is-editing) {
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box;
    border-bottom: none !important;
}
#hcp-shell-control .hcp-ctrl-group-items > .hcp-ctrl-item--card:not(.is-editing) + .hcp-ctrl-item--card:not(.is-editing) {
    border-top: 1px solid #EFEBE2;
}
/* (2026-08-21) Krem hover zemini kaldırıldı: satırın taban rengi soğuk
   #F1F5F9 iken hover'da sıcak kreme kayıyordu (ton sıçraması). */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-num {
    flex: 0 0 auto;
    width: 17px;
    text-align: right;
    font-size: var(--pys-fs-xs);
    font-weight: 700;
    color: #7D7462;
    background: none !important;
    border: 0 !important;
    height: auto !important;
    border-radius: 0 !important;
}
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
/* İş adı: editoryal ölçek, tek satır — tam metin title'da duruyor. */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    font-size: var(--pys-fs-md);
    font-weight: 600;
    letter-spacing: -.012em;
    color: #1C1A16;
    display: block !important;
    -webkit-line-clamp: unset !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-meta {
    flex: 0 0 auto;
    flex-wrap: nowrap !important;
    gap: 6px;
}
/* Sağ küme + ölçü sabit genişlik → Değiştir düğmeleri alt alta hizalanır. */
#hcp-shell-control .hcp-ctrl-item-tail {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-body {
    flex: 1 1 auto;
    min-width: 0;
}
/* ⚠️ Satıra YENİ bir flex çocuğu (item-tail) eklendi. DÜZENLEME modunda işaret
   tuşları etiketleriyle ~700px yer tutuyor; yeni çocuk eklenince gövdeye yer
   kalmıyor ve İŞ BAŞLIĞI 0 genişliğe düşüp tamamen kayboluyordu (ölçüldü).
   Çözüm: düzenleme modunda satır SARAR — gövde, kuyruk ve eylemler kendi
   satırlarına iner. Kompakt satır tek satır kalmaya devam eder. */
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main {
    flex-wrap: wrap;
    row-gap: 10px;
    /* Taban kural space-between basıyor: sararken numara ile hüküm ikonu ilk
       satırın iki ucuna savruluyordu (ekran görüntüsüyle yakalandı). */
    justify-content: flex-start;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-body { flex: 1 1 100%; min-width: 0; }
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-tail { flex: 1 1 100%; }
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-actions { flex: 1 1 100%; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-weight-chip {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    min-width: 66px;
    justify-content: flex-end;
    font-size: var(--pys-fs-xs) !important;
    font-weight: 600 !important;
    color: #6B6252 !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* ── hüküm ikonu: beyaz zemin, renkli ince halka (editoryal) ── */
/* ── Madalyon: gradyan dolgu + BEYAZ glif (P3 paleti, 2026-08-18) ──
   Önceki editoryal hâli beyaz zemin + ince renkli konturdu; Alperen "çok soluk,
   ayırt ediciliği düşük" dedi. Artık dolu gradyan madalyon.
   BİÇİM AİLESİ: hüküm = daire, süren iş (Yolunda / Hızlanalım) = köşeli kare.
   Renk tek ayırt edici değil — biçim ve glif de ayırıyor. */
#hcp-shell-control .hcp-ctrl-mark-tag--icon {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: var(--pys-radius-pill) !important;
    border: 0 !important;
    box-sizing: border-box !important;
    display: inline-grid !important;
    place-items: center;
    font-size: var(--pys-fi-md) !important;
    color: #fff !important;
    flex: 0 0 auto;
    cursor: help;
}
/* Glif halesi: Tamamlandı bilerek AÇIK yeşil (Alperen kararı). 2026-08-18'de açık uç
   #34D77E → #17A85D koyultuldu ve beyaz glif 1,88:1 → 3,09:1 ile WCAG 1.4.11 eşiğini
   geçti; hale artık zorunlu değil ama ölçüm yedeği olarak KALIYOR (gradyan boyunca
   ve koyu zeminlerde beyazı sabit tutuyor). */
#hcp-shell-control .hcp-ctrl-mark-tag--icon > i {
    font-size: var(--pys-fi-md);
    filter: drop-shadow(0 0 1.6px rgba(4, 20, 12, .55)) drop-shadow(0 1px 1px rgba(4, 20, 12, .35));
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--plus {
    background: linear-gradient(150deg, var(--hcp-mark-plus-lt) 0%, var(--hcp-mark-plus) 78%) !important;
    box-shadow: 0 1px 2px rgba(8,20,42,.28), 0 6px 14px -5px var(--hcp-mark-plus), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--minus {
    background: linear-gradient(150deg, var(--hcp-mark-minus-lt) 0%, var(--hcp-mark-minus) 78%) !important;
    box-shadow: 0 1px 2px rgba(8,20,42,.28), 0 6px 14px -5px var(--hcp-mark-minus), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--revise {
    background: linear-gradient(150deg, var(--hcp-mark-revise-lt) 0%, var(--hcp-mark-revise) 78%) !important;
    box-shadow: 0 1px 2px rgba(8,20,42,.28), 0 6px 14px -5px var(--hcp-mark-revise), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--dd {
    background: linear-gradient(150deg, var(--hcp-mark-dd-lt) 0%, var(--hcp-mark-dd) 78%) !important;
    box-shadow: 0 1px 2px rgba(8,20,42,.28), 0 6px 14px -5px var(--hcp-mark-dd), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
/* Süren iş ailesi: KÖŞELİ KARE */
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--ontrack,
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--speedup {
    border-radius: var(--pys-radius-md) !important;
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--ontrack {
    background: linear-gradient(150deg, var(--hcp-mark-ontrack-lt) 0%, var(--hcp-mark-ontrack) 78%) !important;
    box-shadow: 0 1px 2px rgba(8,20,42,.28), 0 6px 14px -5px var(--hcp-mark-ontrack), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--speedup {
    background: linear-gradient(150deg, var(--hcp-mark-speedup-lt) 0%, var(--hcp-mark-speedup) 78%) !important;
    box-shadow: 0 1px 2px rgba(8,20,42,.28), 0 6px 14px -5px var(--hcp-mark-speedup), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
/* Damga yuvası boşken (taslak/işaretsiz) yer kaplamaz. */
#hcp-shell-control .hcp-ctrl-item-main > .hcp-ctrl-mark-tag-slot { flex: 0 0 auto; display: inline-flex; }
#hcp-shell-control .hcp-ctrl-item-main > .hcp-ctrl-mark-tag-slot:empty { display: none; }

/* ── rozet bütçesi sayacı ── */
#hcp-shell-control .hcp-ctrl-meta-more {
    display: inline-flex;
    align-items: center;
    height: 23px;
    padding: 0 10px;
    border-radius: var(--pys-radius-pill);
    border: 1px dashed #CFC7B6;
    background: transparent;
    font-size: var(--pys-fs-xs);
    font-weight: 700;
    color: #6B6252;
    cursor: help;
    white-space: nowrap;
}

/* ── 💬 açıklama rozeti + penceresi ──
   Varsayılan (bekleyen satır / düzenleme modu / dar ekran): sarmalayıcı SAYDAM,
   buton gizli, içerik satırın içinde eskisi gibi akar. */
#hcp-shell-control .hcp-evnote { display: block; min-width: 0; }
#hcp-shell-control .hcp-evnote__btn { display: none; }
#hcp-shell-control .hcp-evnote__pop { display: block; }
#hcp-shell-control .hcp-evnote__sig { margin-top: 8px; }

/* Kompakt satırda: buton görünür, içerik pencereye taşınır. */
@media (min-width: 940px) {
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote {
        position: relative;
        display: inline-flex;
        flex: 0 0 auto;
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote__btn {
        display: grid;
        place-items: center;
        width: 30px;
        height: 30px;
        border-radius: var(--pys-radius-pill);
        background: transparent;
        border: 1.5px solid #C9D8EE;
        color: #1D4ED8;
        cursor: pointer;
        padding: 0;
        font-size: var(--pys-fs-xs);
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote__btn:hover {
        background: #F4F8FE;
        border-color: #A9C6EE;
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote__btn.is-empty {
        border-color: #E4DFD4;
        color: #C0B7A4;
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote__pop {
        display: none;
        position: absolute;
        right: -8px;
        top: calc(100% + 8px);
        width: 340px;
        max-width: 70vw;
        background: #fff;
        border: 1px solid #E4DFD4;
        border-radius: var(--pys-radius-xs);
        box-shadow: var(--pys-elev-3) rgba(15, 23, 42, .16);
        padding: 12px 12px;
        z-index: 60;
        text-align: left;
        white-space: normal;
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote:hover .hcp-evnote__pop,
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote:focus-within .hcp-evnote__pop {
        display: block;
    }
    /* Pencerede "Açıklama & Link" etiketi gereksiz — pencerenin kendisi o. */
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote__pop .hcp-ctrl-item-expl-lbl { display: none; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote__pop .hcp-ctrl-item-info { margin: 0; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-evnote__pop .hcp-evnote__sig {
        padding-top: 8px;
        border-top: 1px solid #F1EEE6;
    }
    /* Katman: pencere açıkken satır öne alınmalı, yoksa alttaki satırın
       öğeleri pencerenin üstüne biniyor (mockup harness'ında yakalandı). */
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) { position: relative; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing):hover,
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing):focus-within { z-index: 60; }
}

/* ── gösterge şeridi: glif ↔ ad, bir kez ── */
#hcp-shell-control .hcp-ctrl-legend {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 12px 16px 12px;
    border-bottom: 1px solid #EFEBE2;
}
#hcp-shell-control .hcp-ctrl-legend__item { display: inline-flex; align-items: center; gap: 8px; }
#hcp-shell-control .hcp-ctrl-legend__item > i {
    font-style: normal;
    font-size: var(--pys-fi-sm);
    font-weight: 700;
    color: #8B8272;
}
#hcp-shell-control .hcp-ctrl-legend .hcp-ctrl-mark-tag--icon {
    width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    font-size: var(--pys-fi-sm) !important;
}
#hcp-shell-control .hcp-ctrl-legend .hcp-ctrl-mark-tag--icon > i { font-size: var(--pys-fi-sm); }
#hcp-shell-control .hcp-ctrl-legend .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--ontrack,
#hcp-shell-control .hcp-ctrl-legend .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--speedup {
    border-radius: var(--pys-radius-sm) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   EDİTORYAL DİL — Aşama 2: yüzey · durum şeridi · puan halkası (2026-08-18)

   Editoryal dilin yüzey kuralı: kart/gölge yok, kağıt tonunda tek yüzey ve
   saç teli ayraçlar. Bu blok listeyi taşıyan kutuları sadeleştirir, durum
   şeridini (evbar) kağıt bandına çevirir ve puan halkasını biçimlendirir.
   Alt sekmelerin başlığa taşınması Aşama 3'e bırakıldı (DOM değişikliği:
   evbar ile alt sekmeler kardeş değil, ölçüldü).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── liste kutusu: kart kromu yerine kağıt yüzey ── */
#hcp-shell-control .hcp-ctrl-evaluated-list,
#hcp-shell-control .hcp-ctrl-group {
    background: #FBFAF7 !important;
    border: 1px solid #E9E5DC !important;
    border-radius: var(--pys-radius-xs) !important;
    box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-group-items { background: transparent !important; }

/* ── grup başlıkları: sessiz etiket, harf aralıklı (uppercase YOK) ── */
#hcp-shell-control .hcp-ctrl-evaluated-hdr,
#hcp-shell-control .hcp-ctrl-group-hdr {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #E4DFD4 !important;
    border-radius: 0 !important;
    padding: 12px 16px 12px !important;
}
/* v3 (2026-08-26): `.hcp-ctrl-group-title` ÖLÜ SEÇİCİ — DOM'da yok, başlıklar
   `.hcp-ctrl-group-name` kullanıyor (grep: 0 sonuç). Bu yüzden buradaki sıcak
   kahve + harf aralığı yalnız "Değerlendirilenler"e düşüyordu: iki eşdeğer
   başlıktan biri #6B6252 / 1.8px harf aralığı, diğeri koyu lacivert / normal.
   Asimetrinin kaynağı buydu. Ölü seçici kaldırıldı, başlık "Sırada" ile aynı
   dile alındı; punto/kalınlık tipografi bloğundan (15px/700) geliyor.
   İpucu bir kademe sessiz: ink-5 beyazda 5,38:1 (AA ✓). */
#hcp-shell-control .hcp-ctrl-evaluated-title {
    font-weight: 700 !important;
    letter-spacing: normal !important;
    /* Grup adıyla BİREBİR aynı token: o `--color-text-primary` (fallback ink-1)
       kullanıyor. Ölçümde iki başlık #0F172A ve #1B2A2E çıkıyordu — iki farklı
       koyu, aynı seviyede iki başlık için gereksiz bir ayrım. */
    color: var(--color-text-primary, var(--pys-ink-1)) !important;
}
#hcp-shell-control .hcp-ctrl-evaluated-hint {
    font-size: var(--pys-fs-xs) !important;
    color: var(--pys-ink-5) !important;
    letter-spacing: 0;
}

/* ── gösterge şeridi: kağıt yüzeye otur ── */
#hcp-shell-control .hcp-ctrl-legend {
    background: transparent;
    border-bottom: 1px solid #E4DFD4;
}

/* ── durum şeridi (evbar): kart değil kağıt bandı ── */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    background: #FBFAF7 !important;
    border: 1px solid #E9E5DC !important;
    border-radius: var(--pys-radius-xs) !important;
    box-shadow: none !important;
}

/* ── puan halkası ── */
#hcp-shell-control .hcp-ctrl-evbar__score {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-score-ring {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    line-height: 0;
}
#hcp-shell-control .hcp-ctrl-score-ring__num {
    position: absolute;
    font-size: var(--pys-fs-sm);
    font-weight: 700;
    color: #124a94;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    letter-spacing: -.03em;
    white-space: nowrap;
}
#hcp-shell-control .hcp-ctrl-score-ring__lbl {
    font-size: var(--pys-fs-xs);
    font-weight: 700;
    letter-spacing: .12em;
    color: #6B6252;
    white-space: nowrap;
}

/* ── kilit düğmesi: eylem ciddi, görünüm sakin ── */
#hcp-shell-control .hcp-ctrl-reopen-btn {
    background: #fff !important;
    color: #124a94 !important;
    border: 1.5px solid #C3D8F6 !important;
    border-radius: var(--pys-radius-sm) !important;
}
#hcp-shell-control .hcp-ctrl-reopen-btn:hover { background: #F5F9FE !important; }

/* ══════════════════════════════════════════════════════════════════════════
   YÜZEY — Katman (T3) uygulaması (2026-08-18, Alperen seçimi: mockup T1-T4'ten
   "Katman" / cam his). Editoryal satır dili (Aşama 1) ve puan halkası AYNEN
   kalır — İSKELET KORUNUR, yalnız dış yüzeyin sanat yönetimi değişir.

   Aşama 2'de seçilen "kağıt" yüzey (düz, gölgesiz, 4px köşe, sıcak nötr) bu
   turda "katman/cam" diline döner: yumuşak mavi yıkama zemin + üstünde
   yarı-opak beyaz kartlar + 16-20px köşe + dağınık gölge. Kontrol paneli
   semantik olarak zaten mavi (CLAUDE.md Tasarım İlkeleri); bu yıkama o
   kimliği pekiştiriyor, yeni bir renk icat etmiyor.

   backdrop-filter KULLANILMADI: memory → Glass-panel Fixed Tuzağı, bu panelde
   position:fixed modal/popover barındırıyor, backdrop-filter'ın onları
   hapsetmesi riski var. Yarı-opak beyaz (rgba(255,255,255,.92)) + yumuşak
   gölge aynı "cam" hissini backdrop-filter'sız veriyor.

   Kontrast notu: yeni kart zemini (~#FCFDFF efektif, beyaz + %10 mavi yıkama
   karışımı) önceki kağıt zeminden (#FBFAF7) daha AÇIK — Aşama 1/2'de ölçülen
   metin renkleri (#7D7462, #6B6252 vb.) burada da geçer, YENİDEN ölçüldü
   (bkz. teslim notu). Satır/rozet renkleri bu turda DEĞİŞMEDİ.

   2026-08-18 düzeltme (Alperen: "üst bölüm hâlâ düz beyaz çıkıyor"): ilk
   turda kart opaklığı %92'ye, yıkama da %55'te neredeyse beyaza (#F7FAFE)
   soluyordu — ikisi üst üste binince yıkama görünmez oluyordu. Kart %90'a
   indi, yıkama tona ARTIK EN ALTA KADAR aynı doygunlukta kalıyor (tek
   soluk durak yok) — kontrast yeniden ölçüldü, en düşüğü 4,54:1 (AA geçer,
   önceki turdaki 4,57'ye çok yakın, pay bırakıldı). */
#hcp-shell-control .hcp-ctrl-eval-card {
    background: linear-gradient(160deg, #DCE9FB 0%, #EEF4FC 100%) !important;
    border-radius: var(--pys-radius-xl) !important;
    box-shadow: none !important;
    overflow: visible !important;
}
#hcp-shell-control .hcp-ctrl-eval-inner { padding: 12px !important; }

#hcp-shell-control .hcp-ctrl-evaluated-list,
#hcp-shell-control .hcp-ctrl-group {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: var(--pys-radius-lg) !important;
    box-shadow: 0 8px 24px -14px rgba(16,42,80,.34) !important;
}
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: var(--pys-radius-lg) !important;
    box-shadow: 0 8px 24px -14px rgba(16,42,80,.34) !important;
}
/* Saç teli ayraçlar sıcak beyj yerine cam zeminin soğuk grisi (T3 .sep/.lgsep). */
#hcp-shell-control .hcp-ctrl-group-items > .hcp-ctrl-item--card:not(.is-editing) + .hcp-ctrl-item--card:not(.is-editing) {
    border-top-color: #E3EAF5 !important;
}
#hcp-shell-control .hcp-ctrl-legend { border-bottom-color: #E3EAF5 !important; }
#hcp-shell-control .hcp-ctrl-evaluated-hdr,
#hcp-shell-control .hcp-ctrl-group-hdr {
    border-bottom-color: #E3EAF5 !important;
}

/* ── rapor kilidi bandı (2026-08-18): draft-banner ile aynı aile, mavi tonda —
   amber "Gönder'e basmadı" uyarısıyla karışmasın; bu bir hata değil bilgi. ── */
.hcp-ctrl-report-lock-banner {
    padding: 10px 16px; background: #EFF6FF; border-bottom: 0.5px solid #BFDBFE;
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: var(--pys-fs-xs); color: #1E3A8A;
}
.hcp-ctrl-report-lock-banner i { font-size: var(--pys-fi-md); flex-shrink: 0; color: #1D4ED8; }
.hcp-ctrl-report-lock-banner span { flex: 1 1 auto; min-width: 200px; }
.hcp-ctrl-report-lock-continue {
    flex: 0 0 auto; border: 1.5px solid #93C5FD; background: #fff; color: #1D4ED8;
    border-radius: var(--pys-radius-sm); padding: 4px 12px; font-size: var(--pys-fs-xs); font-weight: 700; cursor: pointer;
}
.hcp-ctrl-report-lock-continue:hover { background: #F5F9FE; }

/* ── eski sürümler düğmesi: rapor eylemleriyle aynı boy, nötr ton ── */
.hcp-ctrl-report-archive-btn {
    flex-shrink: 0;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 12px; border-radius: var(--pys-radius-sm); font-size: var(--pys-fs-xs); font-weight: 600;
    border: 1px solid #CBD5E1; background: #fff; color: var(--pys-ink-4);
    cursor: pointer; box-shadow: var(--pys-shadow-sm);
    transition: background 0.15s, border-color 0.15s, transform 0.12s;
}
.hcp-ctrl-report-archive-btn:hover { background: #F8FAFC; border-color: #94A3B8; transform: translateY(-1px); }
.hcp-ctrl-report-archive-item {
    padding: 12px 12px; border: 1px solid #E2E8F0; border-radius: var(--pys-radius-md); margin-bottom: 10px;
}
.hcp-ctrl-report-archive-item__meta {
    font-size: var(--pys-fs-xs); color: var(--pys-ink-5); margin-bottom: 8px; display: flex; gap: 10px; flex-wrap: wrap;
}
.hcp-ctrl-report-archive-item__body {
    font-size: var(--pys-fs-sm); color: var(--pys-ink-2); max-height: 240px; overflow: auto; white-space: pre-wrap;
}

/* ══════════════════════════════════════════════════════════════════════════
   TEK ŞERİT (2026-08-18, Alperen düzeltmesi): Aşama 3a sekmeleri evbar'ın
   KARDEŞİ yapmıştı (.hcp-ctrl-wiz-stage dışına çıkardı — hiyerarşi doğruydu)
   ama Katman'ın görünür cam kartı yanında, kartsız sekme şeridi "kopuk bir
   parça" gibi asılı duruyordu. Şimdi sekmeler evbar'ın KENDİ kartının İKİNCİ
   satırı — DOM'da hâlâ .hcp-ctrl-wiz-stage'in dışında (hiyerarşi bozulmadı),
   ama artık evbar ile TEK arka plan / TEK gölge / TEK kartı paylaşıyor.
   ══════════════════════════════════════════════════════════════════════════ */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    flex-direction: column !important;
    align-items: stretch !important;
}
#hcp-shell-control .hcp-ctrl-evbar__row1 {
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px; flex-wrap: wrap; width: 100%;
}
/* Rapor satırı (row2) eskiden AYRI bir kardeşti, negatif margin ile evbar'a
   "yapıştırılıyordu"; artık gerçek çocuk olduğu için o numaraya gerek yok. */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar .hcp-ctrl-evbar__row2 { margin-top: 0; }
/* Sekmeler artık evbar kartının içinde: kendi alt/üst margin'i kartın kendi
   dolgusuyla çakışıp çift boşluk yaratmasın diye sıfırlanır; üstte ince bir
   ayraç satır1'den ayırır (iki "bölüm" tek kart içinde okunsun). */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar > .hcp-ctrl-subtabs {
    margin: 0 !important;
    align-self: flex-start;
    padding-top: 10px;
    border-top: 1px solid rgba(16,42,80,.08);
}
/* Rapor satırı da sekmelerle aynı ayracı paylaşsın — üç satır (durum, rapor
   aksiyonu, sekmeler) tek kartta tutarlı bir ritimle ayrılsın. Sağa yaslılık
   (justify-content:flex-end) BİLEREK korunur — birkaç düğmeyi space-between
   ile iki yana savurmak dağınıklık kuralına aykırı olurdu. */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar .hcp-ctrl-evbar__row2 {
    padding-top: 10px;
    border-top: 1px solid rgba(16,42,80,.08);
}

/* ══════════════════════════════════════════════════════════════════════════
   KATMAN'IN YAYILMASI (2026-08-18, Alperen: "yeni yönde bir çok düzenleme
   vardı") — Katman yalnız "HÇP İşleri" alt sekmesine işlenmişti; sekme/adım
   değiştirince ekran iki tasarım dönemi arasında zıplıyordu. Dış yıkama
   (.hcp-ctrl-eval-card) zaten TÜM sihirbazı sarıyor — yalnız iç "kart"
   muamelesi üç bölümde eksikti. Aynı formül, aynen: yarı-opak beyaz +
   16px köşe + dağınık gölge. Durum taşıyan renkler (mor özel not, yeşil
   kilit rozeti, cf-row zebra/hover) KASITLI olarak dokunulmadı — semantik
   renk kuralı: bunlar anlam taşıyor, camlaştırılırsa anlam kaybolur.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── a) İçerik / Dosya. DAMGALI yazılır: .hcp-cf-* damgasız kullanılıyor ve
   .hcp-cf-reminder adlı kardeş sınıf Planım sayfasında yaşıyor — damgasız
   yazılsaydı oraya sızardı. .hcp-cf-row'a (zebra/hover/açık-durum) dokunulmaz. */
#hcp-shell-control .hcp-cf-table,
#hcp-shell-control .hcp-cf-composer,
#hcp-shell-control .hcp-cf-invite {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: var(--pys-radius-lg) !important;
    box-shadow: 0 8px 24px -14px rgba(16,42,80,.34) !important;
}
#hcp-shell-control .hcp-cf-invite:hover {
    background: rgba(240,247,255,.95) !important;
    border-color: rgba(191,219,254,.9) !important;
}

/* ── b) Not & Ara Rapor. priv-note (özel not) rengi DEĞİŞMEZ — mor, gizlilik
   rozetiyle aynı kasıtlı görsel dil (bkz. .hcp-ctrl-privacy-badge yorumu);
   yalnız köşe yuvarlaklığı yanındaki cam kartlarla aynı geometriye çekilir. */
#hcp-shell-control .hcp-ctrl-weekly-preview,
#hcp-shell-control .hcp-ctrl-interim-edit {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: var(--pys-radius-lg) !important;
    box-shadow: 0 8px 24px -14px rgba(16,42,80,.34) !important;
}
#hcp-shell-control .hcp-ctrl-interim-edit:focus {
    background: rgba(255,255,255,.98) !important;
    border-color: #2E8FFF !important;
}
#hcp-shell-control .hcp-ctrl-priv-note { border-radius: var(--pys-radius-lg) !important; }

/* ── c) Final Rapor. .hcp-ctrl-mgr-items (mgr-guide'ın İÇİNDEKİ liste)
   kasıtlı dokunulmadı — kart içinde kart olmasın diye (mevcut kodun kendi
   ilkesi: iç içe kartlarda gölge içteki katmanda bırakılır). */
#hcp-shell-control .hcp-ctrl-weekly-phase__head,
#hcp-shell-control .hcp-ctrl-mgr-guide,
#hcp-shell-control .hcp-ctrl-report-area,
#hcp-shell-control .hcp-ctrl-rp-preview {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: var(--pys-radius-lg) !important;
    box-shadow: 0 8px 24px -14px rgba(16,42,80,.34) !important;
}
#hcp-shell-control .hcp-ctrl-report-area:focus {
    background: rgba(255,255,255,.98) !important;
    border-color: #00868F !important;
}
#hcp-shell-control .hcp-ctrl-mgr-guide__toggle { border-radius: var(--pys-radius-lg) !important; }
#hcp-shell-control .hcp-ctrl-mgr-guide[open] .hcp-ctrl-mgr-guide__toggle {
    border-radius: var(--pys-radius-lg) var(--pys-radius-lg) 0 0 !important;
}
/* Rapor kilidi rozeti — CAM DEĞİL: "gönderildi/kilitli" ailesiyle aynı yeşil
   dil (Katman'ın nötr camıyla karışmasın, durumun kendi rengi olsun). Bu
   sınıfın önceden HİÇ CSS kuralı yoktu. */
#hcp-shell-control .hcp-ctrl-report-locked {
    background: #F0FDF4 !important;
    border: 1px solid #BBF7D0 !important;
    border-radius: var(--pys-radius-lg) !important;
    padding: 12px 16px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   SATIR META — rozet çorbası → sessiz metin (2026-08-19, Alperen: "K1 ok yap")
   Katman (T3) yüzeyi zaten canlıda; bu blok o yüzeyin üstünde kalan rozet
   yığınını kaldırır. Bilgi KAYBOLMAZ — plan dışı, atayan, devam sebebi, devir
   ve "İşaretlenmedi" aynen yazar; yalnız dolgulu kapsül, kenarlık ve zemin
   gider, metin sessiz gri tona iner. Uyarı taşıyan üç durum (devir ×3+, devir
   ×5+, İşaretlenmedi) rengini KORUR — renk tek taşıyıcı değil, metin de var.

   Neden yalnız CSS: satır üretimi (renderCompactItem) ve tab akışı kritik
   dosyalarda; DOM'a dokunmadan aynı sonuç alınıyor.

   ⚠️ Üstteki geometri kuralı (#hcp-shell-control .hcp-ctrl-item-meta > …)
   !important ile yazılmış — bu blok dosyanın SONUNDA ve aynı özgüllükte,
   o yüzden kaskadı kazanır. Ölçüldü (getComputedStyle harness).
   ══════════════════════════════════════════════════════════════════════════ */
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-reason,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-carryover-badge,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unplanned,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unmarked,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--blue,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--slate {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    font-size: var(--pys-fs-xs) !important;
    font-weight: 600 !important;
    color: var(--pys-ink-5) !important;
}
/* Uyarı taşıyan üçlü rengini korur (metinleri zaten "Öncelikli" / "Kritik" /
   "İşaretlenmedi" yazıyor — renk tek taşıyıcı değil). */
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-carryover-badge--warn { color: #8A5B00 !important; }
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-carryover-badge--critical { color: #B4123A !important; }
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unmarked { color: #8A5B00 !important; font-weight: 700 !important; }
/* Sessiz metinler arasına ayraç: kapsül gidince parçalar birbirine yapışıyor. */
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-reason + *::before,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-carryover-badge + *::before,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unplanned + *::before,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--blue + *::before,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--slate + *::before {
    content: "·";
    margin-right: 6px;
    color: #A6AEBC;
    font-weight: 400;
}

/* ── Kontrast: AA altında kalan üç soluk ton koyulaştırıldı ──────────────────
   Ölçüm (Katman kart zemininde): satır numarası #7D7462 → 1,99:1 · ölçü çipi
   #6B6252 → 2,79:1 (eşik 4,5:1). Sanat yönetimi korunuyor — bunlar hâlâ
   "sessiz metin", yalnız bir kademe koyu. Yeni ton #5C6B85 = 4,87:1. */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-num { color: var(--pys-ink-5) !important; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-weight-chip { color: var(--pys-ink-5) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   AÇIK SATIR — TEK ŞERİT (2026-08-19, Alperen onayı: mockup deger_satir.html)
   Satırın açık (değerlendirme) hâli tek yükseklikte toplanır. Kaldırılanlar:
   buton etiketleri, puan ağırlığı, satır içi sebep yazısı, hep açık geri
   bildirim kutusu. Bilgi kaybolmaz — adı ipucuna, sebep durum düğmesine,
   geri bildirim kendi düğmesine taşındı.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Hüküm tuşları: ETİKET YOK, kare ikon tuşu. Adı title'da. ───────────── */
#hcp-shell-control .hcp-ctrl-mark__lbl { display: none !important; }
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark {
    width: 38px !important; min-width: 38px !important; height: 38px !important;
    padding: 0 !important; justify-content: center !important;
}
/* "İşareti Kaldır" da ikona iner — metin düğümü olduğu için font-size ile susturulur */
#hcp-shell-control .hcp-ctrl-mark-clear {
    width: 38px !important; height: 38px !important; padding: 0 !important;
    font-size: 0 !important; justify-content: center !important;
}
#hcp-shell-control .hcp-ctrl-mark-clear > i { font-size: 13px !important; margin: 0 !important; }

/* ── 2. Puan ağırlığı satırdan kalkar; süre kalır ─────────────────────────── */
#hcp-shell-control .hcp-ctrl-weight-chip__x,
#hcp-shell-control .hcp-ctrl-weight-chip__sep { display: none !important; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-weight-chip { min-width: 54px; }

/* ── 3. Durum düğmesi — sağ uçta, sebep ipucunda ──────────────────────────── */
#hcp-shell-control .hcp-ctrl-status-pill {
    display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto;
    height: 30px; padding: 0 10px; border-radius: var(--pys-radius-sm);
    border: 1px solid #E2E8F0; background: #F8FAFC; color: var(--pys-ink-4);
    font-family: var(--pys-font-display, inherit); font-size: var(--pys-fs-xs); font-weight: 700;
    white-space: nowrap; cursor: help;
}
#hcp-shell-control .hcp-ctrl-status-pill > i { font-size: var(--pys-fi-sm); }
/* v3 (2026-08-26): durum kapsülü, hüküm butonu kadar canlı görünmemeli —
   madalyon = değerlendirmecinin HÜKMÜ, kapsül = iş koçunun bildirdiği ÇALIŞMA
   DURUMU. Pastel çift, metni AA'ya çekilmiş (ölçüm: 6,06:1 ve 6,11:1). */
#hcp-shell-control .hcp-ctrl-status-pill--in_progress {
    border-color: #F1E4C7; background: #FFF9ED; color: #775B1F;
}
#hcp-shell-control .hcp-ctrl-status-pill--completed {
    border-color: #D2EBDD; background: #F1FAF5; color: #176B45;
}
/* v3.1 (2026-08-27): "Tamamlanamadı" pastel çifti YOKTU — nötr tabana düşüyordu.
   İki çip pastel, üçüncüsü gri kalınca aile yarım okunuyordu. Ton yeni değil:
   işaret paletinin `minus` gülkurusu ailesinin pastel karşılığı (Tamamlandı'nın
   `plus` yeşilini alması gibi). Madalyon ile çakışmaz — ayrımı biçim taşıyor:
   hüküm daire, çalışma durumu kapsül. Metin 7,3:1. */
#hcp-shell-control .hcp-ctrl-status-pill--not_completed {
    border-color: #F6D3D9; background: #FFF1F3; color: #9F1239;
}
#hcp-shell-control .hcp-ctrl-status-pill--abandoned {
    border-color: #E2E8F0; background: #F8FAFC; color: var(--pys-ink-5);
}
/* Dar ekranda etiket düşer, ikon + ipucu kalır */
@media (max-width: 900px) {
    #hcp-shell-control .hcp-ctrl-status-pill__lbl { display: none; }
    #hcp-shell-control .hcp-ctrl-status-pill { padding: 0 8px; }
}

/* ── 4. Geri bildirim düğmesi ─────────────────────────────────────────────── */
#hcp-shell-control .hcp-ctrl-note-btn {
    width: 32px; height: 32px; flex: 0 0 auto; position: relative;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: var(--pys-radius-sm); border: 1px solid #DCE6F5; background: #fff;
    color: var(--pys-ink-5); font-size: var(--pys-fs-xs); cursor: pointer;
}
#hcp-shell-control .hcp-ctrl-note-btn:hover { border-color: #B9CDEA; background: #F5F9FF; }
#hcp-shell-control .hcp-ctrl-note-btn.has-note {
    border-color: #C7DCFA; background: #F2F7FF; color: #1453B8;
}
/* Yazılmış geri bildirim işareti — renk tek taşıyıcı olmasın diye ayrı nokta */
#hcp-shell-control .hcp-ctrl-note-btn.has-note::after {
    content: ""; position: absolute; top: -3px; right: -3px;
    width: 8px; height: 8px; border-radius: 50%;
    background: #1453B8; border: 1.5px solid #fff;
}
#hcp-shell-control .hcp-ctrl-item.is-note-open .hcp-ctrl-note-btn {
    border-color: #1453B8; background: #1453B8; color: #fff;
}
#hcp-shell-control .hcp-ctrl-note-btn:focus-visible { outline: 2px solid #1a63c4; outline-offset: 2px; }

/* ── 5. Geri bildirim alanı: yalnız düğmeye basılınca ─────────────────────── */
#hcp-shell-control .hcp-ctrl-item .hcp-ctrl-control-note-wrap { display: none !important; }
#hcp-shell-control .hcp-ctrl-item.is-note-open .hcp-ctrl-control-note-wrap {
    display: block !important;
    border-top: 1px solid #E3EAF5; background: #F7FAFF;
    border-radius: 0 0 var(--pys-radius-lg) var(--pys-radius-lg); padding: 12px 12px 12px;
}

/* ── 6. Düzenleme modu artık SARMIYOR — tek şerit ─────────────────────────────
   Sarma kuralı (yukarıda, 2026-08-18) hüküm tuşları ETİKETLİ olduğu için
   konmuştu: ~700px yer tutuyor, gövdeye yer kalmıyordu. Etiketler kalktı
   (5 tuş × 38px ≈ 210px), o yüzden satır tek şeride döndürülüyor.
   Dar ekranda sarma geri gelir — aşağıdaki medya sorgusu. */
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main {
    flex-wrap: nowrap !important;
    align-items: center !important;
    row-gap: 0 !important;
    gap: 12px !important;
    min-height: 60px;
    padding: 0 16px;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-body {
    flex: 1 1 auto !important; min-width: 0 !important;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-tail,
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-actions {
    flex: 0 0 auto !important;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-title {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* Dar ekran: tek şeride sığmaz — eski sarma davranışı geri gelir ki
   iş başlığı yine 0 genişliğe düşmesin (2026-08-18 ölçümü). */
@media (max-width: 1100px) {
    #hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main {
        flex-wrap: wrap !important; row-gap: 10px !important; align-items: flex-start !important;
        padding: 12px 16px;
    }
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-body,
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-tail,
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-actions {
        flex: 1 1 100% !important;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   ORGANİK KAT · DİLİM 1 — BÖLÜM AYRIMI + DİKEY EKONOMİ   (2026-08-19)
   Alperen'in yönü: "organic flow'un shape'ini, bölümlerin ayrı ayrı oluşunu,
   diğerlerinin renklerini beğendim." Bu dilim yalnız İSKELET tarafını kurar —
   biçim (yaprak köşe) ve parıltı Dilim 2'de gelir.

   Ölçülen sorun: ilk iş satırına kadar 479px ve yedi yatay şerit vardı; üstelik
   kartların kenarlığı beyazdı (rgba(255,255,255,.9)) — yani "ayrı bölüm" hissi
   YOKTU, her şey tek yüzeye yayılmış görünüyordu.

   Üç hamle:
     1) Hafta özeti + kişi şeridi mavi başlığın içinden çıkıp kendi kartı oldu
        (DOM: renderControlSkeleton). Mavi blok yalnız kimlik + hafta + sekme.
     2) Çalışma alanındaki her bölüm görünür kenarlık kazandı — "keskin ayrım".
        Kenarlık rengi yeni icat değil, mevcut token: --color-border-secondary.
     3) Alt sekmeler (HÇP İşleri / İçerik-Dosya) araç çubuğunun İKİNCİ satırından
        BİRİNCİ satıra taşındı — bir yatay şerit eksildi, kart kimliği bozulmadı.
   ══════════════════════════════════════════════════════════════════════════ */

/* 1 — Kişi kartı: ESKİ HÂLİNE DÖNDÜ (2026-08-19, Alperen: "header bölümünü
   eski haline getir"). Organik Kat'ın kişi kartını mavi başlıktan çıkaran
   kuralları ve Pastel'in o karta verdiği yüzey söküldü; DOM taşıması da
   geri alındı (ebdfd35 revert). Başlık bölgesi 19 Ağustos öncesi görünümde. */

/* 2 — Keskin ayrım: her bölüm kendi konturunu taşır */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar,
#hcp-shell-control .hcp-ctrl-group,
#hcp-shell-control .hcp-ctrl-evaluated-list,
#hcp-shell-control .hcp-ctrl-weekly-phase,
#hcp-shell-control .hcp-ctrl-mgr-guide,
#hcp-shell-control .hcp-ctrl-priv-note {
    border: 1.5px solid var(--color-border-secondary) !important;
}
/* Bölümler arası nefes tek değerde (ölçek basamağı) */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar { margin: 12px 0 !important; }
#hcp-shell-control .hcp-ctrl-group { margin: 0 0 12px !important; }

/* 3 — Alt sekmeler araç çubuğunun ilk satırına girdi (bir şerit eksildi) */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
}
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-subtabs {
    order: -1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
/* v3.2 (2026-08-27): `flex: 1 1 420px` KALDIRILDI. Yön A ile kap sütun eksenine
   geçti; sütunda `flex-basis` GENİŞLİK değil YÜKSEKLİK demek — şerit 495px boyunda
   doğuyor ve iki satır arasında 243px boşluk kalıyordu (ölçüldü). Bu, 2026-08-19'da
   aynı dosyada bir kez yaşanmış tuzağın aynası (o zaman satır 420px olmuştu).
   ⚠️ Bu seçici (1-2-0) dosya sonundaki v3.2 bloğundan DAHA ÖZGÜL — düzeltme
   oraya yazılamaz, kaynağında yapılmalı. */
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-evbar__row1 {
    flex: 0 0 auto !important;
    min-width: 0 !important;
}
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-evbar__row2 { flex: 1 1 100% !important; }

/* ══════════════════════════════════════════════════════════════════════════
   YÜZEY — "Boyalı Yüzeyler / Pastel Tactile" (2026-08-19, Alperen seçimi)

   Alperen dört yönlü mockup'tan (Neon Flow · Organic Flow · Boyalı Yüzeyler ·
   Ethereal Float) 3. yönü seçti: "Boyalı Yüzeyler'i çok beğendim, bunu uygula".
   Bir önceki yüzey dili (Katman / cam his, 2026-08-18) bu blokla değişir.

   Dilin dört imzası:
     1) KARAR VERİLMİŞ ZEMİN — gri-mavi (#D2E0EE). Beyaz kartla yarışmaz,
        kart üstünde net durur. Eski cam yıkaması (gradyan) kalkar.
     2) KESKİN AYRIM — her bölüm kendi beyaz kartı: 2px görünür kontur
        (#9EBFE0) + tok gölge. "Bölümler ayrı ayrı" okunur.
     3) BOYALI SATIR — her iş satırı kendi yumuşak kutusunda (#F8FAFC, 16px);
        üzerine gelince beyazlaşır, mavi kontur alır ve 2px yükselir.
     4) TACTILE BUTON — birincil butonda üstten iç ışık (inset) + renkli gölge:
        "boyanmış / dokunulası" his. İkincil buton nötr kapsül, hover'da beyaz.

   DOKUNULMAYANLAR (bilinçli):
     · İşaret paleti P3 AYNEN kalıyor. Ölçüm: mockup'taki 6 renkten ÜÇÜ beyaz
       glifi taşımıyor (#10B981 2,54:1 · #0EA5E9 2,77:1 · #F59E0B 2,15:1;
       WCAG 1.4.11 eşiği 3:1). P3 altısında da geçiyor (3,65-10,36). Renk
       kimliği değişimi ayrı bir karar — Alperen'e soruldu.
     · Gönder butonu (.hcp-ctrl-btn-send) kırmızı ve kapsam dışı.
     · Son Kontrol'ün mor gradyanı ve YZ araçlarının rengi kimlik taşır.
     · Hüküm tuşlarının 38x38 geometrisi (2026-08-19'da ölçülerek donduruldu).
     · Satır meta yazıları K1'de (2026-08-19) bilinçli kapsülden çıkarıldı;
       mockup onları yeniden kapsüle alıyor — K1 kararı korundu.
     · Satır yüksekliği 60px korundu: iç min-height 56px + 2px kontur = 60px.
     · Satır arası boşluk mockup'ta 12px (24px aralık); burada 8px. Gerekçe:
       liste yoğun, 11 işte 12px ~264px ek kaydırma demek.

   Kaskad notu: bu blok dosyanın SONUNDA ve ID kapsamlı — üstteki Katman
   bloğunu (aynı özgüllük, daha erken) ezer. Gizleme/geometri kurallarında
   !important varsayıldı (memory → Değerlendirme Denetimi 2026-08-13).
   ══════════════════════════════════════════════════════════════════════════ */