/* SIAPIYA_TEACHING_DAILY_COMMAND_CENTER_V37061
   Teaching Workspace UX Wave 1 — Daily Teaching Command Center.
   Read-only/task-first composition over existing agenda/backlog/TP data. */

#mainContent .siapiya-teaching-command-center{
  --siapiya-teaching-gap:.75rem;
}

#mainContent .siapiya-teaching-command-stack{
  display:grid;
  gap:var(--siapiya-teaching-gap);
  margin-bottom:.85rem;
}

#mainContent .siapiya-teaching-command-primary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.65rem;
  align-items:center;
  padding:.72rem;
  border:1px solid var(--bs-border-color);
  border-inline-start:4px solid var(--bs-primary);
  border-radius:.78rem;
  background:var(--bs-body-bg);
}

#mainContent .siapiya-teaching-command-primary[data-command-state="attention"]{
  border-inline-start-color:var(--bs-danger);
  background:color-mix(in srgb,var(--bs-danger-bg-subtle) 22%,var(--bs-body-bg));
}

#mainContent .siapiya-teaching-command-primary[data-command-state="clear"]{
  border-inline-start-color:var(--bs-success);
  background:color-mix(in srgb,var(--bs-success-bg-subtle) 28%,var(--bs-body-bg));
}

#mainContent .siapiya-teaching-command-primary-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.35rem;
  height:2.35rem;
  border-radius:.65rem;
  background:var(--bs-tertiary-bg);
  color:var(--bs-primary);
  font-size:1rem;
}

#mainContent .siapiya-teaching-command-primary[data-command-state="attention"] .siapiya-teaching-command-primary-icon{
  color:var(--bs-danger);
}

#mainContent .siapiya-teaching-command-primary[data-command-state="clear"] .siapiya-teaching-command-primary-icon{
  color:var(--bs-success);
}

#mainContent .siapiya-teaching-command-primary-copy{
  display:grid;
  gap:.08rem;
  min-width:0;
}

#mainContent .siapiya-teaching-command-primary-copy > span{
  color:var(--bs-secondary-color);
  font-size:.59rem;
  font-weight:850;
  letter-spacing:.045em;
  text-transform:uppercase;
}

#mainContent .siapiya-teaching-command-primary-copy > b{
  font-size:.83rem;
  font-weight:850;
  line-height:1.28;
}

#mainContent .siapiya-teaching-command-primary-copy > small{
  color:var(--bs-secondary-color);
  font-size:.64rem;
  line-height:1.4;
}

#mainContent .siapiya-teaching-command-primary-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-height:2.75rem;
  padding:.4rem .68rem;
  border:1px solid var(--bs-primary);
  border-radius:.62rem;
  background:var(--bs-primary);
  color:var(--bs-white);
  font-size:.68rem;
  font-weight:800;
}

#mainContent .siapiya-teaching-command-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.45rem;
}

#mainContent .siapiya-teaching-command-flow > button{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.48rem;
  align-items:center;
  min-width:0;
  min-height:4rem;
  padding:.58rem;
  border:1px solid var(--bs-border-color);
  border-radius:.68rem;
  background:var(--bs-body-bg);
  color:var(--bs-body-color);
  text-align:left;
}

#mainContent .siapiya-teaching-command-flow > button > i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.9rem;
  height:1.9rem;
  border-radius:.52rem;
  background:var(--bs-tertiary-bg);
  color:var(--bs-primary);
}

#mainContent .siapiya-teaching-command-flow > button > span{
  display:grid;
  gap:.05rem;
  min-width:0;
}

#mainContent .siapiya-teaching-command-flow b{
  font-size:.72rem;
  line-height:1.25;
}

#mainContent .siapiya-teaching-command-flow small{
  overflow:hidden;
  color:var(--bs-secondary-color);
  font-size:.59rem;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#mainContent .siapiya-teaching-command-flow strong{
  color:var(--bs-secondary-color);
  font-size:.69rem;
  white-space:nowrap;
}

#mainContent .siapiya-teaching-command-flow > button[data-command-tone="attention"]{
  border-color:color-mix(in srgb,var(--bs-danger) 38%,var(--bs-border-color));
}

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

#mainContent .siapiya-teaching-command-flow > button[data-command-tone="progress"]{
  border-color:color-mix(in srgb,var(--bs-warning) 38%,var(--bs-border-color));
}

#mainContent .siapiya-teaching-command-flow > button[data-command-tone="monitor"]{
  border-style:dashed;
}

#mainContent .siapiya-teaching-command-session{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.7rem;
  min-width:0;
  padding:.58rem .68rem;
  border:1px solid var(--bs-border-color);
  border-radius:.68rem;
  background:var(--bs-tertiary-bg);
}

#mainContent .siapiya-teaching-command-session > div:first-child{
  display:grid;
  gap:.04rem;
  min-width:0;
}

#mainContent .siapiya-teaching-command-session > div:first-child > span{
  color:var(--bs-primary);
  font-size:.58rem;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}

#mainContent .siapiya-teaching-command-session > div:first-child > b{
  overflow:hidden;
  font-size:.76rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#mainContent .siapiya-teaching-command-session > div:first-child > small{
  color:var(--bs-secondary-color);
  font-size:.61rem;
}

#mainContent .siapiya-teaching-command-session[data-session-state="ongoing"]{
  border-inline-start:4px solid var(--bs-success);
}

#mainContent .siapiya-teaching-command-session[data-session-state="upcoming"]{
  border-inline-start:4px solid var(--bs-primary);
}

#mainContent .siapiya-teaching-command-session-status{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.3rem;
}

