/* pys_hcp_control_6_yuzey.css
 * ===========================================================================
 * KAYNAK: pys_hcp_control.css satir 5155-6559 (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: Pastel yuzey paketi (1-11: zemin, bolum kartlari, is satiri, alt sekmeler, butonlar, rozetler, ISARET PALETI, arac cubugu eksen duzeltmesi, nefes payi), Serit A (segmented control, tek taban cizgisi, puan cubugu), satir olcu paketi, adim zinciri, header redesign 2026-08-27 (hafta cipi, roster gruplari, kart durum satiri, secim isareti)
 * ===========================================================================
 */
/* ── 1 · zemin: nötr, sessiz çalışma yüzeyi ─────────────────────────────── */
/* Tuval renginin TEK yeri bu satırdır (v2 kararı, 2026-08-21).
   v3 (2026-08-26): #F1F5F9 → #F7F9FC. Ölçülen sebep: iş satırlarının zemini de
   #F1F5F9'du, yani tuval ile satır AYNI renkti; ekran "gri-mavi bloklardan
   oluşuyor" gibi okunuyordu. Tuval bir kademe nötre çekildi, satırlar beyaza
   alındı (aşağıdaki 3. madde) — böylece çalışma alanı kendi başına dikkat
   çekmez, beyaz içerik yüzeyleriyle arasındaki ayrım yine okunur kalır. */
#hcp-shell-control .hcp-ctrl-eval-card {
    background: #F7F9FC !important;
    border-radius: var(--pys-radius-xl) !important;
    box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-eval-inner { padding: var(--pys-space-16) !important; }

/* ── 2 · bölüm kartları: hafif kontur, tek gölge seviyesi ──────────────────
   v3 (2026-08-26): Pastel'in "keskin ayrım" reçetesi (2px #9EBFE0 kontur +
   `0 16px 32px rgba(11,42,80,.10)` gölge + 20px köşe + 24px aralık) ölçüldüğünde
   premium değil KALIN BENTO veriyordu: aynı ekranda üç bölüm kartı birbiriyle
   sesli yarışıyordu. Kart artık yalnız yüzeyi zeminden ayırıyor, varlığını
   bağırmıyor. Gölge ölçeği ikiye indi: bölüm yüzeyi bu değer, popover/modal
   ise kendi (daha güçlü) elevation sistemini kullanmaya devam eder. */
#hcp-shell-control .hcp-ctrl-group,
#hcp-shell-control .hcp-ctrl-evaluated-list,
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    background: #FFFFFF !important;
    border: 1px solid #DDE5EF !important;
    border-radius: var(--pys-radius-lg) !important;   /* 20px → 16px */
    box-shadow: 0 6px 24px rgba(15, 42, 70, .055) !important;
    margin-bottom: var(--pys-space-16) !important;    /* 24px → 16px */
}
/* Bölüm başlığı ayracı: saç teli. 2px'lik çizgi kartın kendi konturundan kalın
   kalıyordu — başlık bandı ayrı bir kutu gibi okunuyordu. */
#hcp-shell-control .hcp-ctrl-group-hdr,
#hcp-shell-control .hcp-ctrl-evaluated-hdr {
    border-bottom: 1px solid #EDF1F5 !important;
}

/* ── 3 · iş satırı: hafif kutu, görünür saç teli kontur ────────────────────
   v3 (2026-08-26): "boyalı satır" dili sakinleştirildi. Ölçülen üç sorun:
     · satır zemini #F1F5F9 idi (aşağıdaki ölçü paketi #F8FAFC'yi eziyordu) —
       yani tuvalle AYNI renk; kutu ayrımını renk değil yalnız köşe taşıyordu
     · kontur 2px ve TRANSPARAN: 2px yer tutuyor, hiçbir şey çizmiyordu
     · 16px köşe + durağan gölge yokluğu, kutuyu "kalın ama sessiz" yapıyordu
   Artık satır beyaz, konturu 1px ve GÖRÜNÜR, köşesi 12px. Bölüm kartı da beyaz
   olduğu için ayrımı bu saç teli kontur taşır — gölgeye gerek yok. */
#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) {
    background: #FFFFFF !important;
    border: 1px solid #E3E9F1 !important;
    border-radius: var(--pys-radius-md) !important;
    box-shadow: none !important;
    /* DİKEY boşluk YOK: kapsayıcı `.hcp-ctrl-group-items` zaten `row-gap`
       taşıyor (ölçüldü). Buraya margin koyunca aralık ikiye katlanıyordu.
       YATAY 12px LOAD-BEARING: A4 paketi (aşağıda) iki grubun kolon hizasını
       tam bu değerle kuruyor — sıfırlanırsa numara ve iş adı 12px kayar. */
    margin: 0 var(--pys-space-12) !important;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
/* Düzenleme modundaki satır da aynı kutu dilinde kalır — yoksa karar verirken
   satır köşesiz beyaz bir levhaya dönüyordu (ölçüm: köşe 0px). Etkin satır
   olduğu için konturu mavi. */
#hcp-shell-control .hcp-ctrl-item.hcp-ctrl-item--card.is-editing {
    background: #FFFFFF !important;
    /* 1px: kompakt satır v3'te 1px'e indi, bu 2px kalınca düzenlenen satırın
       içeriği 1px sağa kayıyor ve iki grup arasında numara/başlık x'i iki
       değere ayrılıyordu (ölçüldü: 115,6 ve 116,4). Halka zaten inset gölge
       ile çizildiği için görüntü değişmiyor. */
    border: 1px solid transparent !important;
    border-radius: var(--pys-radius-md) !important;
    margin: 0 var(--pys-space-12) !important;
    /* Mavi inset halka KORUNUYOR — karar verilen satırın işareti bu (v3 brifi
       madde 5: "aktif satır mevcut mavi focus/inset işaretini koruyabilir").
       Yalnız dış parıltı, ekranın tek gölge seviyesine indirildi. */
    box-shadow: inset 0 0 0 2px #3FA0EC, 0 3px 12px rgba(15, 42, 70, .05) !important;
}
/* Ayraç görünmez ama YER TUTAR: genişlik satırın diğer üç kenarıyla aynı
   kalmalı. v3 ölçümü (2026-08-26): burada 2px yazdığı için ikinci ve sonraki
   satırlar 1px kalın doğuyordu — Sırada listesinde satır yüksekliği 65,6 ve
   66,4 diye ikiye ayrılmış, kolon x'leri de 0,8px kaymıştı. 1px'e eşitlendi. */
#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 transparent !important;
}
/* Mavi halka KENARLIKLA değil `inset box-shadow` ile çiziliyor. Gerekçe ölçümle
   bulundu: bu satırda border-color üzerinde çekişme var — inline `!important`
   bile hesaplanan değeri değiştiremedi (2026-08-19 harness ölçümü). Inset gölge
   aynı görüntüyü verir, geometriyi 2px kontur sabit kaldığı için oynatmaz. */
/* v3 (2026-08-26): HAREKET KALDIRILDI. `translateY(-2px)` satırı hover'da
   zıplatıyordu; premium his sürekli kalkan kartlardan gelmez. Sinyal artık
   yüzey + kontur: zemin bir tık kırılır, halka koyulaşır, çok hafif gölge
   gelir. Halka yine `inset box-shadow` — `border-color` yazılamıyor (yukarıdaki
   3. maddenin üçüncü seçicisi 1-4-0 özgüllükte, bu kural 1-3-0). */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing):hover {
    background: #FBFCFE !important;
    box-shadow: inset 0 0 0 1px #CAD8E8, 0 3px 12px rgba(15, 42, 70, .05) !important;
}
/* 60px korunur: 56 iç + 2+2 kontur */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
    min-height: 56px;
}
/* Satır numarası: mockup #94A3B8 kutu zemininde 2,45:1 (AA altı) — ink-5 4,78:1 */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-num {
    color: var(--pys-ink-5) !important;
}
/* İşaretsiz satırda hüküm yuvası: kesikli daire — "buraya karar gelecek" */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-mark-tag-slot:empty {
    display: inline-block;
    width: 26px; height: 26px;
    border: 3px dashed #94A3B8;
    border-radius: 50%;
    flex: 0 0 auto;
}

/* ── 4 · alt sekmeler: nötr kapsül / aktif lacivert ─────────────────────── */
#hcp-shell-control .hcp-ctrl-subtab {
    background: #F1F5F9 !important;
    color: var(--pys-ink-4) !important;
    border: 2px solid transparent !important;
    border-radius: var(--pys-radius-lg) !important;
    font-weight: 800 !important;
    padding: var(--pys-space-10) var(--pys-space-20) !important;
}
#hcp-shell-control .hcp-ctrl-subtab:hover:not(.is-active) {
    background: #FFFFFF !important;
    border-color: #1E6FD0 !important;
    color: #1E6FD0 !important;
}
#hcp-shell-control .hcp-ctrl-subtab.is-active {
    background: #0B2A50 !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 16px rgba(11, 42, 80, 0.20) !important;
}
#hcp-shell-control .hcp-ctrl-subtab-count {
    background: #FFFFFF !important;
    color: var(--pys-ink-4) !important;
    border-radius: var(--pys-radius-sm) !important;
}
#hcp-shell-control .hcp-ctrl-subtab.is-active .hcp-ctrl-subtab-count {
    background: rgba(255,255,255,0.20) !important;
    color: #FFFFFF !important;
}

/* ── 5 · tactile birincil buton: iç ışık + renkli gölge ─────────────────── */
#hcp-shell-control .hcp-ctrl-wiz-next,
#hcp-shell-control .hcp-ctrl-report-save,
#hcp-shell-control .hcp-ctrl-save-next {
    background: #1E6FD0 !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: var(--pys-radius-lg) !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 16px rgba(30, 111, 208, 0.25), inset 0 2px 0 rgba(255, 255, 255, 0.20) !important;
    transition: transform .18s ease, box-shadow .18s ease;
}
#hcp-shell-control .hcp-ctrl-wiz-next:hover:not(:disabled),
#hcp-shell-control .hcp-ctrl-report-save:hover:not(:disabled),
#hcp-shell-control .hcp-ctrl-save-next:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(30, 111, 208, 0.35), inset 0 2px 0 rgba(255, 255, 255, 0.30) !important;
}

