/* SIAPIYA_DASHBOARD_TEACHING_BACKLOG_FIRST_V37076
   Personal Dashboard — Teaching Administration Backlog First.
   Tunggakan Administrasi Mengajar selalu terlihat di atas dan tidak memakai disclosure. */

#mainContent .siapiya-dashboard-backlog-first{
  margin-bottom:.72rem;
}

#mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]{
  margin-bottom:0!important;
  border:1px solid var(--bs-border-color);
  border-inline-start:4px solid var(--bs-danger);
  border-radius:.78rem;
}

#mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]>.card-header{
  padding:.72rem .8rem!important;
}

#mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]>.card-body{
  padding:.68rem .8rem!important;
}

#mainContent .siapiya-dashboard-backlog-first [data-task-kind]{
  min-height:2.6rem;
}

#mainContent .siapiya-dashboard-backlog-first :is(button,a):focus-visible{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 60%,transparent);
  outline-offset:2px;
}

@media (max-width:767.98px){
  #mainContent .siapiya-dashboard-backlog-first{
    margin-bottom:.62rem;
  }

  #mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]>.card-header,
  #mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]>.card-body{
    padding:.64rem .68rem!important;
  }

  #mainContent .siapiya-dashboard-backlog-first [data-task-kind]{
    min-height:2.9rem;
  }
}

@media (max-width:420px){
  #mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]>.card-header,
  #mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]>.card-body{
    padding:.58rem .62rem!important;
  }
}

@media (forced-colors:active){
  #mainContent .siapiya-dashboard-backlog-first>[data-teaching-backlog="1"]{
    border-color:CanvasText;
  }

  #mainContent .siapiya-dashboard-backlog-first :is(button,a):focus-visible{
    outline:3px solid Highlight;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent .siapiya-dashboard-backlog-first :is(button,a){
    transition:none!important;
    animation:none!important;
  }
}
