/* pys_hcp_control_3_bant.css
 * ===========================================================================
 * KAYNAK: pys_hcp_control.css satir 1753-2693 (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: Rozet yeniden tasarimi (devir/revize/plan disi), gradient butonlar, satir & kart zemini, degerlendirme bandi, detay paneli, geri bildirim modali, gerceklik uyarisi, ray + is kocu bari, segment mark, Raporu Hazirla Sihirbazi
 * ===========================================================================
 */
/* === Rozet yeniden tasarımı — Devir / Revize / Plan dışı === */
/* Devir daim — mor */
.hcp-carryover-badge,
.hcp-ctrl-carryover-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--pys-fs-xs);
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--pys-radius-pill);
    color: #3C3489;
    background: #EEEDFE;
    white-space: nowrap;
}
.hcp-ctrl-carryover-badge--warn {
    color: #3C3489;
    background: #CECBF6;
}
.hcp-ctrl-carryover-badge--critical {
    color: #26215C;
    background: #AFA9EC;
    font-weight: 600;
}
/* Plan dışı — mercan */
.hcp-unplanned-badge,
.hcp-ctrl-badge--unplanned {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--pys-fs-xs);
    font-weight: 600;
    padding: 2px 8px;
    border-radius: var(--pys-radius-pill);
    color: #712B13;
    background: #FAECE7;
    white-space: nowrap;
}
/* Değerlendirilebilir ama henüz işaret konmamış iş — dikkat çeken amber rozet.
   "Not yazdım = kontrol ettim" karışıklığını kırar; rapor adımını kilitleyen işler. */
.hcp-ctrl-badge--unmarked {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--pys-fs-xs);
    font-weight: 700;
    padding: 2px 8px;
    border-radius: var(--pys-radius-pill);
    color: #92400E;
    background: #FEF3C7;
    white-space: nowrap;
}
/* Silme talebi onayda — turuncu (mükerrer talebi ve kafa karışıklığını önler) */
.hcp-pending-del-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--pys-fs-xs);
    font-weight: 700;
    padding: 2px 8px;
    border-radius: var(--pys-radius-pill);
    color: #92400E;
    background: #FEF3C7;
    white-space: nowrap;
}
/* Revize rozeti — hizalama (renk aşağıda .hcp-mgr-fb-badge--revise ile mavi) *//* Kilit durumu — ikon olmadan sadece muted görünsün */
.hcp-status-indicator--locked {
    opacity: 0.4;
    cursor: not-allowed;
}

/* === GRADIENT BUTONLAR — Tavus Kuşu === */

/* YZ / Sırala — Mor AI gradient (pys_module_themes.css tanımına bırakıldı) */
.hcp-btn-sort-suggest:active { transform: scale(0.97); }

/* Plan teslim butonu — pys_module_themes.css .teslim-btn tarafından yönetilir */