/* ── 6 · ikincil buton + ikon buton: nötr kapsül, hover'da beyaz ────────── */
#hcp-shell-control .hcp-ctrl-wiz-back,
#hcp-shell-control .hcp-ctrl-reopen-btn,
#hcp-shell-control .hcp-ctrl-report-archive-btn,
#hcp-shell-control .hcp-ctrl-rp-tool:not(.hcp-ctrl-quality-check) {
    background: #F1F5F9 !important;
    color: #1E6FD0 !important;
    border: 2px solid transparent !important;
    border-radius: var(--pys-radius-lg) !important;
    font-weight: 800 !important;
}
#hcp-shell-control .hcp-ctrl-wiz-back:hover,
#hcp-shell-control .hcp-ctrl-reopen-btn:hover,
#hcp-shell-control .hcp-ctrl-report-archive-btn:hover,
#hcp-shell-control .hcp-ctrl-rp-tool:not(.hcp-ctrl-quality-check):hover {
    background: #FFFFFF !important;
    border-color: #1E6FD0 !important;
    color: #0B2A50 !important;
    transform: translateY(-1px);
}
/* v3.1 (2026-08-27): 💬 ve ✏ düğmeleri bu gri dolgudan ÇIKARILDI. İki sebep:
   (1) Satırlar v3'te beyaza dönünce #F1F5F9 dolgu görünür gri hap oldu ve
       16px köşesiyle "Değiştir"in 12px'inin yanında uyumsuz duruyordu.
   (2) Bu blok (1-2-0) `.has-note` kuralını (1-2-0, ama daha erken) eziyordu:
       "geri bildirim yazılmış" dolgu tint'i ÖLÜYDÜ, durumu yalnız köşedeki
       mavi nokta taşıyordu.
   Kural silinince ikisinin de KENDİ tasarlanmış hâli geri geliyor: beyaz zemin
   + ince mavi sınır (boş), açık mavi tint (yazılmış), dolu mavi (pencere açık).
   Yalnız köşe merdivene eşitleniyor. */
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-note-btn,
#hcp-shell-control .hcp-ctrl-item--card .hcp-evnote__btn {
    border-radius: var(--pys-radius-md) !important;
    box-shadow: none !important;
}
/* v3 (2026-08-26): "Değiştir" bu üçlüden ayrıldı. Gerekçe: değerlendirilmiş
   satırda en baskın öğe hüküm madalyonu olmalı, düzenleme eylemi değil.
   Nötr dolgu → beyaz yüzey, 2px transparan kontur → 1px görünür sınır,
   köşe 16px → 12px (ekranın köşe merdiveninde buton basamağı). Metin ve ikon
   mavi kalır: #1E6FD0 beyazda 4,96:1, hover zemininde 4,69:1 (AA ✓). */
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-row-edit {
    background: #FFFFFF !important;
    color: #1E6FD0 !important;
    border: 1px solid #D8E2EF !important;
    border-radius: var(--pys-radius-md) !important;
    box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-row-edit:hover {
    background: #F5F9FF !important;
    border-color: #BFD1E8 !important;
    transform: none !important;
}

/* ── 7 · kapsül rozetler: pastel çift, metni AA'ya çekilmiş ─────────────── */
/* Mockup çiftleri AA altında kalıyordu: #D97706/#FEF3C7 = 2,86 · #E11D48/#FFE4E6
   = 3,91. Pastel ZEMİN korundu, metin koyulaştırıldı. */
#hcp-shell-control .hcp-ctrl-group-count,
#hcp-shell-control .hcp-ctrl-badge--slate,
#hcp-shell-control .hcp-ctrl-badge--muted {
    background: #F1F5F9 !important;
    color: var(--pys-ink-4) !important;
    border: none !important;
    border-radius: var(--pys-radius-pill) !important;
}
#hcp-shell-control .hcp-ctrl-badge--amber {
    background: #FEF3C7 !important;
    color: #92400E !important;
    border: none !important;
    border-radius: var(--pys-radius-pill) !important;
}
#hcp-shell-control .hcp-ctrl-badge--red {
    background: #FFE4E6 !important;
    color: #9F1239 !important;
    border: none !important;
    border-radius: var(--pys-radius-pill) !important;
}

/* ── 8 · (KALDIRILDI) kişi kartı Pastel yüzeyi — başlık bölgesi eski hâline
   döndürüldüğü için bu blok söküldü. */

/* ── 9 · İŞARET PALETİ: mockup'ın canlı renkleri (2026-08-19, Alperen kararı) ──
   Alperen: "işaret renklerinde evet mockup canlı renklerini istiyorum, öyle
   kalsın." Renkler BİREBİR mockup'tan geldi (pys_module_themes.css tek kaynak):
     Tamamlandı #10B981 · Tamamlanamadı #F43F5E · Revizyon #0EA5E9
     Değerlendirilmez #8B5CF6 · Yolunda #F59E0B · Hızlanalım #EC4899
   Gradyan da kalktı: mockup madalyonları DÜZ renk, bu yüzden `-lt` (açık uç)
   base ile aynı yazıldı — gradyan CSS'i duruyor ama görüntü düz.

   GLİF BEYAZDAN KOYUYA DÖNDÜ. Gerekçe ölçüm: bu renklerin ÜÇÜ 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). Rengi değiştirmek istemediği için değişen taraf glif oldu —
   aynı tonun koyu hâli, altısı da geçiyor:
     plus 4,07 · minus 3,42 · revise 3,90 · dd 3,12 · ontrack 4,38 · speedup 3,48
   Hale de ters çevrildi: koyu glifi korumak için açık (beyaz) hale.

   ⚠️ SEMANTİK ÇAKIŞMA NOTU: Yolunda artık amber (#F59E0B) ve bu, "Devam Ediyor"
   durum rengiyle aynı aileye giriyor. 2026-08-06'da Hızlanalım tam bu yüzden
   amberden magentaya alınmıştı. Şu an ayrımı BİÇİM taşıyor: hüküm = daire,
   süren iş = köşeli kare. Karışma görülürse Yolunda tonu bir kademe kaydırılır. */

#hcp-shell-control .hcp-ctrl-mark-tag--icon > i {
    filter: drop-shadow(0 0 1.5px rgba(255,255,255,.65)) drop-shadow(0 1px 1px rgba(255,255,255,.35));
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--plus    { color: #064A33 !important; }
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--minus   { color: #611925 !important; }
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--revise  { color: #05425D !important; }
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--dd      { color: #372462 !important; }
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--ontrack { color: #623F04 !important; }
#hcp-shell-control .hcp-ctrl-mark-tag--icon.hcp-ctrl-mark-tag--speedup { color: #5E1C3D !important; }

/* Hüküm tuşları da aynı paletten beslenir. Eskiden bu tuşlarda ELDE yazılmış
   tonlar vardı (#86EFAC, #FCA5A5, #93C5FD, #5EEAD4, #FCD34D) ve palet
   değiştikçe geride kalıyorlardı — turkuaz Yolunda ile amber Hızlanalım tam
   bu yüzden madalyonla çelişiyordu. Artık altısı da tek türetimden:
   kenar = %45 beyaza karışım · taban = %25 · yazı = ink · basılı = base + koyu glif. */
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="plus"]:not(.is-active) {
    border-color: #93DFC6 !important; box-shadow: var(--pys-elev-flat-md) #C3EDDF !important; color: #085C40 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="minus"]:not(.is-active) {
    border-color: #FAA8B6 !important; box-shadow: var(--pys-elev-flat-md) #FCCFD6 !important; color: #7A1F2F !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="revise"]:not(.is-active) {
    border-color: #92D6F5 !important; box-shadow: var(--pys-elev-flat-md) #C2E8F9 !important; color: #075274 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="dd"]:not(.is-active) {
    border-color: #CAB5FA !important; box-shadow: var(--pys-elev-flat-md) #E2D6FC !important; color: #452E7B !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="ontrack"]:not(.is-active) {
    border-color: #FAD391 !important; box-shadow: var(--pys-elev-flat-md) #FCE6C2 !important; color: #7A4F05 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="speedup"]:not(.is-active) {
    border-color: #F6ACD1 !important; box-shadow: var(--pys-elev-flat-md) #FAD1E5 !important; color: #76244C !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="plus"].is-active {
    background: var(--hcp-mark-plus) !important; color: #064A33 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="minus"].is-active {
    background: var(--hcp-mark-minus) !important; color: #611925 !important;
}
#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: #05425D !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: #372462 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="ontrack"].is-active {
    background: var(--hcp-mark-ontrack) !important; color: #623F04 !important;
}
#hcp-shell-control .hcp-ctrl-marks.hcp-ctrl-marks--pill .hcp-ctrl-mark[data-mark="speedup"].is-active {
    background: var(--hcp-mark-speedup) !important; color: #5E1C3D !important;
}

/* ── 10 · ARAÇ ÇUBUĞU EKSEN DÜZELTMESİ (canlı ölçümle bulundu) ──────────────
   Canlıda araç çubuğu kartının içinde ~420px boş bant vardı. Kök neden:

   Organik Kat bloğu alt sekmeleri araç çubuğunun BİRİNCİ satırına almak için
   `.hcp-ctrl-subtabs { order: -1 }` + `.hcp-ctrl-evbar__row1 { flex: 1 1 420px }`
   yazmış — yani ikisinin YAN YANA durmasını beklemiş. Ama `.hcp-ctrl-evbar`
   hâlâ `flex-direction: column`. Sütun ekseninde `flex-basis: 420px` GENİŞLİK
   değil YÜKSEKLİK demek: satır 420px boyunda doğuyor, içerik 64px olduğu için
   arada 356px boşluk kalıyor. (Ölçüm: row1 420px, çocukların en yükseği 64px.)

   Düzeltme: kabın ekseni yazarın niyetine çevrildi — satır. Böylece alt sekmeler
   solda, durum + puan + sayaç + eylemler sağda, TEK şeritte. `flex-wrap: wrap`
   duruyor; dar ekranda alt alta iniyor. `__row2` (rapor eylemleri) `flex-basis:
   100%` taşıdığı için kendi satırında kalmaya devam eder.                    */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: var(--pys-space-16) !important;
    row-gap: var(--pys-space-8) !important;
}

/* ── 11 · satır kutuları arasına nefes payı (canlı ölçümle eklendi) ─────────
   Canlıda `#hcp-ctrl-evaluated-items` kapsayıcısının `gap: 0` olduğu ölçüldü —
   satırlar bitişik duruyordu ve "her iş kendi kutusunda" dili okunmuyordu
   (#F8FAFC kutu, beyaz kart üstünde 1,05:1 — tek başına ayrım yapmaya yetmez).
   Mockup 12px veriyor; burada 6px: 11 işlik listede 12px ~130px ek kaydırma
   demek, 6px ise ayrımı görünür kılıp 66px'de kalıyor.                      */
#hcp-shell-control .hcp-ctrl-group-items {
    row-gap: var(--pys-space-6) !important;
}
/* v3 (2026-08-26): Değerlendirilenler artık ayrı kutular değil, TEK yüzey
   üstünde ayraçlı liste (dosya sonundaki v3 bloğu). Ayraçlı listede satır
   arası boşluk olmaz — çizgi zaten ayrımı yapıyor. */
