/* V35.3 — balanced dashboard rows */

/* обычная сетка 4 кнопки */
.grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;
}

/* AI Memory / Narratives / Time Machine — 3 равные кнопки */
.tile[onclick*="showAIMemory"],
.tile[onclick*="showNarratives"],
.tile[onclick*="showTimeMachine"]{
  grid-column:auto!important;
}

/* первая V35-кнопка начинает новую строку */
.tile[onclick*="showAIMemory"]{
  grid-column:1 / span 1!important;
}

/* делаем строку 3 кнопки равномерной */
.tile[onclick*="showAIMemory"],
.tile[onclick*="showNarratives"],
.tile[onclick*="showTimeMachine"]{
  width:100%!important;
}

/* на мобильном: 3 кнопки по 33.33% */
@media(max-width:900px){
  .grid{
    grid-template-columns:repeat(12,1fr)!important;
  }

  .grid .tile{
    grid-column:span 3!important;
  }

  .tile[onclick*="showAIMemory"],
  .tile[onclick*="showNarratives"],
  .tile[onclick*="showTimeMachine"]{
    grid-column:span 4!important;
  }

  .tile[onclick*="showSubscription"],
  .tile[onclick*="showStatus"],
  .tile.wide{
    grid-column:span 6!important;
  }
}