/* Alasta v5.17.T161 — IndexedDB Data Store UX polish */
.alasta-store-badge-t161{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:28px;
  padding:0 10px;
  border:1px solid rgba(148,163,184,.42);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#475569;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
  backdrop-filter:blur(12px) saturate(1.25);
  font-size:11px;
  font-weight:780;
  white-space:nowrap;
}
.alasta-store-badge-t161::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.13);
}
.alasta-store-badge-t161.is-syncing::before{
  background:#0a84ff;
  box-shadow:0 0 0 4px rgba(10,132,255,.14);
  animation:pulse 1.15s ease-in-out infinite;
}
.alasta-store-badge-t161.is-stale::before{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.14);}
.alasta-store-badge-t161.is-error::before{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.14);}
#mail-app .mail-list-pane.is-swr-pending-t161 .mail-message-list,
#mes-tab-content.is-swr-pending-t161 .mes-orders-list-container{
  filter:saturate(.96);
}
#mail-app .mail-list-pane.is-swr-pending-t161::after,
#mes-tab-content.is-swr-pending-t161::after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.18));
  opacity:.35;
}
#mes-tab-content{position:relative;}
#mes-tab-content.is-swr-pending-t161 .mes-order-row,
#mail-app .mail-list-pane.is-swr-pending-t161 .mail-message{
  transition:background-color .16s ease, opacity .16s ease;
}
@media (prefers-reduced-motion: reduce){
  .alasta-store-badge-t161::before{animation:none!important;}
}