/* ==========================================================================
   Promptor v2 — AI Conversations (sohbet kartları)
   Onaylı mockup: scratch-design/v2-extract/V2Conversations.dc.html
   Tüm kurallar body.promptor-v2 .promptor-queries-wrap altına kapsanır.
   Nötr renkler --pa6-* token'larından gelir (koyu tema otomatik izler);
   anlamsal renkler (geri bildirim, süre, maliyet) sabittir.
   ========================================================================== */

/* --- Sıralama çubuğu (kart görünümünde sütun başlığı yok) --- */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-sortbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 4px 0 14px;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-sortbar-label {
    font-size: 11.5px;
    font-weight: 650;
    color: var(--pa6-thead-text);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-right: 4px;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-sort {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    color: var(--pa6-shell-nav);
    background: var(--pa6-shell-bg);
    border: 1px solid var(--pa6-card-border);
    border-radius: 999px;
    padding: 5px 13px;
    text-decoration: none;
    line-height: 1.4;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-sort:hover { color: var(--pa6-tab-active); }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-sort.is-active {
    color: var(--pa6-tab-active);
    background: color-mix(in srgb, var(--pa6-tab-active) 10%, var(--pa6-shell-bg));
    border-color: color-mix(in srgb, var(--pa6-tab-active) 40%, var(--pa6-shell-bg));
    font-weight: 650;
}

/* --- Kart listesi ---
   Kartlar gerçek bir <table class="wp-list-table"> iskeleti içinde çizilir
   (WP çekirdeği toplu işlem doğrulamasını bu yapıya göre yapar). Tablo
   öğeleri burada blok/ızgaraya çevrilerek kart görünümü elde edilir. */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-list,
body.promptor-v2 .promptor-queries-wrap .promptor-conv-list > tbody {
    display: block;
    background: transparent;
    border: 0;
    box-shadow: none;
    width: 100%;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-list > tbody {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-empty-row { display: block; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-empty {
    display: block;
    background: var(--pa6-shell-bg);
    border: 2px dashed var(--pa6-card-border);
    border-radius: var(--pa6-card-radius);
    padding: 28px;
    text-align: center;
    font-size: 13px;
    color: var(--pa6-thead-text);
}

body.promptor-v2 .promptor-queries-wrap .promptor-conv-card {
    background: var(--pa6-shell-bg);
    border: 1px solid var(--pa6-card-border);
    border-radius: var(--pa6-card-radius);
    padding: 16px 18px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    column-gap: 10px;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
/* Onay kutusu sütunu ve kart gövdesi: tablo hücrelerinden ızgara öğelerine */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-card > .check-column {
    display: block;
    width: auto;
    padding: 2px 0 0;
    margin: 0;
    border: 0;
    background: transparent;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-card > .check-column input[type="checkbox"] { margin: 0; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-cell {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
}
/* WP liste-tablosu şerit/kenarlık stilleri kart görünümünde devre dışı */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-list > tbody > tr:nth-child(odd) { background: var(--pa6-shell-bg); }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-card:hover {
    border-color: color-mix(in srgb, var(--pa6-tab-active) 45%, var(--pa6-card-border));
    box-shadow: 0 2px 10px rgba(2, 132, 199, 0.10);
}

/* --- Üst meta satırı: onay kutusu + rozetler + geri bildirim + tarih --- */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-pill {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 650;
    color: var(--pa6-thead-text);
    background: var(--pa6-thead-bg);
    border-radius: 999px;
    padding: 3px 9px;
    line-height: 1.5;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-pill.is-context {
    color: #0284c7;
    background: #f0f9ff;
}
/* Süre ve maliyet eşik renkleri (mevcut sınıflar korunur) */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-pill.promptor-time-slow,
body.promptor-v2 .promptor-queries-wrap .promptor-conv-pill.promptor-cost-high {
    color: #b91c1c;
    background: #fef2f2;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-pill.promptor-time-warning,
body.promptor-v2 .promptor-queries-wrap .promptor-conv-pill.promptor-cost-warning {
    color: #b45309;
    background: #fffbeb;
}

body.promptor-v2 .promptor-queries-wrap .promptor-conv-feedback {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 650;
    border-radius: 999px;
    padding: 3px 9px;
    margin-left: auto;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-feedback .dashicons {
    font-size: 13px;
    width: 13px;
    height: 13px;
    line-height: 1.2;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-feedback.is-positive { color: #047857; background: #ecfdf5; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-feedback.is-negative { color: #b91c1c; background: #fef2f2; }

body.promptor-v2 .promptor-queries-wrap .promptor-conv-date {
    font-size: 11.5px;
    color: var(--pa6-shell-muted);
    white-space: nowrap;
    /* Rozet yoksa tarih sağa yaslanır; rozet varsa onun hemen sağında durur. */
    margin-left: auto;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-feedback + .promptor-conv-date { margin-left: 0; }

/* --- Soru / yanıt balonları --- */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-bubbles {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-q,
body.promptor-v2 .promptor-queries-wrap .promptor-conv-a {
    align-self: flex-start;
    border-radius: 0 10px 10px 10px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 1.55;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-q {
    max-width: 85%;
    background: color-mix(in srgb, #2563eb 7%, var(--pa6-shell-bg));
    border-left: 3px solid #2563eb;
    color: var(--pa6-shell-text);
    font-weight: 600;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-a {
    max-width: 92%;
    background: var(--pa6-thead-bg);
    border-left: 3px solid #94a3b8;
    color: var(--pa6-shell-nav);
}

/* Tam yanıt: JS gerektirmeyen yerel açılır bölüm */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-details { margin-top: 6px; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-details > summary {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: var(--pa6-tab-active);
    list-style: none;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-details > summary::-webkit-details-marker { display: none; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-details > summary::before { content: "▸ "; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-details[open] > summary::before { content: "▾ "; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-details pre {
    margin: 8px 0 0;
    padding: 12px 14px;
    background: var(--pa6-page-bg);
    border: 1px solid var(--pa6-card-border);
    border-radius: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--pa6-shell-nav);
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 320px;
    overflow: auto;
}

/* --- Alt satır: öneri çipleri, sipariş, satır aksiyonları --- */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: var(--pa6-shell-nav);
    border-top: 1px solid var(--pa6-card-border);
    padding-top: 10px;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-foot-label { font-weight: 600; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-chip {
    font-size: 11px;
    font-weight: 600;
    color: #334155;
    background: var(--pa6-thead-bg);
    border-radius: 6px;
    padding: 3px 9px;
}
body.promptor-v2.promptor-dark .promptor-queries-wrap .promptor-conv-chip { color: var(--pa6-shell-text); }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-order {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 650;
    color: #7c3aed;
    background: #f5f3ff;
    border-radius: 999px;
    padding: 3px 9px;
    text-decoration: none;
}

/* Satır aksiyonları (Arşivle / Sil) kartta her zaman görünür */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-actions { margin-left: auto; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-actions .row-actions {
    position: static;
    left: auto;
    padding: 0;
    margin: 0;
    color: var(--pa6-shell-muted);
    font-size: 12px;
    opacity: 1;
}
body.promptor-v2 .promptor-queries-wrap .promptor-conv-actions .row-actions a { text-decoration: none; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-actions .row-actions .toggle-row { display: none; }
body.promptor-v2 .promptor-queries-wrap .promptor-conv-actions .row-actions .submitdelete { color: #b91c1c; }

/* Kart görünümünde tablo başlığı/altlığı gerekmez */
body.promptor-v2 .promptor-queries-wrap .tablenav.top .tablenav-pages,
body.promptor-v2 .promptor-queries-wrap .tablenav.bottom .tablenav-pages { margin-top: 0; }

/* Değeri kaydedilmemiş rozetler: bilgi kaybolmaz, görsel olarak geri planda kalır */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-pill.is-empty {
    color: var(--pa6-shell-muted);
    background: transparent;
    border: 1px dashed var(--pa6-card-border);
    font-weight: 600;
    padding: 2px 8px;
}

/* Tam yanıt kutusu: uzun JSON'da satır kaydırma ve okunur tipografi */
body.promptor-v2 .promptor-queries-wrap .promptor-conv-details pre {
    font-family: Menlo, Consolas, "Courier New", monospace;
    tab-size: 2;
}