/* Development and production style forms: Appearance Settings correction. */
.mse-page .mse-card,
.mse-page .mse-image-panel,
.mse-page .mse-lines {
    border-color: var(--line, #d4d7d6) !important;
}

.mse-page .mse-image-panel,
.mse-page .mse-lines-head {
    background: color-mix(in srgb, var(--green, #626967) 5%, #fff) !important;
}

.mse-page .mse-image-preview {
    border-color: var(--line, #d4d7d6) !important;
    background: color-mix(in srgb, var(--green, #626967) 7%, #fff) !important;
    color: var(--muted, #68706d) !important;
}

.mse-page .mse-image-preview img {
    background: #fff !important;
}

.mse-page .mse-image-panel > label {
    border: 1px solid var(--green, #626967) !important;
    background: var(--green, #626967) !important;
    color: #fff !important;
}

.mse-page .mse-image-panel > label:hover,
.mse-page .mse-image-panel > label:focus-within {
    filter: brightness(.94);
    outline: 2px solid color-mix(in srgb, var(--green, #626967) 28%, #fff);
    outline-offset: 2px;
}

.mse-page .mse-color-head,
.mse-page .mse-trim-head {
    background: color-mix(in srgb, var(--green, #626967) 9%, #fff) !important;
    color: var(--muted, #68706d) !important;
}

.mse-page .mse-color-head span,
.mse-page .mse-trim-head span,
.mse-page .mse-color-row,
.mse-page .mse-trim-row,
.mse-page .mse-primary,
.mse-page .mse-card .form-actions {
    border-color: var(--line, #d4d7d6) !important;
}

.mse-page .mse-fields input,
.mse-page .mse-fields select,
.mse-page .mse-fields textarea,
.mse-page .mse-color-row input,
.mse-page .mse-color-row select,
.mse-page .mse-trim-row input,
.mse-page .mse-trim-row select {
    color: var(--ink, #252827);
}

.mse-page .mse-fields input:focus,
.mse-page .mse-fields select:focus,
.mse-page .mse-fields textarea:focus,
.mse-page .mse-color-row input:focus,
.mse-page .mse-color-row select:focus,
.mse-page .mse-trim-row input:focus,
.mse-page .mse-trim-row select:focus {
    border-color: var(--green, #626967) !important;
    outline: 2px solid color-mix(in srgb, var(--green, #626967) 24%, #fff);
    outline-offset: -2px;
}

.mse-page .psu-origin-number {
    background: color-mix(in srgb, var(--green, #626967) 7%, #fff) !important;
}

/* Remove controls remain destructive and retain their semantic red. */
.mse-page .mse-remove {
    color: #a33;
}