/* SIAPIYA_TEACHING_SESSION_EXECUTION_CLARITY_V37062
   Teaching Workspace UX Wave 2 — Session Execution & Completion Clarity.
   Read-only completion model derived from existing session/policy flags. */

#mainContent .siapiya-teaching-session-summary{
  display:flex;
  flex-wrap:wrap;
  gap:.34rem;
  margin-bottom:.62rem;
}

#mainContent .siapiya-teaching-session-summary > span{
  display:inline-flex;
  align-items:center;
  gap:.28rem;
  min-height:1.9rem;
  padding:.24rem .5rem;
  border:1px solid var(--bs-border-color);
  border-radius:999px;
  background:var(--bs-body-bg);
  color:var(--bs-secondary-color);
  font-size:.61rem;
}

#mainContent .siapiya-teaching-session-summary b{
  color:var(--bs-body-color);
  font-size:.68rem;
}

#mainContent .siapiya-teaching-session-summary [data-summary-tone="success"] > i{
  color:var(--bs-success);
}

#mainContent .siapiya-teaching-session-summary [data-summary-tone="danger"] > i{
  color:var(--bs-danger);
}

#mainContent .siapiya-teaching-session-summary [data-summary-tone="warning"] > i{
  color:var(--bs-warning-text-emphasis);
}

#mainContent .siapiya-teaching-command-session[data-session-execution="attendance_due"],
#mainContent .siapiya-teaching-session-row[data-session-completion-state="attendance_due"]{
  border-inline-start:4px solid var(--bs-danger)!important;
}

#mainContent .siapiya-teaching-command-session[data-session-execution="journal_due"],
#mainContent .siapiya-teaching-session-row[data-session-completion-state="journal_due"]{
  border-inline-start:4px solid var(--bs-warning)!important;
}

#mainContent .siapiya-teaching-command-session[data-session-execution="complete"],
#mainContent .siapiya-teaching-session-row[data-session-completion-state="complete"]{
  border-inline-start:4px solid var(--bs-success)!important;
}

#mainContent .siapiya-teaching-command-session[data-session-execution="blocked"],
#mainContent .siapiya-teaching-session-row[data-session-completion-state="blocked"]{
  border-inline-start:4px dashed var(--bs-secondary)!important;
}

#mainContent .siapiya-teaching-command-session-status button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.3rem;
  min-height:2.5rem;
  padding:.32rem .55rem;
  border:1px solid var(--bs-primary);
  border-radius:.58rem;
  background:var(--bs-primary);
  color:var(--bs-white);
  font-size:.64rem;
  font-weight:800;
}

#mainContent .siapiya-teaching-command-session-status [data-session-step-tone="danger"]{
  border-color:color-mix(in srgb,var(--bs-danger) 35%,var(--bs-border-color));
  color:var(--bs-danger-text-emphasis);
}

#mainContent .siapiya-teaching-command-session-status [data-session-step-tone="warning"]{
  border-color:color-mix(in srgb,var(--bs-warning) 38%,var(--bs-border-color));
  color:var(--bs-warning-text-emphasis);
}

#mainContent .siapiya-teaching-command-session-status [data-session-step-tone="success"]{
  border-color:color-mix(in srgb,var(--bs-success) 35%,var(--bs-border-color));
  color:var(--bs-success-text-emphasis);
}

#mainContent .siapiya-teaching-session-completion{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.62rem;
  align-items:center;
  margin-top:.62rem;
  padding-top:.62rem;
  border-top:1px solid var(--bs-border-color);
}

#mainContent .siapiya-teaching-session-progress{
  display:grid;
  gap:.18rem;
  width:4.4rem;
}

#mainContent .siapiya-teaching-session-progress > span{
  display:flex;
  align-items:center;
  gap:.28rem;
  color:var(--bs-secondary-color);
  font-size:.61rem;
  font-weight:800;
}

