/* Aperçus et données fictives ; aucun écran authentifié incorporé. */
.individual-overview, .individual-demo-panel, .individual-ai-conversation { min-width: 0; background: white; color: var(--ink); border: 1px solid var(--line); border-radius: 11px; }
.individual-overview { box-shadow: var(--shadow); overflow: hidden; }
.individual-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; border-bottom: 1px solid var(--line-soft); }
.individual-preview-head > strong { font-size: 12px; }
.individual-preview-head > small { font-size: 11px; color: var(--blue); }
.individual-example { font-size: 10px; line-height: 1.5; color: var(--ink-soft) !important; margin: 0 0 13px; }
.individual-preview-head .individual-example { margin: 0; padding: 3px 7px; background: var(--blue-pale); border-radius: 4px; }
.individual-overview-grid { display: grid; grid-template-columns: 1fr 1fr; }
.individual-overview-grid > div, .individual-overview-grid > a { padding: 17px; min-width: 0; }
.individual-overview-grid > :nth-child(odd) { border-right: 1px solid var(--line-soft); }
.individual-overview-grid > :nth-child(-n+2) { border-bottom: 1px solid var(--line-soft); }
.individual-overview h2 { font-size: 12px; line-height: 1.5; letter-spacing: -.01em; margin-bottom: 13px; display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.individual-overview h2 a { color: var(--blue); font-size: 9px; font-weight: 500; display: inline-flex; align-items: center; gap: 2px; }
.individual-mini-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.individual-mini-gallery img { width: 100%; aspect-ratio: 1; height: auto; object-fit: cover; border-radius: 5px; }
.individual-overview-photos p { margin: 11px 0 0; font-size: 11px; }
.individual-overview-operation { display: grid; grid-template-columns: 1fr auto; column-gap: 8px; padding: 7px 0; border-bottom: 1px solid var(--line-soft); font-size: 10px; }
.individual-overview-operation:last-child { border: 0; }
.individual-overview-operation small { grid-column: 1 / -1; color: var(--ink-soft); margin-bottom: 3px; font-size: 9px; }
.individual-overview-operation strong { font-size: 10px; white-space: nowrap; }
.individual-overview-operation .individual-status { grid-column: 2; justify-self: end; margin-top: 4px; font-size: 8px; padding: 2px 5px; }
.individual-overview-leads > a { display: flex; align-items: center; gap: 7px; padding: 8px 0; font-size: 10px; border-bottom: 1px solid var(--line-soft); }
.individual-overview-leads > a:last-child { border-bottom: 0; }
.individual-overview-leads svg { color: var(--blue); width: 15px; height: 15px; flex: none; }
.individual-overview-leads svg:last-child { margin-left: auto; width: 12px; }
.individual-overview-ai { display: grid; align-content: start; gap: 10px; background: var(--teal-pale); }
.individual-overview-ai > svg { color: var(--teal-dark); width: 21px; height: 21px; }
.individual-overview-ai > strong { font-size: 12px; line-height: 1.5; }
.individual-overview-ai > span { display: flex; align-items: center; gap: 7px; font-size: 10px; color: var(--ink-soft); line-height: 1.6; }
.individual-overview-ai > span svg { flex: none; color: var(--blue); }
.individual-demo-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; min-width: 0; }
.individual-demo-panel { padding: 20px; }
.individual-demo-panel h3 { font-size: 14px; line-height: 1.4; margin-bottom: 5px; letter-spacing: -.015em; }
.individual-demo-panel > p:not(.individual-example) { font-size: 12px; line-height: 1.65; }
.individual-photo-selection { margin: 0 0 13px; padding: 0; border: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.individual-photo-selection label { position: relative; display: block; min-width: 0; cursor: pointer; }
.individual-photo-selection img { width: 100%; height: auto; aspect-ratio: 1.15; object-fit: cover; border-radius: 6px; }
.individual-photo-selection input { position: absolute; top: 6px; right: 6px; width: 19px; height: 19px; margin: 0; z-index: 2; accent-color: var(--blue); cursor: pointer; }
.individual-photo-selection label > span { display: none; }
.individual-photo-selection label:has(input:checked) img { outline: 2px solid var(--blue); outline-offset: 2px; }
.individual-photo-selection small { display: block; font-size: 10px; line-height: 1.4; margin-top: 6px; color: var(--ink-soft); }
.individual-landing .individual-demo-button { padding: 10px 11px; min-height: 42px; font-size: 11px; gap: 5px; width: 100%; }
.individual-demo-button:disabled { opacity: .6; cursor: not-allowed; }
.individual-demo-note { font-size: 10px !important; line-height: 1.65; color: var(--ink-soft) !important; margin: 13px 0 0; }
.individual-demo-note svg { color: var(--teal-dark); width: 14px; height: 14px; vertical-align: middle; margin-right: 3px; }
.individual-album-row { display: flex; align-items: center; gap: 11px; padding: 11px 0; border-bottom: 1px solid var(--line-soft); }
.individual-album-row:last-of-type { border: 0; }
.individual-album-row img { width: 65px; height: 65px; object-fit: cover; border-radius: 5px; flex: none; }
.individual-album-row div { display: grid; gap: 3px; min-width: 0; }
.individual-album-row small { font-size: 9px; color: var(--blue); }
.individual-album-row strong { font-size: 11px; line-height: 1.4; }
.individual-album-row span { font-size: 10px; line-height: 1.5; color: var(--ink-soft); }
.individual-album-empty { margin: 16px 0; }
.individual-statement-demo { grid-template-columns: .8fr 1.2fr; }
.individual-statement-source > svg { display: block; width: 58px; height: 58px; color: var(--blue); margin: 24px auto 16px; }
.individual-statement-source > strong { display: block; text-align: center; font-size: 13px; }
.individual-statement-source > .individual-status { display: block; text-align: center; font-size: 9px; margin-top: 16px; }
.individual-table-wrap { overflow-x: auto; width: 100%; }
.individual-demo-table { width: 100%; border-collapse: collapse; font-size: 11px; line-height: 1.5; }
.individual-demo-table th { text-align: left; background: var(--blue-pale); color: var(--ink-soft); font-weight: 500; padding: 8px 7px; font-size: 10px; }
.individual-demo-table td { padding: 10px 7px; border-bottom: 1px solid var(--line-soft); vertical-align: top; }
.individual-demo-table td:last-child { white-space: nowrap; }
.individual-transfer-pair { display: grid; grid-template-columns: 1fr 20px 1fr; gap: 8px; align-items: center; margin: 22px 0 15px; }
.individual-transfer-pair > div { display: grid; gap: 5px; padding: 13px 9px; background: #f5f9fe; border-radius: 6px; text-align: center; }
.individual-transfer-pair > div svg { width: 21px; height: 21px; color: var(--blue); justify-self: center; }
.individual-transfer-pair > svg { color: var(--blue); width: 19px; height: 19px; }
.individual-transfer-pair strong { font-size: 11px; }
.individual-transfer-pair span, .individual-transfer-pair small { font-size: 10px; color: var(--ink-soft); }
.individual-transfer-pair b { font-size: 17px; }
.is-positive { color: var(--teal-dark); }
.individual-demo-warning { display: flex; align-items: center; gap: 7px; padding: 9px; border-radius: 6px; background: var(--yellow-pale); color: #715317 !important; font-size: 10px !important; margin: 0; }
.individual-demo-warning > svg { width: 15px; height: 15px; flex: none; }
.individual-status { display: inline-flex; align-items: center; gap: 5px; color: #76541d; background: var(--yellow-pale); border-radius: 5px; padding: 5px 8px; font-size: 10px; }
.individual-status.is-blue { background: var(--blue-pale); color: var(--blue-dark); }
.individual-classification { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 32px; padding: 14px 0; }
.individual-classification strong { font-size: 13px; }
.individual-classification > svg { width: 19px; height: 19px; color: var(--blue); }
.individual-outline-button { display: block; width: 100%; border: 1px solid var(--blue); color: var(--blue-dark); border-radius: 6px; padding: 10px; background: white; font: inherit; font-size: 11px; line-height: 1.45; cursor: pointer; }
.individual-outline-button:hover { background: var(--blue-pale); }
.individual-discovery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; min-width: 0; }
.individual-discovery-grid .individual-demo-panel { padding: 18px 15px; }
.individual-discovery-grid .individual-demo-panel > svg { color: var(--blue); width: 26px; height: 26px; margin-bottom: 15px; }
.individual-discovery-grid h3 { font-size: 13px; line-height: 1.5; }
.individual-discovery-grid p:not(.individual-example) { font-size: 12px; }
.individual-discovery-grid .individual-status svg { width: 12px; height: 12px; }
.individual-ai-conversation { padding-bottom: 17px; }
.individual-ai-question { margin: 20px 20px 20px auto; padding: 12px 14px; max-width: 80%; background: var(--blue-pale); border-radius: 11px 11px 3px 11px; font-size: 12px; color: var(--ink) !important; }
.individual-ai-answer { display: flex; gap: 12px; padding: 0 20px; }
.individual-ai-answer > svg { width: 23px; height: 23px; color: var(--blue); flex: none; margin-top: 3px; }
.individual-ai-answer > div { min-width: 0; flex: 1; }
.individual-ai-answer p { font-size: 12px; line-height: 1.7; margin-bottom: 14px; }
.individual-ai-answer .individual-ai-source { font-size: 10px; margin: 12px 0 0; }
.individual-ai-boundary { display: flex; gap: 9px; margin: 18px 17px 0; padding: 12px; background: var(--blue-pale); border-radius: 6px; }
.individual-ai-boundary svg { width: 17px; height: 17px; color: var(--blue); flex: none; margin-top: 3px; }
.individual-ai-boundary p { font-size: 11px; line-height: 1.65; margin: 0; }
.individual-ai-boundary strong { color: var(--ink); }
.individual-ai-conversation > .individual-demo-note { margin: 13px 20px 0; font-size: 10px !important; }
@media (max-width: 1100px) {
    .individual-demo-panel { padding: 15px; }
    .individual-album-row { gap: 7px; }
    .individual-album-row img { width: 45px; height: 55px; }
    .individual-discovery-grid { grid-template-columns: 1fr; }
    .individual-discovery-grid .individual-demo-panel { display: grid; grid-template-columns: 30px 1fr; column-gap: 10px; }
    .individual-discovery-grid .individual-demo-panel > svg { grid-row: span 4; }
    .individual-discovery-grid .individual-status { justify-self: start; }
}
@media (max-width: 800px) {
    .individual-overview { max-width: 650px; }
    .individual-demo-panel { padding: 20px; }
    .individual-discovery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .individual-discovery-grid .individual-demo-panel { display: block; }
    .individual-album-row img { width: 65px; height: 65px; }
}
@media (max-width: 480px) {
    .individual-preview-head { gap: 7px; padding: 12px; flex-wrap: wrap; }
    .individual-overview-grid > div, .individual-overview-grid > a { padding: 12px; }
    .individual-overview h2 a { display: none; }
    .individual-mini-gallery { grid-template-columns: 1fr 1fr; }
    .individual-mini-gallery img:last-child { display: none; }
    .individual-overview-operation { font-size: 9px; }
    .individual-overview-operation strong { font-size: 9px; }
    .individual-demo-pair, .individual-statement-demo { grid-template-columns: 1fr; }
    .individual-photo-selection { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .individual-album-row img { width: 70px; height: 60px; }
    .individual-album-row strong { font-size: 13px; }
    .individual-album-row small, .individual-album-row span { font-size: 11px; }
    .individual-demo-panel h3 { font-size: 15px; }
    .individual-landing .individual-demo-button, .individual-outline-button { font-size: 13px; }
    .individual-demo-table { font-size: 12px; }
    .individual-demo-table th { font-size: 11px; }
    .individual-discovery-grid { grid-template-columns: 1fr; }
    .individual-ai-answer { padding: 0 14px; gap: 8px; }
    .individual-ai-answer .individual-demo-table { font-size: 10px; }
    .individual-ai-answer .individual-demo-table th { font-size: 9px; }
    .individual-ai-conversation > .individual-demo-note { font-size: 11px !important; }
}