/* SIAPIYA_OPERATIONAL_PRIORITY_QUEUE_V37043
   Operational & Monitoring Workspace UX Wave 2 — Priority Queue & Follow-up Efficiency.
   Local filtering only; existing status/workflow remains authority. */

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-queue-controls{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.3rem;
  margin-top:.08rem;
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  min-height:2.15rem;
  padding:.32rem .5rem;
  border:1px solid var(--siapiya-operational-border);
  border-radius:999px;
  background:var(--bs-body-bg);
  color:var(--bs-secondary-color);
  font-size:.7rem;
  font-weight:700;
  line-height:1;
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.28rem;
  min-height:1.28rem;
  padding-inline:.26rem;
  border-radius:999px;
  background:var(--bs-tertiary-bg);
  color:var(--bs-body-color);
  font-size:.64rem;
  font-variant-numeric:tabular-nums;
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter:hover{
  border-color:color-mix(in srgb,var(--bs-primary) 38%,var(--siapiya-operational-border));
  color:var(--bs-body-color);
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter.is-active{
  border-color:color-mix(in srgb,var(--bs-primary) 62%,var(--siapiya-operational-border));
  background:var(--bs-primary-bg-subtle);
  color:var(--bs-primary-text-emphasis);
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter.is-active b{
  background:var(--bs-primary);
  color:var(--bs-white);
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter.is-empty:not(.is-active){
  opacity:.58;
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter-note{
  max-width:29rem;
  color:var(--bs-secondary-color);
  font-size:.66rem;
  line-height:1.3;
  text-align:right;
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-row-filtered{
  display:none!important;
}

/* Classified queue rows keep a subtle left cue without inventing a new status. */
#mainContent[data-siapiya-operational-ux="1"] tr[data-operational-queue-state="priority"] > :first-child{
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--bs-danger) 72%,transparent);
}

#mainContent[data-siapiya-operational-ux="1"] tr[data-operational-queue-state="review"] > :first-child{
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--bs-warning) 78%,transparent);
}

#mainContent[data-siapiya-operational-ux="1"] tr[data-operational-queue-state="normal"] > :first-child{
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--bs-success) 58%,transparent);
}

/* Queue tables remain readable after local filtering. */
#mainContent[data-siapiya-operational-ux="1"] table tbody tr[data-operational-queue-state]{
  scroll-margin-top:8rem;
}

#mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter:focus-visible{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 52%,transparent);
  outline-offset:2px;
}

[data-bs-theme="dark"] #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter{
  background:color-mix(in srgb,var(--bs-body-bg) 94%,var(--bs-tertiary-bg));
}

@media (max-width:767.98px){
  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-queue-controls{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:.14rem;
    scrollbar-width:none;
  }

  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-queue-controls::-webkit-scrollbar{
    display:none;
  }

  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter{
    flex:0 0 auto;
    min-height:2.5rem;
    padding:.4rem .58rem;
  }

  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter-note{
    max-width:none;
    text-align:left;
  }
}

@media (max-width:420px){
  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter{
    font-size:.68rem;
  }

  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter-note{
    font-size:.63rem;
  }
}

@media (forced-colors:active){
  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter{
    border-color:CanvasText;
  }

  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-filter.is-active{
    outline:2px solid Highlight;
  }

  #mainContent[data-siapiya-operational-ux="1"] tr[data-operational-queue-state] > :first-child{
    box-shadow:none;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent[data-siapiya-operational-ux="1"] .siapiya-operational-queue-controls{
    scroll-behavior:auto!important;
  }
}