/* Phase 21M.6.6 — Compact At-a-Glance Grid */

.dvh21m-dashboard{
  padding:15px!important;
}

.dvh21m-dashboard-head{
  margin-bottom:10px!important;
}

.dvh21m-glance-grid{
  gap:8px!important;
}

.dvh21m-glance{
  min-height:118px!important;
  padding:11px 12px!important;
  border-radius:13px!important;
}

.dvh21m-glance-label{
  font-size:.58rem!important;
}

.dvh21m-glance strong{
  margin:5px 0 3px!important;
  font-size:.91rem!important;
}

.dvh21m-glance small{
  font-size:.66rem!important;
  line-height:1.28!important;
}

.dvh21m-glance b{
  padding-top:8px!important;
  font-size:.64rem!important;
}

.dvh21m-shortcuts{
  margin-top:10px!important;
  padding-top:10px!important;
}

@media(max-width:700px){

  body .dvh21b-shell .dvh21m-dashboard{
    padding:12px!important;
    border-radius:17px!important;
  }

  body .dvh21b-shell .dvh21m-dashboard-head{
    align-items:center!important;
    margin-bottom:9px!important;
  }

  body .dvh21b-shell .dvh21m-dashboard-head h2{
    font-size:1.05rem!important;
  }

  body .dvh21b-shell .dvh21m-profile-score{
    min-height:28px!important;
    padding:0 8px!important;
    font-size:.61rem!important;
  }

  /* Key change: 2 x 2 mobile dashboard. */
  body .dvh21b-shell .dvh21m-glance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  body .dvh21b-shell .dvh21m-glance{
    min-height:104px!important;
    padding:10px!important;
    border-radius:12px!important;
  }

  body .dvh21b-shell .dvh21m-glance strong{
    font-size:.82rem!important;
    line-height:1.15!important;
  }

  body .dvh21b-shell .dvh21m-glance small{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:.60rem!important;
    line-height:1.25!important;
  }

  body .dvh21b-shell .dvh21m-glance b{
    margin-top:auto!important;
    padding-top:6px!important;
    font-size:.59rem!important;
  }

  body .dvh21b-shell .dvh21m-shortcuts{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:9px!important;
    padding-top:9px!important;
  }

  body .dvh21b-shell .dvh21m-shortcuts>span{
    grid-column:1/-1!important;
    margin:0!important;
  }

  body .dvh21b-shell .dvh21m-shortcuts a{
    justify-content:center!important;
    min-height:30px!important;
    padding:0 7px!important;
    font-size:.61rem!important;
    text-align:center!important;
  }
}

@media(max-width:380px){
  body .dvh21b-shell .dvh21m-glance-grid{
    grid-template-columns:1fr!important;
  }

  body .dvh21b-shell .dvh21m-glance{
    min-height:88px!important;
  }
}