/* SIAPIYA_HOMEROOM_REPORT_FINAL_POLISH_V37070
   Homeroom Report Workspace UX Wave 4 — Final Density, Mobile & Accessibility Polish.
   Visual/semantic-only closure of Homeroom Report Wave 1–4. */

#mainContent .siapiya-homeroom-report-command[data-homeroom-report-polish="final"]{
  --siapiya-report-gap:.58rem;
  --siapiya-report-radius:.7rem;
  --siapiya-report-touch:2.75rem;
}

#mainContent .siapiya-homeroom-report-command-head{
  gap:.7rem;
  padding-bottom:.1rem;
}

#mainContent .siapiya-homeroom-report-command-head h4{
  font-size:1.02rem;
  line-height:1.25;
}

#mainContent .siapiya-homeroom-report-command-head p{
  max-width:76ch;
  font-size:.68rem;
  line-height:1.42;
}

#mainContent .siapiya-homeroom-report-flow{
  gap:.38rem;
  margin-top:.58rem;
}

#mainContent .siapiya-homeroom-report-flow>[role="listitem"]{
  min-height:3.65rem;
  padding:.5rem .55rem;
  border-radius:.62rem;
}

#mainContent .siapiya-homeroom-report-flow>[role="listitem"]>span{
  flex:0 0 auto;
}

#mainContent :is(
  .siapiya-homeroom-report-readiness,
  .siapiya-homeroom-report-review-queue,
  .siapiya-homeroom-report-save-confidence
){
  border-radius:var(--siapiya-report-radius,.7rem);
}

/* Non-color state reinforcement */
#mainContent .siapiya-homeroom-report-readiness[data-report-readiness-state="attention"]::before,
#mainContent .siapiya-homeroom-report-review-queue[data-report-review-state="attention"]::before,
#mainContent .siapiya-homeroom-report-save-confidence[data-report-save-state="dirty"]::before{
  content:"Perlu perhatian";
  display:block;
  width:max-content;
  margin-bottom:.28rem;
  padding:.13rem .34rem;
  border:1px solid currentColor;
  border-radius:999px;
  color:var(--bs-warning-text-emphasis);
  font-size:.51rem;
  font-weight:850;
  letter-spacing:.035em;
  line-height:1.1;
  text-transform:uppercase;
}

#mainContent .siapiya-homeroom-report-save-confidence[data-report-save-state="dirty"]::before{
  content:"Belum tersimpan";
  color:var(--bs-danger-text-emphasis);
}

#mainContent .siapiya-homeroom-report-readiness[data-report-readiness-state="clear"]::before,
#mainContent .siapiya-homeroom-report-review-queue[data-report-review-state="clear"]::before,
#mainContent .siapiya-homeroom-report-save-confidence[data-report-save-state="saved"]::before{
  content:"Terkendali";
  display:block;
  width:max-content;
  margin-bottom:.28rem;
  padding:.13rem .34rem;
  border:1px solid currentColor;
  border-radius:999px;
  color:var(--bs-success-text-emphasis);
  font-size:.51rem;
  font-weight:850;
  letter-spacing:.035em;
  line-height:1.1;
  text-transform:uppercase;
}

/* Filter becomes a compact command row */
#mainContent .siapiya-homeroom-report-filter .card-body{
  padding:.78rem!important;
}

#mainContent .siapiya-homeroom-report-filter label{
  margin-bottom:.25rem;
  font-size:.63rem;
}

#mainContent .siapiya-homeroom-report-filter :is(.form-control,.form-select){
  min-height:2.72rem;
}

/* Table clarity */
#mainContent .siapiya-homeroom-report-table{
  min-width:760px;
}

#mainContent .siapiya-homeroom-report-table th{
  padding-block:.52rem;
  font-size:.62rem;
  letter-spacing:.025em;
}

#mainContent .siapiya-homeroom-report-table td{
  padding-block:.58rem;
}

#mainContent .siapiya-homeroom-report-table textarea{
  min-height:4.35rem;
  resize:vertical;
  line-height:1.42;
}

#mainContent .siapiya-homeroom-report-student-row:focus-within{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 46%,transparent);
  outline-offset:-3px;
}

#mainContent .siapiya-homeroom-report-student-row[data-report-note-state="missing"] .siapiya-homeroom-report-note-state::before{
  content:"!";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1rem;
  height:1rem;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:.52rem;
  font-weight:900;
}

#mainContent .siapiya-homeroom-report-student-row[data-report-note-state="complete"] .siapiya-homeroom-report-note-state::before{
  content:"✓";
  font-weight:900;
}

