/* pys_hcp_plan_summary.css — Haftanın özeti şeridi (Planım).
 * İlerleme kartı ile iş listesi arasında tek bakışlık sayılar:
 * toplam iş / öncelikli / tamam / kategori. Yalnız var olan veriyi gösterir;
 * hiçbir iş akışına dokunmaz. Mevcut Aurora paleti ve hcp- deseniyle uyumlu,
 * her renk/ölçü fallback'li — eksik token olsa bile sağlam kalır. */

.hcp-week-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 2px 0 14px;
}

.hcp-ws-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 15px;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--hcp-hairline, #D5DFEA);
}

.hcp-ws-stat__num {
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1;
    color: var(--hcp-aurora-ink, #285FD5);
    font-variant-numeric: tabular-nums;
}

.hcp-ws-stat__lbl {
    font-size: var(--pys-fs-xs, .75rem);
    font-weight: 600;
    color: #6B7A90;
}

/* Öncelikli: sistemin kehribar vurgusu. Tamam: yeşil. Renkler semantik, aksan değil. */
.hcp-ws-stat--priority {
    background: linear-gradient(135deg, #FFF7E9, #FDEFD3);
    box-shadow: inset 0 0 0 1px #F1D7A2;
}
.hcp-ws-stat--priority .hcp-ws-stat__num { color: #B0700A; }
.hcp-ws-stat--priority .hcp-ws-stat__lbl { color: #9A6410; }
.hcp-ws-stat--done .hcp-ws-stat__num { color: #15803D; }

@media (max-width: 520px) {
    .hcp-ws-stat { flex: 1 1 calc(50% - 4px); }
}

/* HCP modülünde geniş çalışma alanı — tüm sekmeler (Planım,
 * Değerlendirme, Geri Bildirimler) sayfanın tamamını kullanır.
 * Yalnız düzen genişler; işlevsellik aynıdır. */
#page-hcp {
    max-width: none;
    padding-left: clamp(16px, 3vw, 48px);
    padding-right: clamp(16px, 3vw, 48px);
}

/* ============================================================
 * Değerlendirme (Kontrol) sekmesi — ekrana otur, liste içeride kaysın.
 * ------------------------------------------------------------
 * İstek: sayfa aşağı doğru büyümesin; üstte iş koçları şeridi sabit
 * kalsın, uzun iş listesi kendi alanında kaysın (sayfanın tamamı değil).
 *
 * Bu, sayfanın ÖZGÜN tasarımıdır: control_1_temel.css panoyu ekran
 * yüksekliğine kilitleyip #hcp-control-work'e iç kaydırma veriyordu;
 * control_3_bant.css bunu "doğal akış" için kapatmıştı (satır ~823).
 * Burada o davranışı yalnız KONTROL kabuğu görünürken geri açıyoruz.
 *
 * Güvenlik: kapsam :has() ile daraltıldı — kural yalnız Değerlendirme
 * açıkken geçerli; Planım ve Geri Bildirimler sekmeleri hiç etkilenmez
 * (canlıda doğrulandı). Her seçici control_3_bant'ın !important kuralını
 * bir fazladan #id ile bilerek aşar; böylece dosya yükleme sırası
 * önemli değildir. :has() desteklenmeyen eski tarayıcıda kural yok
 * sayılır, sayfa eski (doğal akış) haline düşer — bozulma olmaz.
 * Yalnız düzen/kaydırma; hiçbir işlev, veri ya da DOM değişmez.
 * Popover'lar position:fixed olduğundan iç kaydırmada doğru yerde kalır.
 * Geri almak için: bu bloğu sil.
 * ============================================================ */
#page-hcp:has(#hcp-shell-control:not(.hidden)) .glass-panel.pys-module-page {
    max-height: calc(100dvh - 6.5rem) !important;
    min-height: 420px !important;
    overflow: hidden !important;
}
#page-hcp #hcp-shell-control.hcp-role-panel:not(.hidden) {
    overflow: hidden !important;
    flex: 1 1 auto !important;
}
#page-hcp #hcp-shell-control .hcp-ctrl-page {
    overflow: hidden !important;
    flex: 1 1 auto !important;
}
#page-hcp #hcp-shell-control #hcp-ctrl-overview-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}
#page-hcp #hcp-shell-control #hcp-control-work {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: none !important;
    overscroll-behavior: contain;
}