#hcp-shell-control #hcp-ctrl-evaluated-items {
    row-gap: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   ŞERİT A + SATIR ÖLÇÜ PAKETİ (2026-08-19, Alperen: "önerilerin uygundur yap")

   Görsel öneri dosyasında (scratchpad/oneri_gorsel.html) onaylanan iki paket.

   ŞERİT A — tek ölçü sözleşmesi. Ölçülen sorun: şeritte 6 öge, 6 farklı
   yükseklik (20·26·28·29·46·64px) ve 4 farklı köşe (0·12·16·999px) vardı; göz
   ortak taban çizgisi bulamıyordu. Artık her etkileşimli öge 32px, tek köşe
   12px, tek yazı 13px. Alt sekmeler iki ayrı kapsül değil TEK segmented
   control; sağında ince dikey ayraç navigasyonu durumdan ayırıyor.
   64px halka kalktı: puan 18px net sayı + altında 3px ilerleme çubuğu, yanında
   sayaç — üç öge tek bloğa indi. "Puan" kelimesi ipucuna indi.

   Sıralama `order` ile yapıldı, DOM'a dokunulmadı: sekmeler (-1) · durum ve
   sinyal (0) · esneyen boşluk (1) · puan (2) · sayaç (3) · eski sürümler (4).

   SATIR ÖLÇÜ PAKETİ — mockup'ın ferahlığının kaynağı ölçüydü: onun satırı 76px
   ve dolgusu 32px, madalyonu 44px. Bizde 59/16/26 idi. Sadeleştirme İSTENMEDİ
   (Alperen), o yüzden hiçbir kontrol kaldırılmadı; yalnız ölçü açıldı:
   satır 66px · madalyon 34px · dolgu 20px · kuyruk tuşları 32px · kutu zemini
   #F8FAFC → #F1F5F9 (beyaz karttan ayrımı 1,05 → 1,10).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Şerit A · 1 · sekmeler tek segmented control ───────────────────────── */
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-subtabs {
    position: relative;
    background: #F1F5F9 !important;
    border-radius: var(--pys-radius-md) !important;
    padding: 3px !important;
    gap: 3px !important;
    margin-right: var(--pys-space-8) !important;
}
/* ince dikey ayraç — navigasyon ile durum bölgesini ayırır */
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-subtabs::after {
    content: '';
    position: absolute; right: -12px; top: 50%; transform: translateY(-50%);
    width: 1px; height: 22px; background: #DCE3EC;
}
#hcp-shell-control .hcp-ctrl-subtab {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 var(--pys-space-12) !important;
    border-radius: 9px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--pys-ink-4) !important;
    font-size: var(--pys-fs-sm) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-subtab:hover:not(.is-active) {
    background: rgba(255,255,255,.72) !important;
    color: #1E6FD0 !important;
}
#hcp-shell-control .hcp-ctrl-subtab.is-active {
    background: #0B2A50 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-subtab-count {
    background: rgba(15,23,42,.08) !important;
    color: inherit !important;
    border-radius: var(--pys-radius-sm) !important;
    font-size: var(--pys-fs-xs) !important;
}
#hcp-shell-control .hcp-ctrl-subtab.is-active .hcp-ctrl-subtab-count {
    background: rgba(255,255,255,.22) !important;
}

/* ── Şerit A · 2 · tek taban çizgisi: 32px / 12px köşe / 13px yazı ──────── */
#hcp-shell-control .hcp-ctrl-evbar__row1 { column-gap: var(--pys-space-12) !important; }
#hcp-shell-control .hcp-ctrl-evbar__status {
    order: 0;
    font-size: var(--pys-fs-sm) !important;
}
#hcp-shell-control .hcp-ctrl-evbar__signals-btn,
#hcp-shell-control .hcp-ctrl-report-archive-btn {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: var(--pys-radius-md) !important;
    font-size: var(--pys-fs-sm) !important;
    display: inline-flex !important;
    align-items: center !important;
}
#hcp-shell-control .hcp-ctrl-evbar__signals-btn { order: 0; }
#hcp-shell-control .hcp-ctrl-evbar__spacer { order: 1; }
#hcp-shell-control .hcp-ctrl-evbar__score { order: 2; }
#hcp-shell-control .hcp-ctrl-evbar__count { order: 3; }
#hcp-shell-control .hcp-ctrl-report-archive-btn { order: 4; }
#hcp-shell-control .hcp-ctrl-wiz-nav-btns { order: 5; }

/* ── Şerit A · 3 · halka → net sayı + 3px çubuk ─────────────────────────── */
#hcp-shell-control .hcp-ctrl-evbar__score {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    min-width: 96px;
}
#hcp-shell-control .hcp-ctrl-score-ring {
    display: block !important;
    width: 100% !important;
    align-self: stretch !important;
    line-height: 1 !important;
}
#hcp-shell-control .hcp-ctrl-score-ring svg { display: none !important; }
#hcp-shell-control .hcp-ctrl-score-ring__num {
    position: static !important;
    font-size: var(--pys-fs-lg) !important;   /* 18px */
    font-weight: 800 !important;
    color: var(--pys-ink-1) !important;
    letter-spacing: -.01em;
}
/* İlerleme çubuğu: oran satır içi --hcp-score-pct ile geliyor (scoreBadgeHtml) */
/* ⚠️ Genişlik AÇIK yazılmalı: canlıda ::after 0px genişlikte kaldı (blok
   ::after'ın genişliği bu zincirde içeriğe göre çözülüyor, ebeveyne göre değil —
   harness'ta metin geniş olduğu için sorun görünmemişti). Ölçüldü: ring 96px,
   ::after 0px. `width: 100% !important` ile bağlandı. */
#hcp-shell-control .hcp-ctrl-score-ring::after {
    content: '';
    display: block;
    width: 100% !important;
    min-width: 88px;
    margin-top: 4px;
    height: 3px;
    border-radius: var(--pys-radius-pill);
    background: linear-gradient(to right,
        var(--hcp-mark-plus) 0 var(--hcp-score-pct, 0%),
        #E2E8F0 var(--hcp-score-pct, 0%) 100%);
}
/* "Puan" kelimesi şeritten kalktı — anlamı ipucunda */
#hcp-shell-control .hcp-ctrl-score-ring__lbl { display: none !important; }
/* Sayaç kapsülden çıkıp puanın yanında sessiz metne indi */
#hcp-shell-control .hcp-ctrl-evbar__count {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    height: auto !important;
    font-size: var(--pys-fs-xs) !important;
    font-weight: 700 !important;
    color: var(--pys-ink-5) !important;
    align-self: center;
}
#hcp-shell-control .hcp-ctrl-evbar__count.is-done { color: #085C40 !important; }

/* ── Satır ölçü paketi ──────────────────────────────────────────────────── */
/* v3: zemin tek kaynağa indi — renk yukarıdaki 3. maddede yazılıyor, burada
   tekrar edilmiyordu ki iki yerde iki farklı değer kalmasın. */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
    /* v3: kontur 2px → 1px olunca dış yükseklik 66'dan 64'e düşüyordu;
       iç taban 62 → 64 yapılarak 66px dış yükseklik AYNEN korundu. */
    min-height: 64px;                      /* + 1px üst/alt kontur = 66px */
    padding: 0 var(--pys-space-20);
    gap: 14px;
}
#hcp-shell-control .hcp-ctrl-mark-tag--icon {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
}
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-mark-tag-slot:empty {
    width: 34px; height: 34px;
}
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-note-btn,
#hcp-shell-control .hcp-ctrl-item--card .hcp-evnote__btn {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
}
#hcp-shell-control .hcp-ctrl-item--card[data-mark]:not(.is-editing) .hcp-ctrl-row-edit,
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-status-pill {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: var(--pys-radius-md) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   İŞ SATIRI · SABİT KOLON IZGARASI (2026-08-21, Alperen: "uygundur yapabilirsin")

   Alperen ekran görüntüsüyle "çok karışık" dedi. Canlıda ölçülen sebep:
     · meta yazısının sol kenarı satırdan satıra 107px oynuyordu (921–1028px),
       çünkü meta çipleri sağa dayalıydı ve içerik uzunluğuna göre sola büyüyordu
     · durum çipi "Devam Ediyor"da 117px, "Tamamlandı"da 108px — bu 9px farkı
       sağdaki BEŞ kolonu birlikte kaydırıyordu (süre, iki ikon, meta sağ kenarı)
     · süresi olmayan işte süre kolonu tamamen çöküyor, hiza bozuluyordu
   Yani satırda kolon YOKTU; hizalı tek şey iş başlığının sol kenarıydı (280px).

   Çözüm: esnek dizilim yerine IZGARA. Hücreler sabit genişlikte ve her öge
   KENDİ kolonuna sabitlendi (grid-column) — öge yoksa hücre boş kalır, kalanlar
   kaymaz. Meta bilgisi başlığın 640px sağından başlığın ALTINA indi: aidiyet
   kuruldu ve sol kenarı her satırda aynı.

   DOM'a dokunulmadı. Düzenleme modu (.is-editing) eski esnek/sarmalı düzeninde
   kalır — bu blok yalnız :not(.is-editing) kompakt satırı hedefler.
   ══════════════════════════════════════════════════════════════════════════ */

#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
    display: grid !important;
    grid-template-columns: 18px 34px minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: 14px;
}

/* Gövde: başlık üstte, meta altında — ikisi de sola dayalı */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 1px !important;
}
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-title {
    width: 100%;
}
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-meta {
    flex: 0 0 auto;
    max-width: 100%;
    overflow: hidden;
}

/* Kuyruk: dört sabit kolon. `grid-column` ile her öge kendi yerine çivilendi —
   açıklama/geri bildirim/süre/durum'dan biri yoksa hücresi boş kalır, kalanlar
   yerinden oynamaz. Boş kuyrukta (taslak satır) ızgara hiç kurulmaz. */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-tail:not(:empty) {
    display: grid !important;
    grid-template-columns: 32px 32px 68px 128px;
    align-items: center;
    column-gap: 10px;
}
#hcp-shell-control .hcp-ctrl-item-tail > .hcp-evnote        { grid-column: 1; }
#hcp-shell-control .hcp-ctrl-item-tail > .hcp-ctrl-note-btn { grid-column: 2; }
#hcp-shell-control .hcp-ctrl-item-tail > .hcp-ctrl-weight-chip { grid-column: 3; }
#hcp-shell-control .hcp-ctrl-item-tail > .hcp-ctrl-status-pill { grid-column: 4; }

/* Durum çipi SABİT genişlik — 9px'lik kaymanın kaynağı buydu */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-status-pill {
    width: 128px !important;
    justify-content: center !important;
}
/* Değiştir hücresi de sabit: alt alta hizalı durur */
#hcp-shell-control .hcp-ctrl-item--card[data-mark]:not(.is-editing) .hcp-ctrl-item-actions {
    min-width: 104px;
    display: flex;
    justify-content: flex-end;
}

