/* TiKamp — questionnaire « votre statut d'hôte » (lot T2 + questionnaire guidé du 06/10). Utilise les tokens des pages hôtes
   (--vert, --vert-l, --vert-d, --ink-2, --ink-3, --border, --border-strong, --surface-2),
   avec repli sur la palette unique du design system. */
.tkq { border:0; padding:0; margin:0; min-width:0; }
.tkq-legend { padding:0; font-weight:600; font-size:.9rem; margin-bottom:.55rem; color:var(--ink,#0A0F0A); }
.tkq-opts { display:flex; flex-direction:column; gap:.5rem; }
.tkq-opt { display:flex; gap:.65rem; align-items:flex-start; border:1.5px solid var(--border-strong,#D4D8D1); border-radius:10px;
  padding:.7rem .85rem; cursor:pointer; font-size:.92rem; min-height:44px; transition:border-color .15s, background-color .15s; }
.tkq-opt input { margin:.2rem 0 0; width:18px; height:18px; flex:none; accent-color:var(--vert,#0F7C3C); }
.tkq-opt.checked { border-color:var(--vert,#0F7C3C); background:var(--vert-l,#E6F4EB); }
.tkq-opt:has(input:focus-visible) { outline:2px solid var(--vert,#0F7C3C); outline-offset:2px; }
.tkq-opt-txt { display:flex; flex-direction:column; gap:.15rem; min-width:0; overflow-wrap:anywhere; }
.tkq-opt-txt small { color:var(--ink-3,#6B7670); font-size:.82rem; }
.tkq-aide { margin:.7rem 0 0; font-size:.86rem; color:var(--ink-2,#3A453F); }
.tkq-aide summary { cursor:pointer; font-weight:600; color:var(--vert-d,#0A5F2D); min-height:32px; display:flex; align-items:center; }
.tkq-aide summary:focus-visible { outline:2px solid var(--vert,#0F7C3C); outline-offset:2px; border-radius:4px; }
.tkq-aide p { margin:.4rem 0 0; max-width:68ch; }
.tkq-siret { margin-top:.8rem; }
.tkq-siret label { display:block; font-weight:600; font-size:.86rem; margin-bottom:.35rem; }
.tkq-siret input { max-width:260px; }
.tkq-hint { font-size:.8rem; color:var(--ink-3,#6B7670); margin:.3rem 0 0; }
.tkq-attest { display:flex; gap:.55rem; align-items:flex-start; margin-top:.8rem; font-size:.86rem; color:var(--ink-2,#3A453F); cursor:pointer; }
.tkq-attest input { margin:.15rem 0 0; width:18px; height:18px; flex:none; accent-color:var(--vert,#0F7C3C); }
.tkq-attest input:focus-visible { outline:2px solid var(--vert,#0F7C3C); outline-offset:2px; }
.tkq-info { font-size:.8rem; color:var(--ink-3,#6B7670); margin:.8rem 0 0; max-width:68ch; }
.tkq-info a { color:var(--vert-d,#0A5F2D); font-weight:600; }
[hidden].tkq-siret, [hidden].tkq-attest { display:none; }

/* Résumé dans l'espace hôte */
.tkq-resume { display:grid; grid-template-columns:repeat(auto-fit, minmax(190px, 1fr)); gap:.8rem; margin:0 0 .8rem; }
@media (max-width:480px) { .tkq-resume { grid-template-columns:1fr; } }
.tkq-resume dt { font-size:.74rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-3,#6B7670); margin:0 0 .2rem; }
.tkq-resume dd { margin:0; font-size:.92rem; font-weight:600; overflow-wrap:anywhere; }
.tkq-resume dd small { display:block; font-weight:400; font-size:.82rem; color:var(--ink-2,#3A453F); margin-top:.2rem; }
.tkq-histo { margin-top:.6rem; font-size:.86rem; }
.tkq-histo summary { cursor:pointer; font-weight:600; color:var(--vert-d,#0A5F2D); min-height:32px; display:flex; align-items:center; }
.tkq-histo ul { list-style:none; padding:0; margin:.4rem 0 0; }
.tkq-histo li { padding:.45rem 0; border-bottom:1px solid var(--border,#E8EBE6); color:var(--ink-2,#3A453F); overflow-wrap:anywhere; }
.tkq-histo li:last-child { border-bottom:0; }
.tkq-actions { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.9rem; }

/* Questionnaire guidé « votre statut d'hôte » (2026-10-06). */
.tkq-intro { margin:0 0 .9rem; font-size:.9rem; color:var(--ink-2,#3A453F); max-width:68ch; }
.tkq-groupe { border:0; padding:0; margin:0 0 1rem; min-width:0; }
.tkq-groupe > .tkq-hint { margin:-.3rem 0 .55rem; }
.tkq-opts.tkq-ligne { flex-direction:row; flex-wrap:wrap; }
.tkq-opts.tkq-ligne .tkq-opt { flex:1 1 6.5rem; align-items:center; }
.tkq-opts.tkq-ligne .tkq-opt input { margin:0; }
.tkq-prop { margin:1.1rem 0 0; padding:1rem; border-radius:12px; background:var(--surface-2,#F4F3EE); border:1px solid var(--border,#E8EBE6); }
.tkq-prop-titre { margin:0 0 .6rem; font-size:.95rem; font-weight:700; color:var(--ink,#0A0F0A); }
.tkq-proposition { margin:0 0 .6rem; font-size:.86rem; color:var(--vert-d,#0A5F2D); font-weight:600; max-width:68ch; }
.tkq-confirmation .tkq-groupe { margin-bottom:.9rem; }
.tkq-confirmation .tkq-opt { background:var(--surface,#FFFFFF); }
.tkq-confirmation .tkq-opt.checked { background:var(--vert-l,#E6F4EB); }
.tkq-avert { margin:-.3rem 0 1rem; padding:.65rem .8rem; border-radius:8px; background:#FDF3E1; border-left:3px solid #F3A724;
  font-size:.82rem; color:#5C3D06; max-width:68ch; }
.tkq [hidden], .tkq-groupe[hidden], .tkq-confirmation[hidden], .tkq-avert[hidden], .tkq-prop .tkq-hint[hidden] { display:none; }

/* Invitation (hôte qui n'a pas encore répondu) */
.tkq-invitation { padding:.9rem 1rem; border-radius:10px; background:var(--vert-l,#E6F4EB); border-left:3px solid var(--vert,#0F7C3C); margin:0 0 .9rem; }
.tkq-invitation strong { display:block; margin-bottom:.2rem; color:var(--vert-d,#0A5F2D); }
.tkq-invitation p { margin:0; font-size:.88rem; color:var(--ink-2,#3A453F); }