/* Modal kaydet butonu — Mavi gradyan */
.hcp-strip-submit,
.hcp-detail-save,
.hcp-sort-apply {
  background: linear-gradient(135deg, #3FA0EC 0%, #1E6FD0 100%);
  color: #fff;
  border: none;
  border-radius: var(--pys-radius-sm);
  padding: 10px 20px;
  font-size: var(--pys-fs-sm);
  font-weight: 600;
  cursor: pointer;
  box-shadow: var(--pys-elev-2) rgba(46, 143, 255, 0.3);
  transition: box-shadow 0.2s, transform 0.15s;
  font-family: inherit;
}
.hcp-strip-submit:hover,
.hcp-detail-save:hover,
.hcp-sort-apply:hover {
  box-shadow: var(--pys-elev-2) rgba(46, 143, 255, 0.4);
  transform: translateY(-1px);
}

/* İptal / Vazgeç butonu */
.hcp-sort-cancel,
.hcp-btn-cancel {
  background: transparent;
  border: 1.5px solid var(--hcp-border);
  color: var(--hcp-text-muted);
  border-radius: var(--pys-radius-sm);
  padding: 10px 16px;
  font-size: var(--pys-fs-sm);
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  transition: border-color 0.15s, color 0.15s;
}
.hcp-sort-cancel:hover,
.hcp-btn-cancel:hover {
  border-color: #3FA0EC;
  color: var(--hcp-text);
}

/* Rozet stilleri (Devir / Plan dışı) outline pill olarak yukarıda
   tanımlıdır (bkz. "Rozet yeniden tasarımı" bloğu). Buradaki eski dolu
   gradient + !important tanımları outline pill tasarımını eziyordu; kaldırıldı. */

/* Geri bildirim not ikonu */
.hcp-fb-note-hint {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #E7F2FF;
  border: 1px solid #3FA0EC;
  color: #1E6FD0;
  cursor: pointer;
  font-size: var(--pys-fs-sm);
  transition: background 0.15s, transform 0.15s;
}
.hcp-fb-note-hint:hover {
  background: #3FA0EC;
  color: #fff;
  transform: scale(1.1);
}

/* === SATIR & KART ZEMİNİ === */
.hcp-section {
  background: transparent;
}
.hcp-item-row {
  background: var(--hcp-bg-card);
  border: 0.5px solid var(--hcp-border-light);
  transition: background 0.12s, box-shadow 0.12s;
}
.hcp-item-row:hover {
  background: #F5F9FF;
  box-shadow: var(--pys-elev-2) rgba(46, 143, 255, 0.08);
}

/* Durum göstergesi hover */
.hcp-btn-tik:hover {
  border-color: #3FA0EC !important;
  background: #E7F2FF !important;
}

/* Kilit durumu — sadece soluk */
.hcp-status-indicator--locked {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Çöp kutusu — her zaman görünür, buton hover'da banner */
[data-delete-item] {
  opacity: 1;
  transition: transform 0.15s;
}
.hcp-item-sort-slot {
  opacity: 0;
  transition: opacity 0.15s;
}
.hcp-item-row:hover .hcp-item-sort-slot { opacity: 1; }

/* Mark-dot revize — mavi (TEK KAYNAK: --hcp-mark-revise) */
.mark-dot.revise {
  background: var(--hcp-mark-revise-soft);
  border: 0.5px solid var(--hcp-mark-revise);
  color: var(--hcp-mark-revise-ink);
}

/* Değerlendirme rozeti — revize — mavi (TEK KAYNAK: --hcp-mark-revise) */
/* === DEĞERLENDİRME BANDI (capcanlı) === */
@keyframes hcpEvalBandIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.hcp-eval-band {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(120deg, #E7F2FF 0%, #EAF8F4 55%, #FFFFFF 100%);
  border: 1px solid #BFDBFE;
  border-radius: var(--pys-radius-lg);
  padding: 12px 16px;
  margin-bottom: 16px;
  box-shadow: var(--pys-elev-2) rgba(46, 143, 255, 0.16);
  animation: hcpEvalBandIn 0.35s ease both;
}
.hcp-eval-band__icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #3FA0EC 0%, #1E6FD0 100%);
  color: #fff;
  font-size: var(--pys-fi-lg);
  box-shadow: var(--pys-elev-2) rgba(46, 143, 255, 0.4);
}
.hcp-eval-band__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hcp-eval-band__title {
  font-size: var(--pys-fs-sm);
  font-weight: 700;
  color: #1A6FD4;
  letter-spacing: 0.01em;
}
.hcp-eval-band__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hcp-eval-stat {
  font-size: var(--pys-fs-xs);
  font-weight: 600;
  border-radius: var(--pys-radius-pill);
  padding: 4px 10px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  box-shadow: var(--pys-elev-1) rgba(27, 42, 46, 0.08);
}
/* Gradyan uçlari koyulastirildi: beyaz yazi pilin acik ucunda da okunsun (kontrast). */
.hcp-eval-stat--ok     { background: linear-gradient(135deg, #15803D, #166534); color: #fff; }
.hcp-eval-stat--revise { background: linear-gradient(135deg, var(--hcp-mark-revise), #2563EB); color: #fff; }
.hcp-eval-stat--fail   { background: linear-gradient(135deg, #EF4444, #DC2626); color: #fff; }
.hcp-eval-stat--dd     { background: linear-gradient(135deg, var(--hcp-mark-dd), #64748B); color: #fff; }
/* Ara durum işaretleri (2026-08-15): renk kimliği --hcp-mark-* tek kaynağından gelir,
   kardeş pillerle aynı gradyan deseni. Koyu uç beyaz yazının kontrastı için. */
.hcp-eval-stat--ontrack { background: linear-gradient(135deg, var(--hcp-mark-ontrack), #0F766E); color: #fff; }
.hcp-eval-stat--speedup { background: linear-gradient(135deg, var(--hcp-mark-speedup), #B45309); color: #fff; }
.hcp-eval-band__link {
  font-size: var(--pys-fs-xs);
  font-weight: 700;
  color: #fff;
  background: linear-gradient(135deg, #2E8FFF 0%, #1E6FD0 100%);
  border: none;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: var(--pys-radius-pill);
  font-family: inherit;
  box-shadow: var(--pys-elev-2) rgba(46, 143, 255, 0.35);
  transition: box-shadow 0.2s, transform 0.15s;
}
.hcp-eval-band__link:hover { box-shadow: var(--pys-elev-2) rgba(46, 143, 255, 0.45); transform: translateY(-1px); }
.hcp-eval-band__close {
  background: none;
  border: none;
  color: #5a6c70;
  cursor: pointer;
  font-size: var(--pys-fi-md);
  padding: 4px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  transition: color 0.15s, background 0.15s;
}
.hcp-eval-band__close:hover { color: #1b2a2e; background: rgba(46, 143, 255, 0.1); }

/* === DETAY PANELİ — YAPILAN İŞ ÖZETİ (salt-okunur) === */
.hcp-done-summary {
  background: linear-gradient(120deg, #D1FAE5 0%, #F2FBF8 100%);
  border: 1px solid #A7F3D0;
  border-radius: var(--pys-radius-md);
  padding: 12px 12px;
  margin-bottom: 12px;
}
.hcp-done-summary__title {
  font-size: var(--pys-fs-xs);
  font-weight: 700;
  color: #15803D;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.hcp-done-summary__row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 4px 0;
  font-size: var(--pys-fs-sm);
}
.hcp-done-summary__row + .hcp-done-summary__row {
  border-top: 1px dashed rgba(22, 163, 74, 0.2);
}
.hcp-done-summary__row--note { flex-direction: column; gap: 4px; }
.hcp-done-summary__label {
  flex-shrink: 0;
  width: 92px;
  font-size: var(--pys-fs-xs);
  font-weight: 600;
  color: #5a6c70;
  text-transform: none;
}
.hcp-done-summary__val {
  flex: 1;
  color: #1b2a2e;
  font-weight: 500;
  white-space: pre-wrap;
  word-break: break-word;
}
.hcp-done-summary__status {
  font-size: var(--pys-fs-xs);
  font-weight: 700;
  padding: 2px 10px;
  border-radius: var(--pys-radius-pill);
  color: #fff;
}
/* Gradyan uçları koyu tutulur: açık uçta üstteki beyaz 11px yazı okunmuyordu.
   Kardeş .hcp-eval-stat--* ailesiyle aynı desen (koyu → daha koyu). */
.hcp-done-summary__status--completed     { background: linear-gradient(135deg, #15803D, #166534); }
.hcp-done-summary__status--not_completed { background: linear-gradient(135deg, #EF4444, #DC2626); }
.hcp-done-summary__status--abandoned     { background: linear-gradient(135deg, #9333EA, #7E22CE); }

/* === GERİ BİLDİRİM MODAL — iş bağlam satırı === */
.hcp-fb-modal-context {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  margin-bottom: 12px;
  background: #E7F2FF;
  border-radius: var(--pys-radius-md);
}
.hcp-fb-modal-context__label {
  font-size: var(--pys-fs-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--hcp-text-muted, #5a6c70);
}
.hcp-fb-modal-context__title {
  font-size: var(--pys-fs-sm);
  font-weight: 600;
  color: var(--hcp-text, #1b2a2e);
}

/* === GERÇEKÇİLİK UYARISI POPUP === */
.hcp-realistic-note-pop {
  text-align: center;
  padding: 6px 4px 2px;
}
.hcp-realistic-note-pop__icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--pys-fi-xl);
  color: #fff;
  background: linear-gradient(135deg, var(--hcp-amber-600) 0%, var(--hcp-amber-400) 100%);
  box-shadow: var(--pys-elev-2) rgba(192, 123, 42, 0.4);
}
.hcp-realistic-note-pop__text {
  font-size: var(--pys-fs-md);
  font-weight: 600;
  color: var(--hcp-text, #1b2a2e);
  line-height: 1.45;
  margin: 0 0 8px;
}
.hcp-realistic-note-pop__hint {
  font-size: var(--pys-fs-xs);
  color: var(--hcp-text-muted, #5a6c70);
  line-height: 1.4;
  margin: 0;
}

/* ============================================================
   KONTROL YENİDEN TASARIM — Brief 01–03 stilleri
   (Mevcut kuralların üstüne; en sonda olduğu için kazanır)
   ============================================================ */

/* —— Üst şerit —— */
/* ÖLÜ KOD TEMİZLİĞİ (2026-07-27): eski turkuaz başlık takımı (headbar, title-*,
   header-context, headprog-*) silindi — hiçbir JS/HTML tarafından üretilmiyor. */
#hcp-shell-control .hcp-header-icon-btn--feedback,
#hcp-shell-control .hcp-header-icon-btn--analyze {
    background:#fff !important; border:1.5px solid #D6E4F5 !important;
}
#hcp-shell-control .hcp-header-icon-btn--feedback { color:#1A5FAB !important; }
#hcp-shell-control .hcp-header-icon-btn--analyze { color:#7C3AED !important; }

/* ÖLÜ KOD TEMİZLİĞİ (2026-07-27): mühür butonu (.hcp-ctrl-seal*) silindi — üretilmiyor. */

/* —— Avatar rayı —— */
#hcp-shell-control .hcp-ctrl-av {
    display:flex; flex-direction:column; align-items:center; gap:4px;
    padding:8px 4px 6px; border-radius: var(--pys-radius-md); border:2px solid transparent; background:none; cursor:pointer;
}
#hcp-shell-control .hcp-ctrl-av:hover { background:#F4F8F8; }
#hcp-shell-control .hcp-ctrl-av.is-active { background:#E8F4F4; border-color:#00868F; outline:none; }
#hcp-shell-control .hcp-ctrl-av-face { position:relative; display:block; }
#hcp-shell-control .hcp-ctrl-av-img,
#hcp-shell-control .hcp-ctrl-av-initials {
    width:46px; height:46px; border-radius:50%; object-fit:cover;
    box-shadow:0 1px 0 rgba(255,255,255,.6) inset, 0 2px 8px rgba(15,40,45,.14);
}
#hcp-shell-control .hcp-ctrl-av-name {
    font-family:'Cabin',sans-serif; font-size:var(--pys-fs-xs); font-weight:700; color:#4A6168;
    text-align:center; line-height:1.05; max-width:58px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#hcp-shell-control .hcp-ctrl-av.is-active .hcp-ctrl-av-name { color:#00868F; }
/* ÖLÜ KOD TEMİZLİĞİ (2026-07-27): avatar faz noktası 2. nesil (.hcp-ctrl-av-dot),
   köşe rozeti (.hcp-ctrl-av-corner*), koç bağlam bloğu (.hcp-ctrl-coach-stat*/ctx*)
   ve "Sıradaki koç" butonu (.hcp-ctrl-next-coach) silindi — üretilmiyorlar. */

/* Boş/bekleme durumları tek tutarlı, sakin şablon (empty-coach + wait-panel aynı görünür) */
#hcp-shell-control .hcp-ctrl-empty-coach,
#hcp-shell-control .hcp-ctrl-wait-panel {
    margin:16px; padding:32px 20px; border-radius: var(--pys-radius-lg);
    border:1px dashed #D8DEE6; background:#F9FAFB;
    text-align:center; color:var(--pys-ink-5); font-size:var(--pys-fs-sm); font-weight:600; line-height:1.5;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
}
#hcp-shell-control .hcp-ctrl-empty-coach i,
#hcp-shell-control .hcp-ctrl-wait-panel i { font-size:var(--pys-fi-xl); color:#94A3B8; display:block; margin:0; }
#hcp-shell-control .hcp-ctrl-wait-panel p { margin:0; }
#hcp-shell-control .hcp-ctrl-leave-banner {
    margin:12px 16px; padding:12px 16px; border-radius: var(--pys-radius-md);
    background:linear-gradient(135deg,var(--hcp-amber-100),var(--hcp-amber-50)); border:1px solid #FCD34D;
    color:#92400E; font-size:var(--pys-fs-sm); font-weight:600;
    display:flex; align-items:center; gap:10px;
}
#hcp-shell-control .hcp-ctrl-leave-banner i { font-size:var(--pys-fi-lg); color:var(--hcp-amber-600); }
#hcp-shell-control .hcp-ctrl-av__leave-badge {
    position:absolute; bottom:-3px; right:-3px;
    width:15px; height:15px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--hcp-amber-500); color:#fff;
    border:1.5px solid var(--color-background-secondary,#F8FAFC);
    font-size:var(--pys-fs-xs);
}
/* YZ rapor bolumu basligi */
#hcp-shell-control .hcp-ctrl-report-head {
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:12px 16px 6px; flex-wrap:wrap;
}
#hcp-shell-control .hcp-ctrl-report-head__title {
    font-family:var(--pys-font-display); font-weight:800; font-size:var(--pys-fs-md); color:var(--pys-ink-1);
    display:inline-flex; align-items:center; gap:8px;
}
#hcp-shell-control .hcp-ctrl-report-head__title i { color:#1E6FD0; }
#hcp-shell-control .hcp-ctrl-report-head__hint {
    font-size:var(--pys-fs-xs); font-weight:600; color:var(--pys-ink-5);
    display:inline-flex; align-items:center; gap:4px;
}
/* —— Eksik badge dili —— */
#hcp-shell-control .hcp-ctrl-badge--muted {
    font-size:var(--pys-fs-xs); font-weight:700; padding:2px 8px; border-radius: var(--pys-radius-sm);
    background:#EDF3F3; color:var(--pys-ink-5); box-shadow: inset 0 0 0 1px #D6E3E4;
}
/* —— Gizlilik rozeti: "iş koçuna gitmez" cinsi taranabilir uyarı (yönetici-içi alanlar).
   Mor tonu, priv-note görsel diliyle tutarlı; açık zeminlerde kullanılır. —— */
/* —— İkincil mark (R/DD) —— */
#hcp-shell-control .hcp-ctrl-mark--secondary { opacity:.92; }

/* —— Salt-okunur popup: artık yazma alanı yok, ekstra stil gerekmez —— */

/* —— Özel not paneli (yönetici salt-okunur / ekip lideri düzenlenebilir) —— */
#hcp-shell-control .hcp-ctrl-priv-note {
    background:#4A3F82; border-radius:var(--pys-radius-lg); padding:16px 16px; color:#fff;
    box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 2px 6px rgba(15,40,45,.12), 0 10px 24px rgba(15,40,45,.12);
    margin-top:12px;
}
#hcp-shell-control .hcp-ctrl-priv-note__head {
    display:flex; align-items:center; gap:8px; margin-bottom:8px;
    font-family:var(--pys-font-display); font-weight:800; font-size:var(--pys-fs-xs);
    letter-spacing:.01em; opacity:.92;
}
#hcp-shell-control .hcp-ctrl-priv-note__text {
    font-family:'Cabin',sans-serif; font-size:var(--pys-fs-md); line-height:1.55; font-style:italic; opacity:.97;
}
#hcp-shell-control .hcp-ctrl-priv-note__foot { margin-top:10px; font-size:var(--pys-fs-xs); opacity:.7; font-weight:600; }
/* ekip lideri düzenlenebilir varyant: açık zemin, mor çerçeve */
#hcp-shell-control .hcp-ctrl-priv-note--edit {
    background:#EFE9F6; color:#15323A; box-shadow: inset 0 0 0 1.5px #D6C9E8;
}
#hcp-shell-control .hcp-ctrl-priv-note--edit .hcp-ctrl-priv-note__head { color:#4A3F82; opacity:1; }
#hcp-shell-control .hcp-ctrl-priv-note--edit .hcp-ctrl-priv-note__foot { color:#4A3F82; opacity:.85; }
#hcp-shell-control .hcp-ctrl-priv-note--edit .hcp-ctrl-eval-note-input {
    width:100%; border:1.5px solid #D6C9E8; border-radius:var(--pys-radius-md); padding:12px 12px;
    font-family:'Cabin',sans-serif; font-size:var(--pys-fs-sm); color:#15323A; background:#fff; font-style:italic; resize:vertical; min-height:64px;
}
#hcp-shell-control .hcp-ctrl-priv-note--edit .hcp-ctrl-eval-note-input:focus { outline:none; border-color:#4A3F82; }

/* —— Rapor (boş durum) —— */
/* —— Rapor (düzenlenebilir) —— */
#hcp-shell-control .hcp-ctrl-report-edit { margin-top:6px; }
#hcp-shell-control .hcp-ctrl-report-edit__lbl {
    font-family:var(--pys-font-display); font-weight:800; font-size:var(--pys-fs-xs);
    letter-spacing:.01em; color:#4A6168;
    display:flex; align-items:center; gap:8px; margin-bottom:8px;
}
#hcp-shell-control .hcp-ctrl-report-area {
    width:100%; border:1.5px solid #D3E0E2; border-radius:var(--pys-radius-lg); padding:16px;
    font-family:'Cabin',sans-serif; font-size:var(--pys-fs-md); line-height:1.6; color:#15323A;
    background:#F4F8F8; resize:vertical; min-height:200px;
}
#hcp-shell-control .hcp-ctrl-report-area:focus { outline:none; border-color:#00868F; background:#fff; }
#hcp-shell-control .hcp-ctrl-report-area--flash { border-color:#1E6FD0; transition:border-color .3s ease; }

/* —— Talimat + YZ ile Düzenle —— */
#hcp-shell-control .hcp-ctrl-report-instruct { display:flex; gap:10px; align-items:stretch; margin-top:12px; }
#hcp-shell-control .hcp-ctrl-report-instruct__input {
    flex:1; border:1.5px solid #D3E0E2; border-radius:var(--pys-radius-md); padding:0 16px;
    font-family:'Cabin',sans-serif; font-size:var(--pys-fs-md); color:#15323A; background:#fff;
}
#hcp-shell-control .hcp-ctrl-report-instruct__input:focus { outline:none; border-color:#1E6FD0; }
#hcp-shell-control .hcp-ctrl-report-aiedit,
#hcp-shell-control .hcp-ctrl-report-produce {
    display:inline-flex; align-items:center; gap:10px; border:none; cursor:pointer;
    background:linear-gradient(135deg,#9134C4,#1E6FD0); color:#fff; border-radius:var(--pys-radius-md); padding:12px 20px;
    font-family:var(--pys-font-display); font-weight:800; font-size:var(--pys-fs-md);
    box-shadow:var(--pys-elev-2) rgba(145,52,196,.35); white-space:nowrap;
}
#hcp-shell-control .hcp-ctrl-report-aiedit:active,
#hcp-shell-control .hcp-ctrl-report-produce:active { transform:translateY(1px); }
#hcp-shell-control .hcp-ctrl-report-regen { display:flex; align-items:center; gap:10px; margin-top:12px; }
#hcp-shell-control .hcp-ctrl-yz-refresh-count { font-size:var(--pys-fs-xs); color:#4A6168; font-weight:600; }

/* —— Koça Gönder —— */
#hcp-shell-control .hcp-ctrl-send-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px 12px; margin-top:6px; }
#hcp-shell-control .hcp-ctrl-btn-send {
    display:inline-flex; align-items:center; gap:10px; border:none; cursor:pointer;
    background:linear-gradient(135deg,#1A5FAB,#13477F); color:#fff; border-radius:var(--pys-radius-md); padding:12px 24px;
    font-family:var(--pys-font-display); font-weight:800; font-size:var(--pys-fs-md);
    box-shadow:var(--pys-elev-2) rgba(26,95,171,.4);
}
#hcp-shell-control .hcp-ctrl-btn-send:active { transform:translateY(1px); }
/* Kilitli hâl: gradyan üstüne grayscale filtresi yerine düz, nötr kilit stili. */
#hcp-shell-control .hcp-ctrl-btn-send.is-disabled {
    background:#E2E8F0; color:#94A3B8; box-shadow:none;
}
#hcp-shell-control .hcp-ctrl-send-hint { width:100%; text-align:right; font-size:var(--pys-fs-xs); color:#4A6168; font-weight:600; }

/* —— Mobil saha modu —— */
@media (max-width: 760px) {
    #hcp-shell-control .hcp-ctrl-mark--secondary { display:none; }
    #hcp-shell-control .hcp-ctrl-report-instruct { flex-direction:column; }
}

/* === Parça 2: ray + iş koçu barı === */
/* Seçili avatar: kare kart yerine YUVARLAK halka — tüm avatarlar yuvarlak kalsın */
#hcp-shell-control .hcp-ctrl-av.is-active { outline: none; background: transparent; border-color: transparent; }
#hcp-shell-control .hcp-ctrl-av.is-active .hcp-ctrl-av-img,
#hcp-shell-control .hcp-ctrl-av.is-active .hcp-ctrl-av-initials {
    box-shadow: 0 0 0 3px var(--color-action-primary, #2E8FFF), 0 2px 8px rgba(15, 40, 45, 0.18);
}
#hcp-shell-control .hcp-ctrl-av.is-active .hcp-ctrl-av-name { color: var(--color-action-primary, #0e7490); }
/* plan göndermemiş = gri nokta — köşedeki göz/tik ile çakışmasın: sol-alt köşe, seçilide gizli */
/* (av-dot--wait kuralları da ölü aileyle birlikte silindi) */
/* iş koçu barı meta */
#hcp-shell-control .hcp-ctrl-coach-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:4px; }
#hcp-shell-control .hcp-ctrl-coach-role { font-size:var(--pys-fs-sm); color: var(--color-text-secondary,var(--pys-ink-5)); font-weight:600; }
#hcp-shell-control .hcp-ctrl-meta-sep { color:#cbd5e1; }/* geçen hafta toggle + satır */#hcp-shell-control .hcp-ctrl-prev-line { margin:10px 16px 0; padding:10px 12px; background: var(--color-status-pending-bg,#f0fbfd); border-radius: var(--pys-radius-md); font-size:var(--pys-fs-sm); color:#0c4a52; font-weight:600; }
#hcp-shell-control .hcp-ctrl-prev-line b { color: var(--color-action-primary,#0e7490); }
/* plan bekleniyor paneli */
/* (wait-panel stili yukarıda empty-coach ile birleştirildi — tek tutarlı boş-durum şablonu) */

/* === P3: segment mark + grup başlığı === */

#hcp-shell-control .hcp-ctrl-marks {
    display: inline-flex; border: 1.5px solid #e6eef0; border-radius: var(--pys-radius-md);
    overflow: hidden; background: #fff; box-shadow: var(--pys-elev-1) rgba(0,0,0,.07);
}
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark {
    width: 44px; height: 38px; border: none; border-right: 1.5px solid #e6eef0;
    border-radius: 0; background: #fff; font-weight: 800; font-size: 16px;
    color: var(--pys-ink-5); cursor: pointer; transition: background .1s, color .1s;
}
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark:last-child { border-right: none; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="dd"] { font-size: 16px; }
/* Seçilmemiş işaretler de kimliğini taşır: her buton kendi renginde (silik tek gri yerine),
   hover kendi renginin açık zemini — seçili dolu renk davranışı değişmez. */
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="plus"]   { color: #15803D; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="minus"]  { color: #DC2626; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="revise"] { color: var(--hcp-mark-revise); }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="dd"]     { color: var(--hcp-mark-dd); }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="plus"]:hover   { background: #F0FDF4; color: #15803D; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="minus"]:hover  { background: #FEF2F2; color: #B91C1C; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="revise"]:hover { background: var(--hcp-mark-revise-soft, #EFF6FF); }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="dd"]:hover     { background: #F8FAFC; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[disabled] { opacity: .5; cursor: default; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="plus"].is-active   { background: #15803D; color: #fff; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="minus"].is-active  { background: #EF4444; color: #fff; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="revise"].is-active { background: var(--hcp-mark-revise); color: #fff; }
#hcp-shell-control .hcp-ctrl-marks .hcp-ctrl-mark[data-mark="dd"].is-active     { background: var(--hcp-mark-dd); color: #fff; }

/* İşaret rengi numara rozetinde taşınıyor; yasak sol kenar şeridi kaldırıldı
   (şerit grubun renkli iç halkasını + kart gölgesini eziyordu). */

#hcp-shell-control .hcp-ctrl-group-hdr     { display: flex; align-items: center; gap: 10px; cursor: pointer; }
#hcp-shell-control .hcp-ctrl-group-dot     { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
#hcp-shell-control .hcp-ctrl-group-name    { font-weight: 700; font-size: var(--pys-fs-md); color: var(--pys-ink-1); }
#hcp-shell-control .hcp-ctrl-group-count   { font-size: var(--pys-fs-sm); color: var(--pys-ink-5); font-weight: 600; }
#hcp-shell-control .hcp-ctrl-group-chevron { margin-left: auto; color: #94a3b8; font-size: var(--pys-fi-md); }#hcp-shell-control .hcp-ctrl-group-dot--bekliyor      { background: #94a3b8; }

/* === P4: Raporu Hazırla Sihirbazı (sinematik) === */

#hcp-shell-control .hcp-ctrl-wiz { display:flex; flex-direction:column; gap:16px; }
#hcp-shell-control .hcp-ctrl-wiz-nav { background:#fff; border:1px solid #CBD8E8; border-radius:var(--pys-radius-lg); padding:12px 16px 12px; box-shadow:0 1px 2px rgba(11,42,80,.05), 0 6px 18px rgba(11,42,80,.09); }
/* Adım 2: 3 kutulu ray yerine ince tek satır — mevcut adım adı solda, Geri/İleri sağda. */
#hcp-shell-control .hcp-ctrl-wiz-nav--slim { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px 8px 16px; }/* Mini adım kırıntısı — tek satır, "kat kat" ray hissi olmadan yönelim verir */
#hcp-shell-control .hcp-ctrl-wiz-crumb { display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__step {
    display:inline-flex; align-items:center; gap:6px; border:none; background:none;
    padding:4px 8px; border-radius:var(--pys-radius-pill); font-size:var(--pys-fs-xs); font-weight:600;
    color:var(--pys-ink-5); cursor:pointer;
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-past:hover { background:#EFF6FF; color:#1a63c4; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active { background:#1E6FD0; color:#fff; cursor:default; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-future { cursor:default; opacity:.75; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__num {
    display:inline-flex; align-items:center; justify-content:center;
    width:17px; height:17px; border-radius:50%; font-size:var(--pys-fs-xs); font-weight:800;
    background:#E2E8F0; color:var(--pys-ink-4);
}
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active .hcp-ctrl-wiz-crumb__num { background:rgba(255,255,255,.25); color:#fff; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-done .hcp-ctrl-wiz-crumb__num { background:#DCFCE7; color:#15803D; }
#hcp-shell-control .hcp-ctrl-wiz-crumb__sep { width:14px; height:2px; border-radius:var(--pys-radius-2xs); background:#CBD5E1; }
/* Redesign 3A (2026-08-13): Değerlendir adımında adım ADLARI artık gizlenmiyor.
   Eskiden tamamlanan adımlar isimsiz iki tike ("✓ — ✓") iniyordu ve neyin bittiği
   okunamıyordu; yer, rapor aksiyonlarının ikinci satıra inmesiyle açıldı.
   640px altında (mobil) yalnız aktif adım adı görünmeye devam eder. */
@media (max-width: 640px) {
    #hcp-shell-control .hcp-ctrl-wiz-crumb__name { display:none; }
    #hcp-shell-control .hcp-ctrl-wiz-crumb__step.is-active .hcp-ctrl-wiz-crumb__name { display:inline; }
}
/* ÖLÜ KOD TEMİZLİĞİ (2026-07-27): eski kutu kutu adım rayı (.hcp-ctrl-wiz-rail/node/dot/
   line/label, 1. nesil) silindi — HTML üretimi 2026-07-25'te adım kırıntısına
   (.hcp-ctrl-wiz-crumb) dönüştürülmüştü, bu sınıflar hiçbir yerde üretilmiyor. */

#hcp-shell-control .hcp-ctrl-wiz-stage { animation:hcpWizFade .28s ease; }
@keyframes hcpWizFade { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }

/* Aşama 3 — Değerlendir adımı alt sekmeleri (İşleri Puanla | İçerik / Dosya) */
/* Segment (pill) kontrol — sayfadaki diğer sekme gruplarıyla (Planım/Değerlendirme/
   Geri Bildirimler ve Bugün/Genel Bakış) aynı dil: aktif = beyaz dolu pill. Eski
   alt-çizgi metaforu tek başına farklıydı; üç sekme grubu tek dile indirildi.
   Beyaz gövde üzerinde açık gri track ile ayrışır (mavi vurgu korunur). */
#hcp-shell-control .hcp-ctrl-subtabs { display:inline-flex; gap:4px; margin:0 0 12px; padding:4px; background:#EEF2F7; border:1px solid #E0E8F1; border-radius:var(--pys-radius-md); }
#hcp-shell-control .hcp-ctrl-subtab {
    appearance:none; background:none; border:none; cursor:pointer;
    padding:8px 16px; border-radius:var(--pys-radius-sm);
    font-size:var(--pys-fs-md); font-weight:650; color:var(--pys-ink-4); display:inline-flex; align-items:center; gap:8px;
    transition:color .15s ease, background .15s ease, box-shadow .15s ease;
}
#hcp-shell-control .hcp-ctrl-subtab i { font-size:var(--pys-fi-sm); opacity:.85; }
#hcp-shell-control .hcp-ctrl-subtab:hover { color:#1A63C4; background:rgba(255,255,255,.55); }
#hcp-shell-control .hcp-ctrl-subtab.is-active { color:#1E6FD0; background:#fff; box-shadow:var(--pys-elev-1) rgba(10,30,60,.14); }
#hcp-shell-control .hcp-ctrl-subtab:focus-visible { outline: 2px solid var(--hcp-focus-ring, #1a63c4); outline-offset:2px; }
#hcp-shell-control .hcp-ctrl-subpane[hidden] { display:none; }
/* İçerik sekmesindeki açık-kayıt rozeti (eski gradient başlıktaki "N açık" yerine) */
#hcp-shell-control .hcp-ctrl-subtab-count { font-size:var(--pys-fs-xs); font-weight:800; line-height:1; padding:2px 8px; border-radius:var(--pys-radius-pill); background:#94A3B8; color:#fff; }
#hcp-shell-control .hcp-ctrl-subtab.is-active .hcp-ctrl-subtab-count { background:#1E6FD0; }
#hcp-shell-control .hcp-ctrl-subtab-count[hidden] { display:none; }

/* ── Öneri A — Değerlendir adımı tek araç çubuğu (durum + sinyaller + rapor + İleri) ── */
#hcp-shell-control .hcp-ctrl-evbar { flex-wrap:wrap; gap:8px 10px; padding:10px 12px; }
#hcp-shell-control .hcp-ctrl-evbar__spacer { flex:1 1 12px; }
#hcp-shell-control .hcp-ctrl-evbar__status { display:inline-flex; align-items:center; gap:8px; font-size:var(--pys-fs-sm); font-weight:700; color:var(--pys-ink-3); white-space:nowrap; }
#hcp-shell-control .hcp-ctrl-evbar__dot { width:8px; height:8px; border-radius:50%; background:#94A3B8; flex:none; }
#hcp-shell-control .hcp-ctrl-evbar__status.is-sent { color:#128040; }
#hcp-shell-control .hcp-ctrl-evbar__status.is-sent .hcp-ctrl-evbar__dot { background:#16A34A; box-shadow:0 0 0 3px #E9F7EF; }
/* Tek adımlı kartın sağ sayacı — adım rayının yokluğunda boş kalan alanı doldurur */
#hcp-shell-control .hcp-ctrl-evbar__count { display:inline-flex; align-items:center; gap:6px; font-size:var(--pys-fs-xs); font-weight:700; color:var(--pys-ink-4); background:#F1F5F9; border-radius:var(--pys-radius-pill); padding:4px 12px; white-space:nowrap; }
#hcp-shell-control .hcp-ctrl-evbar__count.is-done { color:#128040; background:#E9F7EF; }
#hcp-shell-control .hcp-ctrl-evbar__date { display:inline-flex; align-items:center; gap:4px; font-size:var(--pys-fs-xs); font-weight:600; color:var(--pys-ink-5); }
#hcp-shell-control .hcp-ctrl-evbar__date i { font-size:var(--pys-fi-xs); color:var(--pys-ink-5); }
/* Sinyaller: tek sakin rozet; tıklayınca body'ye asılı yüzen kart açılır (yerinden oynama yok) */
#hcp-shell-control .hcp-ctrl-evbar__signals-btn {
    display:inline-flex; align-items:center; gap:4px; cursor:pointer;
    font-size:var(--pys-fs-xs); font-weight:700; color:#B45309; background:#FDF2E3;
    border:1px solid #F3D8AB; border-radius:var(--pys-radius-pill); padding:4px 10px; user-select:none;
}
#hcp-shell-control .hcp-ctrl-evbar__signals-btn:hover { background:#FBE8CF; }
/* Kritik eşik (5+ hafta devreden iş) — rozet ürünün kendi kırmızısına döner.
   Varsayılan amber kalır: kırmızı her hafta görünürse uyarı gücünü kaybeder ve
   aynı satırdaki "Tamamlanamadı" ile karışır. Metin + ikon da anlamı taşır. */
#hcp-shell-control .hcp-ctrl-evbar__signals-btn.is-critical {
    color:var(--hcp-mark-minus-ink); background:var(--hcp-mark-minus-soft);
    border-color:var(--hcp-mark-minus);
    box-shadow:0 0 0 3px rgba(220,38,38,.12);
}
#hcp-shell-control .hcp-ctrl-evbar__signals-btn.is-critical:hover { background:#FECACA; }
#hcp-shell-control .hcp-ctrl-evbar__signals-btn:focus-visible { outline: 2px solid var(--hcp-focus-ring, #1a63c4); outline-offset:2px; }
#hcp-shell-control .hcp-ctrl-evbar__signals-caret { font-size:var(--pys-fi-xs); }
/* Redesign 3A: rapor aksiyonları ikinci satırda, sağa yaslı. Ana satır (durum +
   sinyal + adım adları + İleri) nefes alır; bu satır yalnız onaylı haftada basılır. */
#hcp-shell-control .hcp-ctrl-evbar__row2 {
    display:flex; align-items:center; justify-content:flex-end; gap:8px;
    flex-wrap:wrap; margin-top:-8px; padding:0 4px;
}

/* Yüzen sinyal kartı — body'ye portal edilir, #hcp-shell-control kapsamı DIŞINDA */
.hcp-sigpop {
    position:absolute; z-index:420; background:#fff; border:1px solid #E2E8F0;
    border-radius:var(--pys-radius-lg); box-shadow:0 12px 32px rgba(15,23,42,.16), 0 2px 8px rgba(15,23,42,.08);
    padding:4px 0; font-family:inherit;
}
.hcp-sigpop:focus { outline:none; }
.hcp-sigpop__head {
    display:flex; align-items:center; justify-content:space-between;
    padding:10px 12px 8px; border-bottom:1px solid #F1F5F9;
    font-size:var(--pys-fs-sm); font-weight:700; color:var(--pys-ink-2);
}
.hcp-sigpop__close { border:none; background:none; cursor:pointer; color:#94A3B8; padding:2px 4px; font-size:var(--pys-fi-md); }
.hcp-sigpop__close:hover { color:var(--pys-ink-4); }
.hcp-sigpop__row { display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border-bottom:1px solid #F1F5F9; }
.hcp-sigpop__chip {
    font-size:var(--pys-fs-xs); font-weight:800; color:#3C3489; background:#EEEDFE;
    border-radius:var(--pys-radius-pill); padding:4px 8px; white-space:nowrap; flex-shrink:0;
}
.hcp-sigpop__chip--warn { color:#B45309; background:#FDF2E3; }
/* Kritik devir (5+ hafta) — ürünün kendi kırmızısı (--hcp-mark-minus ailesi),
   yeni renk üretilmedi. Renk tek anlam taşıyıcısı değil: plakada "Kritik" de yazar. */
.hcp-sigpop__chip--crit { color:var(--hcp-mark-minus-ink); background:var(--hcp-mark-minus-soft); box-shadow:0 0 0 1px var(--hcp-mark-minus); }
.hcp-sigpop__body { flex:1; min-width:0; }
.hcp-sigpop__title { font-size:var(--pys-fs-sm); color:var(--pys-ink-2); line-height:1.4; overflow-wrap:break-word; }
.hcp-sigpop__sub { font-size:var(--pys-fs-xs); color:var(--pys-ink-5); margin-top:2px; }
.hcp-sigpop__go {
    border:none; background:none; cursor:pointer; white-space:nowrap; flex-shrink:0;
    font-size:var(--pys-fs-xs); font-weight:700; color:#1a63c4; padding:2px 0;
}
.hcp-sigpop__go:hover { text-decoration:underline; }
.hcp-sigpop__foot { display:flex; justify-content:flex-end; padding:8px 12px 10px; }
.hcp-sigpop__mute {
    display:inline-flex; align-items:center; gap:6px; cursor:pointer;
    font-size:var(--pys-fs-xs); color:var(--pys-ink-5); background:none; border:1px solid #E2E8F0;
    border-radius:var(--pys-radius-sm); padding:4px 12px;
}
.hcp-sigpop__mute:hover { background:#F8FAFC; }

/* "İşe git" hedef vurgusu — bildirim odak deseniyle aynı dil */
.hcp-sig-focus {
    outline:3px solid #F9A02A; outline-offset:3px; border-radius:var(--pys-radius-md);
    animation:hcpSigFocusPulse 1.2s ease-in-out 2;
}
@keyframes hcpSigFocusPulse {
    0%, 100% { outline-color:#F9A02A; }
    50% { outline-color:rgba(249,160,42,.12); }
}
@media (prefers-reduced-motion: reduce) {
    .hcp-sig-focus { animation:none; }
}
/* Rapor aksiyonları artık evbar'ın ikinci satırında (Redesign 3A). .hcp-ctrl-reopen-btn
   temelde margin-left:auto taşıyor — sağa yaslı satırda bu boşluğu sıfırlıyoruz. */
#hcp-shell-control .hcp-ctrl-evbar__row2 .hcp-ctrl-reopen-btn,
#hcp-shell-control .hcp-ctrl-evbar__row2 .hcp-ctrl-view-report-btn { margin-left:0; }

/* İçerik paneli — ince tek satır tanıtım (eski gradient billboard başlık yerine) */
#hcp-shell-control .hcp-cf__intro { display:flex; align-items:center; gap:8px; font-size:var(--pys-fs-xs); color:var(--pys-ink-5); padding:2px 2px 12px; }
#hcp-shell-control .hcp-cf__intro i { color:#1E6FD0; font-size:var(--pys-fi-md); flex:none; }

/* Aşama 3 — Örüntü Analizi katlanır kutu (Final Rapor içinde) */
#hcp-shell-control .hcp-ctrl-oruntu-collapse {
    border:1px solid #DDE3EA; border-radius:var(--pys-radius-md); background:#FAFBFD; margin:0 0 12px; overflow:hidden;
}
#hcp-shell-control .hcp-ctrl-oruntu-collapse > summary {
    cursor:pointer; list-style:none; padding:12px 16px; font-weight:700; font-size:var(--pys-fs-md); color:#14202E;
    display:flex; align-items:center; gap:10px; user-select:none;
}
#hcp-shell-control .hcp-ctrl-oruntu-collapse > summary::-webkit-details-marker { display:none; }
#hcp-shell-control .hcp-ctrl-oruntu-collapse > summary i { color:#7C3AED; }
#hcp-shell-control .hcp-ctrl-oruntu-hint { font-weight:500; font-size:var(--pys-fs-xs); color:var(--pys-ink-5); }
#hcp-shell-control .hcp-ctrl-oruntu-collapse[open] > summary { border-bottom:1px solid #EAEEF2; }
#hcp-shell-control .hcp-ctrl-oruntu-body { padding:12px 16px; }/* Navigasyon üst barda: footer'a göre kompakt, başlık satırına yakışsın */
#hcp-shell-control .hcp-ctrl-wiz-nav-btns { display:flex; align-items:center; gap:8px; }
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-back,
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-next { padding:8px 16px; font-size:var(--pys-fs-sm); border-radius:var(--pys-radius-md); }
#hcp-shell-control .hcp-ctrl-wiz-nav-btns .hcp-ctrl-wiz-next { box-shadow:var(--pys-elev-2) rgba(37,99,216,.28); }#hcp-shell-control .hcp-ctrl-wiz-footer { display:flex; align-items:center; justify-content:flex-end; gap:12px; padding-top:16px; border-top:1px solid #eef3f5; flex-wrap:wrap; }
#hcp-shell-control .hcp-ctrl-wiz-back { border:none; border-radius: var(--pys-radius-md); padding:12px 20px; font-family:inherit; font-weight:700; font-size:var(--pys-fs-md); cursor:pointer; background:#eef3f6; color:var(--pys-ink-4); display:flex; align-items:center; gap:10px; }
#hcp-shell-control .hcp-ctrl-wiz-next { border:none; border-radius: var(--pys-radius-md); padding:12px 20px; font-family:inherit; font-weight:700; font-size:var(--pys-fs-md); cursor:pointer; background:linear-gradient(135deg,#3D8BEF,#2563D8); color:#fff; box-shadow:var(--pys-elev-2) rgba(37,99,216,.3); display:flex; align-items:center; gap:10px; }
#hcp-shell-control .hcp-ctrl-wiz-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

#hcp-shell-control .hcp-ctrl-wiz-msg { font-size:var(--pys-fs-md); padding:10px 12px; border-radius:var(--pys-radius-md); margin-bottom:10px; background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }
#hcp-shell-control .hcp-ctrl-wiz-msg:not(.is-error) { background:#f0fdf4; color:#166534; border-color:#bbf7d0; }

#hcp-shell-control .hcp-ctrl-report-produce-row { padding:16px 0 4px; }

#hcp-shell-control .hcp-ctrl-pattern { background:linear-gradient(135deg,#fff4e0,#ffe9c7); border:1px solid #f5d59a; border-radius: var(--pys-radius-lg); padding:16px 16px; margin-bottom:16px; }#hcp-shell-control .hcp-ctrl-pattern__text { color:#7a4a08; font-size:var(--pys-fs-md); line-height:1.55; }

/* ============================================================
   KONTROL — Doğal akış + üstte avatar şeridi
   ============================================================ */

/* 1) Panel yükseklik kilidini aç (iç scroll → doğal sayfa akışı) */
#page-hcp.hcp-panel-active:not(.hcp-plan-active) .glass-panel.pys-module-page {
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}
#hcp-shell-control.hcp-role-panel:not(.hidden) { overflow: visible !important; flex: 0 1 auto !important; }
#hcp-shell-control .hcp-ctrl-page { overflow: visible !important; flex: 0 1 auto !important; }
#hcp-control-work { overflow: visible !important; overflow-y: visible !important; max-height: none !important; }

/* 2) Body: yan-yana grid yerine dikey istif (avatar üstte, içerik altta) */
/* 3) Avatar şeridi: ÜSTTE yatay kart */
/* Avatar şeridi mavi başlığın DIŞINDA, açık zeminde: şeffaf konteyner, kartlar tek tek durur (örnek tasarım) */
#hcp-shell-control .hcp-ctrl-avatar-strip {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 12px !important;
    overflow: visible !important;
    position: static !important;
    margin: 12px 0 !important;
}

/* 4) Avatar adı: sürekli etiket gizli; isim ÜSTÜNE GELİNCE tooltip olarak çıkar */
#hcp-shell-control .hcp-ctrl-av-name { display: none !important; }
#hcp-shell-control .hcp-ctrl-av { position: relative; }
#hcp-shell-control .hcp-ctrl-av::after {
    content: attr(aria-label);
    position: absolute;
    top: calc(100% + 9px);
    left: 50%;
    transform: translateX(-50%);
    background: #13303a;
    color: #fff;
    font-size: var(--pys-fs-xs);
    font-weight: 700;
    padding: 6px 12px;
    border-radius: var(--pys-radius-sm);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
    z-index: 6;
    box-shadow: var(--pys-elev-2) rgba(16,40,60,.25);
}
#hcp-shell-control .hcp-ctrl-av::before {
    content: "";
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom-color: #13303a;
    opacity: 0;
    transition: opacity .12s ease;
    z-index: 6;
    pointer-events: none;
}
#hcp-shell-control .hcp-ctrl-av:hover::after,
#hcp-shell-control .hcp-ctrl-av.is-active::after,
#hcp-shell-control .hcp-ctrl-av:hover::before,
#hcp-shell-control .hcp-ctrl-av.is-active::before { opacity: 1; }

