/* Énergie — spécifique au projet, le reste vient de /charte/charte.css (kit hstgr.cloud, 02/09/2026). */

/* Écran de connexion : plein écran, sans le cadre de démonstration du kit. */
.portail{min-height:100dvh;border:0;border-radius:0;background:var(--ground)}

/* Note sous un tableau. */
.note{margin-top:10px;font-size:12.5px;color:var(--ink-3);max-width:90ch}
.note b{color:var(--ink-2);font-weight:600}

/* Colonne « dont HC » : part en sous-ligne alignée à droite. */
td.r .type{text-align:right}

/* Consommation mois par mois : un bloc repliable par site. */
.site-mois{margin-bottom:14px}
.site-mois summary{
  list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  padding:10px 0;font-weight:600;font-size:14px;
}
.site-mois summary::-webkit-details-marker{display:none}
.site-mois summary::before{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:rotate(-45deg);margin-right:2px;position:relative;top:-2px;transition:transform .12s}
.site-mois[open] summary::before{transform:rotate(45deg)}
.site-mois summary .c{font-weight:400;font-size:12.5px;color:var(--ink-3)}
.site-mois .legende{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);margin-top:10px}
.site-mois .legende span{display:inline-flex;align-items:center;gap:6px}
.sw{width:10px;height:10px;border-radius:2px;display:inline-block}
.sw.hc{background:var(--line-strong)} .sw.hp{background:var(--ink-2)} .sw.tot{background:var(--ink-2)}

/* Barre de profil mensuel : HC en gris clair, HP en encre. Lisible dans les deux thèmes. */
td.profil{width:34%}
.bar{height:14px;border-radius:3px;display:flex;overflow:hidden;min-width:2px;background:var(--surface-2)}
.bar i{display:block;height:100%}
.bar .b-hc{background:var(--line-strong)} .bar .b-hp{background:var(--ink-2)} .bar .b-tot{background:var(--ink-2)}

/* Liste « à faire » : lignes sans en-tête. */
#todo .cadre table td{padding:11px 14px}

/* Tiroir « Ajouter un relevé » : deux champs côte à côte pour dates et kWh. */
.tiroir .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tiroir textarea.entree{height:auto;min-height:64px;padding:8px 10px;resize:vertical}

@media (max-width:1023px){
  .entete{height:auto;flex-wrap:wrap;padding:10px 16px;gap:8px 12px}
  .entete .actions{margin-left:0;width:100%;justify-content:flex-start;flex-wrap:wrap}
  main{padding:18px 16px 8px}
  .pied{padding:18px 16px 40px}
  td.profil{width:auto;min-width:160px}
  .tete-sec{flex-wrap:wrap;gap:4px 10px}
  .totaux .v{font-size:18px}
}

/* Le gabarit commun met « champ err » sur le <p> lui-même (et non un enfant de .champ). */
p.champ.err{color:var(--claret);font-size:11.5px;min-height:1.2em;margin-top:8px}
p.champ.err:empty{display:none}