/* Live-edit UI — loaded on every page. Hidden/inert unless a signed-in editor is present. */
.vb-editbar {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  background: #1a1a2e; color: #fff; padding: 9px 18px; font-size: .85rem;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  box-shadow: 0 -2px 10px rgba(0,0,0,.18);
  max-height: 40vh; overflow-y: auto;
}
.vb-editbar .vb-btn {
  background: #2456a6; color: #fff; border: none; padding: 6px 14px; border-radius: 6px;
  font-weight: 600; cursor: pointer; text-decoration: none; font-size: .82rem; display: inline-block;
}
.vb-editbar .vb-btn:hover { background: #2f68c4; }
.vb-editbar .vb-email { color: #c3c9d6; }
.vb-editbar .vb-code-input {
  padding: 5px 10px; border-radius: 6px; border: 1px solid #3d4560; background: #10101c; color: #fff;
  font-size: .82rem; width: 140px;
}
.vb-editbar .vb-code-input::placeholder { color: #7d8399; }
.vb-editbar .vb-status { color: #9fb3d8; margin-left: auto; }

body.vb-edit-mode { padding-bottom: 54px; }
body.vb-edit-mode main > section[data-editable] {
  outline: 2px dashed #2456a6; outline-offset: 5px; cursor: text; border-radius: 10px;
}
body.vb-edit-mode main > section[data-editable]:hover,
body.vb-edit-mode main > section[data-editable]:focus-within { outline-color: #a05a00; }

/* draw.io diagrams (networking.html) */
.plan-wrap { position: relative; display: block; max-width: 100%; }
.plan-wrap img.plan { display: block; }
.diagram-frame {
  display: block; width: 100%; height: 60vh; max-height: 700px; min-height: 320px;
  border: 1px solid #d9dce3; border-radius: 6px;
}
.diagram-edit-btn { margin: 8px 0 4px; }

.vb-diagram-overlay {
  position: fixed; inset: 0; z-index: 10000; background: rgba(10, 10, 20, .88);
  display: flex; flex-direction: column;
}
.vb-diagram-bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
  padding: 10px 16px; background: #1a1a2e; color: #fff;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif; font-size: .85rem;
}
.vb-diagram-editor-frame { flex: 1; width: 100%; border: 0; background: #fff; }