/* ===== ss-grades-jank-fix-v1-6-4 ===== */

  /* SmartSchool v1.6.4: grade-list jank fix. Focus: opening/scrolling لیستی نمرەکان */
  #gradesPanel{
    overflow-anchor:none;
    contain:layout style paint;
    transform:translateZ(0);
  }
  #gradesPanel .grades-tools,
  #gradesPanel .grades-meta{
    contain:layout style paint;
  }
  #gradesContainer{
    contain:layout style;
  }
  #gradesContainer .class-container{
    content-visibility:auto;
    contain:layout style paint;
    contain-intrinsic-size:1px 620px;
    box-shadow:none !important;
  }
  #gradesContainer .table-responsive{
    contain:layout style paint;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-gutter:stable;
  }
  #gradesContainer table{
    table-layout:fixed;
  }
  #gradesContainer tbody tr{
    contain:layout style paint;
  }
  #gradesContainer input,
  #gradesContainer button{
    transition:none !important;
    animation:none !important;
    box-shadow:none !important;
  }
  #gradesContainer .name-input,
  #gradesContainer .table-input{
    min-height:36px;
  }
  #gradesPanel.ss-rendering #gradesContainer{
    opacity:.65;
    pointer-events:none;
  }
  #gradesPanel .ss-grade-loading{
    text-align:center;
    padding:14px;
    font-weight:900;
    color:var(--text-sec);
  }
  @media (max-width:768px){
    #gradesContainer .class-header-row{
      gap:8px !important;
      align-items:center !important;
    }
    #gradesContainer .class-actions button{
      padding:7px 10px !important;
      font-size:.9em !important;
    }
    #gradesContainer th,
    #gradesContainer td{
      padding:7px 5px !important;
    }
    #gradesContainer table{
      font-size:.88em !important;
      min-width:560px !important;
    }
  }