/* SIAPIYA_DASHBOARD_ROLE_DECISION_SUPPORT_V37059
   Dashboard & Role Workspace UX Wave 3 — Role-Specific Decision Support & Next Best Action.
   Derives one recommended next step from existing priorities; no business-state mutation. */

#mainContent .siapiya-dashboard-decision-support{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:.7rem;
  align-items:center;
  min-width:0;
  padding:.72rem .8rem;
  border:1px solid color-mix(in srgb,var(--bs-primary) 24%,var(--bs-border-color));
  border-radius:.78rem;
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 24%,var(--bs-body-bg));
}

#mainContent .siapiya-dashboard-decision-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.35rem;
  height:2.35rem;
  border-radius:.66rem;
  background:var(--bs-body-bg);
  color:var(--bs-primary);
  font-size:1rem;
  box-shadow:inset 0 0 0 1px var(--bs-border-color);
}

#mainContent .siapiya-dashboard-decision-copy{
  display:grid;
  gap:.08rem;
  min-width:0;
}

#mainContent .siapiya-dashboard-decision-eyebrow{
  color:var(--bs-primary);
  font-size:.61rem;
  font-weight:850;
  letter-spacing:.04em;
  line-height:1.25;
  text-transform:uppercase;
}

#mainContent .siapiya-dashboard-decision-copy > b{
  overflow:hidden;
  font-size:.83rem;
  font-weight:850;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#mainContent .siapiya-dashboard-decision-copy > small{
  color:var(--bs-secondary-color);
  font-size:.65rem;
  line-height:1.35;
}

#mainContent .siapiya-dashboard-decision-reason{
  margin-top:.14rem;
  color:var(--bs-secondary-color);
  font-size:.59rem;
  line-height:1.35;
}

#mainContent .siapiya-dashboard-decision-actions{
  display:grid;
  justify-items:end;
  gap:.35rem;
}

#mainContent .siapiya-dashboard-decision-role{
  max-width:12rem;
  overflow:hidden;
  color:var(--bs-secondary-color);
  font-size:.59rem;
  font-weight:750;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#mainContent .siapiya-dashboard-decision-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  min-height:2.55rem;
  padding:.35rem .62rem;
  border:1px solid color-mix(in srgb,var(--bs-primary) 36%,var(--bs-border-color));
  border-radius:.62rem;
  background:var(--bs-primary);
  color:var(--bs-white);
  font-size:.67rem;
  font-weight:800;
}

#mainContent .siapiya-dashboard-decision-action:hover{
  filter:brightness(.96);
}

#mainContent .siapiya-dashboard-decision-support[data-decision-state="now"]{
  border-inline-start:4px solid var(--bs-danger);
}

#mainContent .siapiya-dashboard-decision-support[data-decision-state="next"]{
  border-inline-start:4px solid var(--bs-warning);
}

#mainContent .siapiya-dashboard-decision-support[data-decision-state="monitor"]{
  border-inline-start:4px solid var(--bs-primary);
}

#mainContent .siapiya-dashboard-decision-support[data-decision-state="clear"]{
  border-inline-start:4px solid var(--bs-success);
  background:color-mix(in srgb,var(--bs-success-bg-subtle) 26%,var(--bs-body-bg));
}

#mainContent .siapiya-dashboard-decision-support[data-decision-state="clear"] .siapiya-dashboard-decision-icon{
  color:var(--bs-success);
}

#mainContent .siapiya-dashboard-decision-action:focus-visible{
  outline:3px solid color-mix(in srgb,var(--bs-primary) 58%,transparent);
  outline-offset:2px;
  box-shadow:none!important;
}

[data-bs-theme="dark"] #mainContent .siapiya-dashboard-decision-support{
  background:color-mix(in srgb,var(--bs-primary-bg-subtle) 16%,var(--bs-body-bg));
}

@media (max-width:767.98px){
  #mainContent .siapiya-dashboard-decision-support{
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
  }

  #mainContent .siapiya-dashboard-decision-actions{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    justify-items:stretch;
    width:100%;
    padding-top:.48rem;
    border-top:1px solid var(--bs-border-color);
  }

  #mainContent .siapiya-dashboard-decision-role{
    max-width:none;
  }

  #mainContent .siapiya-dashboard-decision-copy > b{
    white-space:normal;
  }

  #mainContent .siapiya-dashboard-decision-action{
    min-height:2.75rem;
  }
}

@media (max-width:420px){
  #mainContent .siapiya-dashboard-decision-support{
    gap:.55rem;
    padding:.65rem;
  }

  #mainContent .siapiya-dashboard-decision-icon{
    width:2.15rem;
    height:2.15rem;
  }

  #mainContent .siapiya-dashboard-decision-action span{
    display:none;
  }

  #mainContent .siapiya-dashboard-decision-action{
    width:2.75rem;
    min-width:2.75rem;
    padding:0;
  }
}

@media (forced-colors:active){
  #mainContent .siapiya-dashboard-decision-support,
  #mainContent .siapiya-dashboard-decision-icon,
  #mainContent .siapiya-dashboard-decision-action{
    border-color:CanvasText;
  }

  #mainContent .siapiya-dashboard-decision-action{
    background:ButtonFace;
    color:ButtonText;
  }

  #mainContent .siapiya-dashboard-decision-action:focus-visible{
    outline:3px solid Highlight;
  }
}

@media (prefers-reduced-motion:reduce){
  #mainContent .siapiya-dashboard-decision-support,
  #mainContent .siapiya-dashboard-decision-action{
    transition:none!important;
    animation:none!important;
  }
}