.taif-domain-sync-gate{
  position:fixed;
  inset:0;
  z-index:9998;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(8, 14, 35, .34);
  backdrop-filter:blur(6px);
}
.taif-domain-sync-gate[hidden]{ display:none !important; }
.taif-domain-sync-card{
  min-width:min(420px, 94vw);
  max-width:min(520px, 94vw);
  border-radius:26px;
  padding:26px 28px;
  background:#ffffff;
  box-shadow:0 24px 70px rgba(10, 18, 50, .22);
  text-align:center;
  border:1px solid rgba(20, 32, 72, .10);
  color:#172044;
}
.taif-domain-sync-title{
  font-weight:900;
  font-size:19px;
  line-height:1.65;
}
.taif-domain-sync-subtitle{
  margin-top:8px;
  font-size:14px;
  line-height:1.75;
  color:#59657e;
}
.taif-domain-sync-spinner{
  width:34px;
  height:34px;
  margin:18px auto 0;
  border-radius:999px;
  border:4px solid rgba(69, 83, 160, .16);
  border-top-color:#4653a0;
  animation:taif-domain-sync-spin .8s linear infinite;
}
.taif-domain-sync-card--error .taif-domain-sync-title{ color:#9d1c1c; }
.taif-domain-sync-retry{
  margin-top:18px;
  border:0;
  border-radius:18px;
  padding:10px 22px;
  font-weight:900;
  cursor:pointer;
  background:#4653a0;
  color:#fff;
}
html[data-online-domain-status="ready"] .taif-topbar-name-chip::after{
  content:'متصل';
  margin-inline-start:8px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(22, 148, 82, .12);
  color:#126d42;
  font-size:11px;
  font-weight:900;
}
html[data-online-domain-status="saving"] .taif-topbar-name-chip::after,
html[data-online-domain-status="loading"] .taif-topbar-name-chip::after{
  content:'مزامنة';
  margin-inline-start:8px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(220, 156, 40, .14);
  color:#8a5c0f;
  font-size:11px;
  font-weight:900;
}
html[data-online-domain-status="error"] .taif-topbar-name-chip::after{
  content:'خطأ اتصال';
  margin-inline-start:8px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(176, 36, 36, .12);
  color:#991d1d;
  font-size:11px;
  font-weight:900;
}
@keyframes taif-domain-sync-spin{ to{ transform:rotate(360deg); } }