/* RivaScreen BUILD 011.1 — couche finale ciblée de l'espace hôte.
   Chargée après les anciens correctifs afin d'éviter toute régression de cascade. */

.host .property-dashboard-grid{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

.host .property-dashboard-grid>.card.property{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
}

.host .property-dashboard-grid>.card.property>.property-photo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  border-radius:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#dfe7e3!important;
}

.host .property-dashboard-grid>.card.property>.property-body{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:132px!important;
  flex-direction:column!important;
  padding:15px!important;
}

.host .property-dashboard-grid>.card.property .actions{
  margin-top:auto!important;
}

@media (min-width:900px) and (max-width:1179px){
  .host .dashboard-stats{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .host .dashboard-stats>.stat{grid-column:span 2!important}
  .host .dashboard-stats>.stat:nth-child(n+4){grid-column:span 3!important}
}

@media (min-width:700px) and (max-width:899px){
  body.host-mode{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    background:var(--navy-2)!important;
  }
  body.host-mode #app,
  .app-shell.host{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .host .page{
    width:100%!important;
    max-width:none!important;
    padding:24px 24px calc(var(--tab-h) + 32px)!important;
  }
  .host .property-dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .host .dashboard-stats,
  .host .performance-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .host .dashboard-stats>.stat:last-child{grid-column:1/-1!important}
  .host .tabbar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
  }
}

@media (max-width:699px){
  .host .property-dashboard-grid{
    grid-template-columns:1fr!important;
  }
  .host .performance-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* BUILD 011.2 — verrouillage final contre les anciens sélecteurs RC très spécifiques. */
#hostDashboardProperties,
#hostHomesProperties{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  align-items:stretch!important;
}

#hostDashboardProperties>.card.property,
#hostHomesProperties>.card.property{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  flex-direction:column!important;
  padding:0!important;
  overflow:hidden!important;
}

#hostDashboardProperties>.card.property>.property-photo,
#hostHomesProperties>.card.property>.property-photo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#dfe7e3!important;
}

#hostDashboardProperties>.card.property>.property-body,
#hostHomesProperties>.card.property>.property-body{
  display:flex!important;
  flex:1 1 auto!important;
  min-height:132px!important;
  flex-direction:column!important;
  padding:15px!important;
}

#hostDashboardProperties>.card.property .actions,
#hostHomesProperties>.card.property .actions{
  margin-top:auto!important;
}

@media (min-width:700px){
  #hostDashboardProperties,
  #hostHomesProperties{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (min-width:1200px){
  #hostDashboardProperties,
  #hostHomesProperties{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (min-width:1600px){
  #hostDashboardProperties,
  #hostHomesProperties{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* BUILD 012 — finition responsive de l'espace hôte. */
.host .page,
.host .list,
.host .stats,
.host .card{
  min-width:0;
}

/* Les cinq indicateurs financiers restent lisibles sur les petits ordinateurs. */
@media (min-width:900px) and (max-width:1199px){
  .host .finance-stats{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  .host .finance-stats>.stat{
    grid-column:span 2!important;
  }
  .host .finance-stats>.stat:nth-child(n+4){
    grid-column:span 3!important;
  }
}

/* Confort tactile : commandes principales suffisamment hautes sans changer le design. */
@media (max-width:899px){
  .host .btn,
  .host button:not(.avatar):not(.desktop-avatar),
  .host input:not([type="checkbox"]):not([type="radio"]),
  .host select{
    min-height:44px;
  }
}

/* Badges lisibles sur les petits mobiles. */
@media (max-width:699px){
  .host .badge,
  .host .property-ops-badge,
  .host .request-status,
  .host .mini-status{
    font-size:.65rem!important;
    line-height:1.15!important;
  }
}
