/* ==========================================================================
   ETHNOS R284 - PHOTOS / DOCUMENTS - 1280x720 UNIQUEMENT

   A MODIFIER
   1) "Ajouter une photo" : reduction REELLE par rapport aux 132px de R277/R283.
   2) Conserver "Apercu" masque et "Modifier" seul, centre dans sa zone.
   3) Documents : groupe Ouvrir/Supprimer compacte, borne et sans debordement.

   A NE PAS TOUCHER
   - Annuaire R282 valide.
   - Titre/sous-titre Medias.
   - Logique des actions.
   - Autres volets / autres resolutions.

   PREUVE AVANT/APRES
   - Avant : bouton photo = 132px (R277 puis R283).
   - R284 : bouton photo = 112px, soit -20px.
   - Documents : actions = 54px + 6px + 70px = 130px.
   ========================================================================== */

@media (width:1280px) and (height:720px){

  /* PHOTO : le header est deja une grille dans la cascade existante.
     On ne change pas son moteur de layout ; on reduit uniquement la zone action. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaActions{
    flex:0 0 112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  button[data-media-library-upload="photos"].ethnosOfficialAction{
    box-sizing:border-box !important;
    flex:0 0 112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    padding-left:6px !important;
    padding-right:6px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  /* PHOTO DE PROFIL : conserver uniquement Modifier, centre. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  .memberMediaBand.isPhoto .memberMediaBandActions{
    position:static !important;
    left:auto !important;
    transform:none !important;
    display:flex !important;
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    justify-content:center !important;
    justify-self:end !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  .memberMediaBand.isPhoto .memberMediaBandActions
  > button.memberMediaPreviewButton{
    display:none !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  .memberMediaBand.isPhoto .memberMediaBandActions
  > button.memberMediaEditProfileButton{
    box-sizing:border-box !important;
    flex:0 0 76px !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    margin:0 auto !important;
  }

  /* DOCUMENTS : on conserve la grille existante du bandeau.
     Seule la colonne actions est compacte et bornee. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaDocumentsSection
  .memberMediaBand.isDocument{
    grid-template-columns:minmax(0,1fr) 130px !important;
    column-gap:6px !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaDocumentsSection
  .memberMediaBand.isDocument .memberMediaBandActions{
    position:static !important;
    left:auto !important;
    transform:none !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:54px 70px !important;
    gap:6px !important;
    width:130px !important;
    min-width:130px !important;
    max-width:130px !important;
    justify-self:end !important;
    align-self:center !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaDocumentsSection
  .memberMediaBand.isDocument .memberMediaBandActions
  > button.memberMediaPreviewButton{
    box-sizing:border-box !important;
    width:54px !important;
    min-width:54px !important;
    max-width:54px !important;
    padding-left:3px !important;
    padding-right:3px !important;
    margin:0 !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaDocumentsSection
  .memberMediaBand.isDocument .memberMediaBandActions
  > button.memberMediaDeleteButton{
    box-sizing:border-box !important;
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    padding-left:3px !important;
    padding-right:3px !important;
    margin:0 !important;
  }

  /* Le nom du document reste dans sa propre zone, sans debordement. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaDocumentsSection
  .memberMediaBand.isDocument .memberMediaBandCopy,
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaDocumentsSection
  .memberMediaBand.isDocument .memberMediaBandCopy strong{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
  }
}