/* Promptor v2 — leads katmanı
   ==========================================================================
   Talepler (Leads / Submissions) tablosunun V2Leads mockup'ına birebir
   uyarlanması. Tüm kurallar `body.promptor-v2 .promptor-submissions-wrap`
   kapsamındadır; başka hiçbir ekrana sızmaz.

   Kart/başlık/gövde renkleri paylaşılan --pa6-* token'larından gelir, böylece
   koyu tema otomatik çalışır. Anlamsal (semantic) rozet renkleri literaldir;
   koyu temada yalnızca zemin/kenar tonu yeniden tanımlanır.

   ÖNEMLİ: Bu dosyadaki hiçbir kural durum hücresine `overflow: hidden`
   vermez — mini CRM durum menüsü hücreden taşarak açılır.
   ========================================================================== */

body.promptor-v2 .promptor-submissions-wrap {
    /* Skor rozetleri */
    --pl-hot-fg: #ea580c;
    --pl-hot-bg: #fff7ed;
    --pl-warm-fg: #0284c7;
    --pl-warm-bg: #f0f9ff;
    --pl-cold-fg: #64748b;
    --pl-cold-bg: #f1f5f9;

    /* Durum rozetleri */
    --pl-pending-fg: #b45309;
    --pl-pending-bg: #fffbeb;
    --pl-pending-br: #fde68a;
    --pl-contacted-fg: #1d4ed8;
    --pl-contacted-bg: #eff6ff;
    --pl-contacted-br: #bfdbfe;
    --pl-converted-fg: #047857;
    --pl-converted-bg: #ecfdf5;
    --pl-converted-br: #a7f3d0;
    --pl-rejected-fg: #b91c1c;
    --pl-rejected-bg: #fef2f2;
    --pl-rejected-br: #fecaca;

    /* Hücre içi küçük parçalar */
    --pl-chip-fg: #334155;
    --pl-chip-bg: #f1f5f9;
    --pl-query-fg: #0284c7;
    --pl-query-bg: #f0f9ff;
    --pl-query-br: #bae6fd;
    --pl-link: #0284c7;
    --pl-link-hover: #0369a1;
    --pl-muted: #64748b;
    --pl-faint: #94a3b8;
    --pl-row-line: #f1f5f9;
    --pl-name: #0f172a;
}

body.promptor-v2.promptor-dark .promptor-submissions-wrap {
    --pl-hot-bg: rgba(234, 88, 12, 0.16);
    --pl-hot-fg: #fb923c;
    --pl-warm-bg: rgba(2, 132, 199, 0.18);
    --pl-warm-fg: #38bdf8;
    --pl-cold-bg: rgba(148, 163, 184, 0.16);
    --pl-cold-fg: #94a3b8;

    --pl-pending-fg: #fbbf24;
    --pl-pending-bg: rgba(180, 83, 9, 0.18);
    --pl-pending-br: rgba(251, 191, 36, 0.38);
    --pl-contacted-fg: #60a5fa;
    --pl-contacted-bg: rgba(29, 78, 216, 0.2);
    --pl-contacted-br: rgba(96, 165, 250, 0.38);
    --pl-converted-fg: #34d399;
    --pl-converted-bg: rgba(4, 120, 87, 0.2);
    --pl-converted-br: rgba(52, 211, 153, 0.38);
    --pl-rejected-fg: #f87171;
    --pl-rejected-bg: rgba(185, 28, 28, 0.2);
    --pl-rejected-br: rgba(248, 113, 113, 0.38);

    --pl-chip-fg: #dcdcf0;
    --pl-chip-bg: rgba(148, 163, 184, 0.16);
    --pl-query-fg: #38bdf8;
    --pl-query-bg: rgba(2, 132, 199, 0.16);
    --pl-query-br: rgba(56, 189, 248, 0.35);
    --pl-link: #38bdf8;
    --pl-link-hover: #7dd3fc;
    --pl-muted: #a0a0b8;
    --pl-faint: #8888a0;
    --pl-row-line: #33334a;
    --pl-name: #e0e0f0;
}

