/* IQTHINGS Agent IA — parcours et espace client (sobre, responsive, sans dépendance) */
.iqtva { --iq-ink:#16202b; --iq-muted:#5b6673; --iq-line:#dfe3e8; --iq-bg:#f6f8fa; --iq-accent:#0b5cad; --iq-ok:#0f7a3a; --iq-err:#b42318; color:var(--iq-ink); max-width:1080px; margin:0 auto; font-size:16px; line-height:1.5; }
.iqtva *, .iqtva *::before, .iqtva *::after { box-sizing:border-box; }
.iqtva h2 { font-size:1.45rem; margin:.2rem 0 1rem; }
.iqtva h3 { font-size:1.1rem; margin:1.6rem 0 .5rem; }
.iqtva-intro { padding:1.5rem 0 .5rem; }
.iqtva-intro h1 { font-size:clamp(1.8rem, 4vw, 2.6rem); line-height:1.15; margin:.2rem 0 .6rem; color:#1a2c3e; }
.iqtva-eyebrow { font-size:.8rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#2f78d4; margin:0; }
.iqtva-muted { color:var(--iq-muted); font-size:.92rem; }
.iqtva-note { padding:1rem; background:var(--iq-bg); border-radius:8px; }
.iqtva-price-bar { display:flex; flex-wrap:wrap; gap:.4rem 1.2rem; align-items:baseline; padding:.8rem 1rem; border:1px solid var(--iq-line); border-radius:10px; background:#fff; margin-bottom:1rem; }
.iqtva-price-bar strong { margin-right:auto; }
.iqtva-steps { display:flex; flex-wrap:wrap; gap:.3rem; list-style:none; margin:0 0 .6rem; padding:0; counter-reset:s; }
.iqtva-steps li { counter-increment:s; flex:1 1 90px; font-size:.82rem; text-align:center; padding:.45rem .3rem; border-bottom:3px solid var(--iq-line); color:var(--iq-muted); }
.iqtva-steps li::before { content:counter(s) ". "; }
.iqtva-steps li.is-done { border-color:var(--iq-ok); color:var(--iq-ink); }
.iqtva-steps li.is-current { border-color:var(--iq-accent); color:var(--iq-accent); font-weight:600; }
.iqtva-steps a { color:inherit; text-decoration:none; }
.iqtva-card { background:#fff; border:1px solid var(--iq-line); border-radius:12px; padding:1.4rem; margin:1rem 0; }
.iqtva-grid2 { display:grid; grid-template-columns:3fr 2fr; gap:1rem; }
.iqtva label { display:block; margin:.8rem 0; font-weight:600; font-size:.95rem; }
.iqtva label small { font-weight:400; color:var(--iq-muted); }
.iqtva input:not([type=checkbox]):not([type=radio]), .iqtva select, .iqtva textarea { display:block; width:100%; margin-top:.3rem; padding:.6rem .7rem; border:1px solid #c5ccd4; border-radius:8px; font:inherit; font-weight:400; background:#fff; }
.iqtva input:focus, .iqtva select:focus, .iqtva textarea:focus { outline:2px solid var(--iq-accent); outline-offset:1px; }
.iqtva-row { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:0 1rem; align-items:end; }
.iqtva-checks { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:.2rem 1rem; margin:.4rem 0 .8rem; }
.iqtva label.iqtva-check { display:flex; gap:.5rem; align-items:flex-start; font-weight:400; margin:.3rem 0; }
.iqtva-indent { margin-left:1.6rem; }
.iqtva-types { display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:.4rem 1rem; }
.iqtva-type { display:flex; gap:.5rem; align-items:center; }
.iqtva-type input[type=text], .iqtva-type input:not([type]) { margin-top:0 !important; }
.iqtva-btn { display:inline-block; margin-top:1rem; padding:.75rem 1.3rem; border:0; border-radius:8px; background:var(--iq-accent); color:#fff !important; font:inherit; font-weight:600; cursor:pointer; text-decoration:none; }
.iqtva-btn:hover { filter:brightness(1.08); }
.iqtva-btn-secondary { background:#fff; color:var(--iq-accent) !important; border:1px solid var(--iq-accent); }
.iqtva-link { background:none; border:0; color:var(--iq-accent); cursor:pointer; padding:.3rem 0; font:inherit; }
.iqtva-important { color:var(--iq-err); }
.iqtva-alert { padding:.8rem 1rem; border-radius:8px; background:#eef4fb; border-left:4px solid var(--iq-accent); margin:.8rem 0; }
.iqtva-alert p { margin:.2rem 0; }
.iqtva-alert-ok { background:#edf8f1; border-color:var(--iq-ok); }
.iqtva-alert-error { background:#fdf0ef; border-color:var(--iq-err); }
.iqtva-search { align-items:end; }
.iqtva-numbers { margin-top:1rem; }
.iqtva label.iqtva-number { display:flex; gap:.6rem; align-items:center; padding:.6rem .8rem; border:1px solid var(--iq-line); border-radius:8px; margin:.4rem 0; font-weight:400; }
.iqtva-recap { width:100%; border-collapse:collapse; }
.iqtva-recap th, .iqtva-recap td { text-align:left; padding:.55rem .4rem; border-bottom:1px solid var(--iq-line); vertical-align:top; }
.iqtva-recap th { width:32%; color:var(--iq-muted); font-weight:600; }
.iqtva-table { width:100%; border-collapse:collapse; font-size:.93rem; }
.iqtva-table th, .iqtva-table td { text-align:left; padding:.5rem .4rem; border-bottom:1px solid var(--iq-line); }
.iqtva-table tr.is-critical td { background:#fdf0ef; }
.iqtva-checklist { list-style:none; padding:0; }
.iqtva-checklist li { padding:.4rem 0; color:var(--iq-muted); }
.iqtva-checklist li.is-done { color:var(--iq-ok); font-weight:600; }
.iqtva-status-label { font-size:1.15rem; font-weight:600; color:var(--iq-accent); }
.iqtva-timeline { list-style:none; padding:0; margin:0; }
.iqtva-timeline li { padding:.35rem 0; border-bottom:1px dashed var(--iq-line); }
.iqtva-timeline span { color:var(--iq-muted); font-size:.85rem; margin-right:.5rem; }
.iqtva-details { margin:1rem 0; }
.iqtva-pre { white-space:pre-wrap; background:var(--iq-bg); padding:.8rem; border-radius:8px; max-height:420px; overflow:auto; font-size:.88rem; }
.iqtva-portal { display:grid; grid-template-columns:200px 1fr; gap:1.4rem; }
.iqtva-menu { display:flex; flex-direction:column; gap:.15rem; }
.iqtva-menu a { padding:.5rem .7rem; border-radius:6px; color:var(--iq-ink); text-decoration:none; }
.iqtva-menu a.is-current { background:#eef4fb; color:var(--iq-accent); font-weight:600; }
.iqtva-kpis { display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:.8rem; margin:1rem 0; }
.iqtva-kpis div { background:#fff; border:1px solid var(--iq-line); border-radius:10px; padding:.9rem; }
.iqtva-kpis strong { display:block; font-size:1.5rem; }
.iqtva-kpis span { color:var(--iq-muted); font-size:.88rem; }
.iqtva-big { font-size:1.8rem; font-weight:700; }
@media (max-width: 760px) {
	.iqtva-grid2, .iqtva-portal { grid-template-columns:1fr; }
	.iqtva-menu { flex-direction:row; flex-wrap:wrap; }
	.iqtva-recap th { width:40%; }
	.iqtva-table { display:block; overflow-x:auto; }
}
.iqtva a { color:var(--iq-accent); }
.iqtva-big a, .iqtva a.iqtva-big { text-decoration:none; }

/* v2.4 : offre privée, en-tête de l'espace, périmètre appels entrants */
.iqtva-offer-bar { background:#fdf8e6; border-color:#f1dc94; }
.iqtva-price-bar s, .iqtva-offer s { color:var(--iq-muted); font-weight:400; }
.iqtva-price-bar b { color:var(--iq-ink); }
.iqtva-offer-table td { text-align:right; }
.iqtva-today { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; margin:1rem 0 .2rem; padding:.8rem 1rem; background:var(--iq-bg); border-radius:8px; font-size:1.1rem; }
.iqtva-today strong { font-size:1.25rem; font-variant-numeric:tabular-nums; }
.iqtva-inbound { border-left:4px solid var(--iq-accent); }
.iqtva-agent-head { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:.6rem; margin:.4rem 0 1rem; }
.iqtva-agent-head p { margin:0; background:#fff; border:1px solid var(--iq-line); border-radius:10px; padding:.7rem .9rem; }
.iqtva-agent-head span { display:block; font-size:.8rem; color:var(--iq-muted); }
.iqtva-agent-head strong { font-size:1rem; }

/* Qualité de l'agent et retours client */
.iqtva-quality { display: flex; gap: 16px; align-items: center; }
.iqtva-quality strong.iqtva-q-score { font-size: 28px; }
.iqtva-feedback { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin-top: 10px; }
.iqtva-feedback label { margin: 0; }
.iqtva-feedback .iqtva-btn { padding: 6px 12px; }
.iqtva-verify { background: #fcf9e8; border-left: 4px solid #dba617; padding: 8px 12px; margin: 10px 0; }
