.mpb-panel { margin: 1rem 0; padding: 1rem; border: 1px solid #cbd5e1; border-radius: 1rem; background: #fff; color: #0f172a; }
.mpb-panel summary { cursor: pointer; font-weight: 700; min-height: 44px; padding: .65rem 0; }
.mpb-panel p { margin: .7rem 0; }
.mpb-panel .mpb-fields { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin: .75rem 0; }
.mpb-panel label { display: flex; flex-direction: column; gap: .25rem; font-size: .9rem; }
.mpb-panel input, .mpb-panel select, .mpb-panel button { border: 1px solid #94a3b8; border-radius: .5rem; padding: .55rem .75rem; min-height: 44px; background: inherit; color: inherit; max-width: 100%; }
.mpb-panel button { cursor: pointer; font-weight: 600; }
.mpb-panel button:disabled { cursor: wait; opacity: .6; }
.mpb-panel :focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.mpb-panel ul { list-style: disc; padding-left: 1.25rem; }
.mpb-panel li { margin: .5rem 0; overflow-wrap: anywhere; }
.mpb-panel h3 { font-weight: 700; margin-top: 1rem; }
.mpb-panel [role="status"] { min-height: 1.5em; }
.mpb-panel .mpb-warning { color: #92400e; }
.mpb-panel table { border-collapse: collapse; width: 100%; font-size: .9rem; }
.mpb-panel th, .mpb-panel td { padding: .6rem; text-align: left; border-bottom: 1px solid #cbd5e1; overflow-wrap: normal; }
.mpb-panel th { white-space: nowrap; }
.mpb-panel .mpb-scroll { overflow-x: auto; }
html.dark .mpb-panel { background: #0f172a; color: #e2e8f0; border-color: #475569; }
html.dark .mpb-panel .mpb-warning { color: #fcd34d; }
@media (max-width: 480px) { .mpb-panel .mpb-fields > label { flex: 1 1 130px; min-width: 0; } }