.mlx-tabs{ margin:16px 0 0; }
.mlx-tabs .nav-tab{ cursor:pointer; }
.mlx-tab-panel{ background:#fff; border:1px solid #c3c4c7; border-top:none; padding:16px; }

.mlx-field-desc{ color:#646970; margin-top:6px; }

.mlx-dim-row{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.mlx-dim-row input{ width:120px; }
.mlx-dim-row select{ width:100px; }

.mlx-cc-color-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mlx-cc-color-chip{
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #c3c4c7;
  display: inline-block;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
  background-size: 10px 10px;
  background-image:
    linear-gradient(45deg, rgba(0,0,0,.08) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(0,0,0,.08) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(0,0,0,.08) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(0,0,0,.08) 75%);
  background-position: 0 0, 0 5px, 5px -5px, -5px 0px;
}
.mlx-cc-color-chip::after{
  content:"";
  display:block;
  width:100%;
  height:100%;
  border-radius: 6px;
  background: var(--mlx-cc-chip-color, rgba(0,0,0,1));
}

.mlx-cc-help>pre {
  background:#f6f7f7;
  border:1px solid #dcdcde;
  padding:12px;
  overflow:auto;
  white-space:pre-wrap;  
}

.mlx-cc-help>ol {
  list-style-type: circle;
}

/* Table Styles */
.mlx-repeater-table th {
  padding: 15px 10px;
}

/* Field Groups */
.mlx-cc-field-group {
	margin-bottom: 16px;
}
.mlx-cc-field-group select {
	margin-right: 8px;
}
.mlx-cc-variant-row {
	margin-top: 8px;
}

.mlx-cc-posx-wrap select.is-disabled{
	opacity: .6;
}

/* Layout preview badge */
.mlx-cc-layout-preview {
  display: flex;
  width: 200px;
  height: 100px;
  border: 1px solid #c3c4c7;
  border-radius: 6px;
  padding: 8px;
  box-sizing: border-box;
}

.mlx-cc-badge{
  display:inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.03);
  font-size: 8px;
  line-height: 12px;
  max-width: 100%;
}

.mlx-cc-layout-preview[data-layout="box"] .mlx-cc-badge{
  max-width: 40%;
}

.mlx-cc-layout-preview[data-layout="box"][data-variant="inline"] .mlx-cc-badge{
  max-width: 30%;
}

/* Repeaters */
.mlx-repeater-actions{
  display:flex; gap:8px; align-items:center; margin: 12px 0;
}
.mlx-repeater-table th, .mlx-repeater-table td{
  vertical-align: top;
}
.mlx-repeater-table input[type="text"],
.mlx-repeater-table textarea{
  width: 100%;
}
.mlx-repeater-table textarea{
  min-height: 64px;
}
.mlx-row-remove{
  color:#b32d2e;
}

/* Attention Field */
.attention-field {
  background-color:#fff3cd;
  border:1px solid #ffc107;
  border-radius:4px;
  padding:10px;
  margin-top:10px;
}

.attention-field strong {
  color:#856404;
}