/* TiKamp — refonte graphique 2026-10, famille « comptes » :
   espace TiKampeur (tikampeur, activate), espace hôte (hote, espace-hote), Boutique.
   Chargée après le socle (tk-refonte.css), uniquement par les copies public/refonte/.

   Deux blocs par page, dans cet ordre :
     origine:<page>    styles de la page d'origine, reportés par
                       scripts/refonte-porter-styles-comptes.js — NE PAS modifier à la main ;
     habillage:<page>  la refonte, écrite à la main.
   Toute règle commence par html[data-refonte] (garde : tests/refonte-socle.test.js). */

/* >>> origine:tikampeur — styles de public/tikampeur.html, reportés par scripts/refonte-porter-styles-comptes.js (ne pas modifier à la main) */
html[data-refonte][data-ecran="tikampeur"] { --r:14px; --r-sm:10px; --r-lg:20px; --fs-hero:1.75rem; --fs-title:1.25rem; --fs-subtitle:1rem; --fs-body:.9375rem; --fs-meta:.8125rem; --fs-nano:.75rem; --lh-tight:1.2; --lh-title:1.3; --lh-body:1.55; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --shadow-1:0 1px 2px rgba(10,15,10,.05),0 4px 14px rgba(10,15,10,.06); --shadow-1-hover:0 2px 4px rgba(10,15,10,.06),0 10px 24px rgba(10,15,10,.10); --shadow-2:0 12px 32px rgba(10,15,10,.14),0 2px 6px rgba(10,15,10,.06); --tk-brand-ring:#C9E5D4; --tk-brand-border:#CFE7D9; --tk-brand-grad-a:#DCEFE0; --tk-brand-grad-b:#BFE3C9; }
html[data-refonte][data-ecran="tikampeur"][data-saison="octobre-rose"] { --tk-brand-ring:#F6C6D6; --tk-brand-border:#F6C6D6; --tk-brand-grad-a:#FCE4EC; --tk-brand-grad-b:#F6C6D6; }
html[data-refonte][data-ecran="tikampeur"] *:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { box-sizing:border-box; }
html[data-refonte][data-ecran="tikampeur"] [hidden]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:none!important; }
html[data-refonte][data-ecran="tikampeur"],
html[data-refonte][data-ecran="tikampeur"] body { margin:0; padding:0; }
html[data-refonte][data-ecran="tikampeur"] body { font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:var(--bg); color:var(--ink); font-size:var(--fs-body); line-height:var(--lh-body); -webkit-font-smoothing:antialiased; padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
html[data-refonte][data-ecran="tikampeur"] img:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="tikampeur"] svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; }
html[data-refonte][data-ecran="tikampeur"] .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
html[data-refonte][data-ecran="tikampeur"] :focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:3px solid var(--accent); outline-offset:2px; border-radius:6px; }
html[data-refonte][data-ecran="tikampeur"] .skip { position:absolute; top:-56px; left:8px; background:var(--ink); color:#fff; padding:var(--s3) var(--s4); font:inherit; font-size:var(--fs-body); border:0; border-radius:8px; z-index:100; text-decoration:none; cursor:pointer; }
html[data-refonte][data-ecran="tikampeur"] .skip:focus { top:8px; }
html[data-refonte][data-ecran="tikampeur"] .skip + .skip:focus { left:180px; }
html[data-refonte][data-ecran="tikampeur"] .tk-hero-header { position:relative; overflow:hidden; isolation:isolate; background-color:var(--primary-hover); color:#fff; padding:var(--s4) var(--s4) var(--s8); padding-top:max(var(--s4),env(safe-area-inset-top)); }
html[data-refonte][data-ecran="tikampeur"] .tk-hero-header::before { content:''; position:absolute; left:0; right:0; bottom:0; height:88%; pointer-events:none; z-index:0; background:linear-gradient(180deg,rgba(9,26,16,0) 0%,rgba(9,26,16,.34) 30%,rgba(9,26,16,.66) 62%,rgba(8,20,12,.90) 100%); }
html[data-refonte][data-ecran="tikampeur"] .tk-hero-header::after { content:''; position:absolute; left:0; right:0; top:0; height:112px; pointer-events:none; z-index:0; background:linear-gradient(180deg,rgba(8,20,12,.72) 0%,rgba(8,20,12,.34) 55%,rgba(8,20,12,0) 100%); }
html[data-refonte][data-ecran="tikampeur"] .tk-topbar { display:flex; align-items:center; justify-content:space-between; gap:var(--s3); position:relative; z-index:1; }
html[data-refonte][data-ecran="tikampeur"] .tk-topbar .ctx-dark { --tk-logo-ink:#fff; text-shadow:0 1px 6px rgba(0,0,0,.45); }
html[data-refonte][data-ecran="tikampeur"] .tk-topbar .to-carte { display:inline-flex; align-items:center; gap:var(--s1); min-height:44px; padding:var(--s2) var(--s4); border-radius:999px; background:rgba(10,15,10,.60); border:1px solid rgba(255,255,255,.28); color:#fff; text-decoration:none; font-size:var(--fs-meta); font-weight:600; letter-spacing:0; line-height:var(--lh-tight); backdrop-filter:blur(3px); transition:background .18s ease,border-color .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-topbar .to-carte:hover { background:rgba(10,15,10,.58); border-color:rgba(255,255,255,.45); }
html[data-refonte][data-ecran="tikampeur"] .tk-topbar .to-carte svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:16px; height:16px; }
html[data-refonte][data-ecran="tikampeur"] .tk-hello { position:relative; z-index:1; margin-top:var(--s7); }
html[data-refonte][data-ecran="tikampeur"] .tk-hello .eyebrow { display:inline-flex; align-items:center; margin:0 0 var(--s3); padding:var(--s1) var(--s3); border-radius:999px; background:rgba(10,15,10,.60); border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(3px); font-size:var(--fs-meta); font-weight:600; letter-spacing:0; line-height:var(--lh-tight); text-transform:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-hello h1:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; font-size:var(--fs-hero); font-weight:700; letter-spacing:-.02em; line-height:1.12; text-shadow:0 2px 18px rgba(0,0,0,.42); }
html[data-refonte][data-ecran="tikampeur"] .tk-hello p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:var(--s3) 0 0; font-size:var(--fs-body); font-weight:400; opacity:.95; max-width:46ch; line-height:var(--lh-body); text-shadow:0 1px 10px rgba(0,0,0,.5); }
html[data-refonte][data-ecran="tikampeur"] .tk-idcard { position:relative; z-index:2; margin:-40px var(--s4) 0; background:var(--surface); border:1px solid rgba(255,255,255,.9); border-radius:var(--r-lg); box-shadow:var(--shadow-2); padding:var(--s4); display:flex; align-items:center; gap:var(--s3); }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar { --av-bg:var(--primary-soft); --av-ink:var(--primary-hover); --av-ring:var(--primary-soft); width:52px; height:52px; border-radius:50%; flex:none; background:var(--av-bg); color:var(--av-ink); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:var(--fs-subtitle); letter-spacing:.02em; border:2px solid #fff; box-shadow:0 0 0 2px var(--av-ring); transition:background .18s ease,box-shadow .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar[data-couleur="vert"] { --av-bg:var(--primary); --av-ink:#fff; --av-ring:var(--tk-brand-ring); }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar[data-couleur="foret"] { --av-bg:var(--primary-hover); --av-ink:#fff; --av-ring:var(--tk-brand-ring); }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar[data-couleur="ambre"] { --av-bg:#7A4F00; --av-ink:#fff; --av-ring:#F3DFB6; }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar[data-couleur="ardoise"] { --av-bg:#3A453F; --av-ink:#fff; --av-ring:#D9DED9; }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar[data-couleur="encre"] { --av-bg:#0A0F0A; --av-ink:#fff; --av-ring:#D9DED9; }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar-edit { display:grid; gap:var(--s4); justify-items:start; margin-top:var(--s4); }
@media (min-width:520px) {
  html[data-refonte][data-ecran="tikampeur"] .tk-avatar-edit { grid-template-columns:auto 1fr; align-items:center; gap:var(--s5); }
}
html[data-refonte][data-ecran="tikampeur"] .tk-avatar-pick { display:block; margin:0; padding:0; border:0; min-width:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-avatar-pick legend:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:0; margin:0 0 var(--s2); font-size:var(--fs-meta); font-weight:600; color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatches { display:flex; flex-wrap:wrap; gap:var(--s2); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch-label { margin:var(--s2) 0 0; font-size:var(--fs-meta); color:var(--ink-3); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch-label b:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--ink-2); font-weight:600; }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch { width:44px; height:44px; border-radius:50%; border:2px solid var(--border); cursor:pointer; padding:0; display:flex; align-items:center; justify-content:center; color:#fff; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch:hover { transform:translateY(-2px); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[aria-pressed="true"] { border-color:var(--ink); box-shadow:0 0 0 3px var(--primary-soft); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:18px; height:18px; opacity:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[aria-pressed="true"] svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { opacity:1; }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[data-couleur="defaut"] { background:var(--primary-soft); color:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[data-couleur="vert"] { background:var(--primary); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[data-couleur="foret"] { background:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[data-couleur="ambre"] { background:#7A4F00; }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[data-couleur="ardoise"] { background:#3A453F; }
html[data-refonte][data-ecran="tikampeur"] .tk-swatch[data-couleur="encre"] { background:#0A0F0A; }
html[data-refonte][data-ecran="tikampeur"] .tk-idcard-body { flex:1; min-width:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-idcard-body .name { font-weight:700; font-size:var(--fs-subtitle); line-height:var(--lh-title); margin:0 0 var(--s1); overflow-wrap:anywhere; }
html[data-refonte][data-ecran="tikampeur"] .tk-idcard-body .meta { font-size:var(--fs-meta); color:var(--ink-3); margin:0; display:flex; gap:var(--s2); align-items:center; flex-wrap:wrap; line-height:var(--lh-tight); }
html[data-refonte][data-ecran="tikampeur"] .tk-badge-loy { display:inline-flex; align-items:center; gap:.3em; background:#FFF6E4; color:#7A4F00; border:1px solid #F0DFB8; border-radius:999px; padding:var(--s1) var(--s2); font-size:var(--fs-meta); font-weight:600; line-height:var(--lh-tight); }
html[data-refonte][data-ecran="tikampeur"] .tk-idcard .edit-link { flex:none; width:44px; height:44px; border-radius:50%; background:var(--bg); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--ink-2); cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-idcard .edit-link:hover { background:var(--primary-soft); border-color:var(--primary); color:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] main:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { max-width:1180px; margin:0 auto; padding:0 var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-tabbar { position:fixed; left:0; right:0; bottom:0; z-index:40; background:var(--surface); border-top:1px solid var(--border); display:flex; padding:var(--s1); padding-bottom:calc(var(--s1) + env(safe-area-inset-bottom)); box-shadow:0 -6px 18px rgba(10,15,10,.06); }
html[data-refonte][data-ecran="tikampeur"] .tk-tab { flex:1; display:flex; flex-direction:column; align-items:center; gap:var(--s1); padding:var(--s2) var(--s1); border-radius:10px; color:var(--ink-3); font:inherit; font-size:var(--fs-nano); font-weight:600; line-height:var(--lh-tight); min-height:56px; justify-content:center; background:none; border:none; cursor:pointer; transition:color .18s ease,background .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-tab svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:22px; height:22px; }
html[data-refonte][data-ecran="tikampeur"] .tk-tab[aria-current="page"] { color:var(--primary); }
html[data-refonte][data-ecran="tikampeur"] .tk-tab:active { background:var(--primary-soft); }
html[data-refonte][data-ecran="tikampeur"] .tk-sidenav { display:none; }
html[data-refonte][data-ecran="tikampeur"] section.tk-panel { padding:var(--s6) 0 var(--s7); }
html[data-refonte][data-ecran="tikampeur"] .tk-h2 { font-size:var(--fs-title); font-weight:700; margin:0 0 var(--s4); letter-spacing:-.015em; line-height:var(--lh-title); }
html[data-refonte][data-ecran="tikampeur"] .tk-sub { margin:calc(var(--s3) * -1) 0 var(--s5); font-size:var(--fs-body); color:var(--ink-2); max-width:68ch; line-height:var(--lh-body); }
html[data-refonte][data-ecran="tikampeur"] .tk-cards { display:grid; gap:var(--s3); grid-template-columns:1fr; }
html[data-refonte][data-ecran="tikampeur"] .tk-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--r); padding:var(--s4) var(--s5); box-shadow:var(--shadow-1); }
html[data-refonte][data-ecran="tikampeur"] .tk-card h3:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 var(--s1); font-size:var(--fs-subtitle); font-weight:700; line-height:var(--lh-title); }
html[data-refonte][data-ecran="tikampeur"] .tk-card p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; color:var(--ink-2); font-size:var(--fs-body); line-height:var(--lh-body); }
html[data-refonte][data-ecran="tikampeur"] .tk-card .row { display:flex; align-items:baseline; justify-content:space-between; gap:var(--s3); flex-wrap:wrap; }
html[data-refonte][data-ecran="tikampeur"] .tk-card .row .tk-hint { white-space:nowrap; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay { position:relative; display:flex; flex-direction:column; gap:var(--s3); box-shadow:var(--shadow-1),inset 3px 0 0 var(--primary-soft); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay.is-link:hover { border-color:var(--primary); box-shadow:var(--shadow-1-hover),inset 3px 0 0 var(--primary); transform:translateY(-2px); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-head { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--s3); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-head h3:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; min-width:0; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="tikampeur"] .tk-pill { flex:none; display:inline-flex; align-items:center; white-space:nowrap; border-radius:999px; padding:var(--s1) var(--s2); font-size:var(--fs-meta); font-weight:600; line-height:var(--lh-tight); background:var(--primary-soft); color:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] .tk-pill.is-off { background:#EEF0EC; color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts { margin:0; display:grid; gap:var(--s2); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts > div:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; align-items:baseline; justify-content:space-between; gap:var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts dt:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { flex:none; font-size:var(--fs-meta); color:var(--ink-3); line-height:var(--lh-body); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts dd:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; min-width:0; text-align:right; font-size:var(--fs-body); font-weight:600; color:var(--ink); overflow-wrap:anywhere; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts dd small:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; font-size:var(--fs-meta); font-weight:400; color:var(--ink-3); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts .is-amount { padding-top:var(--s2); border-top:1px solid var(--border); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts .is-amount dd b:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:var(--fs-subtitle); font-weight:700; }
html[data-refonte][data-ecran="tikampeur"] .tk-pay { display:block; font-size:var(--fs-meta); font-weight:600; }
html[data-refonte][data-ecran="tikampeur"] .tk-pay.ok { color:#0A5F2D; }
html[data-refonte][data-ecran="tikampeur"] .tk-pay.du { color:#8A5A12; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-actions { display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:auto; padding-top:var(--s1); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-actions .btn:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:var(--s2) var(--s4); font-size:var(--fs-meta); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-actions .btn svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:16px; height:16px; flex:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-actions .btn:not(.tk-stay-open):not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { position:relative; z-index:1; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-open::after { content:''; position:absolute; inset:0; border-radius:var(--r); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-titulaire { margin:calc(var(--s2) * -1) 0 0; font-size:var(--fs-meta); color:var(--ink-2); line-height:var(--lh-body); overflow-wrap:anywhere; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-titulaire b:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-weight:600; color:var(--ink); }
html[data-refonte][data-ecran="tikampeur"] .tk-more { margin:var(--s4) 0 0; }
html[data-refonte][data-ecran="tikampeur"] .tk-back { display:inline-flex; align-items:center; gap:var(--s1); min-height:44px; margin:0 0 var(--s2); color:var(--primary-hover); font-weight:600; font-size:var(--fs-body); text-decoration:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-back:hover { text-decoration:underline; }
html[data-refonte][data-ecran="tikampeur"] .tk-back svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:18px; height:18px; }
html[data-refonte][data-ecran="tikampeur"] .tk-carnet-more { margin:var(--s4) 0 0; }
html[data-refonte][data-ecran="tikampeur"] #depart-card { border-left:4px solid var(--primary); margin-bottom:var(--s4); }
html[data-refonte][data-ecran="tikampeur"] #depart-card.is-du { border-left-color:var(--accent); }
html[data-refonte][data-ecran="tikampeur"] #depart-card h2:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 var(--s3); }
html[data-refonte][data-ecran="tikampeur"] .dep-kicker { margin:0 0 var(--s1); font-size:var(--fs-meta); font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-3); }
html[data-refonte][data-ecran="tikampeur"] .dep-list { list-style:none; margin:0; padding:0; display:grid; gap:var(--s2); }
html[data-refonte][data-ecran="tikampeur"] .dep-list li:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; gap:var(--s2); align-items:baseline; font-size:var(--fs-body); line-height:var(--lh-body); color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .dep-list li > .ic { flex:0 0 1.2rem; text-align:center; }
html[data-refonte][data-ecran="tikampeur"] .dep-list li b:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--ink); font-weight:600; }
html[data-refonte][data-ecran="tikampeur"] .dep-amount { display:block; font-size:var(--fs-title); font-weight:700; color:#8A5A12; line-height:var(--lh-title); }
html[data-refonte][data-ecran="tikampeur"] .dep-act { margin-top:var(--s4); }
html[data-refonte][data-ecran="tikampeur"] #fid-box .row { padding:var(--s2) 0; border-bottom:1px solid var(--border); font-size:var(--fs-body); }
html[data-refonte][data-ecran="tikampeur"] #fid-box .row:last-child { border-bottom:0; padding-bottom:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s3); margin-bottom:var(--s6); }
html[data-refonte][data-ecran="tikampeur"] .tk-quick a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; flex-direction:column; gap:var(--s2); padding:var(--s4); background:var(--surface); border:1px solid var(--border); border-radius:var(--r); text-decoration:none; color:var(--ink); box-shadow:var(--shadow-1); min-height:112px; justify-content:flex-end; transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick a:hover:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-color:var(--primary); transform:translateY(-2px); box-shadow:var(--shadow-1-hover); }
html[data-refonte][data-ecran="tikampeur"] .tk-quick .ic { width:40px; height:40px; border-radius:11px; background:var(--primary-soft); color:var(--primary-hover); display:flex; align-items:center; justify-content:center; margin-bottom:auto; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick .ic svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:20px; height:20px; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick b:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:var(--fs-body); font-weight:700; line-height:var(--lh-title); }
html[data-refonte][data-ecran="tikampeur"] .tk-quick span.sub { font-size:var(--fs-meta); color:var(--ink-3); line-height:var(--lh-tight); }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay { display:flex; gap:var(--s4); align-items:center; background:var(--primary-soft); border-radius:var(--r); padding:var(--s4); margin-bottom:var(--s5); border:1px solid var(--tk-brand-border); box-shadow:inset 3px 0 0 var(--primary); }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .ic { width:44px; height:44px; border-radius:12px; background:var(--primary); color:#fff; display:flex; align-items:center; justify-content:center; flex:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .ic svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:24px; height:24px; }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .txt { flex:1; min-width:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .txt b:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; font-size:var(--fs-subtitle); line-height:var(--lh-title); margin-bottom:var(--s1); }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .txt span:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:var(--fs-meta); color:var(--ink-2); line-height:var(--lh-tight); }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .go { flex:none; color:var(--primary-hover); font-weight:700; font-size:var(--fs-meta); text-decoration:none; min-height:44px; display:inline-flex; align-items:center; }
@media (max-width:519px) {
  html[data-refonte][data-ecran="tikampeur"] .tk-next-stay { display:grid; grid-template-columns:auto 1fr; grid-template-areas:'ic txt' 'go go'; align-items:start; }
  html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .ic { grid-area:ic; }
  html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .txt { grid-area:txt; }
  html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .go { grid-area:go; justify-self:end; margin-top:calc(var(--s2) * -1); }
}
html[data-refonte][data-ecran="tikampeur"] .tk-empty { text-align:center; padding:var(--s7) var(--s5); background:var(--surface); border:1px dashed var(--border); border-radius:var(--r); color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .tk-empty svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:40px; height:40px; color:var(--ink-3); margin:0 auto var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-empty h3:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 var(--s2); font-size:var(--fs-subtitle); color:var(--ink); font-weight:700; line-height:var(--lh-title); }
html[data-refonte][data-ecran="tikampeur"] .tk-empty p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 auto var(--s5); font-size:var(--fs-body); max-width:44ch; line-height:var(--lh-body); }
html[data-refonte][data-ecran="tikampeur"] .btn:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:inline-flex; align-items:center; justify-content:center; gap:.4em; border-radius:999px; padding:var(--s3) var(--s5); font:inherit; font-weight:700; font-size:var(--fs-body); line-height:var(--lh-tight); text-decoration:none; border:1px solid transparent; min-height:44px; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .btn-primary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { background:var(--primary); color:#fff; }
html[data-refonte][data-ecran="tikampeur"] .btn-primary:hover:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { background:var(--primary-hover); color:#fff; }
html[data-refonte][data-ecran="tikampeur"] .btn-ghost { background:var(--surface); border-color:var(--border); color:var(--ink); }
html[data-refonte][data-ecran="tikampeur"] .btn-ghost:hover { border-color:var(--primary); color:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] .btn-block { width:100%; }
html[data-refonte][data-ecran="tikampeur"] .btn[disabled]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { opacity:.55; cursor:not-allowed; }
html[data-refonte][data-ecran="tikampeur"] .tk-field { display:flex; flex-direction:column; gap:var(--s2); margin-bottom:var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-field label:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:var(--fs-meta); font-weight:600; color:var(--ink-2); line-height:var(--lh-tight); }
html[data-refonte][data-ecran="tikampeur"] .tk-field input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="tikampeur"] .tk-field select:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border:1.5px solid var(--border); border-radius:var(--r-sm); padding:var(--s3); font:inherit; font-size:var(--fs-body); background:var(--surface); color:var(--ink); min-height:44px; width:100%; }
html[data-refonte][data-ecran="tikampeur"] .tk-field input[readonly]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { background:var(--bg); color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .tk-field input:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="tikampeur"] .tk-field select:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:3px solid var(--accent); outline-offset:1px; }
html[data-refonte][data-ecran="tikampeur"] .tk-hint { font-size:var(--fs-meta); color:var(--ink-3); line-height:var(--lh-body); }
html[data-refonte][data-ecran="tikampeur"] p.tk-hint { margin:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-card h3 + p.tk-hint { margin-top:var(--s1); }
html[data-refonte][data-ecran="tikampeur"] p.tk-lead { margin:calc(var(--s2) * -1) 0 var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-panel-inner > .tk-card { margin-bottom:var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-panel-inner > .tk-card:last-child { margin-bottom:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-fieldgrid { display:grid; grid-template-columns:1fr; gap:0 var(--s5); }
html[data-refonte][data-ecran="tikampeur"] fieldset.tk-fs { border:0; padding:0; margin:0 0 var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-card > fieldset.tk-fs { margin-bottom:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-card > fieldset.tk-fs + .btn:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin-top:var(--s5); }
html[data-refonte][data-ecran="tikampeur"] fieldset.tk-fs legend:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:0; font-size:var(--fs-meta); font-weight:600; color:var(--ink-2); margin-bottom:var(--s3); }
html[data-refonte][data-ecran="tikampeur"] .tk-chips { display:flex; flex-wrap:wrap; gap:var(--s2); }
html[data-refonte][data-ecran="tikampeur"] .tk-chips input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { position:absolute; opacity:0; width:1px; height:1px; margin:0; clip-path:inset(50%); pointer-events:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-chip { display:inline-flex; align-items:center; gap:var(--s1); border:1.5px solid var(--border); background:var(--surface); border-radius:999px; padding:var(--s2) var(--s4); font-size:var(--fs-meta); font-weight:600; color:var(--ink-2); cursor:pointer; min-height:44px; line-height:var(--lh-tight); transition:background .18s ease,border-color .18s ease,color .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-chip:hover { border-color:var(--primary); color:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] .tk-chips input:checked + .tk-chip { background:var(--primary-soft); border-color:var(--primary); color:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] .tk-chips input:checked + .tk-chip .tick { opacity:1; }
html[data-refonte][data-ecran="tikampeur"] .tk-chips input:focus-visible + .tk-chip { outline:3px solid var(--accent); outline-offset:2px; }
html[data-refonte][data-ecran="tikampeur"] .tk-chip .tick { width:14px; height:14px; opacity:0; transition:opacity .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-grid { display:grid; grid-template-columns:1fr; gap:var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow-1); display:flex; flex-direction:column; transition:transform .18s ease,box-shadow .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-1-hover); }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-img { height:112px; background:linear-gradient(135deg,var(--tk-brand-grad-a),var(--tk-brand-grad-b)); display:flex; align-items:center; justify-content:center; color:var(--primary-hover); position:relative; flex:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-heart { position:absolute; top:var(--s2); right:var(--s2); width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.94); display:flex; align-items:center; justify-content:center; color:#B3261E; border:0; cursor:pointer; transition:background .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-heart:hover { background:#fff; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-body { padding:var(--s4); display:flex; flex-direction:column; gap:var(--s3); flex:1; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-body h3:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; font-size:var(--fs-subtitle); font-weight:700; line-height:var(--lh-title); overflow-wrap:anywhere; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-body p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:calc(var(--s2) * -1) 0 0; font-size:var(--fs-meta); color:var(--ink-3); line-height:var(--lh-tight); }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-body .go { margin-top:auto; align-self:flex-start; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-actions { margin-top:auto; display:flex; flex-wrap:wrap; gap:var(--s2); }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-actions .btn:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:var(--s2) var(--s4); font-size:var(--fs-meta); }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-actions .btn svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:16px; height:16px; flex:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-list { background:var(--surface); border:1px solid var(--border); border-radius:var(--r); overflow:hidden; box-shadow:var(--shadow-1); }
html[data-refonte][data-ecran="tikampeur"] .tk-list + .tk-list { margin-top:var(--s4); }
html[data-refonte][data-ecran="tikampeur"] .tk-list a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="tikampeur"] .tk-list button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; align-items:center; gap:var(--s3); width:100%; text-align:left; padding:var(--s3) var(--s4); border:none; background:none; font:inherit; font-size:var(--fs-body); color:var(--ink); border-bottom:1px solid var(--border); min-height:56px; text-decoration:none; cursor:pointer; transition:background .18s ease; }
html[data-refonte][data-ecran="tikampeur"] .tk-list a:hover:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="tikampeur"] .tk-list button:hover:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { background:var(--bg); }
html[data-refonte][data-ecran="tikampeur"] .tk-list a:last-child:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="tikampeur"] .tk-list button:last-child:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-bottom:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-list .ic { width:36px; height:36px; border-radius:10px; background:var(--primary-soft); color:var(--primary-hover); display:flex; align-items:center; justify-content:center; flex:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-list .ic svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:18px; height:18px; }
html[data-refonte][data-ecran="tikampeur"] .tk-list .chev { margin-left:auto; color:var(--ink-3); font-size:var(--fs-title); }
html[data-refonte][data-ecran="tikampeur"] .tk-list .danger { color:#B3261E; }
html[data-refonte][data-ecran="tikampeur"] .tk-list .danger .ic { background:#FBEAEA; color:#B3261E; }
html[data-refonte][data-ecran="tikampeur"] .msg { font-size:var(--fs-meta); line-height:var(--lh-body); margin:var(--s3) 0 0; }
html[data-refonte][data-ecran="tikampeur"] .msg:empty { display:none; }
html[data-refonte][data-ecran="tikampeur"] .msg.err { display:flex; align-items:flex-start; gap:var(--s2); margin:var(--s4) 0 0; padding:var(--s3) var(--s3); background:#FBEAEA; border-radius:var(--r-sm); color:#8C1D14; }
html[data-refonte][data-ecran="tikampeur"] .msg.err svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { flex:none; width:18px; height:18px; margin-top:1px; color:#B3261E; }
html[data-refonte][data-ecran="tikampeur"] .msg.warn { display:flex; align-items:flex-start; gap:var(--s2); margin:var(--s4) 0 0; padding:var(--s3); background:#FFF6E4; border-radius:var(--r-sm); color:#5E3D00; }
html[data-refonte][data-ecran="tikampeur"] .msg.warn svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { flex:none; width:18px; height:18px; margin-top:1px; color:#7A4F00; }
html[data-refonte][data-ecran="tikampeur"] .msg.ok { color:var(--primary-hover); margin:var(--s3) 0 0; }
html[data-refonte][data-ecran="tikampeur"] .sk { background:linear-gradient(90deg,var(--border) 25%,#F1F3EF 37%,var(--border) 63%); background-size:400% 100%; animation:sk 1.3s ease infinite; border-radius:8px; height:14px; }
html[data-refonte][data-ecran="tikampeur"] .sk-card { height:96px; border-radius:var(--r); margin-bottom:var(--s3); }
html[data-refonte][data-ecran="tikampeur"] .sk--inline { width:150px; display:inline-block; }
html[data-refonte][data-ecran="tikampeur"] .sk--60 { width:60%; }
html[data-refonte][data-ecran="tikampeur"] #sejours-box .tk-empty,
html[data-refonte][data-ecran="tikampeur"] #sejours-all .tk-empty { grid-column:1/-1; }
@keyframes sk {0%{background-position:100% 50%}100%{background-position:0 50%}}
html[data-refonte][data-ecran="tikampeur"] .tk-auth { max-width:460px; margin:0 auto; }
html[data-refonte][data-ecran="tikampeur"] .tk-auth .switch { margin:var(--s4) 0 0; font-size:var(--fs-body); color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .tk-note { display:flex; gap:var(--s3); margin:var(--s3) 0 0; padding:var(--s3) var(--s4); background:var(--bg); border:1px solid var(--border); border-left:3px solid var(--accent); border-radius:var(--r-sm); }
html[data-refonte][data-ecran="tikampeur"] .tk-note svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { flex:none; width:18px; height:18px; margin-top:2px; color:var(--accent); }
html[data-refonte][data-ecran="tikampeur"] .tk-note .tk-note-body { min-width:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-note p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; font-size:var(--fs-meta); color:var(--ink-2); line-height:var(--lh-body); }
html[data-refonte][data-ecran="tikampeur"] .tk-note p + p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin-top:var(--s2); }
html[data-refonte][data-ecran="tikampeur"] .tk-note a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--primary-hover); font-weight:600; }
html[data-refonte][data-ecran="tikampeur"] .link { background:none; border:0; color:var(--primary-hover); font:inherit; font-size:inherit; font-weight:700; cursor:pointer; padding:var(--s1) 0; text-decoration:underline; display:inline-flex; align-items:center; min-height:44px; vertical-align:middle; text-align:left; }
@media (min-width:768px) {
  html[data-refonte][data-ecran="tikampeur"] body { padding-bottom:0; }
  html[data-refonte][data-ecran="tikampeur"] .tk-tabbar { display:none; }
  html[data-refonte][data-ecran="tikampeur"] .tk-shell { display:grid; grid-template-columns:1fr 240px minmax(0,916px) 1fr; align-items:start; }
  html[data-refonte][data-ecran="tikampeur"] .tk-hero-header { grid-column:1/-1; padding:var(--s5) var(--s5) var(--s8); }
  html[data-refonte][data-ecran="tikampeur"] .tk-hero-header .tk-topbar { max-width:1148px; margin:0 auto; width:100%; }
  html[data-refonte][data-ecran="tikampeur"] .tk-hero-header .tk-hello { max-width:1148px; margin:var(--s8) auto 0; width:100%; }
  html[data-refonte][data-ecran="tikampeur"] .tk-idcard { grid-column:2/4; margin:-48px var(--s5) 0; }
  html[data-refonte][data-ecran="tikampeur"] main:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { grid-column:3; padding:0 var(--s5) var(--s7); max-width:none; margin:0; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav { grid-column:2; position:sticky; top:var(--s5); margin:var(--s6) 0 0 var(--s5); background:var(--surface); border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow-1); padding:var(--s2); display:flex; flex-direction:column; gap:var(--s1); z-index:3; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; align-items:center; gap:var(--s3); padding:var(--s3); border-radius:10px; color:var(--ink-2); font:inherit; font-size:var(--fs-body); font-weight:600; background:none; border:0; cursor:pointer; text-align:left; min-height:44px; transition:background .18s ease,color .18s ease; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:19px; height:19px; flex:none; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button:hover:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { background:var(--bg); color:var(--primary-hover); }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button[aria-current="page"]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { background:var(--primary-soft); color:var(--primary-hover); }
  html[data-refonte][data-ecran="tikampeur"] { --fs-hero:2.25rem; }
  html[data-refonte][data-ecran="tikampeur"] .tk-fav-grid { grid-template-columns:repeat(2,1fr); }
  html[data-refonte][data-ecran="tikampeur"] .tk-fieldgrid { grid-template-columns:1fr 1fr; }
  html[data-refonte][data-ecran="tikampeur"] .btn-block { width:auto; min-width:16rem; }
  html[data-refonte][data-ecran="tikampeur"] .tk-auth { margin:var(--s6) auto 0; }
  html[data-refonte][data-ecran="tikampeur"] .tk-shell.anon { grid-template-columns:minmax(0,1fr); }
  html[data-refonte][data-ecran="tikampeur"] .tk-shell.anon main:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { grid-column:1; }
}
@media (min-width:1080px) {
  html[data-refonte][data-ecran="tikampeur"] .tk-shell { grid-template-columns:1fr 264px minmax(0,892px) 1fr; }
  html[data-refonte][data-ecran="tikampeur"] .tk-quick { grid-template-columns:repeat(4,1fr); }
  html[data-refonte][data-ecran="tikampeur"] .tk-cards.two-col { grid-template-columns:1fr 1fr; }
  html[data-refonte][data-ecran="tikampeur"] .tk-fav-grid { grid-template-columns:repeat(3,1fr); }
  html[data-refonte][data-ecran="tikampeur"] .tk-panel-inner { max-width:860px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-refonte][data-ecran="tikampeur"] *:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { transition:none!important; animation:none!important; }
}
/* <<< origine:tikampeur */

/* >>> origine:activate — styles de public/activate.html, reportés par scripts/refonte-porter-styles-comptes.js (ne pas modifier à la main) */
html[data-refonte][data-ecran="activate"] { --paper:#FAFAF7; --surface-2:#F4F3EE; --border-strong:#D4D8D1; --vert:#0F7C3C; --vert-d:#0A5F2D; --vert-l:#E6F4EB; --err:#E84747; --txt:#0A0F0A; --shadow:0 4px 14px rgba(10,31,20,.08), 0 1px 3px rgba(10,31,20,.05); }
html[data-refonte][data-ecran="activate"] *:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { box-sizing:border-box; }
html[data-refonte][data-ecran="activate"] :not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::selection { background:var(--accent); color:var(--ink); }
html[data-refonte][data-ecran="activate"] body { margin:0; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:var(--paper); color:var(--txt); line-height:1.55; -webkit-font-smoothing:antialiased; min-height:100vh; display:flex; flex-direction:column; }
html[data-refonte][data-ecran="activate"] header:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { position:relative; padding:2.2rem 1.5rem 2.6rem; color:var(--ink); text-align:left; overflow:hidden; background: radial-gradient(ellipse 50% 70% at 85% 25%, rgba(243,167,36,.13) 0%, transparent 60%), radial-gradient(ellipse 80% 100% at 20% 90%, rgba(31,105,64,.14) 0%, transparent 60%), linear-gradient(160deg,#EAF3F7 0%,#F2F5EE 55%,var(--surface-2) 100%); }
html[data-refonte][data-ecran="activate"] header:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::after { content:''; position:absolute; right:-20px; top:-20px; width:130px; height:130px; border-radius:50%; background:radial-gradient(circle at 35% 35%, #FFE9C4 0%, #FFD89A 50%, #F3A724 100%); box-shadow:0 0 50px rgba(243,167,36,.22); pointer-events:none; }
html[data-refonte][data-ecran="activate"] header h1:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:.9rem 0 .25rem; font-size:1.7rem; font-weight:600; letter-spacing:-.028em; line-height:1.1; max-width:24rem; position:relative; z-index:2; }
html[data-refonte][data-ecran="activate"] header h1 .it { font-style:italic; font-weight:400; color:var(--vert-d); }
html[data-refonte][data-ecran="activate"] header p.sub { margin:.3rem 0 0; color:var(--ink-2); font-size:.92rem; max-width:24rem; position:relative; z-index:2; }
html[data-refonte][data-ecran="activate"] main:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { max-width:480px; margin:2rem auto; padding:0 1.5rem; flex:1; width:100%; }
html[data-refonte][data-ecran="activate"] .card { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:1.8rem 1.6rem; box-shadow:var(--shadow); }
html[data-refonte][data-ecran="activate"] h2:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--ink); font-size:1.25rem; font-weight:600; letter-spacing:-.022em; margin:0 0 .8rem; }
html[data-refonte][data-ecran="activate"] h2 .it { font-style:italic; font-weight:400; color:var(--vert-d); }
html[data-refonte][data-ecran="activate"] label:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; font-weight:600; font-size:.88rem; margin-bottom:.35rem; color:var(--ink-2); }
html[data-refonte][data-ecran="activate"] input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; padding:.7rem .8rem; border:1px solid var(--border-strong); border-radius:10px; font-size:1rem; font-family:inherit; background:var(--surface); color:var(--txt); transition:border-color .15s; }
html[data-refonte][data-ecran="activate"] input:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:none; border-color:var(--vert); box-shadow:0 0 0 3px var(--vert-l); }
html[data-refonte][data-ecran="activate"] .field { margin-bottom:1rem; }
html[data-refonte][data-ecran="activate"] button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; background:var(--vert); color:var(--paper); border:0; padding:.9rem; border-radius:10px; font-size:1rem; font-weight:600; cursor:pointer; font-family:inherit; transition:background .15s, transform .12s; }
html[data-refonte][data-ecran="activate"] button:hover:not([disabled]):not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { background:var(--vert-d); transform:translateY(-1px); }
html[data-refonte][data-ecran="activate"] button:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:3px solid var(--vert); outline-offset:2px; }
html[data-refonte][data-ecran="activate"] button[disabled]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { opacity:.55; cursor:wait; }
html[data-refonte][data-ecran="activate"] .info { background:var(--vert-l); border-left:3px solid var(--vert); padding:.85rem 1rem; border-radius:8px; font-size:.92rem; margin-bottom:1.2rem; color:var(--vert-d); }
html[data-refonte][data-ecran="activate"] .msg { padding:.75rem 1rem; border-radius:10px; margin-top:1rem; display:none; font-size:.92rem; }
html[data-refonte][data-ecran="activate"] .msg.ok { display:block; background:var(--vert-l); border:1px solid #A5C5AC; color:var(--vert-d); }
html[data-refonte][data-ecran="activate"] .msg.err { display:block; background:#FEECEC; border:1px solid #E5BBBB; color:var(--err); }
html[data-refonte][data-ecran="activate"] .muted { color:var(--ink-3); font-size:.88rem; }
html[data-refonte][data-ecran="activate"] footer:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { text-align:center; padding:1.5rem 1rem; color:var(--ink-3); font-size:.82rem; }
html[data-refonte][data-ecran="activate"] footer a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--ink-3); }
html[data-refonte][data-ecran="activate"] button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:48px; }
html[data-refonte][data-ecran="activate"] .skip { position:absolute; left:-9999px; }
html[data-refonte][data-ecran="activate"] .skip:focus { left:.5rem; top:.5rem; z-index:50; background:var(--surface); color:var(--vert-d); padding:.6rem .9rem; border-radius:8px; border:2px solid var(--vert); }
html[data-refonte][data-ecran="activate"] .loading-row { display:flex; align-items:center; gap:.6rem; }
html[data-refonte][data-ecran="activate"] .spinner { width:18px; height:18px; flex:0 0 18px; border-radius:50%; border:2px solid var(--vert-l); border-top-color:var(--vert); animation:spin .7s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
html[data-refonte][data-ecran="activate"] .actions-inline { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1.2rem; }
html[data-refonte][data-ecran="activate"] .btn-ghost { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.6rem 1rem; border-radius:10px; border:1px solid var(--border-strong); background:var(--surface); color:var(--ink); font-weight:600; font-size:.9rem; text-decoration:none; cursor:pointer; font-family:inherit; transition:background .18s ease, border-color .18s ease; }
html[data-refonte][data-ecran="activate"] .btn-ghost:hover { background:var(--surface-2); border-color:var(--ink-3); }
html[data-refonte][data-ecran="activate"] .btn-ghost:focus-visible { outline:3px solid var(--vert); outline-offset:2px; }
@media (max-width:420px) {
  html[data-refonte][data-ecran="activate"] .actions-inline .btn-ghost { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-refonte][data-ecran="activate"] *:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { transition:none !important; }
  html[data-refonte][data-ecran="activate"] .spinner { animation:none; border-top-color:var(--vert); }
}
/* <<< origine:activate */

/* >>> habillage:tikampeur — espace TiKampeur (lot 13 : accueil, séjours, profil, recherche, favoris, voyage, compte, connexion) */
html[data-refonte][data-ecran="tikampeur"] body { font-size:1rem; padding-bottom:0; }
html[data-refonte][data-ecran="tikampeur"] .rf-espace { width:100%; max-width:1240px; padding-block:var(--e-6) var(--e-8); }

/* Présentation : avatar, titre, points */
html[data-refonte][data-ecran="tikampeur"] .rf-intro { display:flex; align-items:center; gap:var(--e-5); margin-bottom:var(--e-5); }
html[data-refonte][data-ecran="tikampeur"] .rf-intro-texte { min-width:0; }
html[data-refonte][data-ecran="tikampeur"] .rf-intro h1 { margin:var(--e-2) 0; font-size:clamp(1.9375rem, 3.2vw, 2.5rem); line-height:1.1; letter-spacing:-.045em; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="tikampeur"] .rf-intro-sub { max-width:60ch; color:var(--ink-2); font-size:1.0625rem; }
html[data-refonte][data-ecran="tikampeur"] .rf-avatar-lien { flex:none; display:block; border-radius:50%; text-decoration:none; }
html[data-refonte][data-ecran="tikampeur"] .rf-avatar-lien:has(.tk-avatar:empty) { display:none; }
html[data-refonte][data-ecran="tikampeur"] .anon .rf-avatar-lien { display:none; }
html[data-refonte][data-ecran="tikampeur"] .rf-avatar-lien .tk-avatar { width:72px; height:72px; font-size:1.5rem; border:0; box-shadow:none; }
html[data-refonte][data-ecran="tikampeur"] .rf-identite { display:flex; align-items:center; flex-wrap:wrap; gap:var(--e-1) var(--e-3); margin-top:var(--e-2); }
html[data-refonte][data-ecran="tikampeur"] .rf-identite .name { font-weight:500; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="tikampeur"] .rf-identite.rf-nom-repete .name { display:none; }
html[data-refonte][data-ecran="tikampeur"] .rf-identite .meta { display:flex; align-items:center; }
html[data-refonte][data-ecran="tikampeur"] .rf-identite .meta:empty { display:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-badge-loy { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid #ECD7A9; border-radius:999px; background:var(--accent-soft); color:var(--accent-ink); font-size:.8125rem; font-weight:600; line-height:1.2; }

/* Navigation de l'espace : une ligne d'onglets (tablette, ordinateur), barre du bas (téléphone) */
html[data-refonte][data-ecran="tikampeur"] .tk-tabbar { z-index:30; box-shadow:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-tab[aria-current="page"] { border-radius:10px; background:var(--primary-soft); color:var(--primary-hover); }
@media (min-width:768px) {
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav { position:static; flex-direction:row; flex-wrap:wrap; gap:var(--e-2); margin:0 0 var(--e-6); padding:0 0 var(--e-4); border:0; border-bottom:1px solid var(--border); border-radius:0; background:none; box-shadow:none; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button { width:auto; min-height:48px; gap:var(--e-2); padding:var(--e-3) var(--e-4); border-radius:10px; color:var(--primary-hover); font-size:.875rem; font-weight:600; transition:background-color var(--transition); }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button:hover { background:var(--bg-2); }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button[aria-current="page"] { background:var(--primary-soft); box-shadow:none; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button svg { width:22px; height:22px; }
}
@media (min-width:768px) and (max-width:1050px) {
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav { gap:2px; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button { padding-inline:10px; }
  html[data-refonte][data-ecran="tikampeur"] .tk-sidenav button svg { width:20px; height:20px; }
}
@media (max-width:767px) {
  html[data-refonte][data-ecran="tikampeur"] body { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
}

/* Contenu */
html[data-refonte][data-ecran="tikampeur"] main { grid-column:auto; max-width:none; margin:0; padding:0; }
html[data-refonte][data-ecran="tikampeur"] section.tk-panel { padding:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-panel-inner { max-width:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-h2 { margin:0 0 var(--e-4); font-size:clamp(1.4375rem, 2.2vw, 1.6875rem); font-weight:600; line-height:1.2; letter-spacing:-.03em; }
html[data-refonte][data-ecran="tikampeur"] .tk-sub { max-width:70ch; margin-bottom:var(--e-5); color:var(--ink-2); font-size:1rem; }
html[data-refonte][data-ecran="tikampeur"] .tk-hint { color:var(--ink-3); }
html[data-refonte][data-ecran="tikampeur"] .tk-card { padding:var(--e-5); border-radius:var(--r-lg); box-shadow:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-card h3 { font-size:1.25rem; font-weight:600; letter-spacing:-.02em; }
html[data-refonte][data-ecran="tikampeur"] .tk-panel-inner > .tk-card { margin-bottom:var(--e-5); }
html[data-refonte][data-ecran="tikampeur"] .tk-cards { display:grid; grid-template-columns:minmax(0, 1fr); gap:var(--e-5); }
html[data-refonte][data-ecran="tikampeur"] .sk-card { height:120px; margin-bottom:0; border-radius:var(--r-lg); }

/* Boutons : ceux du socle */
html[data-refonte][data-ecran="tikampeur"] main .btn { gap:var(--e-2); min-height:48px; padding:var(--e-3) 20px; border-radius:var(--r-md); font-size:.9375rem; font-weight:600; line-height:1.35; }
html[data-refonte][data-ecran="tikampeur"] main .btn svg { width:18px; height:18px; flex:none; }
html[data-refonte][data-ecran="tikampeur"] main .btn-ghost { background:var(--surface); border-color:var(--border); color:var(--ink); }
html[data-refonte][data-ecran="tikampeur"] main .btn-ghost:hover { background:var(--bg-2); border-color:var(--border-fort); color:var(--ink); }
html[data-refonte][data-ecran="tikampeur"] main .btn-light { background:var(--surface); border-color:var(--border); color:var(--ink); }
html[data-refonte][data-ecran="tikampeur"] main .btn-light:hover { background:var(--bg-2); border-color:var(--border-fort); }
html[data-refonte][data-ecran="tikampeur"] main .btn-block { min-width:0; }
html[data-refonte][data-ecran="tikampeur"] main .btn[disabled] { opacity:1; }
html[data-refonte][data-ecran="tikampeur"] button.link { min-height:44px; color:var(--primary-hover); font-weight:600; }
/* Dans un message : la phrase d'abord, puis son action sur sa ligne (voir le script de la refonte). */
html[data-refonte][data-ecran="tikampeur"] .msg span { min-width:0; }
html[data-refonte][data-ecran="tikampeur"] .msg button.link { min-height:0; padding:0; text-align:left; }
html[data-refonte][data-ecran="tikampeur"] .msg .rf-msg-actions { display:block; margin-top:var(--e-1); }
html[data-refonte][data-ecran="tikampeur"] .msg .rf-msg-actions button.link { min-height:44px; }
/* Carte de départ : puce sobre à la place du pictogramme écrit par la page d'origine. */
html[data-refonte][data-ecran="tikampeur"] .dep-list li > .ic { flex:none; align-self:flex-start; width:8px; height:8px; margin-top:.55em; border-radius:50%; background:var(--primary); font-size:0; }
/* Mon voyage (composant partagé avec la carte) : même habillage que les autres vues. */
html[data-refonte][data-ecran="tikampeur"] #voyage-box .tv-panel { border-radius:var(--r-lg); box-shadow:none; }
html[data-refonte][data-ecran="tikampeur"] #tv-title { font-size:clamp(1.4375rem, 2.2vw, 1.6875rem); font-weight:600; line-height:1.2; letter-spacing:-.03em; }
html[data-refonte][data-ecran="tikampeur"] #tv-title::after { content:'.'; }
html[data-refonte][data-ecran="tikampeur"] .tv-stats { color:var(--ink-2); font-size:.9375rem; }
html[data-refonte][data-ecran="tikampeur"] .tv-sync { color:var(--ink-2); font-size:.875rem; line-height:1.5; }
html[data-refonte][data-ecran="tikampeur"] .tv-sync a { display:inline-flex; align-items:center; min-height:44px; color:var(--primary-hover); font-size:.9375rem; font-weight:600; }
html[data-refonte][data-ecran="tikampeur"] .depart-card .lbl { font-size:.8125rem; }
html[data-refonte][data-ecran="tikampeur"] .depart-hint { color:var(--ink-2); font-size:.875rem; }
html[data-refonte][data-ecran="tikampeur"] .tv-toll { font-size:.9375rem; }
html[data-refonte][data-ecran="tikampeur"] .tv-map-empty { color:var(--ink-2); }

/* Champs */
html[data-refonte][data-ecran="tikampeur"] .tk-field label { color:var(--ink); font-size:.875rem; font-weight:500; }
html[data-refonte][data-ecran="tikampeur"] .tk-field input,
html[data-refonte][data-ecran="tikampeur"] .tk-field select { min-height:48px; padding:var(--e-3); border:1px solid var(--border-fort); border-radius:10px; font-size:1rem; }
html[data-refonte][data-ecran="tikampeur"] .tk-field input:hover,
html[data-refonte][data-ecran="tikampeur"] .tk-field select:hover { border-color:var(--ink-3); }
html[data-refonte][data-ecran="tikampeur"] .tk-chip { min-height:44px; border-radius:10px; }

/* Accueil : derniers séjours + carnet de route */
html[data-refonte][data-ecran="tikampeur"] .rf-accueil-grille { display:grid; grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr); align-items:start; gap:var(--e-5); margin-bottom:var(--e-5); }
html[data-refonte][data-ecran="tikampeur"] .tk-more { margin-top:var(--e-4); }
html[data-refonte][data-ecran="tikampeur"] .tk-quick { display:grid; grid-template-columns:minmax(0, 1fr); gap:0; margin:0; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick a { display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; gap:0 var(--e-3); min-height:64px; padding:var(--e-3) var(--e-2); border:0; border-top:1px solid var(--border); border-radius:0; background:none; box-shadow:none; transition:background-color var(--transition); }
html[data-refonte][data-ecran="tikampeur"] .tk-quick a:hover { background:var(--primary-soft); transform:none; box-shadow:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick .ic { grid-row:1 / span 2; margin:0; border-radius:10px; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick b { font-size:1rem; font-weight:600; }
html[data-refonte][data-ecran="tikampeur"] .tk-quick span.sub { font-size:.8125rem; line-height:1.4; }
html[data-refonte][data-ecran="tikampeur"] .rf-carnet .tk-hint { margin-bottom:var(--e-4); }
html[data-refonte][data-ecran="tikampeur"] #carnet-tk-body > * + * { margin-top:var(--e-3); }
html[data-refonte][data-ecran="tikampeur"] .tk-carnet-more { margin-top:var(--e-4); }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay { border-radius:var(--r-md); }
html[data-refonte][data-ecran="tikampeur"] .tk-next-stay .go { display:inline-flex; align-items:center; min-height:44px; }

/* Carte d'un séjour */
html[data-refonte][data-ecran="tikampeur"] .tk-stay { gap:var(--e-4); box-shadow:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay.is-link:hover { border-color:var(--border-fort); box-shadow:none; transform:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-head h3 { font-size:1.375rem; }
html[data-refonte][data-ecran="tikampeur"] .tk-pill { gap:var(--e-2); padding:6px var(--e-3); border:1px solid var(--primary-soft-border); font-size:.75rem; }
html[data-refonte][data-ecran="tikampeur"] .tk-pill::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--primary); }
html[data-refonte][data-ecran="tikampeur"] .tk-pill.is-off { border-color:var(--border); background:var(--bg-2); color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .tk-pill.is-off::before { background:var(--ink-3); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts { gap:var(--e-3); }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts dt { font-size:.875rem; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-facts dd { font-size:.875rem; }
html[data-refonte][data-ecran="tikampeur"] .tk-stay-actions { gap:10px; }

/* Listes du compte, états vides, favoris */
html[data-refonte][data-ecran="tikampeur"] .tk-list { border-radius:var(--r-lg); box-shadow:none; }
html[data-refonte][data-ecran="tikampeur"] .tk-list a,
html[data-refonte][data-ecran="tikampeur"] .tk-list button { min-height:64px; padding:var(--e-3) var(--e-5); font-size:1rem; font-weight:500; }
html[data-refonte][data-ecran="tikampeur"] .tk-list .danger { color:var(--danger); }
html[data-refonte][data-ecran="tikampeur"] .tk-empty { border-radius:var(--r-lg); }
html[data-refonte][data-ecran="tikampeur"] .tk-empty h3 { font-size:1.25rem; font-weight:600; }
html[data-refonte][data-ecran="tikampeur"] .tk-fav-card { border-radius:var(--r-lg); box-shadow:none; }

/* Connexion et création de compte */
html[data-refonte][data-ecran="tikampeur"] .rf-roles { display:flex; flex-wrap:wrap; gap:var(--e-2); margin-bottom:var(--e-5); }
html[data-refonte][data-ecran="tikampeur"] .rf-roles [aria-current="page"] { cursor:default; }
html[data-refonte][data-ecran="tikampeur"] .tk-auth { max-width:none; margin:0; }
html[data-refonte][data-ecran="tikampeur"] .rf-auth-grille { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr); align-items:start; gap:var(--e-6); }
html[data-refonte][data-ecran="tikampeur"] .tk-auth .tk-card { max-width:none; margin:0; padding:var(--e-6); }
html[data-refonte][data-ecran="tikampeur"] .tk-auth .btn-block { width:100%; }
html[data-refonte][data-ecran="tikampeur"] .tk-auth .switch { margin-top:var(--e-3); font-size:.9375rem; }
html[data-refonte][data-ecran="tikampeur"] .rf-a-cote { padding:var(--e-5) 0 0 var(--e-5); border-left:3px solid var(--primary-soft-border); }
html[data-refonte][data-ecran="tikampeur"] .rf-a-cote h2 { font-size:1.5625rem; }
html[data-refonte][data-ecran="tikampeur"] .rf-a-cote p { margin-top:var(--e-3); color:var(--ink-2); }
html[data-refonte][data-ecran="tikampeur"] .rf-a-cote .inline-link { color:var(--primary-hover); }
html[data-refonte][data-ecran="tikampeur"] .rf-google { margin-top:var(--e-4); }
html[data-refonte][data-ecran="tikampeur"] .rf-ou { display:flex; align-items:center; gap:var(--e-3); margin-bottom:var(--e-3); color:var(--ink-3); font-size:.8125rem; }
html[data-refonte][data-ecran="tikampeur"] .rf-ou span { flex:1; height:1px; background:var(--border); }
html[data-refonte][data-ecran="tikampeur"] .rf-centre { display:flex; justify-content:center; }
html[data-refonte][data-ecran="tikampeur"] .rf-centre .btn { width:100%; }
html[data-refonte][data-ecran="tikampeur"] .rf-google-note { margin-top:var(--e-2); color:var(--ink-3); font-size:.8125rem; text-align:center; }

@media (max-width:900px) {
  html[data-refonte][data-ecran="tikampeur"] .rf-accueil-grille,
  html[data-refonte][data-ecran="tikampeur"] .rf-auth-grille { grid-template-columns:minmax(0, 1fr); }
  html[data-refonte][data-ecran="tikampeur"] .rf-a-cote { padding:var(--e-5) 0 0; border-left:0; border-top:1px solid var(--border); }
}
@media (max-width:650px) {
  html[data-refonte][data-ecran="tikampeur"] .rf-espace { padding-block:var(--e-5) var(--e-7); }
  html[data-refonte][data-ecran="tikampeur"] .rf-intro { align-items:flex-start; gap:14px; }
  html[data-refonte][data-ecran="tikampeur"] .rf-avatar-lien .tk-avatar { width:52px; height:52px; font-size:1.1875rem; }
  html[data-refonte][data-ecran="tikampeur"] .rf-intro-sub { font-size:1rem; }
  html[data-refonte][data-ecran="tikampeur"] .tk-card { padding:20px; border-radius:var(--e-4); }
  html[data-refonte][data-ecran="tikampeur"] .tk-auth .tk-card { padding:20px; }
  html[data-refonte][data-ecran="tikampeur"] .tk-stay-actions { display:grid; grid-template-columns:minmax(0, 1fr); }
  html[data-refonte][data-ecran="tikampeur"] .tk-stay-actions .btn { width:100%; }
  html[data-refonte][data-ecran="tikampeur"] .rf-roles .btn { flex:1; padding-inline:var(--e-2); }
}
/* <<< habillage:tikampeur */

/* >>> habillage:activate — activation de compte et nouveau mot de passe (lot 13 : états « lien », « activation », « réinitialisation ») */
html[data-refonte][data-ecran="activate"] body { background:var(--bg); color:var(--ink); }
html[data-refonte][data-ecran="activate"] main.rf-compte { flex:1 0 auto; max-width:1240px; margin:0 auto; padding:var(--e-6) var(--gouttiere) var(--e-8); }
html[data-refonte][data-ecran="activate"] header.rf-intro { max-width:720px; margin-bottom:var(--e-5); padding:0; overflow:visible; background:none; }
html[data-refonte][data-ecran="activate"] header.rf-intro::after { content:none; }
html[data-refonte][data-ecran="activate"] header.rf-intro h1 { max-width:none; margin:var(--e-2) 0; font-size:clamp(1.9375rem, 3.2vw, 2.5rem); line-height:1.1; letter-spacing:-.045em; }
html[data-refonte][data-ecran="activate"] header.rf-intro h1 .it { color:inherit; font-style:normal; font-weight:inherit; }
html[data-refonte][data-ecran="activate"] header.rf-intro p.sub { max-width:60ch; margin:0; color:var(--ink-2); font-size:1.0625rem; }
html[data-refonte][data-ecran="activate"] .card { max-width:720px; padding:var(--e-6); border-radius:var(--r-lg); box-shadow:none; }
html[data-refonte][data-ecran="activate"] .card h2 { margin:0 0 var(--e-3); font-size:1.5625rem; letter-spacing:-.03em; }
html[data-refonte][data-ecran="activate"] .muted { color:var(--ink-3); font-size:.9375rem; }
/* Lien expiré : le grand titre le dit (script de la refonte) ; le titre de la carte ne le répète pas. */
html[data-refonte][data-ecran="activate"] .rf-lien-expire #error-block h2 { display:none; }
html[data-refonte][data-ecran="activate"] .rf-lien-expire #error-text { color:var(--ink-2); font-size:1.0625rem; }
html[data-refonte][data-ecran="activate"] .rf-aide { margin-top:var(--e-2); font-size:.875rem; }
html[data-refonte][data-ecran="activate"] .field { margin-bottom:var(--e-4); }
html[data-refonte][data-ecran="activate"] .field label { margin-bottom:var(--e-2); color:var(--ink); font-size:.875rem; font-weight:500; }
html[data-refonte][data-ecran="activate"] .field input { min-height:48px; padding:var(--e-3); border-color:var(--border-fort); }
html[data-refonte][data-ecran="activate"] .field input:hover { border-color:var(--ink-3); }
html[data-refonte][data-ecran="activate"] .field input:focus-visible { outline:3px solid var(--accent); outline-offset:2px; border-color:var(--primary); box-shadow:0 0 0 2px var(--ink); }
html[data-refonte][data-ecran="activate"] #submit { width:auto; min-width:min(100%, 18rem); min-height:48px; padding:var(--e-3) 20px; border-radius:var(--r-md); background:var(--primary); color:#fff; transition:background-color var(--transition); }
html[data-refonte][data-ecran="activate"] #submit:hover:not([disabled]) { background:var(--primary-hover); transform:none; }
html[data-refonte][data-ecran="activate"] #submit:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
html[data-refonte][data-ecran="activate"] #submit[disabled] { background:#E2E7E1; color:var(--ink-3); opacity:1; }
html[data-refonte][data-ecran="activate"] .info { border-left:0; border-radius:10px; padding:var(--e-3) var(--e-4); background:var(--primary-soft); color:var(--primary-hover); font-size:.9375rem; }
html[data-refonte][data-ecran="activate"] .msg { border-radius:10px; font-size:.9375rem; }
html[data-refonte][data-ecran="activate"] .msg.err { color:var(--danger); }
html[data-refonte][data-ecran="activate"] .actions-inline { gap:10px; margin-top:var(--e-5); }
html[data-refonte][data-ecran="activate"] .btn-ghost { min-height:48px; padding:var(--e-3) 20px; border-color:var(--border); border-radius:var(--r-md); font-size:.9375rem; transition:background-color var(--transition), border-color var(--transition); }
html[data-refonte][data-ecran="activate"] .btn-ghost:first-child { border-color:var(--primary); background:var(--primary); color:#fff; }
html[data-refonte][data-ecran="activate"] .btn-ghost:first-child:hover { border-color:var(--primary-hover); background:var(--primary-hover); }
html[data-refonte][data-ecran="activate"] .btn-ghost:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
@media (max-width:650px) {
  html[data-refonte][data-ecran="activate"] main.rf-compte { padding-block:var(--e-5) var(--e-7); }
  html[data-refonte][data-ecran="activate"] .card { padding:20px; border-radius:var(--e-4); }
  html[data-refonte][data-ecran="activate"] #submit { width:100%; }
  html[data-refonte][data-ecran="activate"] .actions-inline .btn-ghost { width:100%; }
}
/* <<< habillage:activate */

/* >>> origine:hote — styles de public/hote.html, reportés par scripts/refonte-porter-styles-comptes.js (ne pas modifier à la main) */
html[data-refonte][data-ecran="hote"] { --paper:#FAFAF7; --surface-2:#F4F3EE; --border-strong:#D4D8D1; --vert:#0F7C3C; --vert-d:#0A5F2D; --vert-l:#E6F4EB; --err:#E84747; --shadow:0 4px 14px rgba(10,31,20,.08), 0 1px 3px rgba(10,31,20,.05); }
html[data-refonte][data-ecran="hote"] *:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { box-sizing:border-box; }
html[data-refonte][data-ecran="hote"] body { margin:0; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:var(--paper); color:var(--ink); line-height:1.5; }
html[data-refonte][data-ecran="hote"] header:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; align-items:center; justify-content:space-between; gap:.8rem; padding:1rem 1.2rem; max-width:760px; margin:0 auto; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] header .h-right { display:flex; align-items:center; gap:1rem; }
html[data-refonte][data-ecran="hote"] a.fiche-link { color:var(--vert-d); font-weight:600; font-size:.86rem; text-decoration:none; display:inline-flex; align-items:center; gap:.3rem; }
html[data-refonte][data-ecran="hote"] a.fiche-link:hover { text-decoration:underline; }
html[data-refonte][data-ecran="hote"] a.fiche-link svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:14px; height:14px; }
html[data-refonte][data-ecran="hote"] main:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { max-width:760px; margin:0 auto; padding:0 1.2rem 4rem; }
html[data-refonte][data-ecran="hote"] .btn-logout { background:none; border:none; color:var(--ink-3); font-size:.85rem; cursor:pointer; font-family:inherit; }
html[data-refonte][data-ecran="hote"] .btn-logout:hover { color:var(--ink); }
html[data-refonte][data-ecran="hote"] #loading,
html[data-refonte][data-ecran="hote"] #notfound { text-align:center; padding:4rem 1rem; color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] #notfound { display:none; }
html[data-refonte][data-ecran="hote"] h2.section-title { font-size:1.05rem; margin:2rem 0 .8rem; }
html[data-refonte][data-ecran="hote"] h2.section-title:first-child { margin-top:.5rem; }
html[data-refonte][data-ecran="hote"] .card { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:1.2rem 1.3rem; box-shadow:var(--shadow); margin-bottom:1rem; }
html[data-refonte][data-ecran="hote"] .card h3:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 .8rem; font-size:.95rem; }
html[data-refonte][data-ecran="hote"] .lieu-switch { display:flex; gap:.5rem; overflow-x:auto; padding-bottom:.3rem; margin-bottom:1rem; }
html[data-refonte][data-ecran="hote"] .lieu-switch button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { flex:none; border:1.5px solid var(--border-strong); background:var(--surface); border-radius:999px; padding:.45rem 1rem; font-size:.86rem; font-weight:600; cursor:pointer; color:var(--ink-2); font-family:inherit; white-space:nowrap; }
html[data-refonte][data-ecran="hote"] .lieu-switch button.active { border-color:var(--vert); background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .lieu-switch .add { color:var(--ink-3); border-style:dashed; }
html[data-refonte][data-ecran="hote"] .mon-lieu { display:flex; gap:1rem; align-items:center; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-photo { width:88px; height:88px; border-radius:12px; flex:none; background:var(--vert-l); display:flex; align-items:center; justify-content:center; color:var(--vert-d); overflow:hidden; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-photo img:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; height:100%; object-fit:cover; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-photo svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:30px; height:30px; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-body { flex:1; min-width:0; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-nom { font-weight:700; font-size:1.1rem; margin:0 0 .2rem; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-meta { color:var(--ink-3); font-size:.84rem; margin:0 0 .5rem; display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-actions { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:.6rem; }
html[data-refonte][data-ecran="hote"] .pill { display:inline-block; font-size:.76rem; font-weight:600; padding:.2rem .6rem; border-radius:99px; margin-top:.2rem; }
html[data-refonte][data-ecran="hote"] .pill.ok { background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .pill.warn { background:var(--accent-soft); color:#8a5c05; }
html[data-refonte][data-ecran="hote"] .pill.off { background:var(--surface-2); color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-loc { display:flex; align-items:center; gap:.35rem; color:var(--ink-2); font-size:.86rem; margin:0 0 .2rem; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-loc svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:15px; height:15px; flex:none; color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] .ml-infos { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); }
html[data-refonte][data-ecran="hote"] .ml-infos > :last-child:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin-bottom:0; }
html[data-refonte][data-ecran="hote"] .ml-parrain { display:inline-flex; align-items:flex-start; gap:.4rem; font-size:.82rem; font-weight:600; color:#8a5c14; background:var(--accent-soft); border-radius:14px; padding:.4rem .8rem; margin:0 0 .8rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .ml-desc-lbl { font-size:.74rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-3); margin:0 0 .25rem; }
html[data-refonte][data-ecran="hote"] .ml-desc { margin:0 0 .8rem; color:var(--ink-2); font-size:.92rem; max-width:68ch; white-space:pre-line; overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden; }
html[data-refonte][data-ecran="hote"] .ml-desc-vide { display:block; width:100%; text-align:left; border:1.5px dashed var(--border-strong); background:none; border-radius:10px; padding:.6rem .8rem; margin:0 0 .8rem; font-family:inherit; font-size:.88rem; color:var(--ink-2); cursor:pointer; min-height:44px; }
html[data-refonte][data-ecran="hote"] .ml-desc-vide:hover { border-color:var(--vert); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .ml-infos .fine-print { margin-top:0; }
html[data-refonte][data-ecran="hote"] .aide { font-size:.84rem; color:var(--ink-2); margin:0 0 .6rem; max-width:68ch; }
html[data-refonte][data-ecran="hote"] .field { position:relative; margin-bottom:1rem; }
html[data-refonte][data-ecran="hote"] .field:last-child { margin-bottom:0; }
html[data-refonte][data-ecran="hote"] .tk-ac { position:absolute; top:100%; z-index:5; left:0; right:0; margin:4px 0 0; padding:4px; list-style:none; background:var(--surface); border:1px solid var(--border-strong); border-radius:12px; box-shadow:var(--shadow); max-height:280px; overflow:auto; }
html[data-refonte][data-ecran="hote"] .tk-ac-opt { display:flex; align-items:center; gap:8px; padding:9px 10px; border-radius:8px; cursor:pointer; font-size:.92rem; color:var(--ink); }
html[data-refonte][data-ecran="hote"] .tk-ac-opt.active,
html[data-refonte][data-ecran="hote"] .tk-ac-opt:hover { background:var(--vert-l); }
html[data-refonte][data-ecran="hote"] .tk-ac-ic { width:18px; text-align:center; flex:none; }
html[data-refonte][data-ecran="hote"] .tk-ac-empty { padding:10px; color:var(--ink-3); font-size:.9rem; }
html[data-refonte][data-ecran="hote"] .flabel { display:block; font-weight:600; font-size:.86rem; margin-bottom:.4rem; }
html[data-refonte][data-ecran="hote"] input[type=text]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] input[type=number]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] input[type=url]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] input[type=tel]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] input[type=email]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] textarea:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] select:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; padding:.65rem .8rem; border:1.5px solid var(--border-strong); border-radius:10px; font-family:inherit; font-size:.92rem; background:var(--surface); color:var(--ink); min-height:42px; }
html[data-refonte][data-ecran="hote"] input:focus:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] textarea:focus:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] select:focus:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:none; border-color:var(--vert); }
html[data-refonte][data-ecran="hote"] textarea:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:70px; resize:vertical; }
html[data-refonte][data-ecran="hote"] .chip-row { display:flex; flex-wrap:wrap; gap:.45rem; }
html[data-refonte][data-ecran="hote"] .chip { border:1.5px solid var(--border-strong); border-radius:999px; padding:.4rem .85rem; font-size:.84rem; cursor:pointer; user-select:none; }
html[data-refonte][data-ecran="hote"] .chip input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { position:absolute; opacity:0; width:0; height:0; }
html[data-refonte][data-ecran="hote"] .chip.checked { border-color:var(--vert); background:var(--vert-l); color:var(--vert-d); font-weight:600; }
html[data-refonte][data-ecran="hote"] .chip:has(input:focus-visible) { outline:2px solid var(--vert); outline-offset:2px; }
html[data-refonte][data-ecran="hote"] button.chip { background:var(--surface); font-family:inherit; color:inherit; min-height:40px; transition:border-color .15s ease, background-color .15s ease; }
html[data-refonte][data-ecran="hote"] .theme-chip { display:inline-flex; align-items:center; gap:.45rem; min-height:40px; }
html[data-refonte][data-ecran="hote"] .theme-chip .sw { width:14px; height:14px; border-radius:50%; flex:none; background:var(--t); box-shadow:0 0 0 1px rgba(10,15,10,.08); }
html[data-refonte][data-ecran="hote"] .chip.theme-chip.checked { border-color:var(--t); background:var(--t-l); color:var(--t-d); font-weight:600; }
html[data-refonte][data-ecran="hote"] .chip.theme-chip:has(input:focus-visible) { outline-color:var(--t); }
html[data-refonte][data-ecran="hote"] .bt-apercu { position:relative; width:100%; max-width:600px; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--surface-2); }
html[data-refonte][data-ecran="hote"] .bt-apercu iframe:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; border:0; transform-origin:0 0; pointer-events:none; }
html[data-refonte][data-ecran="hote"] .bt-photos { display:grid; gap:1rem; }
html[data-refonte][data-ecran="hote"] .bt-photo { display:flex; gap:.9rem; align-items:flex-start; }
html[data-refonte][data-ecran="hote"] .bt-photo-cadre { flex:none; width:160px; }
html[data-refonte][data-ecran="hote"] .bt-photo-vue { display:flex; align-items:center; justify-content:center; overflow:hidden; background:var(--surface-2); border:1.5px dashed var(--border-strong); color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] .bt-photo-vue.cover { width:160px; height:70px; border-radius:10px; }
html[data-refonte][data-ecran="hote"] .bt-photo-vue.logo { width:72px; height:72px; border-radius:14px; }
html[data-refonte][data-ecran="hote"] .bt-photo-vue.a-photo { border-style:solid; border-color:var(--border); }
html[data-refonte][data-ecran="hote"] .bt-photo-vue img:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; height:100%; object-fit:cover; display:block; }
html[data-refonte][data-ecran="hote"] .bt-photo-vue svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:22px; height:22px; }
html[data-refonte][data-ecran="hote"] .bt-photo-txt { flex:1; min-width:0; }
html[data-refonte][data-ecran="hote"] .bt-photo-txt strong:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; font-size:.9rem; }
html[data-refonte][data-ecran="hote"] .bt-photo-txt .fine-print { margin-top:.15rem; }
html[data-refonte][data-ecran="hote"] .bt-photo-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.5rem; }
@media (max-width:480px) {
  html[data-refonte][data-ecran="hote"] .bt-photo-cadre { width:104px; }
  html[data-refonte][data-ecran="hote"] .bt-photo-vue.cover { width:104px; height:46px; }
}
html[data-refonte][data-ecran="hote"] .chip-ro { border:1px solid var(--border); background:var(--surface-2); border-radius:999px; padding:.3rem .75rem; font-size:.8rem; color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] .toggle-row { display:flex; align-items:center; justify-content:space-between; padding:.55rem 0; border-bottom:1px solid var(--border); }
html[data-refonte][data-ecran="hote"] .toggle-row:last-child { border-bottom:none; }
html[data-refonte][data-ecran="hote"] .toggle-row span:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:.88rem; }
html[data-refonte][data-ecran="hote"] .switch { position:relative; width:40px; height:22px; flex:none; }
html[data-refonte][data-ecran="hote"] .switch input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { position:absolute; opacity:0; width:0; height:0; }
html[data-refonte][data-ecran="hote"] .switch .track { position:absolute; inset:0; background:var(--border-strong); border-radius:99px; transition:background .15s; }
html[data-refonte][data-ecran="hote"] .switch .knob { position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; transition:transform .15s; box-shadow:0 1px 2px rgba(0,0,0,.2); }
html[data-refonte][data-ecran="hote"] .switch input:checked + .track { background:var(--vert); }
html[data-refonte][data-ecran="hote"] .switch input:checked + .track .knob { transform:translateX(18px); }
html[data-refonte][data-ecran="hote"] .switch input:focus-visible + .track { outline:2px solid var(--vert); outline-offset:2px; }
html[data-refonte][data-ecran="hote"] .dispo-count { display:flex; gap:.4rem; margin-top:.6rem; }
html[data-refonte][data-ecran="hote"] .dispo-btn { flex:1; text-align:center; padding:.55rem .2rem; border:1.5px solid var(--border-strong); border-radius:9px; cursor:pointer; font-weight:700; font-size:.88rem; background:var(--surface); font-family:inherit; color:inherit; min-height:44px; transition:border-color .15s ease, background-color .15s ease; }
html[data-refonte][data-ecran="hote"] .dispo-btn.checked { border-color:var(--vert); background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .fraicheur { font-size:.8rem; color:var(--ink-3); margin-top:.5rem; }
html[data-refonte][data-ecran="hote"] button.primary { background:var(--vert); color:#fff; border:none; border-radius:9px; padding:.6rem 1.1rem; font-weight:600; font-size:.88rem; cursor:pointer; font-family:inherit; min-height:40px; }
html[data-refonte][data-ecran="hote"] button.primary:hover:not([disabled]) { background:var(--vert-d); }
html[data-refonte][data-ecran="hote"] button.primary[disabled] { opacity:.5; }
html[data-refonte][data-ecran="hote"] button.ghost,
html[data-refonte][data-ecran="hote"] a.ghost { display:inline-flex; align-items:center; justify-content:center; background:var(--surface); border:1.5px solid var(--border-strong); border-radius:9px; padding:.55rem 1rem; font-size:.86rem; font-weight:500; cursor:pointer; font-family:inherit; color:var(--ink-2); min-height:40px; text-decoration:none; transition:border-color .15s ease, color .15s ease, background-color .15s ease; }
html[data-refonte][data-ecran="hote"] button.ghost:hover:not([disabled]),
html[data-refonte][data-ecran="hote"] a.ghost:hover { border-color:var(--ink-3); color:var(--ink); }
html[data-refonte][data-ecran="hote"] button.ghost.danger { color:var(--danger); border-color:#EBC4C0; }
html[data-refonte][data-ecran="hote"] button.ghost.danger:hover:not([disabled]) { border-color:var(--danger); color:var(--danger); background:#FDF3F2; }
html[data-refonte][data-ecran="hote"] button.primary.danger { background:var(--danger); }
html[data-refonte][data-ecran="hote"] button.primary.danger:hover:not([disabled]) { background:#8C1D18; }
html[data-refonte][data-ecran="hote"] button.primary { transition:background-color .15s ease; }
html[data-refonte][data-ecran="hote"] button:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] a:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:2px solid var(--vert); outline-offset:2px; }
html[data-refonte][data-ecran="hote"] a.retour-lieux { display:inline-block; margin-bottom:1rem; color:var(--ink-3); text-decoration:none; font-size:.86rem; font-weight:600; }
html[data-refonte][data-ecran="hote"] a.retour-lieux:hover { color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .accueil-card { border:1px solid var(--border); border-radius:12px; padding:.9rem 1rem; margin-bottom:.7rem; }
html[data-refonte][data-ecran="hote"] .accueil-head { cursor:pointer; }
html[data-refonte][data-ecran="hote"] .accueil-head { display:flex; justify-content:space-between; align-items:flex-start; gap:.6rem; }
html[data-refonte][data-ecran="hote"] .accueil-eyebrow { font-size:.74rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-3); margin:0 0 .15rem; }
html[data-refonte][data-ecran="hote"] .accueil-headline { font-size:.98rem; font-weight:600; margin:0; }
html[data-refonte][data-ecran="hote"] .accueil-kebab { background:none; border:none; color:var(--ink-3); cursor:pointer; font-size:1.2rem; padding:.2rem .5rem; font-family:inherit; flex:none; min-width:44px; min-height:44px; border-radius:9px; margin:-.5rem -.5rem 0 0; }
html[data-refonte][data-ecran="hote"] .accueil-kebab:hover { color:var(--ink); background:var(--surface-2); }
html[data-refonte][data-ecran="hote"] .accueil-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.2rem; }
html[data-refonte][data-ecran="hote"] .accueil-actions .danger { margin-left:auto; }
@media (max-width:480px) {
  html[data-refonte][data-ecran="hote"] .accueil-actions .danger { margin-left:0; }
}
html[data-refonte][data-ecran="hote"] .accueil-pills { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.5rem; }
html[data-refonte][data-ecran="hote"] .accueil-edit { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); display:none; }
html[data-refonte][data-ecran="hote"] .accueil-card.open .accueil-edit { display:block; }
html[data-refonte][data-ecran="hote"] .equip-disclosure { margin-top:.6rem; }
html[data-refonte][data-ecran="hote"] .equip-disclosure summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { cursor:pointer; font-size:.86rem; font-weight:600; color:var(--vert-d); list-style:none; }
html[data-refonte][data-ecran="hote"] .equip-disclosure summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::-webkit-details-marker { display:none; }
html[data-refonte][data-ecran="hote"] .equip-disclosure summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::before { content:'+ '; }
html[data-refonte][data-ecran="hote"] .equip-disclosure[open] summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::before { content:'− '; }
html[data-refonte][data-ecran="hote"] .equip-grid { display:grid; grid-template-columns:1fr 1fr; gap:.4rem .8rem; margin-top:.6rem; }
@media (max-width:420px) {
  html[data-refonte][data-ecran="hote"] .equip-grid { grid-template-columns:1fr; }
}
html[data-refonte][data-ecran="hote"] .equip-cb { display:flex; align-items:center; gap:.45rem; font-size:.86rem; }
html[data-refonte][data-ecran="hote"] .equip-cb input:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:2px solid var(--vert); outline-offset:2px; }
html[data-refonte][data-ecran="hote"] .add-accueil-tile { display:block; width:100%; background:none; font-family:inherit; border:1.5px dashed var(--border-strong); border-radius:12px; padding:.9rem 1rem; text-align:center; cursor:pointer; color:var(--ink-3); font-weight:600; font-size:.88rem; min-height:48px; transition:border-color .15s ease, color .15s ease; }
html[data-refonte][data-ecran="hote"] .add-accueil-tile[disabled] { opacity:.6; cursor:progress; }
html[data-refonte][data-ecran="hote"] .add-accueil-tile:hover { border-color:var(--vert); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .produits-grid { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
@media (max-width:480px) {
  html[data-refonte][data-ecran="hote"] .produits-grid { grid-template-columns:1fr; }
}
html[data-refonte][data-ecran="hote"] .produit-card { border:1px solid var(--border); border-radius:12px; overflow:hidden; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-photo { aspect-ratio:4/3; background:var(--surface-2); display:flex; align-items:center; justify-content:center; color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] .produit-card .pc-photo img:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; height:100%; object-fit:cover; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-photo svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:26px; height:26px; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-body { padding:.7rem .8rem; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-eyebrow { font-size:.7rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-3); margin:0 0 .15rem; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-titre { font-size:.92rem; font-weight:600; margin:0 0 .25rem; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-desc { font-size:.8rem; color:var(--ink-2); margin:0 0 .35rem; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-prix { font-size:.85rem; font-weight:700; color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .produit-card .pc-actions { display:flex; justify-content:space-between; align-items:center; padding:0 .8rem .7rem; }
html[data-refonte][data-ecran="hote"] .produit-add-tile { border:1.5px dashed var(--border-strong); border-radius:12px; display:flex; align-items:center; justify-content:center; min-height:160px; cursor:pointer; color:var(--ink-3); font-size:1.6rem; background:none; font-family:inherit; width:100%; transition:border-color .15s ease, color .15s ease; }
html[data-refonte][data-ecran="hote"] .produit-add-tile:hover:not([disabled]) { border-color:var(--vert); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .produit-add-tile[disabled] { opacity:.55; cursor:progress; }
html[data-refonte][data-ecran="hote"] .outils-card { background:var(--surface-2); border-color:var(--border); }
html[data-refonte][data-ecran="hote"] .outils-card h3:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--ink); display:flex; align-items:center; gap:.5rem; }
html[data-refonte][data-ecran="hote"] .outils-card p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:.86rem; color:var(--ink-2); margin:.3rem 0 .8rem; }
html[data-refonte][data-ecran="hote"] .outils-line { display:flex; align-items:center; gap:.55rem; font-size:.86rem; color:var(--ink-2); margin-bottom:.45rem; }
html[data-refonte][data-ecran="hote"] .outils-line svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:17px; height:17px; flex:none; color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .fine-print { font-size:.78rem; color:var(--ink-3); margin-top:.5rem; }
html[data-refonte][data-ecran="hote"] .boutique-sur-devis { margin-top:.8rem; padding:.85rem 1rem; border-radius:12px; background:var(--vert-l); border:1px solid #CFE6D7; }
html[data-refonte][data-ecran="hote"] .boutique-sur-devis .bsd-titre { margin:0 0 .6rem; font-weight:600; color:var(--ink); }
html[data-refonte][data-ecran="hote"] .boutique-sur-devis .fine-print { margin:-.3rem 0 .6rem; color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] .tarif-opt { display:flex; gap:.65rem; align-items:flex-start; border:1.5px solid var(--border-strong); border-radius:10px; padding:.65rem .8rem; margin-bottom:.5rem; cursor:pointer; font-size:.9rem; }
html[data-refonte][data-ecran="hote"] .tarif-opt:has(input:checked) { border-color:var(--vert); background:var(--vert-l); }
html[data-refonte][data-ecran="hote"] .tarif-opt:has(input:focus-visible) { outline:2px solid var(--vert); outline-offset:2px; }
html[data-refonte][data-ecran="hote"] .tarif-opt input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:.2rem 0 0; width:18px; height:18px; flex:none; accent-color:var(--vert); }
html[data-refonte][data-ecran="hote"] .tarif-opt .sous { color:var(--ink-2); font-size:.84rem; }
html[data-refonte][data-ecran="hote"] .tarif-apercu { font-size:.84rem; color:var(--vert-d); background:var(--vert-l); border-radius:8px; padding:.55rem .75rem; margin:.2rem 0 .9rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] fieldset.tarif-modes { border:0; padding:0; margin:0 0 .6rem; min-width:0; }
html[data-refonte][data-ecran="hote"] fieldset.tarif-modes legend:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:0; font-weight:600; font-size:.86rem; margin-bottom:.4rem; }
html[data-refonte][data-ecran="hote"] .msg { font-size:.85rem; margin-top:.5rem; min-height:1.1em; }
html[data-refonte][data-ecran="hote"] .msg.err { color:#B3261E; font-weight:600; }
html[data-refonte][data-ecran="hote"] .msg.ok { color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] a.cmd-link { display:inline-flex; align-items:center; gap:.4rem; min-height:44px; padding:0 .4rem; color:var(--ink); font-weight:700; font-size:.88rem; text-decoration:none; }
html[data-refonte][data-ecran="hote"] a.cmd-link:hover { text-decoration:underline; }
html[data-refonte][data-ecran="hote"] a.cmd-link[hidden],
html[data-refonte][data-ecran="hote"] .pastille[hidden],
html[data-refonte][data-ecran="hote"] .err-champ[hidden] { display:none; }
html[data-refonte][data-ecran="hote"] .pastille { display:inline-flex; align-items:center; justify-content:center; min-width:1.5rem; height:1.5rem; padding:0 .45rem; border-radius:999px; background:#B3261E; color:#fff; font-size:.78rem; font-weight:700; }
html[data-refonte][data-ecran="hote"] .alerte-cmd { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.6rem; margin:.5rem 0 1rem; padding:.8rem 1rem; border-radius:12px; background:var(--accent-soft); color:#5E3E05; font-weight:600; }
html[data-refonte][data-ecran="hote"] .alerte-cmd button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] .cmd { padding:.9rem 0; border-bottom:1px solid var(--border); }
html[data-refonte][data-ecran="hote"] .resa { border-bottom:1px solid var(--border); padding:.7rem 0; }
html[data-refonte][data-ecran="hote"] .resa:last-child { border-bottom:0; }
html[data-refonte][data-ecran="hote"] .resa summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { cursor:pointer; display:flex; justify-content:space-between; gap:.4rem .8rem; flex-wrap:wrap; align-items:baseline; min-height:24px; }
html[data-refonte][data-ecran="hote"] .resa summary:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:2px solid var(--vert); outline-offset:2px; border-radius:4px; }
html[data-refonte][data-ecran="hote"] .resa summary .qui { font-weight:600; }
html[data-refonte][data-ecran="hote"] .resa summary .net { font-weight:700; color:var(--vert-d); white-space:nowrap; }
html[data-refonte][data-ecran="hote"] .resa dl:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:grid; grid-template-columns:1fr auto; gap:.3rem .8rem; margin:.6rem 0 0; font-size:.86rem; }
html[data-refonte][data-ecran="hote"] .resa dt:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] .resa dd:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; text-align:right; white-space:nowrap; }
html[data-refonte][data-ecran="hote"] .resa .tot { font-weight:700; border-top:1px solid var(--border); padding-top:.3rem; }
html[data-refonte][data-ecran="hote"] .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html[data-refonte][data-ecran="hote"] .resa .resa-actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:flex-end; margin-top:.7rem; }
html[data-refonte][data-ecran="hote"] .resa .resa-actions label:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:.82rem; color:var(--ink-2); display:flex; flex-direction:column; gap:.25rem; }
html[data-refonte][data-ecran="hote"] .resa .resa-actions input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:9rem; min-height:40px; padding:.45rem .6rem; border:1.5px solid var(--border-strong); border-radius:9px; font:inherit; }
html[data-refonte][data-ecran="hote"] .resa .etat { display:inline-block; font-size:.78rem; font-weight:600; padding:.15rem .55rem; border-radius:99px; background:var(--surface-2, #F4F3EE); color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] .resa .etat.a-faire { background:#FEF1DD; color:#8A5A12; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-toggle { cursor:pointer; min-height:44px; gap:1rem; border-bottom:0; padding:.4rem 0; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-toggle > span:first-child:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-weight:600; font-size:.92rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-details { margin-top:.8rem; padding-top:1rem; border-top:1px solid var(--border); }
html[data-refonte][data-ecran="hote"] #sat-card .sat-perso { margin:0 0 1rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-perso summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; display:flex; align-items:center; gap:.3rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-perso[open] summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin-bottom:.4rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-compteur { text-align:right; margin-top:.25rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-facultatif { font-weight:400; color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] #sat-card .sat-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-actions button[hidden]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:none; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-retours { margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--border); }
html[data-refonte][data-ecran="hote"] #sat-card .sat-retours h4:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 .6rem; font-size:.92rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-chiffres { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:.5rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-chiffre { background:var(--vert-l); border-radius:10px; padding:.55rem .6rem; min-width:0; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-chiffre strong:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; font-size:1.1rem; color:var(--ink); }
html[data-refonte][data-ecran="hote"] #sat-card .sat-chiffre span:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; font-size:.78rem; color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] #sat-card .sat-retour { border-top:1px solid var(--border); padding:.7rem 0 .2rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-retour:first-child { border-top:0; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-note { margin:0; font-weight:600; font-size:.9rem; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-etoiles { color:#8A5A12; letter-spacing:.06em; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-commentaire { margin:.3rem 0 0; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink-2); font-size:.9rem; max-width:68ch; }
html[data-refonte][data-ecran="hote"] #sat-card .sat-retour .fine-print { margin-top:.25rem; }
html[data-refonte][data-ecran="hote"] .tk-modal.sat-apercu { max-width:640px; max-height:calc(100dvh - 32px); overflow:auto; }
html[data-refonte][data-ecran="hote"] .tk-modal.sat-apercu .sat-apercu-objet { margin:0 0 .2rem; font-weight:600; font-size:.9rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .tk-modal.sat-apercu .sat-apercu-note { margin:0 0 .8rem; }
html[data-refonte][data-ecran="hote"] .tk-modal.sat-apercu iframe:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; width:100%; height:min(60vh, 520px); border:1px solid var(--border); border-radius:10px; background:#fff; margin-bottom:16px; }
@media (max-width:420px) {
  html[data-refonte][data-ecran="hote"] #sat-card .sat-chiffre strong:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:1rem; }
  html[data-refonte][data-ecran="hote"] #sat-card .sat-chiffre span:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:.74rem; }
}
html[data-refonte][data-ecran="hote"] #pel-card ol:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { list-style:none; margin:.6rem 0 0; padding:0; display:flex; flex-direction:column; gap:.6rem; }
html[data-refonte][data-ecran="hote"] #pel-card li:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; gap:.7rem; align-items:flex-start; padding:.7rem .8rem; border:1px solid var(--border); border-radius:12px; }
html[data-refonte][data-ecran="hote"] #pel-card li .pastille-etape { flex:none; width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.85rem; background:#FEF1DD; color:#8A5A12; }
html[data-refonte][data-ecran="hote"] #pel-card li.ok .pastille-etape { background:var(--vert-l, #E6F4EB); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] #pel-card li .etape-titre { font-weight:600; font-size:.9rem; margin:0 0 .15rem; }
html[data-refonte][data-ecran="hote"] #pel-card li .etape-texte { font-size:.85rem; color:var(--ink-2); margin:0; }
html[data-refonte][data-ecran="hote"] #pel-card .pel-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.9rem; align-items:center; }
html[data-refonte][data-ecran="hote"] #pel-card .pel-etat { font-weight:600; font-size:.9rem; }
html[data-refonte][data-ecran="hote"] #taxe-card dl.taxe-resume { margin:0; display:flex; flex-direction:column; gap:.75rem; }
html[data-refonte][data-ecran="hote"] #taxe-card dl.taxe-resume dt:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { font-size:.74rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--ink-3); margin:0 0 .15rem; }
html[data-refonte][data-ecran="hote"] #taxe-card dl.taxe-resume dd:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; font-size:.92rem; color:var(--ink); overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-montant { font-weight:700; font-size:1rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-sous { display:block; color:var(--ink-2); font-size:.84rem; margin-top:.15rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-attente { margin:.9rem 0 0; padding:.8rem .9rem; border-radius:12px; background:var(--accent-soft); color:#5E3E05; font-size:.88rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-attente strong:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; margin-bottom:.3rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-attente ol:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-attente ul:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:.3rem 0 0; padding-left:1.2rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele { margin-top:.7rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { cursor:pointer; font-weight:600; list-style:none; padding:.7rem 0; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::-webkit-details-marker,
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::-webkit-details-marker { display:none; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::before,
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::before { content:'+ '; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele[open] summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::before,
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots[open] summary:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *))::before { content:'− '; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele summary:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots summary:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:2px solid var(--vert); outline-offset:2px; border-radius:4px; }
html[data-refonte][data-ecran="hote"] #taxe-card input[type=date]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] #taxe-card input[type=file]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; min-height:44px; font-family:inherit; font-size:.92rem; }
html[data-refonte][data-ecran="hote"] #taxe-card input[type=date]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:.65rem .8rem; border:1.5px solid var(--border-strong); border-radius:10px; background:var(--surface); color:var(--ink); }
html[data-refonte][data-ecran="hote"] #taxe-card input[type=file]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:.5rem 0; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-modele blockquote:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:.4rem 0 .6rem; padding:.6rem .8rem; border-left:3px solid var(--border-strong); background:var(--surface); color:var(--ink-2); font-size:.86rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-form { margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-form[hidden] { display:none; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.9rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] #taxe-card fieldset.field { margin-bottom:1rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-oui-non { display:flex; gap:.5rem; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-oui-non label:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; align-items:center; gap:.4rem; min-height:44px; padding:0 .9rem; border:1.5px solid var(--border-strong); border-radius:10px; cursor:pointer; font-size:.9rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-oui-non label:has(input:checked):not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-color:var(--vert); background:var(--vert-l); }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-oui-non input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { accent-color:var(--vert); width:18px; height:18px; margin:0; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots { margin-top:1rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots ul:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { list-style:none; margin:.3rem 0 0; padding:0; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots li:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:.55rem 0; border-bottom:1px solid var(--border); font-size:.86rem; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots li:last-child:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-bottom:0; }
html[data-refonte][data-ecran="hote"] #taxe-card .taxe-depots .fine-print { margin-top:.15rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .cmd:last-child { border-bottom:0; }
html[data-refonte][data-ecran="hote"] .cmd-tete { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:.4rem .8rem; }
html[data-refonte][data-ecran="hote"] .cmd-tete .num { font-weight:700; }
html[data-refonte][data-ecran="hote"] .cmd ul:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:.4rem 0; padding-left:1.1rem; font-size:.9rem; }
html[data-refonte][data-ecran="hote"] .cmd .acheteur { font-size:.88rem; color:var(--ink-2); overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .cmd .acheteur a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:inline-flex; align-items:center; min-height:44px; color:var(--vert-d); font-weight:600; }
html[data-refonte][data-ecran="hote"] .cmd-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.4rem; }
html[data-refonte][data-ecran="hote"] .cmd-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] .etiquette { display:inline-block; padding:.15rem .6rem; border-radius:999px; font-size:.78rem; font-weight:700; }
html[data-refonte][data-ecran="hote"] .etiquette.a-faire { background:#FDE7E5; color:#8C1D18; }
html[data-refonte][data-ecran="hote"] .etiquette.fait { background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .etiquette.neutre { background:var(--surface-2); color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] .produit-card.retire { background:var(--surface-2); }
html[data-refonte][data-ecran="hote"] .produit-card.retire .pc-photo { filter:grayscale(1); opacity:.55; }
html[data-refonte][data-ecran="hote"] .produit-card.retire .pc-titre,
html[data-refonte][data-ecran="hote"] .produit-card.retire .pc-prix { color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] .produit-card .pc-prix.a-confirmer { color:var(--ink-2); font-weight:600; }
html[data-refonte][data-ecran="hote"] .vendeur-form .ligne-statut { padding:.7rem .9rem; border-radius:10px; background:var(--surface-2); font-size:.9rem; margin-bottom:1rem; }
html[data-refonte][data-ecran="hote"] .vendeur-form .obligatoire-msg { padding:.7rem .9rem; border-radius:10px; background:#FDE7E5; color:#8C1D18; font-weight:600; font-size:.9rem; margin-bottom:1rem; }
html[data-refonte][data-ecran="hote"] .vendeur-form .obligatoire-msg a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:#8C1D18; }
html[data-refonte][data-ecran="hote"] .vendeur-form label.check { display:flex; gap:.6rem; align-items:flex-start; font-size:.88rem; min-height:44px; cursor:pointer; }
html[data-refonte][data-ecran="hote"] .vendeur-form label.check input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:20px; height:20px; margin-top:.1rem; flex:none; accent-color:var(--vert); }
html[data-refonte][data-ecran="hote"] .avert-vente { margin:.4rem 0 1rem; padding:.65rem .8rem; border-radius:8px; background:#FDF3E1; border-left:3px solid #F3A724; color:#3A2A05; font-size:.86rem; line-height:1.45; }
html[data-refonte][data-ecran="hote"] .cmd .retract { margin:.4rem 0 0; padding:.55rem .7rem; border-radius:8px; background:#FDE7E5; color:#8C1D18; font-size:.86rem; }
html[data-refonte][data-ecran="hote"] .cmd .retract strong:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:block; }
html[data-refonte][data-ecran="hote"] .cmd .retract .cp-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .6rem; margin-top:.55rem; }
html[data-refonte][data-ecran="hote"] .cmd .retract .cp-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] .cmd .retract .cp-note { margin:0; flex-basis:100%; color:var(--ink); font-weight:600; font-size:.84rem; }
html[data-refonte][data-ecran="hote"] .cmd .retract .cp-note:empty { display:none; }
html[data-refonte][data-ecran="hote"] .cmd li.retracte { color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] .cmd li.retracte .mention-retract { color:#8C1D18; font-weight:600; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-actions { gap:.5rem; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] .produit-card .pc-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] .pc-preciser { display:inline-block; margin:.35rem 0 0; padding:.15rem .6rem; border-radius:999px; background:var(--accent-soft); color:#7A4F04; font-size:.76rem; font-weight:700; }
html[data-refonte][data-ecran="hote"] .produit-form { grid-column:1/-1; padding:1rem; }
html[data-refonte][data-ecran="hote"] .produit-form [hidden]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:none !important; }
html[data-refonte][data-ecran="hote"] .produit-form h4:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 .8rem; font-size:.98rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .produit-form h4:focus:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:none; }
html[data-refonte][data-ecran="hote"] .produit-form h4:focus-visible:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:2px solid var(--vert); outline-offset:2px; border-radius:4px; }
html[data-refonte][data-ecran="hote"] .produit-form .pf-note { margin:0 0 1rem; padding:.55rem .75rem; border-radius:8px; background:var(--surface-2); color:var(--ink-2); font-size:.82rem; }
html[data-refonte][data-ecran="hote"] fieldset.pf-groupe { border:0; padding:0; margin:0 0 1rem; min-width:0; }
html[data-refonte][data-ecran="hote"] fieldset.pf-groupe legend:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { padding:0; }
html[data-refonte][data-ecran="hote"] .oui-non { display:flex; gap:.5rem; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] .oui-non label:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; align-items:center; gap:.45rem; min-height:44px; min-width:88px; padding:0 1rem; border:1.5px solid var(--border-strong); border-radius:10px; cursor:pointer; font-size:.92rem; font-weight:600; background:var(--surface); transition:border-color .15s ease, background-color .15s ease; }
html[data-refonte][data-ecran="hote"] .oui-non label:has(input:checked):not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-color:var(--vert); background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .oui-non label:has(input:focus-visible):not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { outline:2px solid var(--vert); outline-offset:2px; }
html[data-refonte][data-ecran="hote"] .oui-non input:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { accent-color:var(--vert); width:18px; height:18px; margin:0; flex:none; }
html[data-refonte][data-ecran="hote"] fieldset.pf-groupe.invalide .oui-non label:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-color:#B3261E; }
html[data-refonte][data-ecran="hote"] .produit-form input[aria-invalid="true"]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-color:#B3261E; }
html[data-refonte][data-ecran="hote"] .produit-form .err-champ { color:#B3261E; font-size:.84rem; font-weight:600; margin:.3rem 0 0; }
html[data-refonte][data-ecran="hote"] .pf-photo { display:flex; gap:.8rem; align-items:center; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] .pf-photo-vue { width:96px; height:72px; flex:none; border-radius:10px; overflow:hidden; background:var(--surface-2); border:1.5px dashed var(--border-strong); display:flex; align-items:center; justify-content:center; color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] .pf-photo-vue.a-photo { border-style:solid; border-color:var(--border); }
html[data-refonte][data-ecran="hote"] .pf-photo-vue img:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; height:100%; object-fit:cover; display:block; }
html[data-refonte][data-ecran="hote"] .pf-photo-vue svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:22px; height:22px; }
html[data-refonte][data-ecran="hote"] .pf-photo-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] .pf-photo-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] .pf-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] .pf-actions { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.4rem; }
html[data-refonte][data-ecran="hote"] .dm-tete { display:flex; justify-content:space-between; align-items:center; gap:.6rem; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] .dm-tete h3:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; }
html[data-refonte][data-ecran="hote"] .dm-tete button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] .dm-liste { list-style:none; margin:.6rem 0 0; padding:0; }
html[data-refonte][data-ecran="hote"] .dm-liste li:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:flex; align-items:center; justify-content:space-between; gap:.7rem; padding:.65rem 0; border-bottom:1px solid var(--border); }
html[data-refonte][data-ecran="hote"] .dm-liste li:last-child:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { border-bottom:0; }
html[data-refonte][data-ecran="hote"] .dm-liste .dm-txt { flex:1; min-width:0; }
html[data-refonte][data-ecran="hote"] .dm-liste p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0; }
html[data-refonte][data-ecran="hote"] .dm-liste .dm-sujet { font-weight:600; font-size:.88rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .dm-liste .dm-meta { font-size:.78rem; color:var(--ink-3); overflow-wrap:anywhere; margin-top:.1rem; }
html[data-refonte][data-ecran="hote"] .dm-liste button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { flex:none; min-height:44px; }
html[data-refonte][data-ecran="hote"] .tk-modal.large { max-width:680px; max-height:calc(100dvh - 32px); overflow:auto; }
html[data-refonte][data-ecran="hote"] .tk-modal.large h2:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .tk-modal .dm-meta { margin:0 0 .7rem; font-size:.84rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="hote"] .tk-modal .dm-cadre { display:block; width:100%; height:min(58vh, 520px); border:1px solid var(--border); border-radius:8px; background:#fff; }
html[data-refonte][data-ecran="hote"] .tk-modal .dm-pj { list-style:none; margin:.7rem 0 0; padding:0; font-size:.86rem; }
html[data-refonte][data-ecran="hote"] .tk-modal .dm-pj a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:inline-flex; align-items:center; min-height:44px; color:var(--vert-d); font-weight:600; }
html[data-refonte][data-ecran="hote"] .tk-modal.large .tk-modal-actions { margin-top:.9rem; }
@media (max-width:480px) {
  html[data-refonte][data-ecran="hote"] .tk-modal.large { padding:16px; }
}
html[data-refonte][data-ecran="hote"] .vendeur-form input[type=text]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] .vendeur-form input[type=email]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] .vendeur-form input[type=tel]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)),
html[data-refonte][data-ecran="hote"] .vendeur-form textarea:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
html[data-refonte][data-ecran="hote"] .vendeur-form .err-champ { color:#B3261E; font-size:.84rem; font-weight:600; margin-top:.3rem; }
html[data-refonte][data-ecran="hote"] .photo-drop { position:relative; aspect-ratio:16/9; border:1.5px dashed var(--border-strong); border-radius:12px; background:var(--surface-2); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.3rem; cursor:pointer; color:var(--ink-3); text-align:center; overflow:hidden; }
html[data-refonte][data-ecran="hote"] .photo-drop:hover { border-color:var(--vert); color:var(--vert-d); }
html[data-refonte][data-ecran="hote"] .photo-drop svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:24px; height:24px; }
html[data-refonte][data-ecran="hote"] .photo-drop .lbl { font-size:.84rem; font-weight:600; }
html[data-refonte][data-ecran="hote"] .photo-drop input[type=file]:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { position:absolute; inset:0; opacity:0; cursor:pointer; }
html[data-refonte][data-ecran="hote"] .photo-preview { position:relative; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:var(--surface-2); }
html[data-refonte][data-ecran="hote"] .photo-preview img:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; height:100%; object-fit:cover; display:block; }
html[data-refonte][data-ecran="hote"] .photo-preview .scrim { position:absolute; left:0; right:0; bottom:0; padding:.5rem; display:flex; gap:.4rem; justify-content:flex-end; background:linear-gradient(0deg,rgba(10,15,10,.55),transparent); }
html[data-refonte][data-ecran="hote"] .photo-preview .pbtn { width:34px; height:34px; border-radius:50%; border:none; background:rgba(255,255,255,.92); color:var(--ink); display:flex; align-items:center; justify-content:center; cursor:pointer; }
html[data-refonte][data-ecran="hote"] .photo-preview .pbtn svg:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:16px; height:16px; }
html[data-refonte][data-ecran="hote"] .tk-modal-fond { position:fixed; inset:0; z-index:10000; background:rgba(10,15,10,.45); display:flex; align-items:center; justify-content:center; padding:16px; animation:tk-fond .18s ease; }
html[data-refonte][data-ecran="hote"] .tk-modal { background:var(--surface); border-radius:16px; padding:24px; width:100%; max-width:420px; box-shadow:0 20px 50px rgba(10,15,10,.25); animation:tk-pop .18s ease; }
html[data-refonte][data-ecran="hote"] .tk-modal h2:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 8px; font-size:1.1rem; letter-spacing:-.01em; }
html[data-refonte][data-ecran="hote"] .tk-modal p:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 20px; color:var(--ink-2); font-size:.94rem; }
html[data-refonte][data-ecran="hote"] .tk-modal-actions { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
html[data-refonte][data-ecran="hote"] .tk-modal-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { min-height:44px; }
@keyframes tk-fond { from { opacity:0; } to { opacity:1; } }
@keyframes tk-pop { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media (max-width:480px) {
  html[data-refonte][data-ecran="hote"] .tk-modal-fond { align-items:flex-end; }
  html[data-refonte][data-ecran="hote"] .tk-modal-actions { flex-direction:column-reverse; }
  html[data-refonte][data-ecran="hote"] .tk-modal-actions button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:100%; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-refonte][data-ecran="hote"] .tk-modal-fond,
  html[data-refonte][data-ecran="hote"] .tk-modal { animation:none; }
}
/* <<< origine:hote */

/* >>> origine:espace-hote — styles de public/espace-hote.html, reportés par scripts/refonte-porter-styles-comptes.js (ne pas modifier à la main) */
html[data-refonte][data-ecran="espace-hote"] { --paper:#FAFAF7; --surface-2:#F4F3EE; --border-strong:#D4D8D1; --vert:#0F7C3C; --vert-d:#0A5F2D; --vert-l:#E6F4EB; --txt:#0A0F0A; --shadow:0 4px 14px rgba(10,31,20,.08), 0 1px 3px rgba(10,31,20,.05); }
html[data-refonte][data-ecran="espace-hote"] *:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { box-sizing:border-box; }
html[data-refonte][data-ecran="espace-hote"] body { margin:0; font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:var(--paper); color:var(--txt); line-height:1.55; -webkit-font-smoothing:antialiased; min-height:100vh; display:flex; flex-direction:column; }
html[data-refonte][data-ecran="espace-hote"] header:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { position:relative; padding:2.4rem 1.5rem 1.6rem; color:var(--ink); overflow:hidden; background:linear-gradient(160deg,#EAF3F7 0%,#F2F5EE 55%,var(--surface-2) 100%); }
html[data-refonte][data-ecran="espace-hote"] .header-inner:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { max-width:680px; margin:0 auto; position:relative; z-index:2; }
html[data-refonte][data-ecran="espace-hote"] header .badges { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; margin:.9rem 0 .7rem; }
html[data-refonte][data-ecran="espace-hote"] header .badge { display:inline-block; font-size:.76rem; font-weight:700; letter-spacing:.03em; color:var(--vert-d); background:var(--vert-l); border-radius:8px; padding:.3rem .7rem; }
html[data-refonte][data-ecran="espace-hote"] header .badge.qualite { color:var(--ink-2); background:var(--surface); box-shadow:inset 0 0 0 1px var(--border-strong); }
html[data-refonte][data-ecran="espace-hote"] header .badge[hidden] { display:none; }
html[data-refonte][data-ecran="espace-hote"] header h1:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { margin:0 0 .3rem; font-size:1.9rem; font-weight:600; letter-spacing:-.028em; line-height:1.15; }
html[data-refonte][data-ecran="espace-hote"] header p.lieu { margin:0; color:var(--ink-2); font-size:.98rem; }
html[data-refonte][data-ecran="espace-hote"] .lieu-tabs { max-width:680px; margin:0 auto; padding:0 1.5rem; display:flex; gap:.5rem; overflow-x:auto; }
html[data-refonte][data-ecran="espace-hote"] .lieu-tab { flex:none; border:1.5px solid var(--border-strong); background:var(--surface); border-radius:999px; padding:.5rem 1rem; font-size:.86rem; font-weight:600; cursor:pointer; color:var(--ink-2); white-space:nowrap; }
html[data-refonte][data-ecran="espace-hote"] .lieu-tab.active { border-color:var(--vert); background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="espace-hote"] main:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { max-width:680px; margin:1.6rem auto 0; padding:0 1.5rem; flex:1; width:100%; }
html[data-refonte][data-ecran="espace-hote"] .card { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:1.7rem 1.6rem; box-shadow:var(--shadow); margin-bottom:1.3rem; }
html[data-refonte][data-ecran="espace-hote"] .card h2:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { color:var(--ink); font-size:1.15rem; font-weight:600; letter-spacing:-.02em; margin:0 0 .8rem; }
html[data-refonte][data-ecran="espace-hote"] .cover { width:100%; max-height:280px; object-fit:cover; border-radius:12px; margin-bottom:1.1rem; background:var(--surface-2); }
html[data-refonte][data-ecran="espace-hote"] .parrainage { display:inline-flex; align-items:flex-start; gap:.4rem; font-size:.82rem; font-weight:600; color:#8a5c14; background:var(--accent-soft); border-radius:14px; padding:.4rem .8rem; margin-bottom:.9rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="espace-hote"] .dispo-pill { display:inline-flex; align-items:center; gap:.4rem; font-weight:700; font-size:.9rem; padding:.4rem .8rem; border-radius:999px; }
html[data-refonte][data-ecran="espace-hote"] .dispo-pill.ok { background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="espace-hote"] .dispo-pill.warn { background:var(--accent-soft); color:#8a5c14; }
html[data-refonte][data-ecran="espace-hote"] .dispo-pill.off { background:#F2F2F2; color:var(--ink-3); }
html[data-refonte][data-ecran="espace-hote"] .description { color:var(--ink-2); margin-top:.9rem; white-space:pre-line; }
html[data-refonte][data-ecran="espace-hote"] .tarif { margin-top:1rem; padding:.8rem 1rem; border-radius:12px; background:var(--vert-l); color:var(--vert-d); }
html[data-refonte][data-ecran="espace-hote"] .tarif .tarif-lbl { font-weight:700; font-size:.98rem; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="espace-hote"] .tarif .tarif-note { margin:.35rem 0 0; font-size:.8rem; color:var(--ink-2); }
html[data-refonte][data-ecran="espace-hote"] .chip-list { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.3rem; }
html[data-refonte][data-ecran="espace-hote"] .chip-ro { border:1.5px solid var(--border); background:var(--surface-2); border-radius:999px; padding:.35rem .8rem; font-size:.84rem; color:var(--ink-2); }
html[data-refonte][data-ecran="espace-hote"] .equip-list { display:flex; flex-wrap:wrap; gap:1.1rem; margin-top:.4rem; }
html[data-refonte][data-ecran="espace-hote"] .equip-item { display:flex; align-items:center; gap:.4rem; font-size:.88rem; color:var(--ink-2); }
html[data-refonte][data-ecran="espace-hote"] .equip-item .ic { color:var(--vert-d); }
html[data-refonte][data-ecran="espace-hote"] .capacite { font-size:.9rem; color:var(--ink-2); margin-top:.6rem; }
html[data-refonte][data-ecran="espace-hote"] .sous-titre { font-size:.86rem; font-weight:700; color:var(--ink-3); text-transform:uppercase; letter-spacing:.03em; margin:1rem 0 .4rem; }
html[data-refonte][data-ecran="espace-hote"] .sous-titre:first-child { margin-top:0; }
html[data-refonte][data-ecran="espace-hote"] .produits { display:grid; gap:1rem; }
html[data-refonte][data-ecran="espace-hote"] .produit { display:flex; gap:.9rem; border:1px solid var(--border); border-radius:12px; padding:.9rem; }
html[data-refonte][data-ecran="espace-hote"] .produit img:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { width:64px; height:64px; border-radius:8px; object-fit:cover; flex:none; background:var(--surface-2); }
html[data-refonte][data-ecran="espace-hote"] .produit-info { flex:1; min-width:0; }
html[data-refonte][data-ecran="espace-hote"] .produit-info .nom { font-weight:600; margin-bottom:.15rem; }
html[data-refonte][data-ecran="espace-hote"] .produit-info .desc { color:var(--ink-2); font-size:.9rem; }
html[data-refonte][data-ecran="espace-hote"] .produit-info .prix { color:var(--vert-d); font-weight:700; margin-top:.35rem; font-size:.92rem; }
html[data-refonte][data-ecran="espace-hote"] .sur-place { display:inline-block; margin-top:.4rem; font-size:.76rem; color:var(--ink-3); }
html[data-refonte][data-ecran="espace-hote"] .a-venir { background:var(--surface-2); border:1px dashed var(--border-strong); border-radius:12px; padding:.9rem 1rem; color:var(--ink-3); font-size:.88rem; margin-top:.9rem; }
html[data-refonte][data-ecran="espace-hote"] .muted { color:var(--ink-3); font-size:.9rem; }
html[data-refonte][data-ecran="espace-hote"] a.osm { color:var(--vert-d); font-weight:600; text-decoration:none; }
html[data-refonte][data-ecran="espace-hote"] a.osm:hover { text-decoration:underline; }
html[data-refonte][data-ecran="espace-hote"] a.btn-call { display:flex; align-items:center; justify-content:center; gap:.5rem; text-decoration:none; background:var(--vert); color:#fff; font-weight:700; font-size:1rem; border-radius:12px; padding:.85rem 1rem; min-height:48px; }
html[data-refonte][data-ecran="espace-hote"] a.btn-call:hover { background:var(--vert-d); }
html[data-refonte][data-ecran="espace-hote"] .no-contact { color:var(--ink-3); font-size:.85rem; }
html[data-refonte][data-ecran="espace-hote"] footer:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { text-align:center; padding:1.6rem 1rem; color:var(--ink-3); font-size:.8rem; }
html[data-refonte][data-ecran="espace-hote"] footer a:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { display:inline-block; padding:.35rem 0; color:var(--ink-2); }
html[data-refonte][data-ecran="espace-hote"] #loading { text-align:center; padding:3rem 1rem; color:var(--ink-3); }
/* <<< origine:espace-hote */

/* >>> habillage:hote — espace de l'hôte (lot 14 : lieu, tarif, accueils, sur place, statut, taxe, boutique, paiements) */
html[data-refonte][data-ecran="hote"] body { background:var(--bg); line-height:1.55; }
html[data-refonte][data-ecran="hote"] main.rf-hote { max-width:1240px; margin:0 auto; padding:var(--e-6) var(--gouttiere) var(--e-8); }

/* Présentation et raccourcis */
html[data-refonte][data-ecran="hote"] .rf-intro { display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:var(--e-4) var(--e-5); margin-bottom:var(--e-5); }
html[data-refonte][data-ecran="hote"] .rf-intro h1 { margin-top:var(--e-2); font-size:clamp(1.9375rem, 3.2vw, 2.5rem); line-height:1.1; letter-spacing:-.045em; }
html[data-refonte][data-ecran="hote"] .h-right { display:flex; align-items:center; flex-wrap:wrap; gap:var(--e-3); }
html[data-refonte][data-ecran="hote"] a.fiche-link { gap:var(--e-2); min-height:48px; padding:var(--e-3) 20px; border:1px solid var(--border); border-radius:var(--r-md); background:var(--surface); color:var(--ink); font-size:.9375rem; font-weight:600; transition:background-color var(--transition), border-color var(--transition); }
html[data-refonte][data-ecran="hote"] a.fiche-link:hover { background:var(--bg-2); border-color:var(--border-fort); text-decoration:none; }
html[data-refonte][data-ecran="hote"] a.fiche-link svg { width:18px; height:18px; }
html[data-refonte][data-ecran="hote"] a.cmd-link { min-height:48px; padding:var(--e-3) var(--e-4); border-radius:var(--r-md); background:var(--primary-soft); color:var(--primary-hover); font-size:.9375rem; font-weight:600; }
html[data-refonte][data-ecran="hote"] .rf-sections { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:var(--e-5); }
html[data-refonte][data-ecran="hote"] .rf-sections a { display:inline-flex; align-items:center; min-height:44px; padding:var(--e-3) var(--e-4); border:1px solid var(--primary-soft-border); border-radius:10px; background:var(--primary-soft); color:var(--primary-hover); font-size:.875rem; font-weight:600; text-decoration:none; transition:background-color var(--transition), border-color var(--transition); }
html[data-refonte][data-ecran="hote"] .rf-sections a:hover { border-color:var(--primary); background:#D9EDDF; }
html[data-refonte][data-ecran="hote"] .rf-fin { margin-top:var(--e-5); }
html[data-refonte][data-ecran="hote"] .btn-logout { align-items:center; justify-content:center; min-height:48px; padding:var(--e-3) 20px; border:1px solid var(--border); border-radius:var(--r-md); background:var(--surface); color:var(--ink); font-size:.9375rem; font-weight:600; transition:background-color var(--transition), border-color var(--transition); }
html[data-refonte][data-ecran="hote"] .btn-logout:hover { background:var(--bg-2); border-color:var(--border-fort); }
html[data-refonte][data-ecran="hote"] #loading,
html[data-refonte][data-ecran="hote"] #notfound { column-span:all; padding:var(--e-7) var(--e-4); border:1px dashed var(--border-fort); border-radius:var(--r-lg); color:var(--ink-2); }
html[data-refonte][data-ecran="hote"] #notfound p { margin-bottom:var(--e-4); font-size:1.0625rem; }
html[data-refonte][data-ecran="hote"] .rf-attente { color:var(--ink-3); }
html[data-refonte][data-ecran="hote"] p.fine-print.rf-sans-marge { margin-top:0; }

/* Deux colonnes : le lieu et ses accueils à gauche ; statut, taxe, boutique et paiements à droite.
   La page d'origine écrit ses parties à plat dans #app : la coupure se fait devant « Votre statut d'hôte ». */
@media (min-width:980px) {
  html[data-refonte][data-ecran="hote"] .rf-colonnes { column-count:2; column-gap:var(--e-5); }
  html[data-refonte][data-ecran="hote"] #qualite-titre { break-before:column; margin-top:0; }
  html[data-refonte][data-ecran="hote"] .rf-colonnes .card,
  html[data-refonte][data-ecran="hote"] .rf-colonnes .accueil-card,
  html[data-refonte][data-ecran="hote"] .rf-colonnes .add-accueil-tile,
  html[data-refonte][data-ecran="hote"] .rf-colonnes .lieu-switch { break-inside:avoid; }
  html[data-refonte][data-ecran="hote"] .rf-colonnes h2.section-title { break-after:avoid; }
}

/* Parties et cartes */
html[data-refonte][data-ecran="hote"] h2.section-title { margin:var(--e-6) 0 var(--e-3); font-size:1.375rem; font-weight:600; line-height:1.2; letter-spacing:-.025em; scroll-margin-top:var(--e-5); }
html[data-refonte][data-ecran="hote"] .card { margin-bottom:var(--e-5); padding:var(--e-5); border-radius:var(--r-lg); box-shadow:none; scroll-margin-top:var(--e-5); }
html[data-refonte][data-ecran="hote"] .card h3 { margin:0 0 var(--e-3); font-size:1.1875rem; font-weight:600; letter-spacing:-.02em; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-nom { font-size:1.5rem; font-weight:600; letter-spacing:-.03em; line-height:1.2; overflow-wrap:anywhere; min-width:0; }
html[data-refonte][data-ecran="hote"] .mon-lieu .ml-photo { border-radius:var(--r-md); }
html[data-refonte][data-ecran="hote"] .fine-print { color:var(--ink-3); font-size:.875rem; line-height:1.55; }
html[data-refonte][data-ecran="hote"] .aide { font-size:.9375rem; }
html[data-refonte][data-ecran="hote"] .toggle-row { min-height:48px; }
html[data-refonte][data-ecran="hote"] .toggle-row span { font-size:.9375rem; }
html[data-refonte][data-ecran="hote"] .pill { padding:6px var(--e-3); font-size:.75rem; }
html[data-refonte][data-ecran="hote"] .pill.ok { border:1px solid var(--primary-soft-border); }
html[data-refonte][data-ecran="hote"] .accueil-card { border-radius:var(--r-lg); }
html[data-refonte][data-ecran="hote"] .lieu-switch button { min-height:44px; }
/* Lieux et « + Ajouter un lieu » passent à la ligne au lieu de défiler : jamais de bouton caché ni de page plus
   large que l'écran (320 px compris, avec un nom de lieu long). */
html[data-refonte][data-ecran="hote"] .lieu-switch { flex-wrap:wrap; overflow-x:visible; min-width:0; }
html[data-refonte][data-ecran="hote"] .lieu-switch button:not(:where(.skip-link)):not(:where(.site-header)):not(:where(.site-header *)):not(:where(.site-menu)):not(:where(.site-menu *)):not(:where(.site-footer)):not(:where(.site-footer *)) { flex:0 1 auto; max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:left; }
/* Cibles tactiles d'au moins 44 px (passe iPhone) : replis, choix du questionnaire, pastilles de disponibilité. */
html[data-refonte][data-ecran="hote"] main summary { min-height:44px; padding-block:10px; }
html[data-refonte][data-ecran="hote"] main button.chip { min-height:44px; }
html[data-refonte][data-ecran="hote"] main label.chip { display:inline-flex; align-items:center; min-height:44px; }
html[data-refonte][data-ecran="hote"] main .tkq-opt { min-height:48px; align-items:center; }
html[data-refonte][data-ecran="hote"] main .dispo-btn { min-height:44px; }
html[data-refonte][data-ecran="hote"] main .equip-cb { display:flex; align-items:center; gap:var(--e-2); min-height:44px; }
html[data-refonte][data-ecran="hote"] main .equip-cb input,
html[data-refonte][data-ecran="hote"] main .tarif-opt input,
html[data-refonte][data-ecran="hote"] main .tkq-opt input { flex:none; width:20px; height:20px; accent-color:var(--primary); }

/* Boutons : ceux du socle */
html[data-refonte][data-ecran="hote"] main button.primary { min-height:48px; padding:var(--e-3) 20px; border-radius:var(--r-md); background:var(--primary); font-size:.9375rem; transition:background-color var(--transition); }
html[data-refonte][data-ecran="hote"] main button.primary:hover:not([disabled]) { background:var(--primary-hover); }
html[data-refonte][data-ecran="hote"] main button.primary[disabled] { background:#E2E7E1; color:var(--ink-3); opacity:1; }
html[data-refonte][data-ecran="hote"] main button.ghost,
html[data-refonte][data-ecran="hote"] main a.ghost { min-height:48px; padding:var(--e-3) 20px; border:1px solid var(--border); border-radius:var(--r-md); font-size:.9375rem; transition:background-color var(--transition), border-color var(--transition); }
html[data-refonte][data-ecran="hote"] main button.ghost:hover:not([disabled]),
html[data-refonte][data-ecran="hote"] main a.ghost:hover { background:var(--bg-2); border-color:var(--border-fort); }

/* Champs */
html[data-refonte][data-ecran="hote"] main input[type=text],
html[data-refonte][data-ecran="hote"] main input[type=number],
html[data-refonte][data-ecran="hote"] main input[type=url],
html[data-refonte][data-ecran="hote"] main input[type=tel],
html[data-refonte][data-ecran="hote"] main input[type=email],
html[data-refonte][data-ecran="hote"] main textarea,
html[data-refonte][data-ecran="hote"] main select { min-height:48px; padding:var(--e-3); border:1px solid var(--border-fort); font-size:1rem; }
html[data-refonte][data-ecran="hote"] main input:focus-visible,
html[data-refonte][data-ecran="hote"] main textarea:focus-visible,
html[data-refonte][data-ecran="hote"] main select:focus-visible { outline:3px solid var(--accent); outline-offset:2px; box-shadow:0 0 0 2px var(--ink); }
html[data-refonte][data-ecran="hote"] .flabel { font-size:.9375rem; font-weight:500; }

/* La boutique : l'option mise en avant */
html[data-refonte][data-ecran="hote"] #boutique-card { border-color:var(--primary-soft-border); background:var(--primary-soft); }
/* Boutique active : la carte porte alors les réglages (formulaires) et reprend un fond neutre. */
html[data-refonte][data-ecran="hote"] #boutique-card:has(input) { border-color:var(--border); background:var(--surface); }
html[data-refonte][data-ecran="hote"] #boutique-card h3 { font-size:1.5rem; letter-spacing:-.03em; }
/* Commune en régie : Boutique sur devis — encart blanc dans la carte verte, comme un message. */
html[data-refonte][data-ecran="hote"] #boutique-card .boutique-sur-devis { background:var(--surface); border-color:var(--primary-soft-border); border-radius:var(--r-md); padding:var(--e-4); }
/* Le tarif : du texte courant bien lisible, pas un second titre (le style en gras vient de la page d'origine). */
html[data-refonte][data-ecran="hote"] #boutique-option-payante { color:var(--ink) !important; font-size:1rem !important; font-weight:400 !important; line-height:1.55; }
html[data-refonte][data-ecran="hote"] .ml-parrain > span[aria-hidden="true"] { display:none; }
/* Icône au trait posée par le script de la refonte à la place d'un emoji (décorative : le libellé reste entier). */
html[data-refonte][data-ecran="hote"] .rf-picto { display:inline-flex; flex:none; margin-right:var(--e-2); vertical-align:-3px; }
html[data-refonte][data-ecran="hote"] .rf-picto svg { display:block; }
html[data-refonte][data-ecran="hote"] .outils-card { border-radius:var(--r-lg); }

/* Bouton d'aide (« ? ») : tant que la page est sur une seule colonne (téléphone, tablette), il est
   ramené dans le coin, sans son libellé, et le pied garde une marge pour que rien ne reste dessous. */
@media (max-width:979px) {
  html[data-refonte][data-ecran="hote"] #tikamp-help-btn { right:12px; bottom:12px; }
  html[data-refonte][data-ecran="hote"] #tikamp-help-btn.tk-annonce { width:44px; padding:0; border-radius:50%; font-size:19px; }
  html[data-refonte][data-ecran="hote"] #tikamp-help-btn.tk-annonce::after { content:none; }
  html[data-refonte][data-ecran="hote"] .site-footer { padding-bottom:72px; }
}
@media (max-width:650px) {
  html[data-refonte][data-ecran="hote"] main.rf-hote { padding-block:var(--e-5) var(--e-7); }
  html[data-refonte][data-ecran="hote"] .card { padding:20px; border-radius:var(--e-4); }
  html[data-refonte][data-ecran="hote"] .rf-sections { gap:var(--e-2); }
  html[data-refonte][data-ecran="hote"] .rf-sections a { padding-inline:var(--e-3); font-size:.8125rem; }
  html[data-refonte][data-ecran="hote"] a.fiche-link { flex:1; justify-content:center; }
  html[data-refonte][data-ecran="hote"] .h-right { width:100%; }
  html[data-refonte][data-ecran="hote"] .btn-logout { width:100%; }
}
/* <<< habillage:hote */

/* >>> habillage:espace-hote — page publique d'un hôte du réseau (lot 14 : fiche de l'hôte) */
html[data-refonte][data-ecran="espace-hote"] body { background:var(--bg); color:var(--ink); }
html[data-refonte][data-ecran="espace-hote"] main.rf-fiche { flex:1 0 auto; max-width:1240px; margin:0 auto; padding:var(--e-6) var(--gouttiere) var(--e-8); }
html[data-refonte][data-ecran="espace-hote"] #loading,
html[data-refonte][data-ecran="espace-hote"] .rf-vide { padding:var(--e-7) var(--e-4); border:1px dashed var(--border-fort); border-radius:var(--r-lg); color:var(--ink-2); text-align:center; }

/* Présentation */
html[data-refonte][data-ecran="espace-hote"] .rf-intro { margin-bottom:var(--e-5); }
html[data-refonte][data-ecran="espace-hote"] .rf-intro h1 { margin:var(--e-2) 0 var(--e-3); font-size:clamp(1.9375rem, 3.2vw, 2.5rem); line-height:1.1; letter-spacing:-.045em; overflow-wrap:anywhere; }
html[data-refonte][data-ecran="espace-hote"] .badges { display:flex; flex-wrap:wrap; align-items:center; gap:var(--e-2); margin-bottom:var(--e-2); }
html[data-refonte][data-ecran="espace-hote"] .badge { display:inline-block; padding:6px var(--e-3); border:1px solid var(--primary-soft-border); border-radius:999px; background:var(--primary-soft); color:var(--primary-hover); font-size:.8125rem; font-weight:600; }
html[data-refonte][data-ecran="espace-hote"] .badge.qualite { border-color:var(--border); background:var(--surface); color:var(--ink-2); }
html[data-refonte][data-ecran="espace-hote"] .rf-intro p.lieu { color:var(--ink-2); font-size:1.0625rem; }
html[data-refonte][data-ecran="espace-hote"] .lieu-tabs { max-width:none; margin:0 0 var(--e-5); padding:0 0 var(--e-1); }
html[data-refonte][data-ecran="espace-hote"] .lieu-tab { min-height:44px; border-width:1px; font-size:.875rem; }

/* Cartes : deux colonnes équilibrées sur grand écran, une seule en dessous */
@media (min-width:900px) {
  html[data-refonte][data-ecran="espace-hote"] #lieu-content { column-count:2; column-gap:var(--e-5); }
  html[data-refonte][data-ecran="espace-hote"] #lieu-content .card { break-inside:avoid; }
}
html[data-refonte][data-ecran="espace-hote"] .card { margin-bottom:var(--e-5); padding:var(--e-5); border-radius:var(--r-lg); box-shadow:none; }
html[data-refonte][data-ecran="espace-hote"] .card:empty { display:none; }
html[data-refonte][data-ecran="espace-hote"] .card h2 { margin:0 0 var(--e-3); font-size:1.5rem; letter-spacing:-.03em; line-height:1.2; }
html[data-refonte][data-ecran="espace-hote"] .card p { margin:0 0 var(--e-3); }
html[data-refonte][data-ecran="espace-hote"] .card p:last-child { margin-bottom:0; }
html[data-refonte][data-ecran="espace-hote"] .cover { border-radius:var(--r-md); }
html[data-refonte][data-ecran="espace-hote"] .muted { color:var(--ink-3); font-size:.9375rem; }
html[data-refonte][data-ecran="espace-hote"] .parrainage > span[aria-hidden="true"] { display:none; }
/* Icône au trait posée par le script de la refonte à la place d'un emoji (décorative : le libellé reste entier). */
html[data-refonte][data-ecran="espace-hote"] .rf-picto { display:inline-flex; flex:none; margin-right:var(--e-2); vertical-align:-3px; }
html[data-refonte][data-ecran="espace-hote"] .rf-picto svg { display:block; }
html[data-refonte][data-ecran="espace-hote"] .equip-item .rf-picto { margin-right:0; color:var(--primary-hover); }
html[data-refonte][data-ecran="espace-hote"] a.osm .rf-picto,
html[data-refonte][data-ecran="espace-hote"] a.btn-call .rf-picto { margin-right:0; }
html[data-refonte][data-ecran="espace-hote"] .no-contact { color:var(--ink-2); font-size:.9375rem; }
html[data-refonte][data-ecran="espace-hote"] .sous-titre { color:var(--ink-3); font-size:.8125rem; font-weight:600; letter-spacing:.06em; }
html[data-refonte][data-ecran="espace-hote"] .dispo-pill { padding:6px var(--e-3); border:1px solid transparent; font-size:.8125rem; font-weight:600; }
html[data-refonte][data-ecran="espace-hote"] .dispo-pill.ok { border-color:var(--primary-soft-border); }
html[data-refonte][data-ecran="espace-hote"] .dispo-pill.off { border-color:var(--border); background:var(--bg-2); color:var(--ink-2); }
html[data-refonte][data-ecran="espace-hote"] .chip-ro { padding:6px var(--e-3); border-width:1px; border-radius:var(--r-sm); background:var(--surface); font-size:.875rem; }
html[data-refonte][data-ecran="espace-hote"] .tarif { border-radius:var(--r-md); }
html[data-refonte][data-ecran="espace-hote"] .tarif .tarif-note { font-size:.875rem; }
html[data-refonte][data-ecran="espace-hote"] .a-venir { border-radius:var(--r-md); color:var(--ink-2); font-size:.9375rem; }
html[data-refonte][data-ecran="espace-hote"] .produit { border-radius:var(--r-md); }
html[data-refonte][data-ecran="espace-hote"] a.osm { display:inline-flex; align-items:center; gap:var(--e-2); min-height:48px; padding:var(--e-3) 20px; border:1px solid var(--border); border-radius:var(--r-md); background:var(--surface); color:var(--ink); font-weight:600; transition:background-color var(--transition), border-color var(--transition); }
html[data-refonte][data-ecran="espace-hote"] a.osm:hover { background:var(--bg-2); border-color:var(--border-fort); text-decoration:none; }
html[data-refonte][data-ecran="espace-hote"] a.btn-call { min-height:48px; border-radius:var(--r-md); background:var(--primary); font-weight:600; transition:background-color var(--transition); }
html[data-refonte][data-ecran="espace-hote"] a.btn-call:hover { background:var(--primary-hover); }

@media (max-width:650px) {
  html[data-refonte][data-ecran="espace-hote"] main.rf-fiche { padding-block:var(--e-5) var(--e-7); }
  html[data-refonte][data-ecran="espace-hote"] .card { padding:20px; border-radius:var(--e-4); }
  html[data-refonte][data-ecran="espace-hote"] a.osm,
  html[data-refonte][data-ecran="espace-hote"] a.btn-call { width:100%; justify-content:center; }
}
/* <<< habillage:espace-hote */