/* ══════════════════════════════════════════════════════════════════════════
   A PAKETİ · A3 — AÇIKLAMA BALONU ARTIK KIRPILMIYOR (2026-08-21)

   Ölçülen hata: `.hcp-ctrl-group` ve `.hcp-ctrl-evaluated-list` üzerindeki
   `overflow:hidden`, iş satırındaki 💬 açıklama penceresini grubun ALT
   kenarında kesiyordu. Grubun SON satırında gerçekçi içerikle (açıklama +
   3 kanıt bağlantısı) balon 177px oluyor, 150px'i kesiliyordu — yani İş
   Koçunun açıklamasının yalnız %15'i görünüyordu. Açıklama 2026-08-18'de
   satırdan bu balona TAŞINDIĞI için bu bir gerilemeydi.

   `overflow:hidden` burada görsel olarak hiçbir şeyi korumuyordu: iş
   satırları gruptan 17,5px içeride duruyor, yani 20px'lik köşe yayına hiç
   değmiyorlar. Tek istisna, alt köşeleri kareleştirebilecek olan beyaz
   `.hcp-ctrl-group-items` zemini — o da kaldırıldı (ata zaten beyaz).
   ══════════════════════════════════════════════════════════════════════════ */
#hcp-shell-control .hcp-ctrl-group,
#hcp-shell-control .hcp-ctrl-evaluated-list { overflow: visible !important; }

/* Zemin atadan geliyor; çocuğun beyazı overflow açılınca alt köşeleri
   kareleştiriyordu. */
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-group-items,
#hcp-shell-control #hcp-ctrl-evaluated-items { background: transparent !important; }

/* ══════════════════════════════════════════════════════════════════════════
   A PAKETİ · A4 — IZGARA VARYANTLAR ARASINDA DA HİZALI (2026-08-21)

   2026-08-21'deki kolon ızgarası grup İÇİNDE çalışıyordu, gruplar ve satır
   varyantları ARASINDA çalışmıyordu. Ölçülen kaçaklar (1440px, tek ekranda):
     · satır numarası 3 farklı x (113 / 117 / 129)  → 16px
     · iş başlığı     3 farklı x (193 / 197 / 219)  → 26px
     · ölçü çipi      3 farklı x (888 / 915 / 997)  → 109px
     · durum çipi     3 farklı x (949 / 993 / 1075) → 126px
     · eylem kümesi   4 farklı x                    → 148px

   İki kök sebep:
   (1) Aynı sınıfı taşıyan iki kapsayıcı farklı dolgu alıyordu —
       `.hcp-ctrl-group .hcp-ctrl-group-items` 16px/4px, `#hcp-ctrl-evaluated-items`
       0. Soldaki 4px, numara ve başlık kolonunu iki grup arasında kaydırıyordu.
       4px'lik kayma en zararlısı: göz onu "ayrı bölüm" değil "özensizlik" okur.
   (2) Izgaranın son iki kolonu `auto` idi; içeriğe göre 104/128/182px oluyor,
       bu da SOLUNDAKİ bütün kuyruk kolonlarını birlikte kaydırıyordu.
   ══════════════════════════════════════════════════════════════════════════ */

/* (1) İki grup kapsayıcısı birebir aynı dolguda. 4px yatay, satırın kendi
   12px kenar boşluğuyla toplanınca satır kutusunun sol kenarını grup
   başlığının metin çizgisine (16px) oturtur. */
#hcp-shell-control .hcp-ctrl-group > .hcp-ctrl-group-items,
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-group-items,
#hcp-shell-control #hcp-ctrl-evaluated-items {
    padding: 16px 4px !important;
}

