/* MinhaHub Alpha 1.7 — acabamento antes da próxima atualização grande */
/* Estilos da página Sistema/licença foram movidos para shared-system.css,
   componente global reutilizado por todos os segmentos. */

/* Somente desktop */
@media (min-width:701px){
  /* Indicadores gerais lado a lado */
  #app:has(.nav-item[data-page="accounting"].active) #content .mh-indicator-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
  }

  /* Serviços, Clientes, Colaboradores e Produtos em 2 colunas */
  #app:has(.nav-item[data-page="services"].active) #content .entity-list,
  #app:has(.nav-item[data-page="clients"].active) #content .entity-list,
  #app:has(.nav-item[data-page="collaborators"].active) #content .entity-list,
  #app:has(.nav-item[data-page="products"].active) #content .entity-list{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch
  }
  #app:has(.nav-item[data-page="services"].active) #content .entity-row,
  #app:has(.nav-item[data-page="clients"].active) #content .entity-row,
  #app:has(.nav-item[data-page="collaborators"].active) #content .entity-row,
  #app:has(.nav-item[data-page="products"].active) #content .entity-row{
    height:100%;box-sizing:border-box
  }

  /* Produtos: nome/data/valor em cima e ações sempre embaixo */
  #app:has(.nav-item[data-page="products"].active) #content .entity-row{
    display:flex;flex-direction:column;align-items:stretch
  }
  #app:has(.nav-item[data-page="products"].active) #content .entity-row .entity-main{min-width:0;width:100%}
  #app:has(.nav-item[data-page="products"].active) #content .entity-row .entity-actions{margin-top:auto;width:100%}
}