/* Migo CRM v8.5.21.50 — Calendar compact metrics */

/*
 * Compact the Calendar summary without removing useful information.
 * The number moves to the right, while label + context remain stacked on
 * the left. This cuts the summary height from ~70px to ~48px.
 */
body.crm-app .migo-calendar-metrics-v3125{
  min-width:0;
  border-radius:8px;
}

body.crm-app .migo-calendar-metrics-v3125 article{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  align-content:center;
  column-gap:10px;
  row-gap:1px;
  min-height:48px;
  padding:7px 12px 7px 15px;
}

body.crm-app .migo-calendar-metrics-v3125 article::before{
  top:10px;
  bottom:10px;
  width:2px;
}

body.crm-app .migo-calendar-metrics-v3125 article>span{
  grid-column:1;
  grid-row:1;
  min-width:0;
  color:#667085;
  font-size:8px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.015em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.crm-app .migo-calendar-metrics-v3125 article>small{
  grid-column:1;
  grid-row:2;
  min-width:0;
  color:#98a2b3;
  font-size:8px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.crm-app .migo-calendar-metrics-v3125 article>strong{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  color:#101828;
  font-size:17px;
  font-weight:800;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

/* Keep Calendar actions visually aligned with the slimmer metrics bar. */
body.crm-app .migo-calendar-command-v3125{
  gap:10px;
}

body.crm-app .migo-calendar-actions-v3125 .primary-btn,
body.crm-app .migo-calendar-actions-v3125 .secondary-btn,
body.crm-app .migo-calendar-actions-v3125 .migo-icon-button-v3052{
  min-height:36px;
  height:36px;
}

@media(max-width:1100px){
  body.crm-app .migo-calendar-command-v3125{
    align-items:stretch;
    flex-wrap:wrap;
  }

  body.crm-app .migo-calendar-metrics-v3125{
    flex:1 1 100%;
  }

  body.crm-app .migo-calendar-actions-v3125{
    margin-left:auto;
  }
}

@media(max-width:760px){
  body.crm-app .migo-calendar-metrics-v3125{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.crm-app .migo-calendar-metrics-v3125 article{
    min-height:46px;
  }

  body.crm-app .migo-calendar-metrics-v3125 article:nth-child(2){
    border-right:0;
  }

  body.crm-app .migo-calendar-metrics-v3125 article:nth-child(-n+2){
    border-bottom:1px solid #e7ecf2;
  }
}

@media(max-width:480px){
  body.crm-app .migo-calendar-metrics-v3125 article{
    padding:7px 9px 7px 13px;
    column-gap:7px;
  }

  body.crm-app .migo-calendar-metrics-v3125 article>strong{
    font-size:15px;
  }

  body.crm-app .migo-calendar-actions-v3125{
    width:100%;
    justify-content:flex-end;
    flex-wrap:wrap;
  }
}