/* (2) Son iki kolon sabitlendi ve her çocuk kendi kolonuna çivilendi.
   Böylece hüküm tuşları (182px) / "Değiştir" (104px) / "Değerlendirilemez"
   rozeti (128px) arasındaki genişlik farkı kuyruğu artık kaydırmıyor;
   eylem kümesi kendi hücresinde sağa yaslanır. */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
    grid-template-columns: 18px 34px minmax(0, 1fr) 290px 182px;
}
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-num       { grid-column: 1; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-mark-tag-slot  { grid-column: 2; display: inline-flex !important; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-body      { grid-column: 3; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-tail      { grid-column: 4; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-actions   { grid-column: 5; justify-self: end; }
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-actions {
    display: flex; justify-content: flex-end;
}

/* Düzenleme modundaki satırın sol kenarı da aynı çizgiye gelsin: kompakt
   satırda iç dolgu 20px, düzenlemede 20+16=36px oluyordu (26px'lik başlık
   kaymasının kaynağı buydu). */
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Düzenleme modundaki satırın ilk üç hücresi kompakt satırla aynı ölçüde:
   numara 24px + 12px boşlukla çiziliyordu, ızgara ise 18px + 14px kullanıyor —
   başlık 10px sağa kayıyordu. Kutunun görünümü değişmez, yalnız genişlik ve
   boşluk ızgaraya eşitlenir. */
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main { column-gap: 14px !important; }
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main > .hcp-ctrl-item-num {
    flex: 0 0 18px !important; width: 18px !important; min-width: 18px !important;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main > .hcp-ctrl-item-num,
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main > .hcp-ctrl-mark-tag-slot {
    margin: 0 !important;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing > .hcp-ctrl-item-main > .hcp-ctrl-mark-tag-slot {
    flex: 0 0 34px !important; width: 34px !important; justify-content: flex-start !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   A PAKETİ · A5 — İŞ BAŞLIĞI ARTIK DAR EKRANDA YOK OLMUYOR (2026-08-21)

   Ölçülen hata: satırın sabit kısımları (numara 18 + hüküm 34 + kuyruk 290 +
   eylem 182 + 4×14 boşluk + 40 dolgu = 620px) esnek başlık kolonunu yiyordu.
   Başlık 1440px'te 618px iken 768px'te 70px'e, 640px ve altında 0px'e düşüyor
   ve iş adı tamamen görünmez oluyordu — kuyruktaki dört ikon ise genişliğini
   koruyordu. Satır "vardı ama neyin satırı olduğu okunmuyordu".

   Çözüm: eşik altında kuyruk ve eylem kümesi İKİNCİ ızgara satırına iner.
   Eşik 1080px, başlığa en az ~260px kalacak şekilde hesaplandı. Kolon
   hizası korunur: kuyruk da başlıkla aynı sol çizgiden başlar.
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1080px) {
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
        grid-template-columns: 18px 34px minmax(0, 1fr) auto;
        row-gap: 10px;
        align-items: center;
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-num      { grid-column: 1; grid-row: 1; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-mark-tag-slot { grid-column: 2; grid-row: 1; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-body     { grid-column: 3 / -1; grid-row: 1; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-tail     { grid-column: 3; grid-row: 2; justify-self: start; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-actions  { grid-column: 4; grid-row: 2; justify-self: end; }
}

/* Çok dar ekran: kuyruğun sabit hücreleri de esner, yoksa ikinci satır
   taşıyor (ölçüm: 640px'te 486px'lik ikinci satır 560px'lik alana zor
   sığıyordu; 430px'te taşıyordu). */
@media (max-width: 700px) {
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
        grid-template-columns: 18px 34px minmax(0, 1fr);
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-tail    { grid-column: 3 / -1; grid-row: 2; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-actions { grid-column: 3 / -1; grid-row: 3; justify-self: start; }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-tail:not(:empty) {
        grid-template-columns: 32px 32px auto minmax(0, 128px);
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-status-pill {
        width: auto !important; min-width: 0 !important;
    }
}

/* 940px altında açıklama düğmesi yok, açıklama satırın içinde AKAR
   (5485 numaralı @media (min-width:940px) bloğunun karşılığı). Ama 2026-08-21
   ızgarasından sonra bu akan metin kuyruğun 32px'lik ilk hücresine sıkışıyordu:
   `.hcp-evnote` 32px genişlikte 82px boyunda bir sütuna dönüyor, ikinci ızgara
   satırını da o boya çekiyordu (ölçüm 768px: kuyruk 290×82). Açıklama artık
   kuyruğun kendi içinde TAM GENİŞLİK bir üst satır alır. */
@media (max-width: 939.98px) {
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-tail:not(:empty) {
        grid-template-columns: 32px auto minmax(0, 128px);
        row-gap: 8px;
    }
    #hcp-shell-control .hcp-ctrl-item-tail > .hcp-evnote           { grid-column: 1 / -1; grid-row: 1; }
    #hcp-shell-control .hcp-ctrl-item-tail > .hcp-ctrl-note-btn    { grid-column: 1; grid-row: 2; }
    #hcp-shell-control .hcp-ctrl-item-tail > .hcp-ctrl-weight-chip { grid-column: 2; grid-row: 2; }
    #hcp-shell-control .hcp-ctrl-item-tail > .hcp-ctrl-status-pill { grid-column: 3; grid-row: 2; }
}

/* Dar ekranda hafta seçici başlık bandından taşıyordu (422px'te +48px).
   Kapsam BİLEREK yalnız Değerlendirme kabuğu — aynı düğme Planım ve Geri
   Bildirimler başlığında da yaşıyor, oralara bu turda dokunulmuyor. */
@media (max-width: 700px) {
    #hcp-shell-control .hcp-uhead__band { flex-wrap: wrap; }
    #hcp-shell-control .hcp-header-week-nav { min-width: 0; max-width: 100%; }
    #hcp-shell-control .hcp-week-trigger-v2 { max-width: 100%; min-width: 0; }
    #hcp-shell-control .hcp-week-label-main {
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
    }
}

/* Sarma eşiğinin altında satır yükseklikleri 79/83/89/94/100px gibi beş ayrı
   değere dağılıyordu. İki kaynak vardı ve ikisi de eskiden 65px'lik sabit
   satırın içinde gizleniyordu:
     · meta satırı rozetliyse 23px, düz metinse 12px
     · eylem kümesi varyanta göre 38 / 32 / 26px
   İkisi de ortak bir taban yüksekliğine bağlandı; masaüstünde (>1080px)
   satır yine 65px kalır, çünkü bu değerler oradaki iç yüksekliğin altında. */
#hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) .hcp-ctrl-item-meta {
    min-height: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 1080px) {
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main {
        grid-auto-rows: minmax(38px, auto);
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-body,
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-actions {
        min-height: 38px;
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing) > .hcp-ctrl-item-main > .hcp-ctrl-item-actions {
        align-items: center;
    }
}

/* "+N" sayacı, K1'de (2026-08-19) kapsülden çıkarılan meta rozetlerinin
   arasında TEK kapsül geometrisi kalmıştı: satır yüksekliği 18px + yatay
   dolgu 10px = 23px, kardeşleri ise 12px. Bu 7px, "+N" taşıyan satırları
   diğerlerinden yüksek yapıyordu (1024px'te 93px'e karşı 100px). Aynı
   ölçüye çekildi; ayrım artık kardeşlerdeki gibi boşlukla kuruluyor. */
#hcp-shell-control .hcp-ctrl-item-meta .hcp-ctrl-meta-more {
    height: auto;          /* eski kural sabit 23px veriyordu */
    min-height: 12px;
    line-height: 12px;
    padding: 0 0 0 6px;
}

/* ══════════════════════════════════════════════════════════════════════════
   v2 · PAKET A · A8 — HAREKET DUYARLILIĞI: KALAN AÇIK (2026-08-21)

   ⚠️ DÜZELTME: ilk denetim raporunda "11 animasyonun 9'u kapatılmıyor" yazmıştım,
   YANLIŞTI. `web/index.html` içindeki satır içi `<style>` bloğunda uygulama
   genelinde bir sıfırlama zaten var (`*, *::before, *::after` →
   animation-duration/iteration-count/transition-duration/scroll-behavior).
   Ben yalnız `pys_hcp_control.css` içindeki blokları saymıştım.

   Gerçekte kalan iki açık şunlar:
   (1) Süre 0,001ms'e inince geçiş anlık olur ama HAREKET YİNE OLUR — satır
       hover'ındaki 2px kalkma bir sıçrama olarak görünür. Kalkma tamamen
       kapatılır; sinyal olarak mavi halka ve beyaz zemin kalır (renk + kontur,
       hareket değil).
   (2) Gecikmeler (animation-delay / transition-delay) genel sıfırlamada yok.
   JS tarafındaki `scrollIntoView({behavior:'smooth'})` çağrıları CSS'teki
   `scroll-behavior: auto` ile KAPANMAZ — onlar pys_hcp_control.js içinde
   `scrollBehavior()` yardımcısına bağlandı.
   ══════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    #hcp-shell-control *,
    #hcp-shell-control *::before,
    #hcp-shell-control *::after {
        animation-delay: 0ms !important;
        transition-delay: 0ms !important;
    }
    #hcp-shell-control .hcp-ctrl-item--card:not(.is-editing):hover { transform: none; }
}

/* ══════════════════════════════════════════════════════════════════════════
   v2 · PAKET C — YÜZEY UYUMU: SICAK/SOĞUK ÇATIŞMASI BİTTİ (2026-08-21)

   Ölçülen sorun: çalışma alanının tuvali Pastel Tactile ile SOĞUK (#F1F5F9,
   kenarlar #9EBFE0), ama üstündeki kontroller hâlâ Bento Atölye'nin SICAK BEJ
   değişkenleriyle çiziliyordu — kenarlık #E1DCCB, taban gölgesi #E7E2D3,
   yumuşak zemin #FBFAF6. Yani mavi-gri bir kartın üstünde bej gölgeli
   düğmeler duruyordu. Ekranda aynı anda dokuz "beyaza yakın" zemin
   sayıldı, üçü sıcak krem ailesindendi.

   Bu değişkenler `#hcp-shell-control` üzerinde TEK yerde tanımlı ve yalnız
   araç çubuğundan AŞAĞISINDA kullanılıyor (19 kullanım: sihirbaz şeridi, alt
   sekmeler, gruplar, satır numarası, Değiştir/İşareti Kaldır, not alanı).
   Başlık bölgesine (mavi bant, hafta seçici, kişi şeridi) DOKUNULMADI —
   2026-08-15'te Alperen o bölgeyi dondurmuştu.

   Kromatik hiçbir renk değişmedi: işaret paleti, durum renkleri, kategori
   kimlikleri ve Gönder kırmızısı birebir aynı. Değişen yalnız NÖTR ailesi.
   ══════════════════════════════════════════════════════════════════════════ */
#hcp-shell-control {
    --bnt-kenar: #D6E2F0;         /* eski #E1DCCB — sıcak bej kenarlık */
    --bnt-taban: #DBE5F1;         /* eski #E7E2D3 — sıcak bej taban gölgesi */
    --bnt-yumusak: #F7FAFD;       /* eski #FBFAF6 — sıcak krem zemin */
    --bnt-yumusak-kenar: #E2EBF6; /* eski #EDE9DC */
}

/* Satır numarası basılabilir bir kontrol DEĞİL, ama taban gölgesi taşıyordu:
   "basılır" izlenimi veren tek pasif öğeydi. Gölge kalktı, kutu kaldı. */
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-item-num {
    box-shadow: none;
}

/* Köşe merdiveninin dışına düşen iki değer (ölçüm: ekranda 9 farklı köşe,
   ikisi ölçekte yok). Alt sekme 9px → 12px basamağı; sayaç çipi 8px → hap. */
#hcp-shell-control .hcp-ctrl-subtab { border-radius: var(--pys-radius-md) !important; }
#hcp-shell-control .hcp-ctrl-subtab-count { border-radius: var(--pys-radius-pill) !important; }

/* Alt sekme 26px yüksekliğindeydi — ekrandaki en küçük dokunma hedefi ve
   panelin birincil gezinme kontrolü. Araç çubuğunda yer var (ölçüm: şerit
   67px, satır tek başına 26px). 32px'e çıkıyor; şerit yüksekliği değişmiyor. */
#hcp-shell-control .hcp-ctrl-subtab {
    height: 32px !important;
    min-height: 32px !important;
}

/* İki ayrı amber tonu vardı: "Devam Ediyor" çipi #FDFBF4, "N sinyal" düğmesi
   #FDF2E3 — aynı uyarı ailesinde iki farklı sarı. Tek tona indi (2026-08-21).
   v3 (2026-08-26): ton #FDF3E1 → #FFF9ED. Tek amber kuralı KORUNUYOR — değer
   iki yerde birlikte değişti, yoksa ekranda yine iki sarı olurdu. */
#hcp-shell-control .hcp-ctrl-status-pill.hcp-ctrl-status-pill--in_progress {
    background: #FFF9ED !important;
}
#hcp-shell-control .hcp-ctrl-evbar__signals-btn {
    background: #FFF9ED !important;
}

/* Sihirbaz kırıntısının "gelecek adım" zemini de krem kalmıştı (#F4F1EA). */
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-future {
    background: #EEF3F9 !important;
}

/* Düzenleme modundaki satırın numarası, genel tema tokenından (#FBFAF6, sıcak
   krem) zemin alıyordu — kompakt satırda zaten şeffaf. İki durum eşitlendi. */
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-item-num {
    background: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   v2 · PAKET B — TİPOGRAFİ: HİYERARŞİ GERİ GELDİ (2026-08-21)

   Ölçülen sorun (1440px, ekrandaki 103 metin öğesi):
     · 72'si 12px — yani ekran neredeyse tek boyda; boy hiyerarşisi YOK
     · 97'si 600 veya daha kalın (46×700, 22×800) — her şey kalınsa hiçbir şey
       vurgulu değildir; hiyerarşi kalınlıkla kurulmaya çalışılıp tükenmiş
     · 14 ayrı boy+ağırlık bileşimi
     · 🔴 HİYERARŞİ TERS: grup başlığı 15px/800, iş başlığı 15px/600 —
       bölüm etiketi, ekrandaki asıl içerikten daha ağır basıyordu

   Kurulan rol merdiveni (yalnız çalışma alanı; başlık bölgesi dondurulmuş):
     16/700  iş başlığı        → ekranın asıl içeriği, tek başına en ağır
     15/700  grup başlığı      → bölüm seviyesi
     13/700  butonlar          → eylem
     12/600  çipler, durum     → sınıflandırma
     12/500  meta, ikincil     → bağlam
   Boyutlar `--pys-fs-*` tokenlarıyla uyumlu; tokenların KENDİSİ değişmedi —
   onlar Planım ve Geri Bildirimler'i de besliyor, kapsam dışı.
   ══════════════════════════════════════════════════════════════════════════ */

/* 1 · İş başlığı: içeriğin kendisi, ekrandaki en ağır metin */
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-item-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--pys-ink-1, #1B2A2E) !important;
}

/* 2 · Grup başlıkları: bölüm seviyesi, içerikten hafif */
#hcp-shell-control .hcp-ctrl-group-name,
#hcp-shell-control .hcp-ctrl-evaluated-title {
    font-size: var(--pys-fs-md) !important;   /* 15px */
    font-weight: 700 !important;
}

/* 3 · Butonlar: 800 → 700. 12-13px'te 800 gereğinden ağır basıyor. */
#hcp-shell-control .hcp-ctrl-row-edit,
#hcp-shell-control .hcp-ctrl-mark-clear,
#hcp-shell-control .hcp-ctrl-save-next,
#hcp-shell-control .hcp-ctrl-wiz-next,
#hcp-shell-control .hcp-ctrl-wiz-back,
#hcp-shell-control .hcp-ctrl-subtab,
#hcp-shell-control .hcp-ctrl-evbar__signals-btn,
#hcp-shell-control .hcp-ctrl-view-report-btn,
#hcp-shell-control .hcp-ctrl-reopen-btn,
#hcp-shell-control .hcp-ctrl-report-archive-btn {
    font-weight: 700 !important;
}

/* 4 · Çipler ve durum: sınıflandırma seviyesi */
#hcp-shell-control .hcp-ctrl-status-pill__lbl,
#hcp-shell-control .hcp-ctrl-group-count,
#hcp-shell-control .hcp-ctrl-subtab-count,
#hcp-shell-control .hcp-ctrl-evbar__count,
#hcp-shell-control .hcp-ctrl-item--card .hcp-ctrl-item-num {
    font-weight: 600 !important;
}

/* 5 · Meta satırı ve ikincil bilgi: bağlam seviyesi.
   Bunlar satırın en sessiz katmanı olmalı; 700-800'de başlıkla yarışıyorlardı. */
#hcp-shell-control .hcp-ctrl-item-meta,
#hcp-shell-control .hcp-ctrl-item-meta > *,
#hcp-shell-control .hcp-ctrl-meta-more,
#hcp-shell-control .hcp-ctrl-carryover-badge,
#hcp-shell-control .hcp-ctrl-badge--unplanned,
#hcp-shell-control .hcp-ctrl-badge--unmarked,
#hcp-shell-control .hcp-ctrl-badge--blue,
#hcp-shell-control .hcp-ctrl-badge--slate,
#hcp-shell-control .hcp-ctrl-weight-chip,
#hcp-shell-control .hcp-ctrl-weight-chip__dur,
#hcp-shell-control .hcp-ctrl-weight-chip__x,
#hcp-shell-control .hcp-ctrl-evaluated-hint {
    font-weight: 500 !important;
}

/* 6 · Satır yüksekliği: ölçümde 11 ayrı değer vardı. Metin katmanları üç
   basamağa iner (başlık 1.35 · gövde 1.5 · çip 1). */
#hcp-shell-control .hcp-ctrl-item-meta,
#hcp-shell-control .hcp-ctrl-item-meta > * { line-height: 1 !important; }
#hcp-shell-control .hcp-ctrl-item-expl { line-height: 1.5 !important; }

/* Merdivende kalan üç öğe (ölçümle bulundu): adım kırıntısı hâlâ 800'dü,
   alan etiketi 700'dü. "İşaretlenmedi" rozeti bilerek 600'de tutuluyor —
   uyarı taşıyor, meta ailesinin bir tık üstünde durması doğru. */
#hcp-shell-control .hcp-ctrl-wiz-crumb__num,
#hcp-shell-control .hcp-ctrl-wiz-crumb__name { font-weight: 700 !important; }
#hcp-shell-control .hcp-ctrl-fb-label { font-weight: 600 !important; }
#hcp-shell-control .hcp-ctrl-item-meta .hcp-ctrl-badge--unmarked { font-weight: 600 !important; }

/* ══════════════════════════════════════════════════════════════════════════
   DÜZENLEME MODU ONARIMI (2026-08-23) — üç ölçülmüş hata

   Belirti (Alperen'in ekran görüntüsü): işaret verilen satırda iş adı yok,
   yerine iş koçunun açıklaması italik akıyor ve "İşaretlenmedi" rozeti o
   metnin ÜSTÜNE biniyor. Satır 96px, komşuları 66px.

   Ölçüm (harness, 1178px genişlik):
     • İş adı  30px  (aynı satır kompakt hâlde 518px)
     • Açıklama satır içinde 527px yer tutuyor → gövdeye yer kalmıyor
     • Rozet .hidden sınıfına RAĞMEN display:flex — patchListItemMark'ın
       gizleme çağrısı ID'li kurala yeniliyor (CLAUDE.md Red Flag #3)

   Sebep zinciri: 💬 pencere davranışı yalnız `:not(.is-editing)` satırlara
   yazılmış. Düzenleme modu 2026-08-18'de `flex-wrap: nowrap`a çevrilince
   satır içine akan açıklama, artık sarmayan satırda başlığın yerini yedi.
   ══════════════════════════════════════════════════════════════════════════ */

/* 1 · İşaretlenen satırda "İşaretlenmedi" rozeti GİTMELİ.
   patchListItemMark rozete `.hidden` ekliyor ama
   `#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unmarked`
   (1 id + 2 sınıf) `.hidden`i (1 sınıf) eziyor. Aynı tuzak bu dosyada
   .hcp-ctrl-mark-clear için de bir kez yaşanmış (satır 359).
   Kural meta satırının TAMAMINI kapsıyor: bundan sonra oraya konan her
   rozet .hidden ile gizlenebilir olsun. */
#hcp-shell-control .hcp-ctrl-item-meta > .hidden,
#hcp-shell-control .hcp-ctrl-item-meta > .hcp-ctrl-badge--unmarked.hidden,
#hcp-shell-control .hcp-ctrl-badge--unmarked.hidden { display: none !important; }

/* 2 · Düzenleme modunda da açıklama SATIRDA değil 💬 penceresinde.
   Kompakt satırla aynı davranış: kuyruk ~290px'te kalır, başlık kendi
   genişliğini korur. Eşik 940px — altında satır zaten sarıyor. */
@media (min-width: 940px) {
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-evnote {
        position: relative;
        display: inline-flex;
        flex: 0 0 auto;
    }
    #hcp-shell-control .hcp-ctrl-item--card.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.is-editing .hcp-evnote__btn:hover {
        background: #F4F8FE;
        border-color: #A9C6EE;
    }
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-evnote__btn.is-empty {
        border-color: #E4DFD4;
        color: #C0B7A4;
    }
    #hcp-shell-control .hcp-ctrl-item--card.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.is-editing .hcp-evnote:hover .hcp-evnote__pop,
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-evnote:focus-within .hcp-evnote__pop {
        display: block;
    }
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-evnote__pop .hcp-ctrl-item-expl-lbl { display: none; }
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-evnote__pop .hcp-ctrl-item-info { margin: 0; }
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-evnote__pop .hcp-evnote__sig {
        padding-top: 8px;
        border-top: 1px solid #F1EEE6;
    }
    /* Pencere açıkken satır öne gelmeli — yoksa alttaki satır üstüne biner. */
    #hcp-shell-control .hcp-ctrl-item--card.is-editing { position: relative; }
    #hcp-shell-control .hcp-ctrl-item--card.is-editing:hover,
    #hcp-shell-control .hcp-ctrl-item--card.is-editing:focus-within { z-index: 60; }
}

/* 3 · Emniyet kemeri: iş adı bir daha 0px'e düşmesin.
   (a) gövde kompakt satırdaki gibi TEK sıra — başlık ve rozet alt alta
       inince 60px satırda taşıyor ve rozet komşu metnin üstüne biniyordu.
   (b) gövdenin tabanı 200px; kuyruk ve eylem kümesi gerekirse daralır.
   (c) taşan meta artık boyanmıyor (overflow: hidden) — üst üste binme
       fiziksel olarak imkânsız hâle gelir. */
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-body {
    display: flex !important;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    min-width: 200px !important;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-meta {
    flex: 0 0 auto;
    flex-wrap: nowrap !important;
}
#hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-tail {
    flex: 0 1 auto !important;
    min-width: 0;
}
/* Dar ekranda satır sarıyor (yukarıdaki max-width:1100px kuralı): orada
   gövde tam satır olduğu için taban genişliği kaldırılır. */
@media (max-width: 1100px) {
    #hcp-shell-control .hcp-ctrl-item--card.is-editing .hcp-ctrl-item-body {
        min-width: 0 !important;
    }
}


