.mb-panel { font-weight:400; min-width:0; }
.mb-panel h2,.mb-panel h3,.mb-panel button,.mb-panel label { font-weight:400; }
.mb-panel header,.mb-bindings li { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.mb-endpoints { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:16px 0; }
.mb-endpoint { min-width:0; border:1px solid var(--border,#d7dee8); border-radius:10px; padding:14px; }
.mb-panel input,.mb-panel select,.mb-panel .btn { min-height:44px; font:inherit; max-width:100%; box-sizing:border-box; }
.mb-panel input,.mb-panel select { width:100%; border:1px solid var(--border,#cbd5e1); background:var(--surface,#fff); color:inherit; border-radius:6px; padding:8px; }
.mb-panel label { display:block; line-height:1.5; }
.mb-panel :focus-visible { outline:2px solid var(--primary,#2563eb); outline-offset:3px; }
.mb-search>div { display:flex; gap:8px; margin-top:6px; }
.mb-search input { min-width:0; flex:1; }
.mb-search .btn { min-width:64px; flex-shrink:0; }
.mb-results { min-height:100px; padding-top:16px; overflow-wrap:anywhere; }
.mb-pages { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:12px; }
.mb-pages>span { flex-basis:100%; color:var(--muted,#526075); }
.mb-pages label { display:flex; gap:8px; align-items:center; }
.mb-pages select { width:80px; }
.mb-existing { margin-top:24px; }
.mb-bindings { padding:0; list-style:none; margin:0; }
.mb-bindings li { padding:12px 0; border-bottom:1px solid var(--border,#e2e8f0); overflow-wrap:anywhere; }
.mb-bindings li>div { min-width:0; }
.mb-panel .ma-alert { overflow-wrap:anywhere; }
@media(max-width:700px) { .mb-endpoints { grid-template-columns:minmax(0,1fr); } .mb-panel header { align-items:stretch; } .mb-panel header>div { width:100%; } }