/* SIAPIYA_TEACHER_SIMPLE_WORKSPACE_V370172
   Visual density and progressive disclosure only. No state writes, handler overrides, or role changes. */

/* Teacher task pages: show filters and the next action before supporting details. */
#mainContent:is([data-siapiya-ux-route="absen"],
                [data-siapiya-ux-route="jurnal"],
                [data-siapiya-ux-route="nilai"],
                [data-siapiya-ux-route="banktp"]) > h4:first-child{
  margin-bottom:.75rem!important;
}
#mainContent:is([data-siapiya-ux-route="absen"],
                [data-siapiya-ux-route="jurnal"],
                [data-siapiya-ux-route="nilai"],
                [data-siapiya-ux-route="banktp"]) > .card:first-of-type{
  margin-bottom:1rem!important;
}
#mainContent:is([data-siapiya-ux-route="absen"],
                [data-siapiya-ux-route="jurnal"],
                [data-siapiya-ux-route="nilai"],
                [data-siapiya-ux-route="banktp"]) > .card:first-of-type > .card-body,
#mainContent[data-siapiya-ux-route="nilai"] #gradeInputWorkspace > .card > .card-body{
  padding:1rem!important;
}
#mainContent:is([data-siapiya-ux-route="absen"],
                [data-siapiya-ux-route="jurnal"],
                [data-siapiya-ux-route="nilai"],
                [data-siapiya-ux-route="banktp"]) .form-label{
  margin-bottom:.35rem;
  font-size:.875rem;
}
#mainContent:is([data-siapiya-ux-route="absen"],
                [data-siapiya-ux-route="jurnal"],
                [data-siapiya-ux-route="nilai"],
                [data-siapiya-ux-route="banktp"]) .form-control,
#mainContent:is([data-siapiya-ux-route="absen"],
                [data-siapiya-ux-route="jurnal"],
                [data-siapiya-ux-route="nilai"],
                [data-siapiya-ux-route="banktp"]) .form-select{
  min-height:42px;
}

/* Important policy text remains available, but does not dominate the work area. */
#mainContent .siapiya-teacher-help{
  border:1px solid var(--bs-border-color);
  border-radius:.75rem;
  background:var(--bs-tertiary-bg);
  color:var(--bs-body-color);
  font-size:.875rem;
  min-width:0;
}
#mainContent .siapiya-teacher-help > summary{
  cursor:pointer;
  padding:.65rem .85rem;
  font-weight:600;
  list-style-position:inside;
}
#mainContent .siapiya-teacher-help > summary .bi{color:var(--bs-primary);margin-right:.35rem}
#mainContent .siapiya-teacher-help > p{
  margin:0;
  padding:0 .9rem .75rem;
  line-height:1.5;
  color:var(--bs-secondary-color);
}
#mainContent .siapiya-teacher-help[open] > summary{padding-bottom:.35rem}
#mainContent .siapiya-teacher-help > summary:focus-visible,
#mainContent .siapiya-teacher-history > summary:focus-visible{
  outline:3px solid var(--bs-primary);outline-offset:2px;
}

/* The default work area stays compact; historical attendance remains one click away. */
#mainContent .siapiya-teacher-history{overflow:clip}
#mainContent .siapiya-teacher-history > summary{
  display:flex;align-items:center;gap:.5rem;cursor:pointer;
  background:var(--bs-body-bg)!important;
  color:var(--bs-primary);
  list-style:none;
}
#mainContent .siapiya-teacher-history > summary::-webkit-details-marker{display:none}
#mainContent .siapiya-teacher-history-chevron{margin-left:auto;transition:transform .15s ease}
#mainContent .siapiya-teacher-history[open] .siapiya-teacher-history-chevron{transform:rotate(180deg)}
#mainContent .siapiya-teacher-history:not([open]) > .card-body{display:none}

/* One clear action hierarchy, while both existing save options remain operable. */
#mainContent[data-siapiya-ux-route="absen"] .sticky-simpan-bar{
  padding:.65rem!important;
}
#mainContent[data-siapiya-ux-route="absen"] #btnSimpanAbsen,
#mainContent[data-siapiya-ux-route="absen"] #btnSimpanAbsenLanjut,
#mainContent[data-siapiya-ux-route="nilai"] #btnSimpanNilai{
  font-size:.975rem!important;min-height:46px;
  border-radius:.8rem!important;box-shadow:none!important;
  padding:.65rem .85rem!important;
  letter-spacing:normal;
}
#mainContent[data-siapiya-ux-route="absen"] #btnSimpanAbsenLanjut{box-shadow:0 .35rem .85rem rgba(13,110,253,.12)!important}
#mainContent[data-siapiya-ux-route="jurnal"] #materiJurnal{min-height:72px}
#mainContent[data-siapiya-ux-route="jurnal"] .journal-history-disclosure{margin-top:.8rem}

/* Personal dashboard: dates, teaching tasks and agenda remain the dominant signals. */
#mainContent[data-siapiya-ux-route="dashboard"] .siapiya-dashboard-personal-agenda .card-body{padding:1rem!important}
#mainContent[data-siapiya-ux-route="dashboard"] .siapiya-dashboard-personal-agenda .siapiya-dashboard-agenda-timeline{margin-top:.7rem!important}
#mainContent[data-siapiya-ux-route="dashboard"] .siapiya-dashboard-personal-summary{margin-top:.5rem}
#mainContent[data-siapiya-ux-route="dashboard"] .siapiya-dashboard-personal-summary .card-body{padding:1rem!important}
#mainContent[data-siapiya-ux-route="rapor"] .siapiya-homeroom-report-command-head p{font-size:.875rem}

@media(max-width:767.98px){
  #mainContent:is([data-siapiya-ux-route="absen"],
                  [data-siapiya-ux-route="jurnal"],
                  [data-siapiya-ux-route="nilai"],
                  [data-siapiya-ux-route="banktp"]) > .card:first-of-type > .card-body,
  #mainContent[data-siapiya-ux-route="nilai"] #gradeInputWorkspace > .card > .card-body{
    padding:.75rem!important;
  }
  #mainContent[data-siapiya-ux-route="absen"] .sticky-simpan-bar .d-grid{gap:.45rem!important}
  #mainContent[data-siapiya-ux-route="absen"] #btnSimpanAbsen,
  #mainContent[data-siapiya-ux-route="absen"] #btnSimpanAbsenLanjut{font-size:.88rem!important;min-height:44px}
  #mainContent[data-siapiya-ux-route="dashboard"] [data-siapiya-calendar-today-actions="1"] .btn{min-height:40px}
  #mainContent[data-siapiya-ux-route="nilai"] [data-grade-workspace-tab]{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){
  #mainContent .siapiya-teacher-history-chevron{transition:none!important}
}