/* ===== MyConfigurator: wspólne style admin ===== */
.mehub-card { background:#fff; border:1px solid #dcdcdc; border-radius:8px; padding:18px 22px; margin:18px 0; }
.mehub-card h1, .mehub-card h2, .mehub-card h3 { margin-top:0; }
.mehub-grid { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:16px; }
.mehub-grid-2 { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }

.mehub-field { background:#f8f8f8; border:1px solid #e0e0e0; border-radius:6px; padding:12px; }
.mehub-field label { font-weight:600; display:block; margin-bottom:6px; }
.mehub-field input[type="text"],
.mehub-field input[type="email"],
.mehub-field input[type="url"],
.mehub-field select { width:100%; max-width:100%; }

.mehub-note { color:#555; font-size:12px; margin:6px 0 0; }
.mehub-actions { margin-top:16px; display:flex; gap:12px; flex-wrap:wrap; flex-direction: column; align-items: flex-start; }

.mehub-mapping-group { margin-top:18px; }
.mehub-mapping-field { display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; border-bottom:1px solid #e9e9e9; }
.mehub-mapping-field:last-child { border-bottom:0; }
.mehub-mapping-source { flex:1 1 320px; font-weight:600; }
.mehub-mapping-target { flex:1 1 280px; margin-top:6px; }
.mehub-mapping-target label { display:block; font-size:12px; font-weight:500; margin-bottom:4px; }
.mehub-mapping-target select { width:100%; }

.mehub-empty { font-style:italic; color:#666; }

.mehub-note { color:#555; font-size:12px; margin:6px 0 0; }
.mehub-preview { margin-top:8px; border:1px dashed #ddd; padding:8px; background:#fafafa; }
.mehub-preview img { max-width:100%; height:auto; display:block; }

/* Responsywność */
@media (max-width: 1024px) {
  .mehub-grid, .mehub-grid-2 { grid-template-columns: 1fr; }
}