/* ══════════════════════════════════════════════════════════════════════════
   v3 · SAKİN YÜZEY — "DEĞERLENDİRİLENLER" TEK PREMIUM LİSTE   (2026-08-26)

   Alperen'in yönü: renkli hüküm butonları ekranın karakteri olarak KALIR,
   geri kalan yüzeyler sakinleşir. Bu blok o brifin 5. maddesini uygular:
   "Sırada" ile "Değerlendirilenler" aynı görsel davranışı göstermemeli.

     Sırada            → karar BEKLEYEN iş. Satırın kendi yüzeyi olması anlamlı;
                         beyaz kutu + 1px saç teli kontur + 12px köşe.
     Değerlendirilenler → karar VERİLMİŞ iş. Tek beyaz liste yüzeyi; satırlar
                         ayrı kart değil, aralarında 1px ayraç.

   Ölçümle bulunan başlangıç durumu (1440px): iki grubun satırları BİREBİR
   aynıydı — zemin #F1F5F9, kontur 2px transparan, köşe 16px, yükseklik 66px.
   Yani "karar verildi" bilgisini satırın kendisi hiç taşımıyordu.

   ⚠️ ÖZGÜLLÜK KURULUMU (hesaplanarak yazıldı, tahmin değil):
     · satır kromunu ezmesi gereken kural  → 1-5-0  (rakip: 1-4-0, "3 · iş satırı")
     · ayraç kuralı                        → 1-6-0  (rakip: 1-5-0, "saç teli ayraç kalkar")
   Bu yüzden seçiciler uzun. Kısaltılırsa kaskadı KAYBEDER.

   ⚠️ `border-width` 1px KALIYOR, yalnız rengi şeffaflaşıyor. Sıfırlanırsa
   Değerlendirilenler satırı 64px, Sırada satırı 66px olur — iki listenin
   satır ritmi ayrışır. Box-model korunuyor, görüntü kalkıyor.

   ⚠️ Yatay `margin: 0 12px` da KALIYOR. A4 paketi iki grubun kolon hizasını
   tam bu değerle kuruyor (numara 118px, iş adı 198px @1440). Brif "dış margin
   kaldır" diyor ama hiza kabul kriteri; ayraçlar bu yüzden kart kenarından
   16px içeride akan inset separator olur.
   ══════════════════════════════════════════════════════════════════════════ */

/* 1-5-0 · satır kromu sıfırlanır, box-model korunur */
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-group-items
.hcp-ctrl-item.hcp-ctrl-item--card:not(.is-editing) {
    background: #FFFFFF !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 1-6-0 · saç teli ayraç: satırlar arasında tek çizgi */
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-group-items
> .hcp-ctrl-item--card:not(.is-editing) + .hcp-ctrl-item--card:not(.is-editing) {
    /* GENİŞLİK de yazılmalı: yalnız rengi vermek yetmiyordu — üstteki kural
       2px tutuyordu ve ayraç kalın, satır 1px yüksek çıkıyordu (ölçüldü). */
    border-top: 1px solid #EDF1F5 !important;
}

/* 1-6-0 · hover YALNIZ yüzey: satır ne zıplar ne halka alır */
#hcp-shell-control .hcp-ctrl-evaluated-list .hcp-ctrl-group-items
.hcp-ctrl-item.hcp-ctrl-item--card:not(.is-editing):hover {
    background: #FAFBFD !important;
    box-shadow: none !important;
    transform: none !important;
}


/* ══════════════════════════════════════════════════════════════════════════
   v3.2 · ARAÇ ÇUBUĞU — YÖN A: ROL AYRIMI   (2026-08-27, Alperen seçimi)

   Ölçülen başlangıç (1520px, rapor gönderilmiş hafta):
     · şerit 159px / 3 satır — rapor gönderilmemişken 66px
     · ilk iş satırı y=544 → 672px'lik pencerenin %81'i krom
     · tek şeritte 7 bağımsız sistem
     · "İleri" tek başına bir satırda, sağında 769px boşluk (şeridin %80'i)
     · 3 dolu mavi: aktif sekme #0B2A50 · aktif adım #1A63C4 · İleri #1E6FD0
     · 3 yükseklik: 30 / 32 / 40px — üç ayrı taban çizgisi
     · en büyük metin puan (18px/800); asıl eylem "İleri" 13px/700

   YÖN A iki satır kuruyor (DOM tarafı pys_hcp_control.js'te):
     Satır 1 · NEREDEYİM + DURUM  → adım zinciri (sol) · durum · sinyal · puan (sağ)
     Satır 2 · NE GÖRÜYORUM + NE YAPACAĞIM → sekmeler (sol) · İleri (sağ)

   Sekmeler artık adım zincirinin ALTINDA: hiyerarşi düzeldi (sekme, "Değerlendir"
   adımının çocuğu). İki gezinme farklı satırda olduğu için birbirine karışmıyor.

   Rapor eylemleri (Kilidi Aç / Eski Sürümler / Gönderilen Raporu Gör) şeritten
   ÇIKTI → Final Rapor bölümünün başı. Üçüncü satır tamamen öldü.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Kap: iki blok satır ─────────────────────────────────────────────────── */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    flex-direction: column !important;
    align-items: stretch !important;
    row-gap: var(--pys-space-8) !important;
}
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-evbar__row1,
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-evbar__rownav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: var(--pys-space-12) !important;
    row-gap: var(--pys-space-8) !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
}
/* Satır 2 kendi saç teli ayracını taşır — iki rol gözle de ayrılsın. */
#hcp-shell-control .hcp-ctrl-evbar__rownav {
    padding-top: var(--pys-space-8) !important;
    border-top: 1px solid #EDF1F5 !important;
}

/* ── Sağa yaslama TEK yerden: görünmez boşluk atıcı yerine margin ────────── */
/* Eski `order: 0..5` merdiveni iptal: sıra artık DOM'dan geliyor, yoksa iki
   satıra bölünen öğeler kendi satırlarında yeniden diziliyordu. */
