/* ==========================================================================
   ETHNOS R277 — CORRECTIONS AUTHENTIFIEES 1280x720

   Faits F12 :
   - Messages / Fermer : 59.7083 px -> standard 34 px.
   - Annuaire : champ = 29 px ; Rechercher = 33 px -> cible 29 px.
   - Media : Aperçu et Modifier = 74 x 33 px ; garder ces dimensions.
   - Media : scroll + Fermer déjà mesurés fonctionnels en R276.

   Tchat R275 : NON TOUCHE.
   ========================================================================== */

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

  /* MESSAGES — Fermer = standard clair 34 px. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMessagesDrawer .memberMessageDashboardClose{
    box-sizing:border-box !important;
    flex:0 0 34px !important;
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    line-height:1 !important;
  }

  /* ANNUAIRE — Rechercher exactement à la hauteur du champ mesuré : 29 px. */
  html[data-ethnos-ui="discord-r111"] body
  .memberDirectoryDrawer .memberDirectoryInlineSearch > button.ethnosOfficialAction{
    box-sizing:border-box !important;
    align-self:center !important;
    height:29px !important;
    min-height:29px !important;
    max-height:29px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  /* PHOTOS — bouton compact, largeur réellement bornée pour dégager "Mes photos". */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  button[data-media-library-upload="photos"]{
    box-sizing:border-box !important;
    flex:0 0 132px !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    padding-left:8px !important;
    padding-right:8px !important;
    white-space:nowrap !important;
  }

  /* Le header Photos garde les deux zones distinctes sans chevauchement. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaSectionHeader{
    gap:8px !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaSectionHeader > div:first-child{
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaActions{
    flex:0 0 132px !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
  }

  /* Aperçu / Modifier : mêmes dimensions mesurées et groupe décalé de 5 px à gauche. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection .memberMediaBandActions{
    position:relative !important;
    left:auto !important;
    transform:translateX(-5px) !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  .memberMediaBandActions > button.memberMediaPreviewButton,
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaPhotosSection
  .memberMediaBandActions > button.memberMediaEditProfileButton{
    box-sizing:border-box !important;
    flex:0 0 74px !important;
    width:74px !important;
    min-width:74px !important;
    max-width:74px !important;
    height:33px !important;
    min-height:33px !important;
    max-height:33px !important;
    padding:0 8px !important;
  }

  /* Retirer uniquement le gutter ajouté en R276 : le scroll reste actif,
     mais toute la largeur utile du volet est rendue au contenu. */
  html[data-ethnos-ui="discord-r111"] body
  .memberMediaDrawer .memberMediaScroll{
    scrollbar-gutter:auto !important;
  }

  html[data-ethnos-ui="discord-r111"] body
  .memberDirectoryDrawer .memberDirectoryContent{
    scrollbar-gutter:auto !important;
  }
}