/* =========================================================
   MASTER BRIDGE — SYSTEM 5.3.4.1
   PAGE BUILDER UI ENTRY + PAGE LOADING
   Additive only. Existing design untouched.
========================================================= */
.mb-page-builder-entry-button{
  width:30px;height:30px;border:1px solid #dbe4f0;background:#fff;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  color:#2563EB;transition:all .15s ease;margin-right:4px;
}
.mb-page-builder-entry-button:hover{background:#EFF6FF;border-color:#93c5fd;color:#1D4ED8}
.mb-page-builder-entry-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mb-pb-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;align-items:center;justify-content:center;padding:24px;z-index:99990}
.mb-pb-modal.is-open{display:flex}
.mb-pb-dialog{width:min(1120px,96vw);max-height:90vh;background:#fff;border-radius:14px;box-shadow:0 24px 70px rgba(15,23,42,.24);overflow:hidden;display:flex;flex-direction:column}
.mb-pb-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5e7eb;background:#fff}
.mb-pb-title{margin:0;font-size:20px;font-weight:700;color:#0f172a}
.mb-pb-subtitle{margin:4px 0 0;font-size:13px;color:#64748b}
.mb-pb-close{border:0;background:transparent;font-size:26px;line-height:1;color:#64748b;cursor:pointer;width:34px;height:34px;border-radius:7px}
.mb-pb-close:hover{background:#f1f5f9;color:#0f172a}
.mb-pb-body{padding:20px 22px;overflow:auto;background:#f8fafc}
.mb-pb-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.mb-pb-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:13px 15px}
.mb-pb-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-weight:600;margin-bottom:5px}
.mb-pb-value{font-size:14px;color:#0f172a;font-weight:600;word-break:break-word}
.mb-pb-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;overflow:hidden}
.mb-pb-section-head{padding:13px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}
.mb-pb-section-title{font-size:14px;font-weight:700;color:#0f172a}
.mb-pb-section-meta{font-size:12px;color:#64748b}
.mb-pb-tree{padding:14px 16px}
.mb-pb-node{border:1px solid #e2e8f0;border-radius:9px;margin-bottom:10px;background:#fff}
.mb-pb-node:last-child{margin-bottom:0}
.mb-pb-node-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8fafc}
.mb-pb-node-name{font-size:13px;font-weight:650;color:#0f172a}
.mb-pb-node-meta{font-size:11px;color:#64748b}
.mb-pb-node-body{padding:10px 12px}
.mb-pb-child{border-left:2px solid #dbeafe;padding-left:12px;margin:8px 0 0}
.mb-pb-element{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid #eef2f7;border-radius:7px;margin-top:7px;background:#fff}
.mb-pb-element-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#1d4ed8;background:#eff6ff;padding:4px 6px;border-radius:5px;flex:0 0 auto}
.mb-pb-element-name{font-size:12px;font-weight:600;color:#334155}
.mb-pb-empty,.mb-pb-loading,.mb-pb-error{padding:26px;text-align:center;color:#64748b;font-size:13px}
.mb-pb-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}
@media(max-width:800px){.mb-pb-info{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-pb-dialog{max-height:94vh}.mb-pb-modal{padding:10px}}
@media(max-width:520px){.mb-pb-info{grid-template-columns:1fr}.mb-pb-header{padding:15px}.mb-pb-body{padding:14px}}