#hcp-shell-control .hcp-ctrl-evbar__status,
#hcp-shell-control .hcp-ctrl-evbar__signals-btn,
#hcp-shell-control .hcp-ctrl-evbar__score,
#hcp-shell-control .hcp-ctrl-evbar__count,
#hcp-shell-control .hcp-ctrl-report-archive-btn,
#hcp-shell-control .hcp-ctrl-wiz-nav-btns,
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-subtabs {
    order: 0 !important;
}
#hcp-shell-control .hcp-ctrl-evbar__row1 > .hcp-ctrl-evbar__status { margin-left: auto !important; }
#hcp-shell-control .hcp-ctrl-evbar__rownav > .hcp-ctrl-wiz-nav-btns { margin-left: auto !important; }
/* Zincir yoksa (tek adımlı kart) durum sola dönsün — sağda yapayalnız kalmasın. */
#hcp-shell-control .hcp-ctrl-evbar__row1 > .hcp-ctrl-evbar__status:first-child { margin-left: 0 !important; }
#hcp-shell-control .hcp-ctrl-evbar__spacer { display: none !important; }

/* ── Adım zinciri: dolu mavi kapsül KALKTI ───────────────────────────────── */
/* Üç dolu mavi ikiye indi. Aktif adım artık dolguyla değil KOYU METİN + altına
   2px mavi çizgiyle işaretleniyor; dolu mavi yalnız aktif sekmede ve İleri'de
   kalıyor. Böylece "hangi adım" ile "hangi içerik" bir daha karışmıyor. */
#hcp-shell-control .hcp-ctrl-wiz-crumb { flex: 0 1 auto !important; min-width: 0 !important; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__step {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: var(--pys-radius-md) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active {
    background: transparent !important;
    box-shadow: none !important;
    position: relative;
}
/* Altçizgi `inset box-shadow` yerine ::after: gölge bir ÇİZGİ aracı değil, ve
   inset gölge ekran görüntüsü araçlarında dolu kutu gibi boyanıyor (2026-08-27
   ölçümü — kenarlık tuzağının aynısı). Gerçek bir öğe hem doğru görünür hem de
   box-shadow'u asıl işine (yükselti) bırakır. */
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active::after {
    content: '';
    position: absolute;
    left: var(--pys-space-8); right: var(--pys-space-8); bottom: 2px;
    height: 2px;
    border-radius: 2px;
    background: #1E6FD0;
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active .hcp-ctrl-wiz-crumb__num,
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active .hcp-ctrl-wiz-crumb__name {
    color: var(--pys-ink-1) !important;
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-past .hcp-ctrl-wiz-crumb__num,
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-past .hcp-ctrl-wiz-crumb__name {
    color: var(--pys-ink-4) !important;
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-future {
    background: transparent !important;
}

/* ── Tek taban çizgisi: 32px · 12px köşe ─────────────────────────────────── */
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-subtab {
    height: 26px !important;   /* segmented control'ün İÇİNDE — kapsül 32px */
    min-height: 26px !important;
}
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-subtabs {
    order: 0 !important;
    height: 32px !important;
    border-radius: var(--pys-radius-md) !important;
    align-self: center !important;
    padding: 3px !important;
    border-top: 0 !important;
    margin-right: 0 !important;
}
/* Sekmeler artık kendi satırında — dikey ayraç çizgisine gerek kalmadı. */
#hcp-shell-control .hcp-ctrl-evbar .hcp-ctrl-subtabs::after { display: none !important; }
#hcp-shell-control .hcp-ctrl-wiz-next,
#hcp-shell-control .hcp-ctrl-wiz-back {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: var(--pys-radius-md) !important;
    padding: 0 var(--pys-space-16) !important;
}

/* ── Puan: ölçüm, eylemden ağır basmasın ─────────────────────────────────── */
/* 18px/800 → 15px/700. Şeridin en büyük metni pasif bir sayıydı; asıl eylem
   ("İleri") 13px'ti. Çubuk ve renk aynı kalıyor, yalnız punto iniyor. */
#hcp-shell-control .hcp-ctrl-evbar__score {
    font-size: var(--pys-fs-md) !important;
    font-weight: 700 !important;
}

/* ── Rapor eylemleri yeni evinde: Final Rapor'un başında ─────────────────── */
#hcp-shell-control .hcp-ctrl-report-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--pys-space-8);
    margin: 0 0 var(--pys-space-16);
}

/* Dar ekran: adım zinciri ile durum tek satıra sığmaz, durum alta iner. */
@media (max-width: 940px) {
    #hcp-shell-control .hcp-ctrl-evbar__row1 > .hcp-ctrl-evbar__status { margin-left: 0 !important; }
    #hcp-shell-control .hcp-ctrl-evbar__rownav > .hcp-ctrl-wiz-nav-btns { margin-left: 0 !important; }
    #hcp-shell-control .hcp-ctrl-wiz-crumb { flex: 1 0 100% !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   HEADER REDESIGN (2026-08-27) — hafta baglam cipi, roster gruplari,
   kart durum satiri ve secim isareti. Tek blok: bir daha dagilmasin.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Hafta baglam cipi: mavi bantta, hafta secicinin SOLUNDA ──
   Zemin yari saydam KOYU (mavi degil): bant bir gradient ve cip acik uca
   dustugunde amber metin 2.6:1'e kadar iniyordu. Koyu katman kontrasti
   gradient tonundan bagimsiz kilar (olculdu: 11.0:1). */
/* Yazili cipten ("Geçen Hafta") 34px'lik yuvarlak IKON ROZETINE cevrildi
   (2026-08-27 canli geri bildirim: "tatli bir ikona cevrilsin, header rengine
   uyumlu olsun"). Tam metin title/aria-label'da; ikonun SEKLI de anlam tasir
   (saat = geriye bakiyorsun), yani renk tek tasiyici degil.
   34px yukseklik: hafta secici ve baslikla AYNI optik bant. */
#hcp-shell-control .hcp-ctrl-wkctx {
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
    width: 34px; height: 34px; border-radius: 50%;
    font-size: 14px; line-height: 1;
    background: rgba(255, 255, 255, .16); color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .26);
    cursor: help;
}
/* Gecmis haftaya bakiliyorsa amber uyari (Kontrol varsayilani GECEN hafta).
   Zemin yari saydam KOYU: bant bir gradient, rozet acik uca dusunce amber
   2.6:1'e iniyordu; koyu katman kontrasti gradient tonundan bagimsiz kilar. */
#hcp-shell-control .hcp-ctrl-wkctx--past {
    background: rgba(6, 28, 58, .42); color: #FDE68A;
    box-shadow: inset 0 0 0 1px rgba(253, 230, 138, .40);
}
/* Ileri haftaya bakiliyorsa acik mavi (uyari degil, bilgi) */
#hcp-shell-control .hcp-ctrl-wkctx--future {
    background: rgba(6, 28, 58, .34); color: #BFDBFE;
    box-shadow: inset 0 0 0 1px rgba(191, 219, 254, .40);
}
#hcp-shell-control .hcp-ctrl-wkctx.hidden { display: none; }
/* Dokunmatik cihazda tooltip yok: rozet yalniz ikon oldugunda hangi haftaya
   bakildigi parmakla erisilemiyordu. Dar ekranda rozet METNE doner
   (data-label JS tarafindan basilir), ikon metnin solunda kalir. */
@media (max-width: 720px) {
    #hcp-shell-control .hcp-ctrl-wkctx {
        width: auto; min-width: 34px; border-radius: var(--pys-radius-pill);
        padding: 0 11px; gap: 6px; font-size: var(--pys-fs-xs); font-weight: 700;
        cursor: default;
    }
    #hcp-shell-control .hcp-ctrl-wkctx::after {
        content: attr(data-label);
        white-space: nowrap;
    }
}

/* ── Hafta durum seridi: tek dogal cumle + ikincil bilgi ── */
/* Hic puanlanmadiysa basari-yesili yerine notr (0 ilerlemeyi yesil gostermek yanilticiydi) */
/* Ilerleme sifirsa cubugu hic gosterme: bos gri cizgi bilgi tasimiyor,
   yanindaki cumle zaten "hicbiri degerlendirilmedi" diyor (tekrar). */

/* ── Roster gruplari: Is Koclari | Degerlendirme Ekibi ──
   flex-basis etiket genisligini karsilar, kalan alan 2:1 bolunur — boylece iki
   gruptaki kartlar AYNI genislige oturur (olculdu: 153px / 155px). */
/* Etiket USTE (2026-08-27 ikinci tur): yan tarafta dururken her gruptan 80px
   yatay alan yiyordu, kart metinleri "25 iş · tama..." diye kirpiliyordu ve
   iki satira sarmis "Değerlendirme Ekibi" kartlarin yaninda garip duruyordu.
   Ustte tek satir: +17px dikey, kart basina ~27px yatay kazanc. */
#hcp-shell-control .hcp-ctrl-rgrp {
    display: flex; flex-direction: column; gap: 6px; min-width: 0;
}
#hcp-shell-control .hcp-ctrl-rgrp--coach { flex: 2 1 0; }
#hcp-shell-control .hcp-ctrl-rgrp--staff { flex: 1 1 0; }
/* Etiket satiri artik hafta durumunu da tasiyor: etiket solda, durum sag ucta.
   O satirin sagi bombostu; ayri bir tam-genislik metin satiri (38px) buraya
   tasinarak kaldirildi (2026-08-27, Yon B). */
#hcp-shell-control .hcp-ctrl-rgrp__lbl {
    font-size: var(--pys-fs-xs); font-weight: 700; color: var(--pys-ink-5);
    line-height: 1.2; padding-left: 2px; white-space: nowrap;
    display: flex; align-items: center; gap: 10px; min-width: 0;
}

/* ── Hafta durumu: grup etiketi satirinin sag ucunda ──
   Metin DURUMA GORE degisir (weekStatusInner): kapali hafta, baslangic,
   ilerleme ve tamamlanma icin ayri cumle + ayri ikon + ayri renk. */
