/* Espace GRABE — lot D (retours du 2 nov., 18h45) : kit de marque (rubriques, verrou, import multiple),
   marque du menu admin (grabe | Transfert + « Admin » en petit). Toujours préfixé par .es */

/* ---------- Marque du menu admin ---------- */
.es .brand.adm-brand{flex-direction:column;align-items:flex-start;gap:6px}
.es .adm-brand-row{display:flex;align-items:center;gap:12px}
.es .adm-brand-sub{font-family:ABeeZee,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1}

/* ---------- Cartes « fichier » des rubriques (photo de profil, bannières, vidéos…) ---------- */
.es .kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(200px,14vw,320px),1fr));gap:20px}
.es .kit-asset{display:flex;flex-direction:column;gap:8px;min-width:0}
.es .kit-asset-link{display:block;text-decoration:none;color:inherit;border-radius:24px}
.es .kit-asset-tile{position:relative;height:170px;border-radius:24px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:var(--soft);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.es .kit-asset-tile img{width:100%;height:100%;object-fit:cover}
.es .kit-asset-tile video{width:100%;height:100%;object-fit:contain;background:#000}
.es .kit-asset-link:hover .kit-asset-tile{transform:translateY(-3px)}
.es .kit-asset-ico{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:ABeeZee,sans-serif;font-size:12px;letter-spacing:.08em}
.es .kit-asset .t-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Verrou (équipe GRABE seulement) ---------- */
.es .kit-lock-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:rgba(20,24,32,.88);color:#fff;font-family:ABeeZee,sans-serif;font-size:11px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.es .kit-lock-badge svg{width:13px;height:13px}
.es .kit-locked>:first-child{opacity:.55}
.es .kit-locked{outline:2px dashed rgba(255,255,255,.22);outline-offset:4px}
.es .kit-lock-note{display:inline-flex;align-items:center;gap:6px;margin-top:6px}
.es .kit-lock-note svg{width:13px;height:13px}

/* Élément tout juste importé : contour rouge discret, le temps de le renommer. */
.es .kit-fresh{box-shadow:0 0 0 2px rgba(229,55,63,.75)}

/* ---------- Tuile « + » (import multiple) ---------- */
.es .kit-plus{position:relative}
.es .kit-plus:focus-visible{outline:2px solid #fff;outline-offset:3px}
.es .kit-plus-hint{opacity:.7}

/* ---------- Envois en cours (une ligne par fichier) ---------- */
.es .kit-uploads{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:18px;background:var(--surf);border:1px solid var(--line)}
.es .kit-uploads[hidden]{display:none}
.es .kit-up-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(80px,2fr) auto;align-items:center;gap:12px}
.es .kit-up-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.es .kit-up-bar{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.es .kit-up-bar i{display:block;height:100%;width:0;background:var(--red);border-radius:inherit;transition:width .2s}
.es .kit-up-ok .kit-up-bar i{background:#9db58a}
.es .kit-up-err .kit-up-bar i{background:#8b919c}
.es .kit-up-err .kit-up-state{color:#ffb3b6}
.es .kit-up-state{min-width:64px;text-align:right}

/* ---------- « + Ajouter une rubrique » ---------- */
.es .kit-addsec{margin-top:8px}
.es .kit-addsec>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.es .kit-addsec>summary::-webkit-details-marker{display:none}
.es .kit-addsec>summary svg{width:16px;height:16px}
.es .kit-addsec-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px}
.es .kit-addsec-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:18px;border:2px dashed rgba(255,255,255,.18);background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.es .kit-addsec-item:hover,.es .kit-addsec-item:focus-visible{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.05)}

/* ---------- Visuels Pulse : import de plusieurs visuels d'un coup ---------- */
.es .kit-pulse-uploads{grid-column:1/-1}

@media (max-width:900px){
  .es .kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .es .kit-asset-tile{height:120px}
  .es .kit-up-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}
  .es .kit-up-bar{grid-column:1/-1;grid-row:2}
  .es .kit-addsec-list{grid-template-columns:minmax(0,1fr)}
}