/* Ajustements propres à PAY4FOREST (app.css reste une copie de l'agroforesterie). */
/* Les titres de champs EarthRanger sont longs : le sélecteur de colonne ne doit
   pas élargir la page sur téléphone. */
.toolbar select,.toolbar input[type=text]{max-width:100%;min-width:0;text-overflow:ellipsis}
/* La barre de filtres collante doit rester au-dessus des boutons PNG (1200)
   et des contrôles Leaflet (1000). */
.filters{z-index:1300}
.filters select{max-width:100%}
/* Identifiants cliquables ouvrant une fiche. */
a.idlink{color:var(--green-d);font-weight:600;text-decoration:underline dotted}
a.idlink:hover{color:var(--green)}
.synth-report{width:100%;margin:6px 0 10px}
.synth-report td,.synth-report th{overflow-wrap:anywhere}
@media print{.synth-report thead{display:table-header-group}.synth-report tr{break-inside:avoid}}

/* ------------------------------------------------ identité PAY4FOREST ---
   Couleurs tirées du logo CAFI : bleu, sarcelle et vert feuille, avec un
   bleu-vert sombre pour l'en-tête. Les noms des variables (--green…) sont
   ceux de la feuille reprise de l'agroforesterie. */
:root{
  --green:#127773;          /* sarcelle foncée : navigation, boutons (contraste AA sur blanc) */
  --green-d:#0E4150;        /* bleu-vert sombre : en-tête, titres */
  --green-l:#E4F3F1;        /* fond clair des en-têtes de tableau */
  --cafi-blue:#1F74A6; --cafi-teal:#1C9A96; --cafi-leaf:#5FA83F;
  --bg:#F4F7F7; --ink:#1B2A2F; --muted:#5E6F74; --line:#DDE7E8;
}
header{background:linear-gradient(100deg,#0E4150 0%,#0F5462 55%,#126A6B 100%);
  border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--cafi-blue),var(--cafi-teal),var(--cafi-leaf)) 1}
nav{background:var(--green)}
nav button.active{border-bottom-color:#A3D97F}
.kpi .v{color:var(--green-d)}
.demo-card{background:#EEF7F6;border-color:#B9DCD8;border-left-color:var(--cafi-teal)}
.intro{border-left-color:var(--cafi-teal)}
.filecard{border-left-color:var(--cafi-teal)}
.iki-card{border-top-color:var(--cafi-teal)}
.iki-card .code{color:var(--cafi-blue)}
.iki-card .target-bar span{background:var(--cafi-leaf)}
.subtabs button.active{background:var(--green);border-color:var(--green)}
th.sortable:hover{background:#D3ECE9}
@media print{.ov-card h2{color:#0E4150}}
/* Bouton en attente (application ou démonstration en cours de chargement). */
.btn:disabled{opacity:.65;cursor:progress}