.hpc-ai-app{max-width:1050px;margin:30px auto;padding:0 16px}.hpc-ai-card{background:#fff;border:1px solid #e7e9ee;border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 8px 28px rgba(25,38,55,.06)}.hpc-ai-card h2,.hpc-ai-card h3{margin-top:0}.hpc-ai-card label{display:block;margin:10px 0}.hpc-ai-card input[type=email],.hpc-ai-card input[type=password],.hpc-ai-card input[type=text]{width:100%;padding:12px;border:1px solid #ccd2da;border-radius:8px;margin:6px 0}.hpc-ai-card button,.hpc-ai-buy{background:#f6851f;color:#fff!important;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.hpc-ai-card button:disabled{opacity:.5;cursor:not-allowed}.hpc-ai-balance{background:#24364b;color:#fff;padding:12px 18px;border-radius:12px;font-size:16px}.hpc-ai-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.hpc-ai-actions button:nth-child(2){background:#2c9c48}.hpc-ai-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.hpc-ai-packs>div{border:1px solid #e4e8ed;border-radius:12px;padding:14px}.hpc-ai-packs span{display:block;margin:8px 0}.hpc-ai-table{width:100%;border-collapse:collapse}.hpc-ai-table th,.hpc-ai-table td{padding:9px;border-bottom:1px solid #eee;text-align:left}.hpc-ai-est-box{padding:16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin-top:14px}.hpc-ai-result{margin-top:20px}.hpc-ai-score{display:inline-flex;width:90px;height:90px;border-radius:50%;align-items:center;justify-content:center;background:#2c9c48;color:#fff;font-size:26px;font-weight:800}.hpc-ai-floating{position:fixed;right:22px;bottom:22px;background:#f6851f;color:#fff!important;padding:13px 18px;border-radius:30px;z-index:9999;box-shadow:0 8px 24px rgba(0,0,0,.18);text-decoration:none;font-weight:700}.hpc-ai-match-table{width:100%;border-collapse:collapse}.hpc-ai-match-table th,.hpc-ai-match-table td{padding:9px;border-bottom:1px solid #ddd}.hpc-ai-muted{color:#6b7280}.hpc-ai-error{color:#b91c1c}.hpc-ai-success{color:#166534}

/* =========================================================
 * Clarifications avant réécriture
 * ======================================================= */
.hpc-ai-clarification{
    margin-top:24px;
    padding:22px;
    border:1px solid #d9e2ec;
    border-radius:16px;
    background:#f8fafc;
}
.hpc-ai-clarification h4{
    margin:0 0 8px;
    font-size:20px;
    line-height:1.35;
    color:#1f2937;
}
.hpc-ai-clarification>p{
    margin:0 0 20px;
    line-height:1.65;
    color:#4b5563;
}
.hpc-ai-clarification-form{
    display:block;
    width:100%;
}
.hpc-ai-clarification-item{
    display:block;
    width:100%;
    margin:0 0 16px;
    padding:16px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
}
.hpc-ai-clarification-item label{
    display:block;
    width:100%;
    margin:0;
}
.hpc-ai-clarification-item strong{
    display:block;
    margin:0 0 10px;
    line-height:1.55;
    color:#1f2937;
}
.hpc-ai-clarification-item textarea{
    display:block;
    box-sizing:border-box;
    width:100%;
    min-height:105px;
    margin:0;
    padding:12px 14px;
    border:1px solid #ccd2da;
    border-radius:10px;
    background:#fff;
    color:#1f2937;
    font:inherit;
    line-height:1.5;
    resize:vertical;
}
.hpc-ai-clarification-item textarea:focus{
    outline:none;
    border-color:#f6851f;
    box-shadow:0 0 0 3px rgba(246,133,31,.12);
}
.hpc-ai-finalize-rewrite{
    margin-top:4px;
}
.hpc-ai-clarification-status{
    margin-top:14px;
}
.hpc-ai-questions{
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid #e5e7eb;
}
.hpc-ai-questions .hpc-ai-question{
    margin:0 8px 8px 0;
    white-space:normal;
    text-align:left;
    line-height:1.4;
}
.hpc-ai-result h3,
.hpc-ai-result h4{
    line-height:1.35;
}
@media (max-width: 640px){
    .hpc-ai-app{
        padding:0 12px;
    }
    .hpc-ai-card{
        padding:18px;
    }
    .hpc-ai-clarification{
        padding:16px;
    }
    .hpc-ai-clarification-item{
        padding:14px;
    }
}

/* =========================================================
 * Correctifs UX candidat - v2026.08
 * ======================================================= */

/* Empêche le thème de transformer les contenus IA en Title Case / capitales. */
.hpc-ai-app,
.hpc-ai-app button,
.hpc-ai-app h2,
.hpc-ai-app h3,
.hpc-ai-app h4,
.hpc-ai-app p,
.hpc-ai-app li,
.hpc-ai-app label,
.hpc-ai-app strong,
.hpc-ai-result,
.hpc-ai-result *{
    text-transform:none !important;
}

/* Questions d'approfondissement : fond clair + texte sombre. */
.hpc-ai-questions .hpc-ai-question{
    display:block;
    width:100%;
    margin:0 0 10px;
    padding:13px 15px;
    border:1px solid #d7dce3;
    border-radius:10px;
    background:#f3f4f6 !important;
    color:#172033 !important;
    box-shadow:none;
    white-space:normal;
    text-align:left;
    line-height:1.5;
    font-weight:700;
}

.hpc-ai-questions .hpc-ai-question:hover{
    background:#e9edf2 !important;
    border-color:#bfc7d2;
    color:#000 !important;
}

/* Bouton de confirmation d'une question : action principale claire. */
.hpc-ai-question-confirm{
    background:#f6851f !important;
    color:#fff !important;
}

/* Clarification : bouton principal cohérent avec la charte HPC. */
.hpc-ai-finalize-rewrite{
    background:#f6851f !important;
    color:#fff !important;
}

/* Les zones de résultat restent lisibles, sans capitalisation héritée. */
.hpc-ai-result h3,
.hpc-ai-result h4,
.hpc-ai-result li,
.hpc-ai-clarification-item strong,
.hpc-ai-questions p{
    color:#172033;
    text-transform:none !important;
}
