/* Management Form Styling */

/* Add padding to input fields, textareas and selects in the manage section */
.manage-form input[type="text"],
.manage-form input[type="number"],
.manage-form input[type="email"],
.manage-form input[type="password"],
.manage-form input[type="tel"],
.manage-form input[type="url"],
.manage-form textarea,
.manage-form select {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

/* Fix padding for inputs with prefixes (e.g. €) */
.manage-form .relative>input.pl-7 {
    padding-left: 2rem !important;
}

/* Fix padding for inputs with suffixes (e.g. %) */
.manage-form .relative>input.pr-10 {
    padding-right: 2.5rem !important;
}

/* Compact ActionText (Trix) Toolbar */
trix-toolbar {
    padding: 0.25rem 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

trix-toolbar .trix-button-group {
    margin-bottom: 0.25rem !important;
    border-color: #e2e8f0 !important;
}

trix-toolbar .trix-button {
    height: 1.75rem !important;
    width: 1.75rem !important;
    padding: 0 !important;
    border-radius: 0.25rem !important;
    margin-right: 0.125rem !important;
}

trix-toolbar .trix-button:before {
    background-size: 1rem !important;
}

trix-toolbar .trix-button--icon {
    width: 1.75rem !important;
    height: 1.75rem !important;
}

trix-editor {
    min-height: 150px !important;
    padding: 0.75rem !important;
    border-color: #e2e8f0 !important;
}