/* ============================================================
 * Planım boş hafta — davetkâr başlangıç (Yön 1, Julide).
 * ------------------------------------------------------------
 * renderPlanEmptyWelcome() ile basılan karşılama kartı: ikon +
 * tek cümle + gerçek kategorilerden hızlı başlangıç çipleri.
 * Yalnız boş haftada görünür; dolu haftada normal liste gelir.
 * Maskot ve "Gönder" butonuna dokunulmaz. Geri almak için: bu
 * bloğu sil + pys_hcp_plan.js'teki renderPlanEmptyWelcome ve
 * data-hcp-cat eklemelerini geri al.
 * ============================================================ */
#hcp-shell-plan .hcp-plan-welcome {
    margin: 4px 2px 0;
    padding: 30px 20px;
    text-align: center;
    background: linear-gradient(180deg, #F6FAFF, #FFFFFF);
    border: 1px solid #E3ECF8;
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(20, 83, 184, .04);
}
#hcp-shell-plan .hcp-plan-welcome__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E8F1FE;
    color: #285FD5;
    font-size: 22px;
}
#hcp-shell-plan .hcp-plan-welcome__title {
    margin: 0 0 5px;
    font-size: 18px;
    font-weight: 800;
    color: #1b2a44;
}
#hcp-shell-plan .hcp-plan-welcome__sub {
    margin: 0 0 18px;
    font-size: 13.5px;
    color: #5a6c90;
}
#hcp-shell-plan .hcp-plan-welcome__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    justify-content: center;
}
#hcp-shell-plan .hcp-plan-welcome__chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #D7E4F5;
    background: #fff;
    color: #2E5AA8;
    padding: 8px 15px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background .14s, transform .12s, box-shadow .14s;
}
#hcp-shell-plan .hcp-plan-welcome__chip .hcp-wa-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex: 0 0 auto;
}
#hcp-shell-plan .hcp-plan-welcome__chip i {
    font-size: 11px;
    opacity: .85;
}
#hcp-shell-plan .hcp-plan-welcome__chip:hover {
    background: #F0F6FF;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(20, 83, 184, .12);
}
#hcp-shell-plan .hcp-plan-welcome__chip--more {
    color: #285FD5;
    border-style: dashed;
}
/* Boş haftada ekleme kutusunu hafif öne çıkar (yalnız karşılama varken). */
#hcp-plan-week-content:has(.hcp-plan-welcome) #hcp-quick-add {
    box-shadow: 0 0 0 2px rgba(47, 156, 255, .18), 0 10px 26px rgba(20, 83, 184, .08);
}

/* ============================================================
 * Planım — yapılacakları sürükle-bırak ile sırala (Julide).
 * ------------------------------------------------------------
 * Başındaki yukarı/aşağı ok yerine tutamaç (grip). Tutamaçtan
 * kavrayıp satırı taşırsın; bırakınca sıra kaydedilir (mevcut
 * applySortOrder). Geri almak için: pys_hcp_plan.js'teki
 * renderPlanEmptyWelcome komşusu commitTodoDragOrder + hcp-todo-dnd
 * bloğunu ve renderTodoSortHandle değişikliğini geri al; bu bloğu sil.
 * ============================================================ */
#hcp-shell-plan .hcp-item-drag-handle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    color: #a3b2c7;
    cursor: grab;
    transition: background .14s, color .14s;
    touch-action: none;
}
#hcp-shell-plan .hcp-item-drag-handle:hover {
    background: #EEF3FA;
    color: #5a6c90;
}
#hcp-shell-plan .hcp-item-drag-handle:active {
    cursor: grabbing;
}
#hcp-shell-plan .hcp-item-row[draggable="true"] {
    cursor: grab;
}
#hcp-shell-plan .hcp-item-row--dragging {
    opacity: .5;
}