/* SIAPIYA_ACADEMIC_TASK_FIRST_UX_V37028
   Academic Workspace Consistency Wave 2 — Task-First UX
   Pure visual hierarchy over existing DOM/actions. */

#mainContent[data-siapiya-task-first="1"]{
  --siapiya-task-primary-shadow:0 .5rem 1.15rem rgba(15,23,42,.10);
  --siapiya-task-surface:color-mix(in srgb,var(--bs-tertiary-bg) 72%,var(--bs-body-bg));
  --siapiya-task-muted:color-mix(in srgb,var(--bs-secondary-color) 86%,transparent);
}

/* One page rhythm: title first, context/filter second, work area third. */
#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"] > h4:first-child{
  margin-bottom:.62rem!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"] > .card:first-of-type{
  margin-bottom:.9rem!important;
  border:1px solid var(--bs-border-color)!important;
  background:var(--siapiya-task-surface);
  box-shadow:none!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"] > .card:first-of-type > .card-body{
  padding:.9rem!important;
}

/* Filter controls are visually secondary until the user executes the primary load action. */
#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:first-of-type :is(.form-label,.form-text,.small.text-muted){
  color:var(--siapiya-task-muted)!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"] > .card:first-of-type :is(.form-control,.form-select){
  background-color:var(--bs-body-bg);
}

/* Primary load / save actions keep existing handlers; only hierarchy changes. */
#mainContent[data-siapiya-ux-route="absen"][data-siapiya-task-first="1"]
  [data-siapiya-lowrisk-action="subject-attendance-load"],
#mainContent[data-siapiya-ux-route="jurnal"][data-siapiya-task-first="1"]
  [data-siapiya-journal-save-action="save"],
#mainContent[data-siapiya-ux-route="rapor"][data-siapiya-task-first="1"]
  [data-siapiya-readonly-load-action="report-note-load"],
#mainContent[data-siapiya-ux-route="rapor"][data-siapiya-task-first="1"]
  [data-siapiya-report-card-note-save-action="save"],
#mainContent[data-siapiya-ux-route="nilai"][data-siapiya-task-first="1"]
  .sticky-simpan-bar :is(.btn-primary,.btn-success){
  box-shadow:var(--siapiya-task-primary-shadow)!important;
  font-weight:700;
}

/* Secondary utilities must not compete with primary task. */
#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(.btn-outline-secondary,.btn-outline-primary,.btn-light){
  box-shadow:none!important;
}

#mainContent[data-siapiya-ux-route="absen"][data-siapiya-task-first="1"]
  :is([data-siapiya-launcher-action="subject-special-session"],[data-siapiya-launcher-action="subject-dispensation-check"]){
  font-weight:600;
}

/* Sticky bars act as the final step, not a floating cluster of equal buttons. */
#mainContent:is(
  [data-siapiya-ux-route="absen"],
  [data-siapiya-ux-route="nilai"],
  [data-siapiya-ux-route="rapor"]
)[data-siapiya-task-first="1"] .sticky-simpan-bar{
  border-color:color-mix(in srgb,var(--bs-primary) 18%,var(--bs-border-color));
}

#mainContent:is(
  [data-siapiya-ux-route="absen"],
  [data-siapiya-ux-route="nilai"],
  [data-siapiya-ux-route="rapor"]
)[data-siapiya-task-first="1"] .sticky-simpan-bar > :is(.btn,.d-grid,.d-flex){
  max-width:920px;
  margin-inline:auto;
}

/* Tables are output surfaces: header slightly quieter, rows easier to scan. */
#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 thead th{
  font-size:.73rem;
  letter-spacing:.025em;
  text-transform:uppercase;
  color:var(--bs-secondary-color);
  background:var(--siapiya-task-surface);
}

#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 tbody tr:hover > *{
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 32%,transparent);
}

/* History/inspection areas stay deliberately secondary. */
#mainContent[data-siapiya-ux-route="jurnal"][data-siapiya-task-first="1"]
  details.journal-history-disclosure{
  opacity:.94;
  border:1px solid var(--bs-border-color)!important;
  box-shadow:none!important;
}

#mainContent[data-siapiya-ux-route="jurnal"][data-siapiya-task-first="1"]
  details.journal-history-disclosure[open]{
  opacity:1;
}

/* Dashboard and both teaching aliases: attention before reference/navigation. */
#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{
  min-height:3.25rem;
  border-radius:.8rem;
}

#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:hover{
  transform:translateY(-1px);
}

#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-ok,.siapiya-semester-strip){
  border:1px solid var(--bs-border-color);
}

/* Empty/loading/error-like surfaces are cards instead of loose text. */
#mainContent[data-siapiya-task-first="1"] :is(
  .text-center.text-muted.py-5,
  .text-center.py-5.my-5,
  .text-center.text-muted.py-4
){
  border:1px dashed var(--bs-border-color);
  background:var(--siapiya-task-surface);
  padding-inline:1rem;
}

#mainContent[data-siapiya-task-first="1"] .alert{
  border-radius:.8rem;
}

#mainContent[data-siapiya-task-first="1"] .alert:not(.alert-danger):not(.alert-warning){
  box-shadow:none!important;
}

/* Accessible focus language for task controls. */
#mainContent[data-siapiya-task-first="1"] :is(button,a,.form-control,.form-select,summary):focus-visible{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 38%,transparent);
  outline-offset:2px;
}

/* Mobile: filter first, primary task thumb-friendly, secondary actions compact. */
@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="rapor"]
  )[data-siapiya-task-first="1"] > .card:first-of-type > .card-body{
    padding:.72rem!important;
  }

  #mainContent[data-siapiya-task-first="1"] :is(
    [data-siapiya-lowrisk-action="subject-attendance-load"],
    [data-siapiya-journal-save-action="save"],
    [data-siapiya-readonly-load-action="report-note-load"],
    [data-siapiya-report-card-note-save-action="save"]
  ){
    min-height:2.8rem;
  }

  #mainContent[data-siapiya-task-first="1"] .sticky-simpan-bar{
    bottom:calc(.5rem + env(safe-area-inset-bottom));
  }

  #mainContent[data-siapiya-task-first="1"] .table-responsive{
    margin-inline:-.15rem;
  }

  #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{
    min-height:3.5rem;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent[data-siapiya-task-first="1"] .siapiya-insight-action:hover{
    transform:none;
  }
}