/* Espace de travail Ianovation — feuille de style de l'instance FileBrowser « espace. »
   Deux couleurs, deux sens (fiche 5.6) :
     BLEU  = consultation/  : publié depuis la DATA par Anthony, à LIRE (lecture seule voulue)
     VERT  = partage/       : déposé par l'utilisateur, à MODIFIER, trier, déplacer librement */

/* ---- au niveau d'un projet : les deux dossiers ---- */
#listing .item[aria-label="consultation"] { background: rgba(59, 130, 246, .12); border-left: 5px solid #3b82f6; }
#listing .item[aria-label="consultation"] i { color: #2563eb; }
#listing .item[aria-label="partage"] { background: rgba(34, 197, 94, .12); border-left: 5px solid #22c55e; }
#listing .item[aria-label="partage"] i { color: #16a34a; }

/* ---- à l'intérieur : toute la liste prend la teinte, avec un bandeau d'explication ---- */
body:has(.breadcrumbs a[href*="/consultation"]) #listing .item { background: rgba(59, 130, 246, .07); }
body:has(.breadcrumbs a[href*="/consultation"]) #listing .item:hover { background: rgba(59, 130, 246, .16); }
body:has(.breadcrumbs a[href*="/consultation"]) #listing::before {
  content: "📘 CONSULTATION — publié depuis la DATA : à lire et télécharger. Ne pas modifier ici, toute mise à jour vient d'Anthony.";
  display: block; margin: 0 0 .6em; padding: .55em .9em; border-radius: 8px;
  background: #3b82f6; color: #fff; font-weight: 600; font-size: .9em;
}
body:has(.breadcrumbs a[href*="/partage"]) #listing .item { background: rgba(34, 197, 94, .07); }
body:has(.breadcrumbs a[href*="/partage"]) #listing .item:hover { background: rgba(34, 197, 94, .16); }
body:has(.breadcrumbs a[href*="/partage"]) #listing::before {
  content: "📗 PARTAGE — votre espace de travail : déposez, triez, renommez, déplacez, supprimez librement.";
  display: block; margin: 0 0 .6em; padding: .55em .9em; border-radius: 8px;
  background: #22c55e; color: #fff; font-weight: 600; font-size: .9em;
}

/* ---- rappel discret partout ailleurs (racine, dossier projet) ---- */
#listing { position: relative; }
body:not(:has(.breadcrumbs a[href*="/consultation"])):not(:has(.breadcrumbs a[href*="/partage"])) #listing::after {
  content: "Bleu = consultation (publié depuis la DATA, à lire) · Vert = partage (vos documents, à modifier)";
  display: block; margin-top: 1em; padding: .4em .8em; border-radius: 6px;
  background: rgba(107, 114, 128, .10); color: #6b7280; font-size: .8em;
}