/* APS — admin/integrations/carte-fichier.css — créé le 2026-10-20
   La carte d'un fichier sans lecteur (carte-fichier-vue.js), chargée par
   Projets et Intégrations : jetons repris de l'une ou de l'autre page. */
.cf-carte{
  --cf-bord: var(--border, var(--inf-bord, #262a2e));
  --cf-texte: var(--text, var(--inf-texte, #eef0f1));
  --cf-attenue: var(--text-dim, var(--inf-attenue, #a6b0b8));
  --cf-surface: var(--bg2, var(--inf-surface, #151718));
  --cf-fond: var(--bg3, var(--inf-fond, #1a1d1f));
  --cf-accent: var(--accent, var(--inf-accent, #d6d233));
  --cf-alerte: #e67e22;
  border:1px solid var(--cf-bord); border-radius:8px; background:var(--cf-surface);
  padding:12px; margin:10px 0; color:var(--cf-texte); font-size:12.5px; min-width:0;
}
.cf-tete{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.cf-titre{ margin:0; font-size:13.5px; font-weight:600; }
.cf-pastille{ font-size:11px; padding:1px 8px; border-radius:10px; border:1px solid var(--cf-alerte); color:var(--cf-alerte); }
.cf-espace{ flex:1; }
.cf-btn{
  background:var(--cf-fond); color:var(--cf-texte); border:1px solid var(--cf-bord); border-radius:6px;
  padding:3px 10px; font:inherit; font-size:12px; cursor:pointer;
}
.cf-btn:hover{ border-color:var(--cf-attenue); }

.cf-details{ display:grid; grid-template-columns:max-content minmax(0, 1fr); gap:2px 12px; margin:0 0 8px; }
.cf-details dt{ color:var(--cf-attenue); }
.cf-details dd{ margin:0; overflow-wrap:anywhere; }
.cf-totaux{ padding-bottom:8px; border-bottom:1px solid var(--cf-bord); }
.cf-sensible{ color:var(--cf-alerte); }
.cf-chemin{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11.5px; overflow-wrap:anywhere; }

.cf-arbre{ margin-top:6px; }
.cf-noeud{ border-left:2px solid var(--cf-bord); padding-left:8px; margin:4px 0; }
.cf-noeud[data-famille="conteneur"]{ border-left-color:#5dade2; }
.cf-noeud[data-famille="donnees"]{ border-left-color:#27ae60; }
.cf-noeud[data-famille="chiffre"]{ border-left-color:var(--cf-alerte); }
.cf-noeud[data-famille="binaire"]{ border-left-color:#af7ac5; }
.cf-resume{ display:flex; align-items:baseline; gap:8px; cursor:pointer; padding:2px 0; min-width:0; }
.cf-format{ font-weight:600; flex-shrink:0; }
.cf-nom{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11.5px; color:var(--cf-attenue); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.cf-taille{ color:var(--cf-attenue); flex-shrink:0; }
.cf-secret{ color:var(--cf-alerte); flex-shrink:0; font-size:11px; }
.cf-corps{ padding:4px 0 2px 4px; }
.cf-enfants{ margin-top:4px; }

.cf-bloc{ margin:4px 0; }
.cf-bloc > summary{ cursor:pointer; color:var(--cf-attenue); }
.cf-defile{ overflow-x:auto; max-height:360px; overflow-y:auto; }
.cf-schema{ border-collapse:collapse; width:100%; margin:4px 0; }
.cf-schema th{ text-align:left; color:var(--cf-attenue); font-weight:500; position:sticky; top:0; background:var(--cf-surface); }
.cf-schema th, .cf-schema td{ padding:2px 8px 2px 0; border-bottom:1px solid var(--cf-bord); vertical-align:top; }
.cf-schema tr[data-sensible="1"] .cf-chemin{ color:var(--cf-alerte); }
.cf-valeurs{ display:flex; flex-wrap:wrap; gap:3px; }
.cf-mot{ font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11px; padding:0 5px; border-radius:4px; background:var(--cf-fond); border:1px solid var(--cf-bord); }
.cf-forme{ color:var(--cf-attenue); font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11px; }
.cf-chaines{ margin:4px 0; padding-left:18px; font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:11px; color:var(--cf-attenue); }