/* Alasta v5.17.T160 — background refresh UX: no flashes, no scroll jumps */

#mes-tab-content,
#mes-tab-content .mes-orders-list-container,
#mes-tab-content .mes-orders-list,
#mes-tab-content .mes-orders-filter-bar,
#mail-app .mail-list-pane,
#mail-app .mail-message-list{
  overflow-anchor:none !important;
}
#mes-tab-content.is-soft-rendering{
  contain:layout paint !important;
}
#mes-tab-content .mes-orders-list-container{
  min-height:420px !important;
}
#mes-tab-content .mes-order-row{
  content-visibility:auto;
  contain-intrinsic-size:72px;
}
.mes-soft-refresh-indicator-t160{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:80;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:34px;
  padding:0 12px;
  border:1px solid rgba(148,163,184,.45);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#334155;
  box-shadow:0 10px 30px rgba(15,23,42,.12);
  backdrop-filter:blur(14px) saturate(1.35);
  font-size:12px;
  font-weight:760;
  pointer-events:none;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
}
.mes-soft-refresh-indicator-t160.is-visible{
  opacity:1;
  transform:translateY(0);
}
.mes-soft-refresh-indicator-t160 i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#0a84ff;
  box-shadow:0 0 0 4px rgba(10,132,255,.14);
}
.mes-soft-refresh-indicator-t160.is-done i{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14);}
.mes-soft-refresh-indicator-t160.is-error i{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.14);}

#mail-app .mail-list-pane{
  position:relative !important;
}
.mail-swr-overlay-t160{
  position:absolute;
  top:108px;
  right:14px;
  z-index:7;
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:min(280px, calc(100% - 28px));
  min-height:32px;
  padding:7px 11px;
  border:1px solid rgba(147,197,253,.72);
  border-radius:999px;
  background:rgba(239,246,255,.94);
  color:#1d4ed8;
  box-shadow:0 12px 28px rgba(37,99,235,.12);
  backdrop-filter:blur(12px) saturate(1.25);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  pointer-events:none;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .16s ease, transform .16s ease;
}
.mail-swr-overlay-t160.is-visible{
  opacity:1;
  transform:translateY(0);
}
.mail-swr-overlay-t160 i{
  width:13px;
  height:13px;
  border:2px solid rgba(29,78,216,.22);
  border-top-color:#1d4ed8;
  border-radius:50%;
  animation:spin .8s linear infinite;
}
.mail-cache-status-t160{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:8px;
  color:#64748b;
  font-size:10.5px;
  font-weight:780;
  white-space:nowrap;
}
.mail-cache-status-t160::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.13);
}
.mail-cache-status-t160.is-stale::before{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.14);}

@media (max-width:900px){
  .mes-soft-refresh-indicator-t160{right:12px;bottom:12px;}
  .mail-swr-overlay-t160{top:92px;right:10px;}
}