/* ==========================================================
   AI SEARCH ADMIN
========================================================== */

/* ---- API KEY WRAP ---------------------------------------- */

.smt-ais-api-key-wrap {
    display: flex;
    gap: 8px;
    align-items: center;
    flex: 1;
}

.smt-ais-api-key-wrap .regular-text { flex: 1; }

/* ---- SHORTCODE BOX --------------------------------------- */

.smt-ais-shortcode-box {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f0f5ff;
    border: 1px solid #c7d9ff;
    border-radius: 9px;
    padding: 10px 14px;
    font-size: 13.5px;
    flex-wrap: wrap;
    margin: 20px 0 0;
}

.smt-ais-shortcode-label { font-weight: 600; color: #374151; }

.smt-ais-shortcode {
    background: #e0eaff;
    color: #1d4ed8;
    border-radius: 6px;
    padding: 3px 10px;
    font-family: monospace;
    font-size: 14px;
}

.smt-ais-shortcode-hint { font-size: 12.5px; color: #6b7280; }

/* ---- MAPPING EDITOR -------------------------------------- */

.smt-ais-mapping-editor {
    width: 100%;
    border-radius: 9px;
    border: 1px solid #d1d5db;
    padding: 10px 12px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 13px;
    background: #f9fafb;
    resize: vertical;
    box-sizing: border-box;
}

/* ---- EMBEDDINGS STATS ------------------------------------ */

.smt-ais-index-stats {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.smt-ais-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.smt-ais-stat-value { font-size: 24px; font-weight: 700; color: #111827; line-height: 1; }
.smt-ais-stat-label { font-size: 11px; color: #9ca3af; text-transform: uppercase; letter-spacing: .04em; }
.smt-ais-stat-sep { font-size: 20px; color: #d1d5db; }

.smt-ais-stat-progress { display: flex; align-items: center; gap: 8px; margin-left: 4px; }

.smt-ais-progress-bar {
    width: 120px; height: 8px; background: #e5e7eb;
    border-radius: 999px; overflow: hidden;
}

.smt-ais-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #4e8cff, #7aa9ff);
    border-radius: 999px;
    transition: width .4s ease;
}

.smt-ais-progress-label { font-size: 13px; font-weight: 600; color: #374151; }

/* ---- QUERY TESTER ---------------------------------------- */

.smt-ais-tester-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

.smt-ais-tester-row .regular-text { flex: 1; }

.smt-ais-test-parsed { margin-bottom: 10px; }

.smt-ais-json-preview {
    background: #f3f4f6;
    border-radius: 8px;
    padding: 12px;
    font-size: 12.5px;
    overflow-x: auto;
    margin-top: 6px;
    color: #1f2937;
    max-height: 220px;
}

.smt-ais-test-count { margin-bottom: 12px; font-size: 14px; }
.smt-ais-test-count span { font-weight: 700; font-size: 16px; color: #4e8cff; }

.smt-ais-test-product-list { display: flex; flex-direction: column; gap: 8px; }

.smt-ais-test-product-card {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px 10px;
    background: #fafafa;
}

.smt-ais-test-product-card img {
    width: 48px; height: 48px;
    object-fit: cover; border-radius: 6px; flex-shrink: 0;
}

.smt-ais-test-product-info { display: flex; flex-direction: column; gap: 3px; font-size: 13px; }
.smt-ais-test-product-info a { font-weight: 600; color: #1d4ed8; text-decoration: none; }

.smt-ais-error-box {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 10px 14px;
    color: #b91c1c;
    font-size: 13.5px;
    margin-top: 12px;
}