.conso{background:var(--card);min-width:0;box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;gap:20px;padding:24px 24px 20px;display:flex}.conso[aria-busy=true] .conso-graphique,.conso[aria-busy=true] .conso-liste{opacity:.55;transition:opacity .2s}.conso-tete{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.conso-titre{overflow-wrap:anywhere;color:var(--color-ink-2);font:600 15px/1.3 var(--font-sans);margin:0 0 6px}.conso-retour{min-height:44px;color:var(--color-accent-text);font:500 15px var(--font-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin:-10px 0 0 -4px;padding:0 4px;display:inline-flex}.conso-retour span{font-size:22px;line-height:1}.conso-total{color:var(--color-ink);align-items:baseline;gap:8px;margin:0;display:flex}.conso-chiffre{font:600 clamp(44px, 6vw, 64px) / 1 var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.conso-unite{color:var(--color-ink-2);font:500 clamp(18px, 2vw, 24px) / 1 var(--font-sans)}.conso-sous{color:var(--color-ink-2);font:400 15px/1.4 var(--font-sans);margin:6px 0 0}.conso-etat{color:var(--color-ink-2);flex-direction:column;align-items:flex-start;gap:10px;margin:0;display:flex}.conso-etat p{margin:0}.conso-vide{background:var(--color-raise);min-height:160px;color:var(--color-ink-2);text-align:center;border-radius:14px;place-items:center;margin:0;font-size:15px;display:grid}.conso-graphique{margin:0 -4px}.conso-zone{touch-action:pan-y;cursor:crosshair;border-radius:8px;height:180px;position:relative}.conso-zone:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.conso-zone svg{width:100%;height:100%;display:block;overflow:visible}.conso-ligne-courbe{fill:none;stroke:var(--color-accent);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.conso-stop{stop-color:var(--color-accent)}.conso-stop--haut{stop-opacity:.2}.conso-stop--bas{stop-opacity:0}.conso-repere{background:var(--color-line);pointer-events:none;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.conso-point{border:2px solid var(--card);background:var(--color-accent);width:12px;height:12px;box-shadow:var(--shadow-sm);pointer-events:none;border-radius:50%;margin:-6px 0 0 -6px;position:absolute}.conso-axe{color:var(--color-ink-3);font:500 12px/1.2 var(--font-sans);font-variant-numeric:tabular-nums;justify-content:space-between;margin:8px 4px 0;display:flex}.conso-periodes{justify-content:space-between;gap:4px;max-width:460px;display:flex}.conso-pastille{min-width:44px;min-height:44px;color:var(--color-ink-2);font:600 14px/1 var(--font-sans);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex:1 1 0;place-items:center;padding:0 10px;text-decoration:none;transition:background .15s,color .15s;display:inline-grid}.conso-pastille:hover{background:var(--color-raise);color:var(--color-ink)}.conso-pastille.is-active{background:var(--color-ink);color:var(--color-page)}.conso-pastille:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.conso-immeubles{margin-top:4px}.conso .conso-groupe{color:var(--color-ink-2);font:600 13px/1.2 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px}.conso-liste{margin:0;padding:0;list-style:none}.conso-liste li+li .conso-ligne{border-top:.5px solid var(--color-line-soft)}.conso-ligne{width:100%;min-height:64px;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 72px minmax(88px,auto);align-items:center;gap:16px;padding:10px 8px;display:grid}button.conso-ligne:hover{background:var(--color-raise)}.conso-ligne.is-choisi{background:var(--color-accent-tint)}.conso-ligne:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.conso-ligne.is-masque{cursor:default;grid-template-columns:minmax(0,1fr) auto}.conso-nom{min-width:0;font:600 16px/1.3 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conso-mini{width:72px;height:28px;overflow:visible}.conso-mini path{fill:none;stroke:var(--color-accent);stroke-width:1.5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.conso-valeur{font:600 16px/1.2 var(--font-sans);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.conso-valeur small{color:var(--color-ink-2);font-size:13px;font-weight:500}.conso-masque{color:var(--color-ink-2);text-align:right;font-size:13px}.conso-note{color:var(--color-ink-3);margin:0;font-size:12px;line-height:1.5}@media (width<=760px){.conso{border-radius:18px;gap:16px;padding:20px 16px 16px}.conso-zone{height:150px}.conso-periodes{gap:2px;max-width:none}.conso-pastille{min-width:0;padding:0 6px;font-size:13px}.conso-ligne{grid-template-columns:minmax(0,1fr) 56px auto;gap:10px;padding:10px 4px}.conso-mini{width:56px}.conso-ligne.is-masque{grid-template-columns:minmax(0,1fr);gap:2px}.conso-masque{text-align:left}}.qa-body{z-index:1;place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.qa-backdrop{z-index:0;background:var(--color-obsidian) url(/connexion/connexion-paysage.webp) 60% 50% / cover no-repeat;pointer-events:none;position:fixed;inset:0;overflow:hidden}.qa-backdrop video{object-fit:cover;object-position:60% 50%;opacity:0;width:100%;height:100%;transition:opacity var(--base) var(--ease-queleco)}.qa-backdrop video.is-playing{opacity:1}.qa-backdrop:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-obsidian) 70%, transparent), color-mix(in srgb, var(--color-obsidian) 15%, transparent) 60%, transparent);position:absolute;inset:0}@media (width>=1024px) and (aspect-ratio>=1){.qa-body{justify-items:start;padding-left:max(48px,8vw)}}@media (aspect-ratio<=1){.qa-backdrop{background-image:url(/connexion/connexion-portrait.webp);background-position:50% 100%}.qa-backdrop video{object-position:50% 100%}.qa-backdrop:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-obsidian) 55%, transparent), color-mix(in srgb, var(--color-obsidian) 20%, transparent) 55%, transparent 75%)}.qa-body{padding-top:calc(env(safe-area-inset-top) + 24px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}}.qa-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-line);width:100%;max-width:392px;-webkit-backdrop-filter:var(--glass);box-shadow:var(--shadow);animation:qa-card-in var(--base) var(--ease-queleco) both;padding:34px 32px 26px}@keyframes qa-card-in{0%{opacity:0;transform:translateY(10px)}}.qa-head{text-align:center;margin-bottom:22px}.qa-mark{object-fit:contain;width:48px;height:48px;filter:var(--drop-mark);margin:0 auto 12px;display:block}.qa-title{font-family:var(--font-drama);letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin:0 0 6px;font-size:21px;font-weight:600;line-height:1.2}.qa-sub{color:var(--color-ink-2);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.qa-note{border-radius:var(--radius-field);border:1px solid var(--color-line);background:var(--color-raise);color:var(--color-ink-2);margin-bottom:16px;padding:10px 13px;font-size:12.5px;line-height:1.5}.qa-note:empty{display:none}.qa-note--bad{border-color:var(--color-bad-line);background:var(--color-bad-tint);color:var(--color-ink)}.qa-note--good{border-color:var(--color-accent-line);background:var(--color-accent-tint);color:var(--color-ink)}.qa-note--warn{border-color:var(--color-warn-line);background:var(--color-warn-tint);color:var(--color-ink)}.qa-form{gap:13px;display:grid}.qa-field{gap:6px;display:grid}.qa-field>label{color:var(--color-ink-2);font-size:11.5px;font-weight:500;line-height:1.3}.qa-field input:not(:placeholder-shown):invalid{border-color:var(--color-bad-line)}.qa-field input.q-num{text-align:center;letter-spacing:.34em;text-indent:.34em;font-size:15px}.qa-control{display:grid;position:relative}.qa-control--trailing .q-field{padding-right:42px}.qa-reveal{border-radius:var(--radius-pill);width:30px;height:30px;color:var(--color-ink-2);cursor:pointer;transition:color var(--fast) linear, background var(--fast) linear;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:5px;translate:0 -50%}.qa-reveal:hover{color:var(--color-ink);background:var(--color-raise)}.qa-hint{color:var(--color-ink-2);font-size:11px;font-style:normal;line-height:1.45}.qa-form .qa-submit{width:100%;height:42px;margin-top:4px;font-size:13.5px}.qa-check{grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.qa-check input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;margin:0}.qa-check input:focus-visible{outline:2px solid var(--color-blue-soft);outline-offset:2px}.qa-check label{min-height:44px;color:var(--color-ink-2);cursor:pointer;align-items:center;padding-block:6px;font-size:12.5px;line-height:1.4;display:flex}.qa-check .qa-hint{grid-column:2;margin-top:-4px}.qa-alt{justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;display:flex}.qa-link{color:var(--color-ink-2);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:color var(--fast) linear;background:0 0;border:0;padding:0;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none}.qa-link:hover{color:var(--color-accent-text)}.qa-link:focus-visible{outline:2px solid var(--color-blue-soft);outline-offset:3px;border-radius:var(--radius-chip)}.qa-alt .qa-link+.qa-link{text-align:right}.qa-foot{color:var(--color-ink-2);text-align:center;margin:16px 0 0;font-size:11px;line-height:1.5}.qa-foot .qa-link{font-size:inherit;color:var(--color-accent-text)}.qa-foot .qa-link:hover{color:var(--color-blue-pale)}
