/* VIDLIK — unify mobile accordion controls (Today + My Courses). */
@media (max-width:760px){
  /* Keep the Today progress meta visible, but give its chevron the same
     40x40 rounded control language as the My Courses accordion button. */
  .portal-shell.home-balanced #todayEngagementPanel .today-head>div:first-child{
    padding-right:158px!important;
  }

  .portal-shell.home-balanced #todayEngagementPanel .today-head>div:first-child>.today-collapse-toggle:first-of-type{
    right:6px!important;
    width:146px!important;
    min-width:146px!important;
    max-width:146px!important;
    grid-template-columns:minmax(0,1fr) 20px 40px!important;
    gap:6px!important;
    padding:0!important;
    background:transparent!important;
  }

  .portal-shell.home-balanced #todayEngagementPanel .today-collapse-chevron{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:10px!important;
    background:#edf5f1!important;
    color:#176b50!important;
    font-size:0!important;
    line-height:1!important;
    transition:transform .22s ease,background-color .18s ease!important;
  }

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

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

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

  /* mobile-home-polish rotates the chevron container for expanded state;
     keep that behaviour so the same control points up/down correctly. */
  .portal-shell.home-balanced #todayEngagementPanel.today-panel:not(.today-collapsed) .today-collapse-chevron{
    transform:rotate(180deg)!important;
  }
  .portal-shell.home-balanced #todayEngagementPanel.today-panel.today-collapsed .today-collapse-chevron{
    transform:rotate(0deg)!important;
  }
}