/* MAVIRELO Yardi Monthly Package density refinement
   Keeps the existing trusted-month workflow intact while aligning the source control
   section with the denser executive surfaces used elsewhere in the product. */

/* Sidebar: prevent the MONTHLY marker from colliding with the navigation label. */
.nav-item[data-view="yardi-upload"]{
  position:relative;
  padding-right:62px;
}
.nav-item[data-view="yardi-upload"]::after{
  content:"MONTHLY";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:8px;
  line-height:1;
  letter-spacing:.13em;
  font-weight:700;
  opacity:.48;
  white-space:nowrap;
}
.nav-item[data-view="yardi-upload"] small,
.nav-item[data-view="yardi-upload"] .nav-badge,
.nav-item[data-view="yardi-upload"] .nav-meta{
  display:none !important;
}

/* Monthly Report Control: compact source-control matrix. */
#mav-yardi-files .mav-yardi-file-list{
  display:grid;
  gap:8px;
  margin-top:14px;
}
#mav-yardi-files .mav-yardi-file-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(230px,1.35fr) minmax(92px,.42fr) minmax(300px,1.45fr) 28px;
  grid-template-areas:
    "main status feeds toggle"
    "note note note note";
  align-items:center;
  gap:10px 18px;
  min-height:58px;
  padding:10px 14px;
  border-radius:12px;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
#mav-yardi-files .mav-yardi-file-row:hover{
  background:rgba(31,198,184,.035);
  border-color:rgba(62,211,198,.30);
}
#mav-yardi-files .mav-yardi-file-main{
  grid-area:main;
  min-width:0;
}
#mav-yardi-files .mav-yardi-file-main strong{
  display:block;
  font-size:15px;
  line-height:1.15;
}
#mav-yardi-files .mav-yardi-file-main > span{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  opacity:.68;
}
#mav-yardi-files .mav-yardi-file-row > div:nth-child(2){
  grid-area:status;
}
#mav-yardi-files .mav-yardi-row-count{
  display:block;
  margin-top:3px;
  font-size:11px;
}
#mav-yardi-files .mav-yardi-feeds{
  grid-area:feeds;
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
#mav-yardi-files .mav-yardi-feeds span{
  padding:4px 8px;
  font-size:10px;
  line-height:1.1;
  white-space:nowrap;
}
#mav-yardi-files .mav-yardi-file-row::after{
  content:"⌄";
  grid-area:toggle;
  justify-self:end;
  font-size:18px;
  line-height:1;
  opacity:.55;
  transform:rotate(0deg);
  transition:transform .16s ease,opacity .16s ease;
}
#mav-yardi-files .mav-yardi-file-row.is-expanded::after{
  transform:rotate(180deg);
  opacity:.9;
}
#mav-yardi-files .mav-yardi-note{
  grid-area:note;
  display:none;
  margin:0;
  padding:9px 0 1px;
  border-top:1px solid rgba(137,190,201,.15);
  font-size:12px;
}
#mav-yardi-files .mav-yardi-file-row.is-expanded .mav-yardi-note{
  display:block;
}
#mav-yardi-files .mav-yardi-file-row.is-expanded{
  background:rgba(31,198,184,.035);
  border-color:rgba(62,211,198,.30);
}

@media (max-width:1100px){
  #mav-yardi-files .mav-yardi-file-row{
    grid-template-columns:minmax(190px,1.2fr) minmax(85px,.45fr) minmax(220px,1fr) 24px;
  }
}
@media (max-width:820px){
  #mav-yardi-files .mav-yardi-file-row{
    grid-template-columns:1fr auto 24px;
    grid-template-areas:
      "main status toggle"
      "feeds feeds feeds"
      "note note note";
  }
}