/**
 * Internal admin preview banner — externalized for CSP style-src-elem strict.
 * Markup: library/ni_internal_preview_banner.lbi (no inline <style>).
 * Body flag: data-ni-preview-mode="1"
 *
 * NI_PREVIEW_BANNER_960_20260801
 * Root cause: externalize 時做成全寬 sticky 條，未對齊站內 --ni-page-max / page-max 契約，
 * flex 預設 flex-start 也讓文案靠左。收斂：同頁面主欄 page-max + 置中，不堆 !important。
 */
.ni-internal-preview-banner{
  position:sticky;
  top:0;
  z-index:9999;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px 14px;
  box-sizing:border-box;
  width:min(var(--ni-page-max, 1280px), 100%);
  max-width:var(--ni-page-max, 1280px);
  margin:0 auto;
  padding:10px 16px;
  background:linear-gradient(90deg,#5c3d2e 0%,#7a5544 100%);
  color:#fff7f2;
  font-size:14px;
  line-height:1.5;
  text-align:center;
  box-shadow:0 4px 18px rgba(60,35,25,.22);
}
.ni-internal-preview-banner strong{
  font-weight:700;
  letter-spacing:.02em;
}
.ni-internal-preview-banner span{
  text-align:center;
}
body[data-ni-preview-mode="1"] .ni-add-cart-trigger,
body[data-ni-preview-mode="1"] #ECS_FORMBUY .ni-product-btn-primary,
body[data-ni-preview-mode="1"] .ni-mobile-buy-bar .ni-add-cart-trigger,
body[data-ni-preview-mode="1"] .ni-goods-cart-btn,
body[data-ni-preview-mode="1"] .ni-btn-primary[onclick*="addToCart"],
body[data-ni-preview-mode="1"] #ECS_FORMBUY .ni-btn-primary{
  opacity:.45;
  pointer-events:none;
  cursor:not-allowed;
}