/* ========================================================================== */
/* ETHNOS R167 — volet Messages compact en 1280 × 712                       */
/* Base : R166. Le troisième accès « Mes messages » reste toujours visible.  */
/* ========================================================================== */

@media (min-width:1200px) and (max-width:1299px) and (max-height:760px){
  html body .memberMessagesDrawer .memberMessageDashboard{
    grid-template-rows:auto auto auto auto auto !important;
    overflow:hidden !important;
  }

  html body .memberMessagesDrawer .memberMessageDashboardHeader{
    padding:9px 12px 8px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardHeader>span{
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.11em !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardHeader h2{
    margin-top:4px !important;
    font-size:24px !important;
    line-height:.98 !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardHeader p{
    margin-top:5px !important;
    font-size:8px !important;
    line-height:1.3 !important;
  }

  html body .memberMessagesDrawer .memberMessageDashboardCounts{
    gap:4px !important;
    padding:6px 9px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardCount{
    min-height:52px !important;
    gap:2px !important;
    padding:4px 2px !important;
    border-radius:8px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardCount>b{
    font-size:17px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardCount>span{
    font-size:7px !important;
  }

  html body .memberMessagesDrawer .memberMessageDashboardActions{
    gap:5px !important;
    padding:6px 10px 7px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardButton{
    min-height:36px !important;
    gap:7px !important;
    padding:0 9px !important;
    border-radius:9px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardButton>i{
    font-size:14px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardButton>span{
    font-size:10px !important;
    white-space:nowrap !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardButton>b{
    min-width:20px !important;
    width:20px !important;
    height:20px !important;
    font-size:8px !important;
  }

  html body .memberMessagesDrawer .memberMessageDashboardSafety{
    align-self:stretch !important;
    min-height:0 !important;
    margin:0 10px 7px !important;
    padding:7px 9px !important;
    border-radius:9px !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardSafety b{
    display:block !important;
    font-size:8px !important;
    line-height:1.1 !important;
  }
  html body .memberMessagesDrawer .memberMessageDashboardSafety p{
    display:none !important;
  }

  html body .memberMessagesDrawer .memberMessageDashboardClose{
    width:calc(100% - 20px) !important;
    min-height:36px !important;
    height:36px !important;
    margin:0 10px 8px !important;
    font-size:11px !important;
  }
}