#mainContent .siapiya-teaching-command-session-status span{
  padding:.22rem .42rem;
  border:1px solid var(--bs-border-color);
  border-radius:999px;
  background:var(--bs-body-bg);
  color:var(--bs-secondary-color);
  font-size:.58rem;
  white-space:nowrap;
}

#mainContent .siapiya-teaching-command-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.42rem;
}

#mainContent .siapiya-teaching-command-metrics > div{
  display:grid;
  gap:.02rem;
  padding:.55rem .62rem;
  border:1px solid var(--bs-border-color);
  border-radius:.64rem;
  background:var(--bs-body-bg);
}

#mainContent .siapiya-teaching-command-metrics span{
  color:var(--bs-secondary-color);
  font-size:.58rem;
  font-weight:750;
}

#mainContent .siapiya-teaching-command-metrics b{
  font-size:.85rem;
  font-weight:850;
}

#mainContent .siapiya-teaching-command-metrics small{
  color:var(--bs-secondary-color);
  font-size:.57rem;
}

#mainContent .siapiya-teaching-support{
  overflow:hidden;
}

#mainContent .siapiya-teaching-support > summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  min-height:2.9rem;
  cursor:pointer;
  user-select:none;
}

#mainContent .siapiya-teaching-support > summary::-webkit-details-marker{
  display:none;
}

#mainContent .siapiya-teaching-support > summary > span{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.04rem .2rem;
  align-items:center;
  min-width:0;
}

#mainContent .siapiya-teaching-support > summary > span > i{
  grid-row:1/3;
}

#mainContent .siapiya-teaching-support > summary b{
  font-size:.74rem;
}

#mainContent .siapiya-teaching-support > summary small{
  color:var(--bs-secondary-color);
  font-size:.61rem;
}

#mainContent .siapiya-teaching-support > summary > .bi-chevron-down{
  transition:transform .18s ease;
}

#mainContent .siapiya-teaching-support[open] > summary > .bi-chevron-down{
  transform:rotate(180deg);
}

#mainContent .siapiya-teaching-session-row{
  background:var(--bs-body-bg);
}

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

#mainContent .siapiya-teaching-session-row[data-teaching-session-state="upcoming"]{
  border-inline-start:4px solid var(--bs-primary)!important;
}

#mainContent .siapiya-teaching-session-main{
  min-width:0;
}

#mainContent .siapiya-teaching-session-state{
  display:inline-flex;
  align-items:center;
  min-height:1.45rem;
  padding:.15rem .36rem;
  border:1px solid var(--bs-border-color);
  border-radius:999px;
  background:var(--bs-tertiary-bg);
  color:var(--bs-secondary-color);
  font-size:.55rem;
  font-weight:800;
  text-transform:uppercase;
}

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

@media (max-width:991.98px){
  #mainContent .siapiya-teaching-command-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767.98px){
  #mainContent .siapiya-teaching-command-center{
    --siapiya-teaching-gap:.6rem;
  }

  #mainContent .siapiya-teaching-command-primary{
    grid-template-columns:auto minmax(0,1fr);
    padding:.62rem;
  }

  #mainContent .siapiya-teaching-command-primary-action{
    grid-column:1/-1;
    width:100%;
  }

  #mainContent .siapiya-teaching-command-flow{
    grid-template-columns:1fr 1fr;
    gap:.34rem;
  }

  #mainContent .siapiya-teaching-command-flow > button{
    grid-template-columns:auto minmax(0,1fr);
    min-height:4.35rem;
  }

  #mainContent .siapiya-teaching-command-flow strong{
    grid-column:1/-1;
    padding-left:2.38rem;
  }

  #mainContent .siapiya-teaching-command-session{
    align-items:flex-start;
    flex-direction:column;
  }

  #mainContent .siapiya-teaching-command-session-status{
    justify-content:flex-start;
  }

  #mainContent .siapiya-teaching-command-metrics{
    grid-template-columns:1fr 1fr;
  }

  #mainContent .siapiya-teaching-session-actions{
    width:100%;
    justify-content:flex-start!important;
  }
}

@media (max-width:420px){
  #mainContent .siapiya-teaching-command-flow{
    grid-template-columns:1fr;
  }

  #mainContent .siapiya-teaching-command-flow > button{
    min-height:3.75rem;
  }

  #mainContent .siapiya-teaching-command-metrics{
    gap:.3rem;
  }

  #mainContent .siapiya-teaching-command-session-status span{
    white-space:normal;
  }
}

[data-bs-theme="dark"] #mainContent .siapiya-teaching-command-primary,
[data-bs-theme="dark"] #mainContent .siapiya-teaching-command-flow > button,
[data-bs-theme="dark"] #mainContent .siapiya-teaching-command-metrics > div{
  background:color-mix(in srgb,var(--bs-body-bg) 94%,var(--bs-primary-bg-subtle));
}

@media (forced-colors:active){
  #mainContent :is(
    .siapiya-teaching-command-primary,
    .siapiya-teaching-command-flow > button,
    .siapiya-teaching-command-session,
    .siapiya-teaching-command-metrics > div,
    .siapiya-teaching-support,
    .siapiya-teaching-session-row
  ){
    border-color:CanvasText;
  }

  #mainContent :is(
    .siapiya-teaching-command-primary-action,
    .siapiya-teaching-command-flow > button,
    .siapiya-teaching-support > summary,
    .siapiya-teaching-session-actions button
  ):focus-visible{
    outline:3px solid Highlight;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent .siapiya-teaching-support > summary > .bi-chevron-down,
  #mainContent .siapiya-teaching-command-primary-action,
  #mainContent .siapiya-teaching-command-flow > button{
    transition:none!important;
    animation:none!important;
  }
}