/* Mobile home: align the Today header controls with the My courses header pattern. */
@media (max-width:760px){
  body .portal-shell.home-balanced #todayEngagementPanel .today-head>div:first-child{
    padding-right:146px!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-head>div:first-child>.today-collapse-toggle:first-of-type{
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    grid-template-columns:none!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-collapse-count{
    flex:0 0 auto!important;
    min-width:0!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:850!important;
    color:#174d3a!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-collapse-ring{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-collapse-chevron{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#176b50!important;
    font-size:0!important;
    line-height:1!important;
    transform-origin:center!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-collapse-chevron::before{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:8px!important;
    height:8px!important;
    margin:0!important;
    border-right:1.8px solid currentColor!important;
    border-bottom:1.8px solid currentColor!important;
    transform:translate(-50%,-50%) rotate(45deg)!important;
    transform-origin:center!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-collapse-toggle:hover .today-collapse-chevron{
    background:#edf5f1!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-collapse-toggle:focus-visible{
    outline:none!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel .today-collapse-toggle:focus-visible .today-collapse-chevron{
    outline:2px solid #176b50!important;
    outline-offset:2px!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel.today-panel:not(.today-collapsed) .today-collapse-chevron{
    transform:rotate(180deg)!important;
  }

  body .portal-shell.home-balanced #todayEngagementPanel.today-panel.today-collapsed .today-collapse-chevron{
    transform:rotate(0deg)!important;
  }

  /* KPI cards */
  body .portal-shell.home-balanced .dash-stat{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:10px!important;
  }

  /* Keep both the tile and the SVG glyph locked to their geometric centres. */
  body .portal-shell.home-balanced .dash-stat-icon{
    position:relative!important;
    display:block!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    align-self:center!important;
    justify-self:center!important;
    place-self:center!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    font-size:0!important;
    line-height:0!important;
    text-align:center!important;
  }

  body .portal-shell.home-balanced .dash-stat-icon::before{
    content:''!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    display:block!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:20px 20px!important;
  }

  body .portal-shell.home-balanced .dash-stat-icon.lime::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a7f22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16l6-6 4 4 6-7'/%3E%3Cpath d='M15 7h5v5'/%3E%3C/svg%3E")!important;
  }

  body .portal-shell.home-balanced .dash-stat-icon.gold::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239c6712' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9L12 3z'/%3E%3C/svg%3E")!important;
  }

  body .portal-shell.home-balanced .dash-stat-icon.blue::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b78a9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")!important;
  }

  body .portal-shell.home-balanced .dash-stat-icon.violet::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a53ce' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8a2 2 0 0 0 2-2V8l-4-5H10L6 8v11a2 2 0 0 0 2 2z'/%3E%3Cpath d='M10 10h4M10 14h4'/%3E%3C/svg%3E")!important;
  }

  body .portal-shell.home-balanced .dash-stat>div:last-child{
    align-self:center!important;
    margin:0!important;
  }
}