/* doc-project | caisse-aqp/public/assets/css/components/offlineSlotsStatus.css | Style l’indicateur discret de fraîcheur et de projection locale affiché au-dessus de timechips-strip. | Expose: .offline-slots-status, .hstrip--with-slots-status | Dépend de: variables globales app.css, timeChipsBar.js | Impacte: lisibilité des capacités hors ligne, conflits et dates jamais synchronisées | Tables: aucune */

.hstrip--with-slots-status{
  position: relative;
  padding-top: 18px;
}

.hstrip--with-slots-status .hstrip__inner{
  padding-top: 6px;
}

.offline-slots-status{
  position: absolute;
  top: 2px;
  left: var(--pad);
  right: var(--pad);
  z-index: 2;
  overflow: hidden;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  font-weight: 750;
  line-height: 14px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.offline-slots-status.is-current{ color: rgba(116,236,165,.92); }
.offline-slots-status.is-loading{ color: rgba(255,255,255,.62); }
.offline-slots-status.is-offline,
.offline-slots-status.is-provisional{ color: rgba(255,213,112,.96); }
.offline-slots-status.is-missing,
.offline-slots-status.is-conflict{ color: rgba(255,126,134,.98); }

@media (max-width: 700px){
  .offline-slots-status{
    text-align: left;
    font-size: 10px;
  }
}