@media (prefers-color-scheme: dark) {
    body.promptor-v2:not(.promptor-light) .promptor-submissions-wrap {
        --pl-hot-bg: rgba(234, 88, 12, 0.16);
        --pl-hot-fg: #fb923c;
        --pl-warm-bg: rgba(2, 132, 199, 0.18);
        --pl-warm-fg: #38bdf8;
        --pl-cold-bg: rgba(148, 163, 184, 0.16);
        --pl-cold-fg: #94a3b8;

        --pl-pending-fg: #fbbf24;
        --pl-pending-bg: rgba(180, 83, 9, 0.18);
        --pl-pending-br: rgba(251, 191, 36, 0.38);
        --pl-contacted-fg: #60a5fa;
        --pl-contacted-bg: rgba(29, 78, 216, 0.2);
        --pl-contacted-br: rgba(96, 165, 250, 0.38);
        --pl-converted-fg: #34d399;
        --pl-converted-bg: rgba(4, 120, 87, 0.2);
        --pl-converted-br: rgba(52, 211, 153, 0.38);
        --pl-rejected-fg: #f87171;
        --pl-rejected-bg: rgba(185, 28, 28, 0.2);
        --pl-rejected-br: rgba(248, 113, 113, 0.38);

        --pl-chip-fg: #dcdcf0;
        --pl-chip-bg: rgba(148, 163, 184, 0.16);
        --pl-query-fg: #38bdf8;
        --pl-query-bg: rgba(2, 132, 199, 0.16);
        --pl-query-br: rgba(56, 189, 248, 0.35);
        --pl-link: #38bdf8;
        --pl-link-hover: #7dd3fc;
        --pl-muted: #a0a0b8;
        --pl-faint: #8888a0;
        --pl-row-line: #33334a;
        --pl-name: #e0e0f0;
    }
}

/* --------------------------------------------------------------------------
   1. Tablo kabuğu: başlık şeridi + satır ritmi (mockup: 13px 18px)
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .wp-list-table thead th,
body.promptor-v2 .promptor-submissions-wrap .wp-list-table tfoot th {
    font-size: 11px;
    font-weight: 650;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 10px 18px;
    line-height: 1.45;
}

/* Onay kutusu sütunu: WP başlıkta <td>, gövdede <th> kullanır. */
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .check-column {
    padding: 12px 0 12px 18px;
    width: 34px;
    vertical-align: middle;
}

body.promptor-v2 .promptor-submissions-wrap .wp-list-table td {
    padding: 13px 18px;
    font-size: 13px;
    vertical-align: middle;
    border-bottom: 1px solid var(--pl-row-line);
}

/* Tablo yüzeyi kart zemini ile aynı olmalı; şeritli satırlar kaldırıldığı için
   zemin doğrudan tablodan gelir (koyu temada da doğru renk). */
body.promptor-v2 .promptor-submissions-wrap .wp-list-table,
body.promptor-v2 .promptor-submissions-wrap .wp-list-table > tbody {
    background-color: var(--pa6-shell-bg);
}

/* Mockup satırları düz zeminli; ayrım yalnızca ince çizgi. */
body.promptor-v2 .promptor-submissions-wrap .wp-list-table.striped > tbody > tr:nth-child(odd),
body.promptor-v2 .promptor-submissions-wrap .wp-list-table > tbody > tr:nth-child(odd) {
    background-color: transparent;
}

body.promptor-v2 .promptor-submissions-wrap .wp-list-table > tbody > tr:hover {
    background-color: var(--pa6-row-hover);
}

/* Kolon genişlikleri (table-layout: fixed). Değerler *içerik* genişliğidir;
   her sütuna ayrıca 2×18px yatay dolgu eklenir. Toplam tablodan taşarsa
   tarayıcı bu oranları koruyarak küçültür, yani mockup ritmi bozulmaz. */
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .column-score {
    width: 112px;
}
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .column-name {
    width: 150px;
}
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .column-contact {
    width: 184px;
}
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .column-original_query {
    width: 112px;
}
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .column-recommendations {
    width: 156px;
}
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .column-status {
    width: 100px;
}
body.promptor-v2 .promptor-submissions-wrap .wp-list-table .column-submitted_at {
    width: 66px;
}

/* Onay kutuları: mockup 15px, 4px köşe, marka mavisi. */
body.promptor-v2 .promptor-submissions-wrap .wp-list-table input[type="checkbox"] {
    width: 15px;
    height: 15px;
    min-width: 15px;
    border-radius: 4px;
    accent-color: #0284c7;
}

/* Boş hücre işareti. */
body.promptor-v2 .promptor-submissions-wrap .promptor-cell-empty {
    color: var(--pl-faint);
    font-size: 12.5px;
}

