/* Catalog editing only. Radzen 11 renders Numeric as .rz-numeric, not .rz-spinner.
   app.css removes the FormField border; restore it on the actual input wrapper.
   Loaded after admin-theme.css so labels and controls have one consistent treatment. */
.itc-wasm .itc-catalog-editor {
    --rz-primary: var(--itc-blue);
    --rz-primary-lighter: var(--itc-blue-soft);
    --rz-switch-checked-background-color: #cbdcfb;
    --rz-switch-checked-circle-background-color: var(--itc-blue);
    --rz-tabs-tab-color: var(--itc-muted);
    --rz-tabs-tab-selected-color: var(--itc-blue);
    --rz-input-height: 44px;
    --rz-input-font-size: 14px;
    min-width: 0;
}
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-label {
    color: #4b5c73; font-size: 12px; font-weight: 600; line-height: 1.5;
}
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-content > :is(.rz-textbox, .rz-textarea, .rz-dropdown, .rz-numeric) {
    width: 100%; min-height: 44px; border: 1px solid #8494aa; border-radius: 9px;
    background: #fff; box-shadow: none; color: var(--itc-text);
}
.itc-wasm .itc-catalog-editor .rz-numeric { height: 44px; padding: 0; }
.itc-wasm .itc-catalog-editor .rz-numeric input {
    height: 42px; min-height: 0; border: 0; border-radius: 9px; padding: 10px 34px 10px 12px;
    color: inherit; font: inherit; font-variant-numeric: tabular-nums; background: transparent;
}
.itc-wasm .itc-catalog-editor .rz-numeric .rz-numeric-button { min-width: 0; min-height: 0; width: 24px; height: 18px; padding: 0; border: 0; border-radius: 4px; box-shadow: none; }
.itc-wasm .itc-catalog-editor .rz-form-field .rz-numeric:hover .rz-numeric-button { display: block; }
.itc-wasm .itc-catalog-editor .rz-form-field .rz-numeric-up { top: 3px; }
.itc-wasm .itc-catalog-editor .rz-form-field .rz-numeric-down { bottom: 3px; }
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-content > .rz-dropdown {
    display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding-block: 0; height: auto;
}
.itc-wasm .itc-catalog-editor .rz-dropdown-label {
    display: block; flex: 1 1 auto; width: 100%; min-width: 0; min-height: 0; padding-block: 10px; text-align: left; white-space: normal; overflow-wrap: anywhere; line-height: 22px;
}
.itc-wasm .itc-catalog-editor .rz-dropdown-trigger { flex-shrink: 0; }
/* Radzen's helper has zero height but an intrinsic width. Remove it from flex layout. */
.itc-wasm .itc-catalog-editor .rz-dropdown > .rz-helper-hidden-accessible {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.itc-wasm .itc-catalog-editor .rz-textarea { resize: vertical; line-height: 1.55; }
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-content > :is(.rz-textbox, .rz-textarea, .rz-dropdown, .rz-numeric):hover:not(.rz-state-disabled):not(:disabled) {
    border-color: #8097b8;
}
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-content > :is(.rz-textbox, .rz-textarea, .rz-dropdown, .rz-numeric):focus-within {
    border-color: var(--itc-blue); box-shadow: 0 0 0 3px #2563eb1f;
}
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-content > :is(.invalid, [aria-invalid="true"]),
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-content:has(.rz-messages-error) > :is(.rz-textbox, .rz-textarea, .rz-dropdown, .rz-numeric) {
    border-color: #b42318; box-shadow: 0 0 0 1px #b4231814;
}
.itc-wasm .itc-catalog-editor .rz-form-field .rz-form-field-content > :is(.rz-state-disabled, :disabled) {
    background: #f1f4f8; border-color: #d5dde8; color: #64748b;
}
.itc-wasm .itc-catalog-editor .rz-button.rz-primary {
    background: var(--itc-blue); border: 1px solid var(--itc-blue); box-shadow: 0 2px 4px #2563eb14;
}
.itc-wasm .itc-catalog-editor .rz-button.rz-danger {
    color: #b42318; background: #fff3f1; border: 1px solid #f4d2cd; box-shadow: none;
}
.itc-wasm .itc-catalog-editor .rz-button.rz-danger:hover:not(:disabled) { background: #ffe4de; }
.itc-wasm .itc-catalog-editor .itc-file-button {
    color: var(--itc-blue-dark); background: var(--itc-blue-soft); border: 1px solid #cbdcfb;
}
.itc-wasm .itc-catalog-editor .itc-image-preview {
    width: 224px; height: 152px; max-height: none; max-width: 100%; padding: 16px; object-fit: contain; background: #f8fafc;
}
.itc-wasm .itc-catalog-editor .itc-image-picker { align-items: flex-start; }

/* Keep every existing Radzen tool, grouped behind a keyboard-operable disclosure. */
.itc-wasm .itc-rich-editor { min-width: 0; width: 100%; }
.itc-wasm .itc-rich-editor-heading {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
    gap: 4px 12px; margin-bottom: 6px; color: var(--itc-muted); font-size: 12px;
}
.itc-wasm .itc-editor-options {
    display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 9px;
    border: 1px solid transparent; border-radius: 6px; background: transparent;
    color: var(--itc-blue-dark); font: inherit; font-weight: 600; cursor: pointer;
}
.itc-wasm .itc-editor-options:hover { background: var(--itc-blue-soft); }
.itc-wasm .itc-editor-options .rzi { font-size: 18px; }
.itc-wasm .itc-rich-editor .rz-html-editor {
    border: 1px solid #8494aa; border-radius: 9px; min-height: 220px;
    background: #fff; overflow: visible;
}
.itc-wasm .itc-rich-editor .rz-html-editor:focus-within {
    outline: none; border-color: var(--itc-blue); box-shadow: 0 0 0 3px #2563eb1f;
}
.itc-wasm .itc-rich-editor .rz-html-editor-toolbar {
    display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 6px;
    border-bottom: 1px solid var(--itc-border); border-radius: 9px 9px 0 0; background: #f8fafc;
}
.itc-wasm .itc-rich-editor .rz-html-editor-toolbar .rz-button {
    min-width: 36px; min-height: 36px; height: 36px; width: 36px; padding: 7px; border-radius: 6px;
}
.itc-wasm .itc-editor-advanced { display: flex; flex: 1 0 100%; flex-wrap: wrap; align-items: center; gap: 2px; border-top: 1px solid var(--itc-border); padding-top: 6px; margin-top: 4px; }
.itc-wasm .itc-editor-advanced[hidden] { display: none; }
.itc-wasm .itc-rich-editor .rz-html-editor-content {
    min-height: 156px; max-height: 420px; padding: 14px 16px; line-height: 1.65; border-radius: 0 0 9px 9px;
}
.itc-wasm .itc-rich-editor .rz-html-editor-content > :first-child { margin-top: 0; }
.itc-wasm .itc-rich-editor .rz-html-editor-content > :last-child { margin-bottom: 0; }
.itc-wasm .itc-rich-editor .rz-html-editor-source { min-height: 200px; }
@media (max-width: 767.98px) {
    .itc-wasm .itc-catalog-editor { --rz-input-font-size: 16px; }
    .itc-wasm .itc-catalog-editor .rz-numeric input { font-size: 16px; }
    .itc-wasm .itc-rich-editor .rz-html-editor-toolbar .rz-button { min-width: 40px; width: 40px; min-height: 40px; height: 40px; }
    .itc-wasm .itc-editor-options { min-height: 44px; }
}