#mainContent .siapiya-teaching-session-progress > div{
  overflow:hidden;
  height:.32rem;
  border-radius:999px;
  background:var(--bs-tertiary-bg);
}

#mainContent .siapiya-teaching-session-progress > div > i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--bs-secondary);
}

#mainContent .siapiya-teaching-session-progress [data-progress-band="partial"]{
  width:50%;
  background:var(--bs-warning);
}

#mainContent .siapiya-teaching-session-progress [data-progress-band="complete"]{
  width:100%;
  background:var(--bs-success);
}

#mainContent .siapiya-teaching-session-progress [data-progress-band="empty"]{
  width:0;
}

#mainContent .siapiya-teaching-session-next{
  display:grid;
  gap:.04rem;
  min-width:0;
}

#mainContent .siapiya-teaching-session-next > span{
  color:var(--bs-secondary-color);
  font-size:.56rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#mainContent .siapiya-teaching-session-next > b{
  font-size:.71rem;
  line-height:1.3;
}

#mainContent .siapiya-teaching-session-next > small{
  color:var(--bs-secondary-color);
  font-size:.59rem;
  line-height:1.35;
}

#mainContent .siapiya-teaching-session-next-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.3rem;
  min-height:2.65rem;
  padding:.34rem .58rem;
  border:1px solid var(--bs-primary);
  border-radius:.58rem;
  background:var(--bs-primary);
  color:var(--bs-white);
  font-size:.63rem;
  font-weight:800;
  white-space:nowrap;
}

#mainContent .siapiya-teaching-session-row[data-session-completion-state="complete"] .siapiya-teaching-session-next > b{
  color:var(--bs-success-text-emphasis);
}

#mainContent .siapiya-teaching-session-row[data-session-completion-state="exempt"] .siapiya-teaching-session-next > b{
  color:var(--bs-info-text-emphasis);
}

#mainContent .siapiya-teaching-session-row[data-session-completion-state="blocked"] .siapiya-teaching-session-next > b{
  color:var(--bs-secondary-color);
}

#mainContent :is(
  .siapiya-teaching-command-session-status button,
  .siapiya-teaching-session-next-action
):focus-visible{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 60%,transparent);
  outline-offset:2px;
  box-shadow:none!important;
}

@media (max-width:767.98px){
  #mainContent .siapiya-teaching-session-completion{
    grid-template-columns:auto minmax(0,1fr);
    gap:.5rem;
  }

  #mainContent .siapiya-teaching-session-next-action{
    grid-column:1/-1;
    width:100%;
    min-height:2.85rem;
  }

  #mainContent .siapiya-teaching-command-session-status{
    width:100%;
  }

  #mainContent .siapiya-teaching-command-session-status button{
    flex:1 1 auto;
  }
}

@media (max-width:420px){
  #mainContent .siapiya-teaching-session-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #mainContent .siapiya-teaching-session-summary > span{
    justify-content:center;
    border-radius:.58rem;
  }

  #mainContent .siapiya-teaching-session-progress{
    width:3.7rem;
  }
}

[data-bs-theme="dark"] #mainContent .siapiya-teaching-session-completion{
  border-top-color:color-mix(in srgb,var(--bs-border-color) 80%,transparent);
}

@media (forced-colors:active){
  #mainContent .siapiya-teaching-session-summary > span,
  #mainContent .siapiya-teaching-command-session-status button,
  #mainContent .siapiya-teaching-session-next-action,
  #mainContent .siapiya-teaching-session-completion{
    border-color:CanvasText;
  }

  #mainContent .siapiya-teaching-session-progress > div{
    border:1px solid CanvasText;
  }

  #mainContent :is(
    .siapiya-teaching-command-session-status button,
    .siapiya-teaching-session-next-action
  ):focus-visible{
    outline:3px solid Highlight;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent .siapiya-teaching-session-next-action,
  #mainContent .siapiya-teaching-command-session-status button{
    transition:none!important;
    animation:none!important;
  }
}