/* --------------------------------------------------------------------------
   2. Skor hücresi: yuvarlak rozet (ikon + sayı)
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .promptor-score-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-score {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    min-width: 0;
    text-align: left;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-score .promptor-score-icon {
    flex: 0 0 auto;
    display: block;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-score.promptor-score-hot {
    color: var(--pl-hot-fg);
    background: var(--pl-hot-bg);
}
body.promptor-v2 .promptor-submissions-wrap .promptor-lead-score.promptor-score-warm {
    color: var(--pl-warm-fg);
    background: var(--pl-warm-bg);
}
body.promptor-v2 .promptor-submissions-wrap .promptor-lead-score.promptor-score-cold {
    color: var(--pl-cold-fg);
    background: var(--pl-cold-bg);
}

/* Güven göstergesi: emoji yerine küçük renkli nokta (etiket title/SR metninde). */
body.promptor-v2 .promptor-submissions-wrap .promptor-score-confidence {
    flex: 0 0 auto;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #94a3b8;
    cursor: help;
}
body.promptor-v2 .promptor-submissions-wrap .promptor-confidence-high {
    background: #10b981;
}
body.promptor-v2 .promptor-submissions-wrap .promptor-confidence-medium {
    background: #f59e0b;
}
body.promptor-v2 .promptor-submissions-wrap .promptor-confidence-low {
    background: #94a3b8;
}

/* "Why?" (skor kırılımı) düğmesi — mockup'ta yok, sade bir çip olarak kalır. */
body.promptor-v2 .promptor-submissions-wrap .promptor-score-toggle.button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 1px;
    margin-left: 0 !important;
    padding: 1px 5px;
    height: auto;
    min-height: 0;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.6;
    border-radius: 6px;
    color: var(--pl-muted);
    border-color: var(--pa6-input-border);
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-score-toggle.button .dashicons {
    font-size: 12px;
    width: 12px;
    height: 12px;
    line-height: 12px;
}

/* --------------------------------------------------------------------------
   3. Gönderen adı
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name strong,
body.promptor-v2 .promptor-submissions-wrap .promptor-lead-name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--pl-name);
    letter-spacing: -0.005em;
}

/* Satır eylemleri (Archive / Delete) satır yüksekliğini şişirmesin: yer
   kaplamadan adın hemen altında, yalnızca satırın üzerine gelince belirir.
   Bağlantılar DOM'da ve tıklanabilir kalır — nonce'lu URL'ler korunur. */
body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name {
    position: relative;
}

body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name .row-actions {
    position: absolute;
    /* WP çekirdeğiyle aynı gizleme yöntemi: ekran dışına taşı, satırın
       üzerine gelince ya da odak hücreye girince geri getir. */
    left: -9999em;
    top: 50%;
    margin: 8px 0 0;
    padding: 0;
    font-size: 11px;
    line-height: 1.45;
    white-space: nowrap;
    color: var(--pl-faint);
}

body.promptor-v2 .promptor-submissions-wrap .wp-list-table tr:hover td.column-name .row-actions,
body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name:focus-within .row-actions,
body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name .row-actions.visible {
    left: 18px;
}

body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name .row-actions a {
    color: var(--pl-link);
}

body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name .row-actions .submitdelete a,
body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-name .row-actions a.submitdelete {
    color: #b91c1c;
}

/* --------------------------------------------------------------------------
   4. İletişim: e-posta üstte bağlantı, telefon altta soluk
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-contact {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-email,
body.promptor-v2 .promptor-submissions-wrap .promptor-lead-email a {
    font-size: 12.5px;
    line-height: 1.3;
    color: var(--pl-link);
    text-decoration: none;
    word-break: break-word;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-email a:hover,
body.promptor-v2 .promptor-submissions-wrap .promptor-lead-email a:focus {
    color: var(--pl-link-hover);
    text-decoration: underline;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-email.is-hidden {
    color: var(--pl-faint);
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-phone {
    font-size: 12px;
    line-height: 1.3;
    color: var(--pl-muted);
}

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-notes {
    margin-top: 3px;
    font-size: 11.5px;
    line-height: 1.45;
    color: var(--pl-muted);
}

/* --------------------------------------------------------------------------
   5. Özgün soru: küçük "View Details" çipi
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .promptor-view-details.button,
body.promptor-v2 .promptor-submissions-wrap .promptor-query-chip.button {
    display: inline-flex;
    align-items: center;
    height: auto;
    min-height: 0;
    padding: 4px 10px;
    font-size: 11.5px;
    font-weight: 650;
    line-height: 1.5;
    border-radius: 7px;
    color: var(--pl-query-fg);
    background: var(--pl-query-bg);
    border: 1px solid var(--pl-query-br);
    box-shadow: none;
    text-shadow: none;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-query-chip.button:hover,
body.promptor-v2 .promptor-submissions-wrap .promptor-query-chip.button:focus {
    color: var(--pl-link-hover);
    background: var(--pl-query-bg);
    border-color: var(--pl-query-fg);
    box-shadow: none;
}

/* --------------------------------------------------------------------------
   6. Seçilen hizmetler: çip dizisi
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .promptor-service-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-service-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--pl-chip-fg);
    background: var(--pl-chip-bg);
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-service-chip.is-more {
    color: var(--pl-muted);
    cursor: help;
}

/* --------------------------------------------------------------------------
   7. Durum: renkli hap + açılır mini CRM menüsü
   -------------------------------------------------------------------------- */