/* 5) Koç başlığı sticky kalsın (içerik uzayınca üstte) */
#hcp-shell-control .hcp-ctrl-coach-bar { top: 0; }

/* ============================================================
   KONTROL — Odak Yüzeyi (Raporu Hazırla)
   ============================================================ */

/* Giriş kartı — koç seçilince */
/* Öneri 1 — Değerlendirme Şeridi: odak modu kaldırıldı. Avatar şeridi, nav ve
   header her zaman görünür kalır; seçili koçun değerlendirmesi şeridin altında açılır. */

/* Değerlendirme kartı — seçili koçun adımları (şeridin altında) */
#hcp-shell-control .hcp-ctrl-eval-card {
    background: var(--color-background-primary, #fff);
    border-radius: var(--pys-radius-lg, 16px);
    box-shadow: 0 1px 2px rgba(16,40,60,.05), 0 10px 28px rgba(16,40,60,.08);
    overflow: hidden;
}
#hcp-shell-control .hcp-ctrl-eval-inner { padding: 20px 20px; }

/* Avatar ilerleme halkası */
/* Halka artik HER kartta basiliyor (2026-08-27): eskiden yalniz teslim etmis
   kisilerde vardi, avatarlarin bir kismi halkali bir kismi halkasizdi.
   Notr gri taban + mavi ilerleme yayi = tek gorsel dil; tamamlanan yesil.
   Kalinlik 3 -> 2.5px: alti avatarin hepsi halkali olunca 3px cok baskindi. */
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-ring {
    position: absolute; inset: -3.5px; border-radius: 50%; z-index: 0;
    background: conic-gradient(#2563D8 var(--ring-pct, 0%), #dbe3ec 0);
}
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-ring[data-done="1"] {
    background: #16A34A;
}
/* Henuz degerlendirmeye acilmamis kisi: yay yok, yalniz soluk notr cember —
   "sirasi gelmedi" ile "hic isaretlenmedi" ayni sey gibi gorunmesin. */
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-ring[data-phase="absent"],
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-ring[data-phase="preparing"],
/* Hafta kapanmis ama hic isaretlenmemis: yesil YANLIS olurdu, notr gri. */
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-ring[data-phase="kapali"] {
    background: #E6ECF3;
}
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-ring::after {
    content: ''; position: absolute; inset: 2.5px; border-radius: 50%;
    background: var(--color-background-primary, #fff);
}
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-img,
#hcp-shell-control .hcp-ctrl-av--card .hcp-ctrl-av-initials { position: relative; z-index: 1; }

/* Mavi banddaki Haftayı Kapat butonu */
.hcp-uhead__band .hcp-ctrl-approve-wrap {
    flex-direction: row; align-items: center; gap: 8px; max-width: none;
}
.hcp-uhead__band .hcp-btn-approve {
    background: rgba(255,255,255,0.18);
    box-shadow: none;
    border-color: rgba(255,255,255,0.35);
}
.hcp-uhead__band .hcp-btn-approve:not(:disabled):not(.is-disabled):hover {
    background: rgba(255,255,255,0.30);
    filter: none;
    transform: none;
}
.hcp-uhead__band .hcp-btn-approve.is-disabled,
.hcp-uhead__band .hcp-btn-approve:disabled { opacity: 0.55; }