/* SIAPIYA_ACADEMIC_MOBILE_DENSITY_V37030
   Academic Workspace Consistency Wave 4 — Mobile & Density Refinement.
   Visual-only, route-scoped, no business logic changes. */

#mainContent[data-siapiya-task-first="1"]{
  --siapiya-mobile-bottom-safe:calc(5.6rem + env(safe-area-inset-bottom));
  --siapiya-mobile-section-gap:.72rem;
}

/* Desktop/tablet density: compact, not cramped. */
#mainContent:is(
  [data-siapiya-ux-route="absen"],
  [data-siapiya-ux-route="jurnal"],
  [data-siapiya-ux-route="nilai"],
  [data-siapiya-ux-route="rapor"]
)[data-siapiya-task-first="1"] .row.g-3{
  --bs-gutter-y:.78rem;
}

#mainContent:is(
  [data-siapiya-ux-route="absen"],
  [data-siapiya-ux-route="jurnal"],
  [data-siapiya-ux-route="nilai"],
  [data-siapiya-ux-route="rapor"]
)[data-siapiya-task-first="1"] .card-body > :last-child{
  margin-bottom:0!important;
}

#mainContent:is(
  [data-siapiya-ux-route="dashboard"],
  [data-siapiya-ux-route="workspace_academic"],
  [data-siapiya-ux-route="workspace_teaching"]
)[data-siapiya-task-first="1"] :is(.siapiya-dashboard-card,.siapiya-insight-ok,.siapiya-semester-strip){
  margin-bottom:var(--siapiya-mobile-section-gap);
}

/* Secondary information should not visually dominate the task. */
#mainContent[data-siapiya-task-first="1"] :is(
  .form-text,
  .small.text-muted,
  details > summary .text-muted,
  .table .text-muted
){
  line-height:1.35;
}

/* Tables keep horizontal affordance without stretching the whole page. */
#mainContent:is(
  [data-siapiya-ux-route="absen"],
  [data-siapiya-ux-route="jurnal"],
  [data-siapiya-ux-route="nilai"],
  [data-siapiya-ux-route="rapor"]
)[data-siapiya-task-first="1"] .table-responsive{
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}

#mainContent:is(
  [data-siapiya-ux-route="absen"],
  [data-siapiya-ux-route="jurnal"],
  [data-siapiya-ux-route="nilai"],
  [data-siapiya-ux-route="rapor"]
)[data-siapiya-task-first="1"] .table th{
  white-space:nowrap;
}

/* Sticky actions reserve room above the app bottom navigation. */
#mainContent:is(
  [data-siapiya-ux-route="absen"],
  [data-siapiya-ux-route="jurnal"],
  [data-siapiya-ux-route="nilai"],
  [data-siapiya-ux-route="rapor"]
)[data-siapiya-task-first="1"] .sticky-simpan-bar{
  z-index:12;
}

/* Progressive disclosure surfaces stay compact when closed. */
#mainContent[data-siapiya-task-first="1"] details:not([open]){
  margin-bottom:.4rem;
}

#mainContent[data-siapiya-task-first="1"] details > summary{
  min-height:2.5rem;
  display:flex;
  align-items:center;
  gap:.45rem;
}

/* Mobile-specific refinement */
@media (max-width:767.98px){
  #mainContent[data-siapiya-task-first="1"]{
    padding-bottom:var(--siapiya-mobile-bottom-safe)!important;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .row.g-3{
    --bs-gutter-y:.64rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] :is(.form-control,.form-select){
    min-height:2.72rem;
    font-size:.93rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] textarea.form-control{
    min-height:6.2rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .card{
    border-radius:.78rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .card-body{
    padding:.78rem!important;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .sticky-simpan-bar{
    position:sticky;
    bottom:calc(4.65rem + env(safe-area-inset-bottom));
    margin-inline:-.15rem;
    padding:.52rem;
    border-radius:.82rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .sticky-simpan-bar :is(.btn,.form-select,.form-control){
    min-height:2.75rem;
  }

  /* Toolbars/filters wrap naturally, while utility buttons remain compact. */
  #mainContent[data-siapiya-task-first="1"] :is(.d-flex,.btn-group):has(> .btn){
    row-gap:.45rem;
  }

  #mainContent[data-siapiya-task-first="1"] :is(.btn-outline-secondary,.btn-outline-primary,.btn-light){
    padding-inline:.68rem;
  }

  /* Tables read more like horizontal data strips on phones. */
  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .table{
    font-size:.86rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .table > :not(caption) > * > *{
    padding:.54rem .58rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="dashboard"],
    [data-siapiya-ux-route="workspace_academic"],
    [data-siapiya-ux-route="workspace_teaching"]
  )[data-siapiya-task-first="1"] :is(.siapiya-insight-action,.core-related-link){
    width:100%;
  }

  #mainContent:is(
    [data-siapiya-ux-route="dashboard"],
    [data-siapiya-ux-route="workspace_academic"],
    [data-siapiya-ux-route="workspace_teaching"]
  )[data-siapiya-task-first="1"] .siapiya-insight-action{
    padding:.72rem .78rem;
  }

  #mainContent[data-siapiya-task-first="1"] details > summary{
    min-height:2.75rem;
    padding-block:.25rem;
  }

  #mainContent[data-siapiya-task-first="1"] .alert{
    margin-bottom:.62rem;
  }
}

/* Very small phones: keep controls readable without creating a long toolbar. */
@media (max-width:420px){
  #mainContent[data-siapiya-task-first="1"]{
    --siapiya-mobile-section-gap:.62rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .form-label{
    font-size:.77rem;
  }

  #mainContent:is(
    [data-siapiya-ux-route="absen"],
    [data-siapiya-ux-route="jurnal"],
    [data-siapiya-ux-route="nilai"],
    [data-siapiya-ux-route="rapor"]
  )[data-siapiya-task-first="1"] .sticky-simpan-bar .btn{
    width:100%;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent[data-siapiya-task-first="1"] .table-responsive{
    scroll-behavior:auto!important;
  }
}