/* Durum menüsü hücreden taşabilmeli — burada asla overflow kırpılmaz. */
body.promptor-v2 .promptor-submissions-wrap .wp-list-table td.column-status,
body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector {
    overflow: visible;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    padding: 4px 11px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    transition: filter 0.12s ease, box-shadow 0.12s ease;
}

/* Kapalı haptaki durum ikonu mockup'ta yok; DOM'da kalır (JS sınıfını
   günceller), yalnızca görsel olarak gizlenir. */
body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector > .dashicons {
    display: none;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector .current-status {
    display: inline-block;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector::after {
    content: "\25BE";
    font-size: 10px;
    line-height: 1;
    opacity: 0.7;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector:hover {
    filter: brightness(0.98);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector .spinner {
    margin: 0 0 0 4px;
    float: none;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
}

body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector.status-is-pending {
    color: var(--pl-pending-fg);
    background-color: var(--pl-pending-bg);
    border-color: var(--pl-pending-br);
}
body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector.status-is-contacted {
    color: var(--pl-contacted-fg);
    background-color: var(--pl-contacted-bg);
    border-color: var(--pl-contacted-br);
}
body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector.status-is-converted {
    color: var(--pl-converted-fg);
    background-color: var(--pl-converted-bg);
    border-color: var(--pl-converted-br);
}
body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector.status-is-rejected {
    color: var(--pl-rejected-fg);
    background-color: var(--pl-rejected-bg);
    border-color: var(--pl-rejected-br);
}

/* Açık hap, alttaki satırların (konumlandırılmış) haplarının üstünde kalmalı;
   aksi halde menü panelinin üzerine başka satırların hapları biner. */
body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector.open {
    z-index: 200;
}

/* Açılır menü. */
body.promptor-v2 .promptor-submissions-wrap .promptor-status-selector .status-dropdown {
    top: calc(100% + 4px);
    left: 0;
    min-width: 168px;
    padding: 4px;
    border: 1px solid var(--pa6-card-border);
    border-radius: 9px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
    z-index: 100;
}

body.promptor-v2 .promptor-submissions-wrap .status-dropdown a.status-option {
    gap: 6px;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    color: var(--pa6-btn2-text);
}

body.promptor-v2 .promptor-submissions-wrap .status-dropdown a.status-option .dashicons {
    font-size: 15px;
    width: 15px;
    height: 15px;
    margin-right: 0;
    line-height: 15px;
    opacity: 0.75;
}

body.promptor-v2 .promptor-submissions-wrap .status-dropdown a.status-option:hover,
body.promptor-v2 .promptor-submissions-wrap .status-dropdown a.status-option:focus {
    background: var(--pa6-thead-bg);
    color: var(--pa6-tab-active);
}

/* --------------------------------------------------------------------------
   8. Tarih
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .promptor-lead-date {
    font-size: 12px;
    color: var(--pl-muted);
    white-space: nowrap;
}

/* --------------------------------------------------------------------------
   9. Skor kırılımı satırı — hap düzeniyle hizalı kalsın
   -------------------------------------------------------------------------- */

body.promptor-v2 .promptor-submissions-wrap .promptor-score-breakdown-cell {
    padding: 0 18px 14px;
}

/* --------------------------------------------------------------------------
   10. Dar ekranlar: WP mobil liste görünümünde çipler taşmasın
   -------------------------------------------------------------------------- */

@media screen and (max-width: 782px) {
    body.promptor-v2 .promptor-submissions-wrap .wp-list-table td {
        padding: 10px 14px;
    }
    body.promptor-v2 .promptor-submissions-wrap .promptor-service-chip {
        white-space: normal;
    }
}