#mainContent :is(
  .siapiya-homeroom-report-filter button,
  .siapiya-homeroom-report-review-primary,
  .siapiya-homeroom-report-review-list>a,
  .siapiya-homeroom-report-table button,
  .rapor-save-all-btn
){
  min-height:var(--siapiya-report-touch,2.75rem);
}

#mainContent :is(
  .siapiya-homeroom-report-filter button,
  .siapiya-homeroom-report-review-primary,
  .siapiya-homeroom-report-review-list>a,
  .siapiya-homeroom-report-table button,
  .rapor-save-all-btn,
  .siapiya-homeroom-report-table textarea,
  .siapiya-homeroom-report-filter .form-select
):focus-visible{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 60%,transparent);
  outline-offset:2px;
  box-shadow:none!important;
}

#mainContent .rapor-save-bar{
  padding-top:.42rem;
}

#mainContent .rapor-save-all-btn{
  min-height:3rem;
}

@media (max-width:991.98px){
  #mainContent .siapiya-homeroom-report-command-head{
    align-items:flex-start;
  }

  #mainContent .siapiya-homeroom-report-flow>[role="listitem"]{
    min-height:3.45rem;
  }
}

@media (max-width:767.98px){
  #mainContent .siapiya-homeroom-report-command[data-homeroom-report-polish="final"]{
    --siapiya-report-gap:.48rem;
    --siapiya-report-touch:2.9rem;
  }

  #mainContent .siapiya-homeroom-report-command-head{
    flex-direction:column;
  }

  #mainContent .siapiya-homeroom-report-authority{
    align-self:flex-start;
  }

  #mainContent .siapiya-homeroom-report-flow{
    grid-template-columns:1fr;
  }

  #mainContent .siapiya-homeroom-report-flow>[role="listitem"]{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.05rem .45rem;
    min-height:0;
    padding:.48rem .52rem;
  }

  #mainContent .siapiya-homeroom-report-flow>[role="listitem"]>span{
    grid-row:1/3;
  }

  #mainContent .siapiya-homeroom-report-filter .card-body{
    padding:.68rem!important;
  }

  #mainContent #areaRaporSiswa>.d-flex{
    align-items:stretch!important;
    flex-direction:column;
    gap:.5rem;
  }

  #mainContent #areaRaporSiswa>.d-flex>button{
    width:100%;
    min-height:2.9rem;
  }

  #mainContent .table-responsive:has(.siapiya-homeroom-report-table){
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }

  #mainContent .siapiya-homeroom-report-table{
    min-width:700px;
  }

  #mainContent .siapiya-homeroom-report-table textarea{
    min-height:4.8rem;
  }

  #mainContent .rapor-save-all-btn{
    width:100%!important;
    max-width:none!important;
    min-height:3.15rem;
  }
}

@media (max-width:420px){
  #mainContent .siapiya-homeroom-report-command{
    gap:.45rem;
  }

  #mainContent .siapiya-homeroom-report-command-head h4{
    font-size:.94rem;
  }

  #mainContent .siapiya-homeroom-report-command-head p{
    font-size:.63rem;
  }

  #mainContent .siapiya-homeroom-report-filter .row{
    --bs-gutter-y:.52rem;
  }

  #mainContent .siapiya-homeroom-report-readiness-metrics,
  #mainContent .siapiya-homeroom-report-save-metrics{
    gap:.25rem;
  }

  #mainContent .siapiya-homeroom-report-table{
    min-width:650px;
  }
}

[data-bs-theme="dark"] #mainContent .siapiya-homeroom-report-student-row:focus-within{
  outline-color:color-mix(in srgb,var(--bs-primary) 72%,transparent);
}

@media (forced-colors:active){
  #mainContent .siapiya-homeroom-report-readiness[data-report-readiness-state]::before,
  #mainContent .siapiya-homeroom-report-review-queue[data-report-review-state]::before,
  #mainContent .siapiya-homeroom-report-save-confidence[data-report-save-state]::before,
  #mainContent .siapiya-homeroom-report-table textarea{
    border-color:CanvasText;
  }

  #mainContent .siapiya-homeroom-report-student-row:focus-within{
    outline:3px solid Highlight;
  }

  #mainContent :is(
    .siapiya-homeroom-report-filter button,
    .siapiya-homeroom-report-review-primary,
    .siapiya-homeroom-report-review-list>a,
    .siapiya-homeroom-report-table button,
    .rapor-save-all-btn,
    .siapiya-homeroom-report-table textarea,
    .siapiya-homeroom-report-filter .form-select
  ):focus-visible{
    outline:3px solid Highlight;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent :is(
    .siapiya-homeroom-report-review-primary,
    .siapiya-homeroom-report-review-list>a,
    .rapor-save-all-btn,
    .siapiya-homeroom-report-table button
  ){
    transition:none!important;
    animation:none!important;
  }
}