/* كيان البنيان — طبقة الموقع الإنتاجية (شاشة التحميل + بادج «قريبًا») */

/* ===== شاشة التحميل الأولية ===== */
#kb-boot{
  position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:22px;
  background:#F5F2EA;transition:opacity .3s ease,visibility .3s ease
}
html[data-theme="dark"] #kb-boot{background:#061018}
#kb-boot.kb-boot-out{opacity:0;visibility:hidden;pointer-events:none}
#kb-boot .kb-boot-mark{display:block;animation:kbBootPulse 1.8s ease-in-out infinite}
#kb-boot .kb-boot-mark img{height:52px;width:auto;display:block}
html[data-theme="dark"] #kb-boot .kb-boot-mark img{filter:invert(1) brightness(1.6)}
#kb-boot .kb-boot-bar{
  display:block;width:120px;height:2px;border-radius:2px;
  background:rgba(11,29,45,.12);overflow:hidden;position:relative
}
html[data-theme="dark"] #kb-boot .kb-boot-bar{background:rgba(245,242,234,.14)}
#kb-boot .kb-boot-bar::after{
  content:"";position:absolute;inset:0;border-radius:2px;
  background:linear-gradient(to left,#D4AF37,#B8923B);
  transform:translateX(-100%);animation:kbBootSlide 1.15s cubic-bezier(.4,0,.2,1) infinite
}
@keyframes kbBootPulse{0%,100%{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}
@keyframes kbBootSlide{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){
  #kb-boot .kb-boot-mark,#kb-boot .kb-boot-bar::after{animation:none}
  #kb-boot .kb-boot-bar::after{transform:none;opacity:.6}
}

/* ===== بادج «قريبًا» ===== */
.kb-soon{
  display:inline-flex;align-items:center;gap:6px;
  font-family:inherit;font-size:11px;font-weight:700;line-height:1;letter-spacing:.01em;
  color:#8A6A1E;background:rgba(212,175,55,.18);
  box-shadow:inset 0 0 0 1px rgba(212,175,55,.45);
  padding:6px 11px;border-radius:999px;white-space:nowrap;
  vertical-align:middle;flex:none;transform:translateY(-1px)
}
html[data-theme="dark"] .kb-soon,[data-theme="dark"] .kb-soon{color:#D4AF37;background:rgba(212,175,55,.14)}
.kb-soon::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;opacity:.85}
.kb-soon-lg{font-size:12px;padding:7px 13px}