/* RIC360 Retail Journey Coherence Layer v2.1 */
[data-ric360-view-state="loading"]{
  position:relative;
  overflow:hidden;
}
[data-ric360-view-state="loading"]::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  transform:translateX(-100%);
  animation:ric360-skeleton 1.3s infinite;
}
@keyframes ric360-skeleton{to{transform:translateX(100%)}}

[data-ric360-view-state="empty"],
[data-ric360-view-state="error"]{
  min-height:160px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:1.5rem;
}

[data-ric360-route-announcer]{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

[data-ric360-sticky-action]{
  position:sticky;
  bottom:max(0px,env(safe-area-inset-bottom));
  z-index:20;
}

[data-ric360-breadcrumb]{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
  font-size:.875rem;
}

[data-ric360-recovery]{
  scroll-margin-top:1rem;
}

@media(max-width:768px){
  [data-ric360-sticky-action]{
    padding-bottom:max(.75rem,env(safe-area-inset-bottom));
  }
}

@media(prefers-reduced-motion:reduce){
  [data-ric360-view-state="loading"]::after{
    animation:none!important;
  }
}