/* =========================================================
   SINGLE ACTIONS - statut évaluation
========================================================= */

.ro-tool-btn--disabled{
  opacity: .45;
  cursor: not-allowed;
}

.community_actions.single-actions__link{
  display: flex;
  align-items: center;
  gap: var(--ro-space-12);
}

/* =========================
   DESKTOP / TABLETTE
   Bande pleine largeur sous la toolbar,
   limitée à la zone de contenu
========================= */
.ro-single-actions__status{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.ro-eval-status-banner{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: var(--ro-size-32);
  padding: var(--ro-space-8) var(--ro-space-12);
  background: var(--ro-succ-50);
  border: 1px solid var(--ro-succ-200);
  color: var(--ro-succ-700);
  font-size: var(--ro-font-size-xs);
  font-weight: var(--ro-font-weight-medium);
  line-height: 1.25;
}

/* la bande desktop ne doit jamais sortir sous la sidebar */
@media (min-width: 441px){
  .ro-single-actions__status{
    position: sticky;
    top: calc(var(--ro-topbar-h) + var(--ro-space-8));
    z-index: 46;
    width: calc(100% - var(--ro-sidebar-current-w));
    margin-left: var(--ro-sidebar-current-w);
    box-sizing: border-box;
    background: var(--ro-bg-0);
  }

  .ro-eval-status-banner{
    justify-content: flex-end;
    padding-right: var(--ro-space-24);
  }
}

/* =========================
   MOBILE
   Vraie bande collée au-dessus
   de la tabbar d’action recette
========================= */
@media (max-width: 440px){
  .ro-single-actions__status{
    display: none;
  }

  .ro-single-actions__status--mobile{
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(var(--ro-tabbar-h) - var(--ro-space-16));
    z-index: 9998;
    display: block;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }

  .ro-single-actions__status--mobile .ro-eval-status-banner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 2rem;
    margin: 0;
    padding: var(--ro-space-6) var(--ro-space-12);
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    box-sizing: border-box;
    pointer-events: auto;
  }
}