.crm-busy{
  position:fixed;
  inset:0;
  z-index:9000;
  display:grid;
  place-items:center;
  padding:20px;
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}
.crm-busy[hidden]{display:none}
.crm-busy.is-visible{opacity:1;pointer-events:auto}
.crm-busy__veil{
  position:absolute;
  inset:0;
  background:color-mix(in srgb,var(--bg) 9%,transparent);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
.crm-busy__status{
  position:relative;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:54px;
  padding:8px 17px 8px 10px;
  border:1px solid color-mix(in srgb,var(--border-strong) 82%,transparent);
  border-radius:17px;
  background:color-mix(in srgb,var(--panel) 94%,transparent);
  color:var(--text);
  box-shadow:0 16px 42px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.08);
}
.crm-busy__signal{
  position:relative;
  display:block;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent);
  border-radius:12px;
  background:var(--panel-2);
}
.crm-busy__icon{
  position:absolute;
  inset:7px;
  width:24px;
  height:24px;
  opacity:0;
  transform:scale(.94);
  animation:crm-busy-signal 2.4s steps(1,end) infinite;
}
.crm-busy__icon--zero{color:#dc2626;animation-delay:0s}
.crm-busy__icon--low{color:#ea580c;animation-delay:.6s}
.crm-busy__icon--high{color:#d4a000;animation-delay:1.2s}
.crm-busy__icon--full{color:#16a34a;animation-delay:1.8s}
.crm-busy__label{font-size:14px;font-weight:750;letter-spacing:.005em}
@keyframes crm-busy-signal{
  0%,24.99%{opacity:1;transform:scale(1)}
  25%,100%{opacity:0;transform:scale(.94)}
}
@media(max-width:640px){
  .crm-busy__status{min-height:50px;padding:7px 15px 7px 8px;border-radius:16px}
  .crm-busy__signal{flex-basis:36px;width:36px;height:36px}
  .crm-busy__icon{inset:6px}
}
@media(prefers-reduced-motion:reduce){
  .crm-busy{transition:none}
  .crm-busy__icon{display:none;animation:none}
  .crm-busy__icon--full{display:block;opacity:1;transform:none}
}