#hcp-shell-control .hcp-ctrl-wkstat {
    margin-left: auto; display: inline-flex; align-items: center; gap: 8px;
    font-size: var(--pys-fs-xs); font-weight: 700; color: var(--pys-ink-4);
    white-space: nowrap; padding-right: 2px; min-width: 0;
}
#hcp-shell-control .hcp-ctrl-wkstat b { font-weight: 800; color: var(--pys-ink-1); }
#hcp-shell-control .hcp-ctrl-wkstat i { font-size: 11px; flex-shrink: 0; }
/* Mini ilerleme cubugu — yalniz degerlendirme surerken cikar */
#hcp-shell-control .hcp-ctrl-wkstat__bar {
    width: 52px; height: 4px; border-radius: var(--pys-radius-pill);
    background: #E5EAF0; overflow: hidden; flex-shrink: 0;
}
#hcp-shell-control .hcp-ctrl-wkstat__bar i {
    display: block; height: 100%; border-radius: var(--pys-radius-pill);
    background: linear-gradient(90deg, #34D399, #16A34A);
}
/* Henuz baslanmadi: eylem cagrisi (mavi) */
#hcp-shell-control .hcp-ctrl-wkstat--basla { color: #0E3C86; }
#hcp-shell-control .hcp-ctrl-wkstat--basla b { color: #0E3C86; }
#hcp-shell-control .hcp-ctrl-wkstat--basla i { color: #1453B8; }
/* Tamami degerlendirildi */
#hcp-shell-control .hcp-ctrl-wkstat--tam { color: #15803D; }
#hcp-shell-control .hcp-ctrl-wkstat--tam b { color: #15803D; }
#hcp-shell-control .hcp-ctrl-wkstat--tam i { color: #16A34A; }
/* Degerlendirilmeden kapanmis hafta: notr, sucllayici degil */
#hcp-shell-control .hcp-ctrl-wkstat--kapali,
#hcp-shell-control .hcp-ctrl-wkstat--bos { color: #64748B; }
#hcp-shell-control .hcp-ctrl-wkstat--kapali b { color: #475569; }
#hcp-shell-control .hcp-ctrl-wkstat--kapali i,
#hcp-shell-control .hcp-ctrl-wkstat--bos i { color: #94A3B8; }

/* ── Sirada olan kisi: kesikli mavi cerceve + kose oku ──
   Renk tek tasiyici degil: ok ikonu ve aria-label da ayni seyi soyluyor. */
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card.hcp-ctrl-av--sirada {
    border: 1.5px dashed #1453B8 !important;
    background: #F7FAFF !important;
}
#hcp-shell-control .hcp-ctrl-av--sirada .hcp-ctrl-av-name { color: #0E3C86 !important; }
#hcp-shell-control .hcp-ctrl-av-next {
    position: absolute; top: 5px; right: 7px;
    font-size: 10px; color: #1453B8;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card { position: relative; }

/* Kapali ama degerlendirilmemis kisi: notr gri dil (yesil YANLIS olurdu) */
#hcp-shell-control .hcp-ctrl-av-st--kilit { color: #64748B !important; }
/* minmax(170px): 1440px'te davranis ayni (4 kart tek satir), ama dar ekranda
   kartlar KUCULMEK yerine alt satira sarar. minmax(0,1fr) ile 1024px'te kart
   146px'e dusuyor ve "25/25 işaretli" / "Değerlendirmeci" kirpiliyordu (olculdu). */
#hcp-shell-control .hcp-ctrl-rgrp__cards {
    display: grid; gap: 8px; flex: 1 1 0; min-width: 0;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
#hcp-shell-control .hcp-ctrl-rsep {
    width: 1px; background: #E6ECF3; flex-shrink: 0; margin: 1px 0; align-self: stretch;
}

/* ── Kart durum satiri (ikinci satir, her kartta) ── */
#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(--pys-ink-5) !important;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#hcp-shell-control .hcp-ctrl-av-st--done { color: #15803D !important; }
#hcp-shell-control .hcp-ctrl-av-st--wait { color: #B45309 !important; }
#hcp-shell-control .hcp-ctrl-av-st--leave { color: #B45309 !important; }

/* ── Secim isareti: dolgu gittigi icin secim yaziyla+sekille de belli ── */
/* Dolgu kalktigi icin secimin tek gorsel isareti bu tik — 11px kucuk kaliyordu. */
#hcp-shell-control .hcp-ctrl-av-pin {
    margin-left: auto; flex-shrink: 0; align-self: flex-start;
    font-size: 13px; color: #1453B8; margin-top: 1px;
}

/* ── Dar ekran ── (etiket artik ustte oldugu icin gizlemeye gerek kalmadi) */
@media (max-width: 900px) {
    #hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-avatar-strip {
        flex-direction: column !important; gap: 10px !important;
    }
    /* Dikey istifte flex-basis YUKSEKLIK olarak yorumlanir; 0 sart. */
    #hcp-shell-control .hcp-ctrl-rgrp { flex: 0 0 auto; }
    #hcp-shell-control .hcp-ctrl-rsep { width: auto; height: 1px; margin: 0; }
    #hcp-shell-control .hcp-ctrl-rgrp__cards {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}
/* Mobil: 6 kisi alt alta dizilince header ~560px'e cikiyordu (bekleyen is).
   Iki kolon -> 6 kart 3 satira iner, header yariya yakin kisalir. */
@media (max-width: 560px) {
    #hcp-shell-control .hcp-ctrl-rgrp__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #hcp-shell-control .hcp-ctrl-headcard .hcp-ctrl-av.hcp-ctrl-av--card {
        min-height: 50px; padding: 5px 8px; gap: 7px;
    }
    #hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-face {
        width: 34px !important; height: 34px !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: 34px !important; height: 34px !important;
    }
}

/* "Sen" etiketi canlida "Ser" diye kirpilmisti: isim satiri ellipsis'e dusunce
   rozet de kesiliyordu. Kirpilma artik yalniz ISME uygulanir, rozet kirpilmaz. */
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-name {
    overflow: visible !important;
}
#hcp-shell-control .hcp-ctrl-av.hcp-ctrl-av--card .hcp-ctrl-av-name > .hcp-ctrl-av-self {
    flex-shrink: 0;
}
#hcp-shell-control .hcp-ctrl-av-self {
    font-size: 11px; font-weight: 800; letter-spacing: 0;
    padding: 1px 6px; white-space: nowrap;
}

/* ══════════════════════════════════════════════════════════════════════════
   HÜKÜM ↔ DURUM UYUMU (2026-08-28, Alperen kararı "farkı öne çıkar")
   Satırda iki katman var: madalyon = senin hükmün, kapsül = iş koçunun beyanı.
   34. haftada ölçüldü: 25 satırın 14'ünde ikisi aynı kelimeyi söylüyordu. Tekrar
   silinmiyor, AĞIRLIĞI değişiyor — uyumlu satır sesini kısıyor, ayrışan satır
   bütün olarak kırmızıya geçiyor. Bu dosyadaki kurallar !important taşıyor:
   5_bento'daki madalyon/kapsül kuralları da !important, aksi hâlde sessizce
   uygulanmıyor (2026-08-13 dersi).
   ══════════════════════════════════════════════════════════════════════════ */

/* Uyum — hükmün ile beyan aynı şeyi söylüyor. Bilgi durur, sesi kısılır.
   Ölçüm: #6B6659 üzerine #FAF8F3 = 5,1:1 (AA geçer). */
#hcp-shell-control .hcp-ctrl-status-pill.is-quiet {
    border-color: #E7E2D6 !important;
    background: #FAF8F3 !important;
    color: #6B6659 !important;
    font-weight: 600 !important;
}

/* Çelişki — kapsül. Ölçüm: #7A1F2F üzerine #FDE7EB = 8,9:1. */
#hcp-shell-control .hcp-ctrl-status-pill.is-clash {
    border-color: var(--hcp-mark-minus) !important;
    background: var(--hcp-mark-minus-soft) !important;
    color: var(--hcp-mark-minus-ink) !important;
}

/* Çelişki — satır çerçevesi. box-shadow DEĞİL outline: kartın kendi gölgesini
   ezmesin (5_bento'daki taban gölgesi korunuyor). Tek taraflı şerit değil,
   çevrenin tamamı — CLAUDE.md görsel kuralı. */
#hcp-shell-control .hcp-ctrl-item--clash {
    outline: 1.5px solid var(--hcp-mark-minus) !important;
    outline-offset: -1.5px;
}

/* Çelişki — madalyon da kırmızıya geçer. Alperen: "mor ve kırmızı aynı anda
   olmamalı". DD'nin moru KİMLİK olarak duruyor; yalnız çelişki satırında yerini
   kırmızıya bırakıyor, çünkü orada renk "değerlendirme dışı" değil "burada bir
   ayrışma var" demek. Uyumlu satırdaki DD rozeti mor kalır. */
#hcp-shell-control .hcp-ctrl-item--clash .hcp-ctrl-mark-tag--icon {
    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;
}

/* Dar ekranda kapsül etiketi düşüyor (5_bento @900px). Çelişki satırında
   DÜŞMEZ: yoksa "burada ayrışma var" bilgisini tek başına RENK taşır ve
   erişilebilirlik kuralı bozulur. */
@media (max-width: 900px) {
    #hcp-shell-control .hcp-ctrl-status-pill.is-clash .hcp-ctrl-status-pill__lbl {
        display: inline !important;
    }
}

/* ══════════════════════════════════════════════════════════════════════════
   EKRAN ALANI: KROM SIKILAŞTIRMA (2026-08-28, Alperen kararı — mavi bölgeye
   DOKUNULMADAN)
   Ölçüm (34. hafta, 730px pencere): ilk iş satırı 554. pikselde başlıyordu,
   ekranın %76'sı krom, kaydırmadan 2,7 iş görünüyordu. Mavi bölge (hcp-uhead,
   217px) Alperen kararıyla korunuyor — kısılan yer yalnız araç çubuğu çevresi.
   Ölçülen sonuç: 554 → 516, kaydırmadan 3,2 iş.

   DENENDİ VE VAZGEÇİLDİ — araç çubuğunu TEK SATIRA almak:
   tarayıcıda denendi, yalnız 6px kazandırdı (94 → 88) çünkü satır 1'in içeriği
   zaten o yüksekliği dolduruyor. Karşılığında 2026-08-27 "YÖN A" kararını
   bozacaktı (satır 1 = neredeyim + durum, satır 2 = ne görüyorum + ne yapacağım;
   sekmeler adımın ÇOCUĞU olduğu için ayrı satırda). 6px için o hiyerarşi
   düzeltmesi geri alınmadı.
   ══════════════════════════════════════════════════════════════════════════ */

#hcp-shell-control .hcp-ctrl-wiz { gap: 6px !important; }

/* Araç çubuğu: dış paylar 12/16 → 6/8, iç paylar 12 → 8, satır arası 8 → 6.
   İçerik ve yerleşim aynı; yalnız nefes payı daralıyor. Ölçülen: 106 → 94. */
#hcp-shell-control .hcp-ctrl-wiz-nav.hcp-ctrl-evbar {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    row-gap: 6px !important;
}
#hcp-shell-control .hcp-ctrl-evbar__rownav { padding-top: 6px !important; }

/* Grup başlığı: yazıya değil, kullanılmayan min-height'a dokunuluyor.
   "düzenlemek için Değiştir'e bas" yardım cümlesi DURUYOR — okunurluk için
   gerekli. Ölçülen: 47 → 39. */
#hcp-shell-control .hcp-ctrl-evaluated-hdr,
#hcp-shell-control .hcp-ctrl-group-hdr {
    min-height: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}