/* /Components/Content/HtmlEditor.razor.rz.scp.css */
.html-editor-container[b-5q360ox5sy] {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    height: 100%;
    min-height: 600px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}
.html-editor-container-loader[b-5q360ox5sy]{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #00000099;
    color: white;
    text-align: center;
    padding-top: 80px;
    font-weight: bold;
    z-index: 1;
}
.html-editor-content[b-5q360ox5sy] {
    padding-left: 10px;
    flex: 1;
}
.html-editor-property-save[b-5q360ox5sy] {
    color: #00902c;
    border: 1px solid #00902c;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    text-align: center;
    margin-top: 2px;
}
.html-editor-property-container[b-5q360ox5sy] {
    background-color: white;
    border-bottom: 1px solid var(--primary-background-color);
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    padding-bottom: 5px;
    flex-wrap: wrap;
}
.html-editor-property-item-spacer[b-5q360ox5sy] {
    flex: 1;
}
.html-editor-element-type-container[b-5q360ox5sy] {
    width: 360px;
    border-right: 1px solid #d9d9d9;
    overflow: auto;
    padding-right: 10px;
    flex-shrink: 0;
    flex-grow: 0;
}
.html-editor-element-type-header[b-5q360ox5sy] {
    text-align: center;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 11px;
    border-bottom: 1px solid var(--primary-background-color);
}
    .html-editor-element-type-header h6[b-5q360ox5sy]{
        margin-bottom: 10px;
        margin-top: 5px;
    }
.html-editor-element-type-item[b-5q360ox5sy] {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    height: 32px;
    border: 1px solid var(--primary-background-color);
    border-radius: 5px;
    padding: 3px 10px;
    margin-bottom: 5px;
    cursor: pointer;
    width: 49%;
}
    .html-editor-element-type-item:hover[b-5q360ox5sy] {
        background-color: var(--primary-background-color);
        color: white;
    }
    .html-editor-element-type-item-icon[b-5q360ox5sy] {
        width: 20px;
        text-align: center;
    }
.html-editor-content-container[b-5q360ox5sy] {
    height: 720px;
    overflow: auto;
    padding-top: 10px;
    position: relative;
    padding: 1px;
}

.html-editor-content-item[b-5q360ox5sy]{
    cursor: pointer;
}

.html-editor-property-item-separator[b-5q360ox5sy]{
    width: 20px;
}
.html-editor-content-right-separator[b-5q360ox5sy]{
    height: 20px;
}
.html-editor-language-item[b-5q360ox5sy]{
    line-height: 36px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}
.html-editor-content-right[b-5q360ox5sy]{
    flex: 1;
}
.html-editor-element-property-container-header[b-5q360ox5sy] {
    border-bottom: 1px solid var(--color-border);
    display: flex;
    gap: 4px;
    height: auto;
    padding: 4px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.html-editor-element-property-container-header-spacer[b-5q360ox5sy]{
    flex: 1;
}
.html-editor-element-type-item-container[b-5q360ox5sy]{
    max-height: 211px;
    overflow: auto;
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.html-editor-preview-container[b-5q360ox5sy]{
    height: auto;
    background-color: #f2f2f2;
}
.html-editor-preview-container-header-spacer[b-5q360ox5sy] {
    height: 30px;
    background-color: #f2f2f2;
}
.html-editor-preview-container-footer-spacer[b-5q360ox5sy] {
    height: 30px;
    background-color: #f2f2f2;
}
/* /Components/Content/HtmlElement.razor.rz.scp.css */
.dropableContainer[b-fbu1mv5boo] {
    outline: 1px solid var(--primary-background-color);
}
.html-editor-content-item[b-fbu1mv5boo]{
    width: 100%;
}
    .html-editor-content-item:hover[b-fbu1mv5boo]{
        outline: 2px solid var(--primary-border-color-hover);
    }
    .html-editor-preview-container img[b-fbu1mv5boo] {
        width: 100%;
    }
.html-editor-preview-container-empty[b-fbu1mv5boo]{
    min-height: 50px;
    outline: 1px solid #d9d9d9;
}
.html-editor-preview-container[b-fbu1mv5boo]{
    min-height: 10px;
}
    .html-editor-edit-container[b-fbu1mv5boo] {
        padding: 10px;
    }
.html-editor-edit-sub-container[b-fbu1mv5boo] {
    position: relative;
}
.align-start[b-fbu1mv5boo] {
    text-align: start;
    margin-left: 0;
    margin-right: auto;
}

.align-center[b-fbu1mv5boo] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.align-end[b-fbu1mv5boo] {
    text-align: end;
    margin-left: auto;
    margin-right: 0;
}
.align-block[b-fbu1mv5boo] {
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}
.html-editor-separator-color[b-fbu1mv5boo] {
    background-color: var(--primary-background-color);
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    width: 60%;
    height: 4px;
}
.html-editor-space-small[b-fbu1mv5boo]{
    height: 1rem;
}
.html-editor-space-large[b-fbu1mv5boo] {
    height: 3rem;
}
/* /Components/Content/HtmlElementProperties.razor.rz.scp.css */
.muted[b-ms33dctzvu] {
    color: #999;
}
.prop-border[b-ms33dctzvu] {
    border: 1px solid var(--color-border);
}

    .prop-border:focus-within[b-ms33dctzvu] {
        border: 1px solid var(--primary-background-color);
    }
.prop-toolbar[b-ms33dctzvu]{
    display: flex;
    gap: 4px;
    margin-bottom: 20px;
}
.prop-toolbar-spacer[b-ms33dctzvu]{
    flex: 1;
}
.prop-popup-container[b-ms33dctzvu]{
    height: 100%;
    width: 100%;
}
/* /Components/Content/HtmlProperty.razor.rz.scp.css */
.html-editor-property-item[b-s5quz7hf57] {
    color: var(--primary-background-color);
    cursor: pointer;
    margin-top: 2px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border: 1px solid var(--primary-background-color);
    border-radius: 5px;
}

    .html-editor-property-item:hover[b-s5quz7hf57] {
        background-color: var(--primary-background-color);
        color: var(--color-text-inverse);
    }
.html-editor-property-item-selected[b-s5quz7hf57] {
    background-color: var(--primary-background-color);
    color: var(--color-text-inverse);
}
.html-editor-property-element[b-s5quz7hf57]{
    display: flex;
    justify-content: flex-start;
}
.html-editor-property-element-selected .html-editor-property-item[b-s5quz7hf57] {
    background-color: white;
    color: var(--primary-background-color);
}
.html-editor-property-element .html-editor-property-item[b-s5quz7hf57] {
    margin-top: 2px;
    height: 36px;
    border-right: 0px !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
    .html-editor-property-element .html-editor-property-item:hover[b-s5quz7hf57] {
        background-color: white;
        color: var(--primary-background-color);
    }
        .html-editor-property-element .html-editor-property-item-content[b-s5quz7hf57] {
            margin-top: 2px;
            height: 36px;
        }
.html-editor-property-item-disabled[b-s5quz7hf57] {
    border-color: #d9d9d9 !important;
    background-color: white !important;
    color: #d9d9d9 !important;
    cursor: default !important;
}
/* /Components/Content/Preview/HtmlElement.razor.rz.scp.css */
.html-editor-separator-color[b-lyrxej48am] {
    background-color: var(--primary-background-color);
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    width: 60%;
    height: 4px;
}

.html-editor-space-small[b-lyrxej48am] {
    height: 1rem;
}

.html-editor-space-large[b-lyrxej48am] {
    height: 3rem;
}

.align-start[b-lyrxej48am] {
    text-align: start;
    margin-left: 0;
    margin-right: auto;
}

.align-center[b-lyrxej48am] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.align-end[b-lyrxej48am] {
    text-align: end;
    margin-left: auto;
    margin-right: 0;
}

.align-block[b-lyrxej48am] {
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}
/* /Components/FormRenderer/FormRenderer.razor.rz.scp.css */
/* --- Main Container --- */
.fr-container[b-i92q9f5l26] {
    position: relative;
    height: 100%;
}

/* --- Loading & Error --- */

.fr-loading[b-i92q9f5l26] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    font-size: 1.5rem;
    color: #6b7280;
}

.fr-error[b-i92q9f5l26] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #ef4444;
    font-weight: 500;
}


/* --- Grundstruktur --- */
.form-renderer[b-i92q9f5l26] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 900px;
    margin: 0 auto;
    background-color: white;
    transition: max-width 0.25s ease;
}

.form-renderer.mobile-preview[b-i92q9f5l26] {
    max-width: 390px;
}

/* ========= MOBILE PREVIEW: class-based overrides (bypass @media) ========= */

/* --- Stepper --- */
.form-renderer.mobile-preview .fr-step-label[b-i92q9f5l26] {
    display: none;
}

.form-renderer.mobile-preview .fr-step[b-i92q9f5l26] {
    min-width: auto;
}

.form-renderer.mobile-preview .fr-step-circle[b-i92q9f5l26] {
    width: 30px;
    height: 30px;
    font-size: 0.8rem;
}

.form-renderer.mobile-preview .fr-step-connector[b-i92q9f5l26] {
    margin-top: 14px;
}

/* --- Navigation --- */
.form-renderer.mobile-preview .fr-navigation[b-i92q9f5l26] {
    flex-wrap: wrap;
}

.form-renderer.mobile-preview .fr-navigation-spacer[b-i92q9f5l26] {
    display: none;
}

.form-renderer.mobile-preview .fr-btn[b-i92q9f5l26] {
    flex: 1;
    justify-content: center;
}

/* --- Page Grid (FormRendererPage) --- */
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-page-grid {
    grid-template-columns: 1fr !important;
}

.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-page-grid > * {
    grid-column: 1 / -1 !important;
}

/* --- Box Grid (FormRendererBox) --- */
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-box-grid {
    grid-template-columns: 1fr !important;
}

.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-box-grid > * {
    grid-column: 1 / -1 !important;
}

/* --- Composite Fields (FormRendererField) --- */
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-composite-row {
    flex-direction: column;
    gap: 0.5rem;
}

.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-composite-street,
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-composite-zip,
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-composite-city,
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-composite-field {
    flex: 1;
}

/* --- Table (FormRendererTable) --- */
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-table,
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-table tbody,
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-table tr,
.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-table td {
    display: block;
    width: 100%;
}

.form-renderer.mobile-preview[b-i92q9f5l26]  .fr-table-header-row {
    display: none;
}

/* --- Header --- */
.fr-header[b-i92q9f5l26] {
    margin-bottom: 1.5rem;
}

.fr-header h1[b-i92q9f5l26] {
    margin: 0 0 0.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #1f2937;
}

.fr-header p[b-i92q9f5l26] {
    margin: 0;
    color: #6b7280;
    font-size: 0.9rem;
}

/* --- Wizard Stepper --- */
.fr-stepper[b-i92q9f5l26] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 2rem;
    padding: 0 1rem;
    user-select: none;
}

.fr-step[b-i92q9f5l26] {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    min-width: 80px;
    flex-shrink: 0;
}

.fr-step.pending[b-i92q9f5l26] {
    cursor: default;
}

.fr-step-circle[b-i92q9f5l26] {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.85rem;
    border: 2px solid #dee2e6;
    background: #fff;
    color: #6b7280;
    transition: all 0.3s ease;
}

.fr-step.active .fr-step-circle[b-i92q9f5l26] {
    border-color: var(--primary-background-color, #3b82f6);
    background: var(--primary-background-color, #3b82f6);
    color: #fff;
}

.fr-step.completed .fr-step-circle[b-i92q9f5l26] {
    border-color: #22c55e;
    background: #22c55e;
    color: #fff;
}

.fr-step-label[b-i92q9f5l26] {
    margin-top: 0.4rem;
    font-size: 0.75rem;
    color: #6b7280;
    text-align: center;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fr-step.active .fr-step-label[b-i92q9f5l26] {
    color: #1f2937;
    font-weight: 500;
}

.fr-step-connector[b-i92q9f5l26] {
    flex: 1;
    height: 2px;
    background: #dee2e6;
    margin: 0 0.25rem;
    margin-top: 17px; /* center with circle */
    min-width: 20px;
}

.fr-step-connector.completed[b-i92q9f5l26] {
    background: #22c55e;
}

/* --- Page Content --- */
.fr-page-content[b-i92q9f5l26] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/* --- Navigation --- */
.fr-navigation[b-i92q9f5l26] {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
    gap: 0.75rem;
}

.fr-navigation-spacer[b-i92q9f5l26] {
    flex: 1;
}

.fr-btn[b-i92q9f5l26] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1.25rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.875rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.fr-btn:hover[b-i92q9f5l26] {
    filter: brightness(0.95);
}

.fr-btn-next[b-i92q9f5l26],
.fr-btn-submit[b-i92q9f5l26] {
    background: var(--primary-background-color, #3b82f6);
    color: #fff;
}

.fr-btn-next:hover[b-i92q9f5l26],
.fr-btn-submit:hover[b-i92q9f5l26] {
    filter: brightness(0.9);
}

.fr-btn-back[b-i92q9f5l26] {
    background: #f3f4f6;
    color: #374151;
}

.fr-btn-close[b-i92q9f5l26] {
    background: #f3f4f6;
    color: #6b7280;
}

/* ========= RESPONSIVE ========= */

@media (max-width: 768px) {
    .fr-step-label[b-i92q9f5l26] {
        display: none;
    }

    .fr-step[b-i92q9f5l26] {
        min-width: auto;
    }

    .fr-step-connector[b-i92q9f5l26] {
        margin-top: 17px;
    }
}

@media (max-width: 480px) {
    .fr-step-circle[b-i92q9f5l26] {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }

    .fr-step-connector[b-i92q9f5l26] {
        margin-top: 14px;
    }

    .fr-navigation[b-i92q9f5l26] {
        flex-wrap: wrap;
    }

    .fr-btn[b-i92q9f5l26] {
        flex: 1;
        justify-content: center;
    }

    .fr-navigation-spacer[b-i92q9f5l26] {
        display: none;
    }
}
/* /Components/FormRenderer/FormRendererBox.razor.rz.scp.css */
/* --- Box Container --- */
.fr-box[b-iya1bken95] {
    border-radius: 8px;
}

.fr-box-grid[b-iya1bken95] {
    display: grid;
    gap: 0.75rem;
}

.fr-box-grid .fr-grid-item[b-iya1bken95] {
    min-width: 0;
}

.fr-box-grid .fr-heading h1[b-iya1bken95],
.fr-box-grid .fr-heading h2[b-iya1bken95],
.fr-box-grid .fr-heading h3[b-iya1bken95],
.fr-box-grid .fr-heading h4[b-iya1bken95],
.fr-box-grid .fr-heading h5[b-iya1bken95],
.fr-box-grid .fr-heading h6[b-iya1bken95] {
    margin: 0.25rem 0;
    color: var(--fr-font-color, #1f2937);
}

.fr-box-grid .fr-html[b-iya1bken95] {
    line-height: 1.6;
    color: var(--fr-font-color, #374151);
}

.fr-box-grid .fr-text[b-iya1bken95],
.fr-box-grid .fr-list[b-iya1bken95] {
    color: var(--fr-font-color, inherit);
}

@media (max-width: 768px) {
    .fr-box-grid[b-iya1bken95] {
        grid-template-columns: 1fr !important;
    }

    .fr-box-grid > *[b-iya1bken95] {
        grid-column: 1 / -1 !important;
    }
}
/* /Components/FormRenderer/FormRendererField.razor.rz.scp.css */
/* --- Field Container --- */
.fr-field[b-iu8ynmeqyo] {
    margin-bottom: 0.25rem;
}

/* --- Label --- */
.fr-field-label[b-iu8ynmeqyo] {
    color: var(--fr-font-color, #374151);
}

.fr-field-label-required[b-iu8ynmeqyo]::after {
    content: " *";
    color: #ef4444;
}

/* --- Validation Error (FileUpload) --- */
.fr-file-upload-error[b-iu8ynmeqyo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    color: #dc2626;
    margin-top: 0.3rem;
    width: 100%;
}

.fr-field-has-error .fr-file-upload[b-iu8ynmeqyo]  .e-upload {
    border-color: #ef4444 !important;
    background: #fff8f8 !important;
}

/* --- Validation Error --- */
.fr-field-error[b-iu8ynmeqyo] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #dc2626;
    background: #fef2f2;
    border-left: 2px solid #ef4444;
    padding: 0.15rem 0.5rem;
    border-radius: 0 4px 4px 0;
    margin-top: 0.3rem;
}

.fr-field-error-icon[b-iu8ynmeqyo] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
}

.fr-field-has-error[b-iu8ynmeqyo]  input,
.fr-field-has-error[b-iu8ynmeqyo]  .e-input-group,
.fr-field-has-error[b-iu8ynmeqyo]  .e-control {
    border-color: #ef4444 !important;
}

/* --- Composite Fields (Address, Name) --- */
.fr-composite-row[b-iu8ynmeqyo] {
    display: flex;
    gap: 0.75rem;
}

.fr-composite-field[b-iu8ynmeqyo] {
    flex: 1;
    min-width: 0;
}

.fr-composite-street[b-iu8ynmeqyo] {
    flex: 2;
}

.fr-composite-zip[b-iu8ynmeqyo] {
    flex: 0.7;
    min-width: 80px;
}

.fr-composite-city[b-iu8ynmeqyo] {
    flex: 1.3;
}

.fr-composite-label[b-iu8ynmeqyo] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 0.2rem;
}

/* --- Radio Group --- */
.fr-radio-group[b-iu8ynmeqyo] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.fr-radio-group--row[b-iu8ynmeqyo] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.25rem 2rem;
}

.fr-radio-option[b-iu8ynmeqyo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: var(--fr-font-color, #374151);
}

.fr-radio-option input[type="radio"][b-iu8ynmeqyo] {
    width: 16px;
    height: 16px;
    accent-color: var(--primary-background-color, #3b82f6);
    cursor: pointer;
    margin: 0;
}

/* --- File Upload Zone (styled like Form.razor preview) --- */
.fr-file-upload[b-iu8ynmeqyo]  .e-upload {
    border: 2px dashed #94a3b8;
    border-radius: 8px;
    background: #f8fafc;
    width: 100%;
    padding: 0;
    transition: border-color .15s ease, background .15s ease;
}

.fr-file-upload[b-iu8ynmeqyo]  .e-upload:hover {
    border-color: #64748b;
}

.fr-file-upload[b-iu8ynmeqyo]  .e-file-select {
    border: none;
    background: transparent;
    width: 100%;
}

.fr-file-upload[b-iu8ynmeqyo]  .e-file-select-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1rem;
    gap: 0.35rem;
    text-align: center;
    color: #64748b;
}

.fr-file-upload[b-iu8ynmeqyo]  .e-upload-browse-btn {
    background: transparent;
    border: 1px solid #94a3b8;
    color: #64748b;
    box-shadow: none;
    font-size: 0.8rem;
    border-radius: 4px;
    padding: 0.25rem 0.75rem;
}

.fr-file-upload[b-iu8ynmeqyo]  .e-upload-browse-btn:hover {
    background: #e2e8f0;
    border-color: #64748b;
}

.fr-file-upload[b-iu8ynmeqyo]  .e-file-drop {
    font-size: 0.8rem;
    color: #94a3b8;
}

.fr-file-upload[b-iu8ynmeqyo]  .e-upload-drag-hover {
    border-color: #64748b !important;
    background: #f1f5f9 !important;
}

.fr-file-upload[b-iu8ynmeqyo]  .small-element-separator {
    display: none;
}

/* Empty state: no box — uploader above already shows the drop zone */
.fr-file-upload[b-iu8ynmeqyo]  .file-preview-container {
    border: none;
    background: transparent;
    margin-top: 0;
    padding: 0;
}

/* File-present state: clean card below the upload zone */
.fr-file-upload[b-iu8ynmeqyo]  .file-preview-container:has(.file-preview) {
    margin-top: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    padding: 0.75rem;
}

/* ========= RESPONSIVE ========= */
@media (max-width: 480px) {
    .fr-composite-row[b-iu8ynmeqyo] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .fr-composite-street[b-iu8ynmeqyo],
    .fr-composite-zip[b-iu8ynmeqyo],
    .fr-composite-city[b-iu8ynmeqyo],
    .fr-composite-field[b-iu8ynmeqyo] {
        flex: 1;
    }
}
/* /Components/FormRenderer/FormRendererPage.razor.rz.scp.css */
/* --- Page Grid --- */
.fr-page-grid[b-9csbl9k9ko] {
    display: grid;
    gap: 1rem;
}

.fr-grid-item[b-9csbl9k9ko] {
    min-width: 0;
}

/* --- Space --- */
.fr-space[b-9csbl9k9ko] {
    /* height set inline */
}

/* --- Heading --- */
.fr-heading h1[b-9csbl9k9ko],
.fr-heading h2[b-9csbl9k9ko],
.fr-heading h3[b-9csbl9k9ko],
.fr-heading h4[b-9csbl9k9ko],
.fr-heading h5[b-9csbl9k9ko],
.fr-heading h6[b-9csbl9k9ko] {
    margin: 0.25rem 0;
    color: var(--primary-background-color);
}

/* --- HTML --- */
.fr-html[b-9csbl9k9ko] {
    line-height: 1.6;
    color: #374151;
}

.fr-html p[b-9csbl9k9ko] {
    margin: 0.25rem 0;
}

/* ========= RESPONSIVE ========= */
@media (max-width: 768px) {
    .fr-page-grid[b-9csbl9k9ko] {
        grid-template-columns: 1fr !important;
    }

    .fr-page-grid > *[b-9csbl9k9ko] {
        grid-column: 1 / -1 !important;
    }
}
/* /Components/FormRenderer/FormRendererTable.razor.rz.scp.css */
/* --- Table Container --- */
.fr-table-wrapper[b-uocd1s868m] {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.fr-table[b-uocd1s868m] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.fr-table-cell[b-uocd1s868m] {
    padding: 0.5rem;
    vertical-align: top;
    min-width: 40px;
}

/* Header row styling */
.fr-table-header-row td[b-uocd1s868m] {
    background-color: #f1f5f9;
    font-weight: 600;
    color: var(--fr-font-color, #1f2937);
}

/* Inner borders are applied inline via GetCellBorderStyle() */

/* Content inside cells */
.fr-table-cell .fr-text[b-uocd1s868m],
.fr-table-cell .fr-list[b-uocd1s868m] {
    color: var(--fr-font-color, inherit);
}

.fr-table-cell .fr-heading h1[b-uocd1s868m],
.fr-table-cell .fr-heading h2[b-uocd1s868m],
.fr-table-cell .fr-heading h3[b-uocd1s868m],
.fr-table-cell .fr-heading h4[b-uocd1s868m],
.fr-table-cell .fr-heading h5[b-uocd1s868m],
.fr-table-cell .fr-heading h6[b-uocd1s868m] {
    margin: 0.25rem 0;
    color: var(--fr-font-color, #1f2937);
}

.fr-table-cell .fr-html[b-uocd1s868m] {
    line-height: 1.6;
    color: var(--fr-font-color, #374151);
}

/* Responsive: stack columns on small screens */
@media (max-width: 600px) {
    .fr-table[b-uocd1s868m],
    .fr-table tbody[b-uocd1s868m],
    .fr-table tr[b-uocd1s868m],
    .fr-table td[b-uocd1s868m] {
        display: block;
        width: 100%;
    }

    .fr-table-header-row[b-uocd1s868m] {
        display: none;
    }
}
/* /Components/Forms/ConditionEditorComponent.razor.rz.scp.css */
.fe-group-edit-actions[b-7wq63mv570]
{
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}
.fe-cond-word[b-7wq63mv570] {
    margin-bottom: 1rem;
    margin-top: 1rem;
    text-align: center;
    width: 100%;
}
.fe-cond-word:first-of-type[b-7wq63mv570]{
    margin-top: 0;
}
.fe-spacer[b-7wq63mv570]{
    height: 1rem;
}
/* /Components/Forms/FormFieldListComponent.razor.rz.scp.css */
.fe-option-fields[b-43j7ur8kwa], .fe-option-row[b-43j7ur8kwa] {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    width: 100%;
}
.fe-option-row[b-43j7ur8kwa]{
    margin-bottom: 0.5rem;
}
.fe-option-row:last-of-type[b-43j7ur8kwa]{
    margin-bottom: 0px;
}
/* /Components/Forms/FormShareDialogComponent.razor.rz.scp.css */
.form-share-tile[b-pg2v1gjrnc] {
    flex: 1 1 0;
    min-height: 160px;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.form-share-tile:hover[b-pg2v1gjrnc] {
    border-color: var(--primary, #0d6efd);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #0d6efd) 15%, transparent);
    background-color: color-mix(in srgb, var(--primary, #0d6efd) 5%, white);
}

.form-share-tile:active[b-pg2v1gjrnc] {
    background-color: color-mix(in srgb, var(--primary, #0d6efd) 12%, white);
}

.form-share-tile.disabled[b-pg2v1gjrnc] {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
}
/* /Components/Forms/FormTemplateImportDialogComponent.razor.rz.scp.css */
.form-template-import-container[b-lrken5iy3j] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}

.form-template-import-container .section-description[b-lrken5iy3j] {
    margin: 0;
    color: var(--text-muted, #6c757d);
    font-size: 0.9rem;
}

.form-template-import-container .empty-hint[b-lrken5iy3j] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-muted, #6c757d);
    font-style: italic;
    border: 1px dashed var(--border-color, #dee2e6);
    border-radius: 4px;
}

.form-template-import-loading[b-lrken5iy3j] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 1rem;
}

.toolbar-spinner[b-lrken5iy3j] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: toolbar-spinner-rotate-b-lrken5iy3j 0.75s linear infinite;
}

@keyframes toolbar-spinner-rotate-b-lrken5iy3j {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Global/CheckedViewComponent.razor.rz.scp.css */
.dataset-confirmed-container[b-n9ikwh57cp] {
    width: fit-content;
    aspect-ratio: 1 / 1;
    padding: 0rem 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: inherit;
    overflow: hidden;
}

    .dataset-confirmed-container i[b-n9ikwh57cp] {
        font-size: inherit;
    }

    .dataset-confirmed-container .state-true[b-n9ikwh57cp] {
        color: var(--success-color);
    }

    .dataset-confirmed-container .state-false[b-n9ikwh57cp] {
        color: var(--error-color);
    }
/* /Components/Global/NotificationMessageComponent.razor.rz.scp.css */
.notification-message[b-qze6u20pkn] {
    width: 100%;
    max-height: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: left;
    white-space: break-spaces;
    font-size: 0.875rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.2s ease-in-out,
                margin 0.2s ease-in-out,
                border 0.2s ease-in-out,
                padding 0.2s ease-in-out;
}

    .notification-message.error[b-qze6u20pkn] {
        max-height: 500px;
        margin: 1rem 0rem;
        padding: 0.5rem 1rem;
        border: 1px solid var(--error-color) !important;
        background-color: var(--error-background-color) !important;
        color: var(--error-color) !important;
    }

    .notification-message.warning[b-qze6u20pkn] {
        max-height: 500px;
        margin: 1rem 0rem;
        padding: 0.5rem 1rem;
        border: 1px solid var(--warning-color) !important;
        background-color: var(--warning-background-color) !important;
        color: var(--warning-color) !important;
    }

    .notification-message.success[b-qze6u20pkn] {
        max-height: 500px;
        margin: 1rem 0rem;
        padding: 0.5rem 1rem;
        border: 1px solid var(--success-color) !important;
        background-color: var(--success-background-color) !important;
        color: var(--success-color) !important;
    }

    .notification-message.information[b-qze6u20pkn] {
        max-height: 500px;
        margin: 1rem 0rem;
        padding: 0.5rem 1rem;
        border: 1px solid var(--information-color) !important;
        background-color: var(--information-background-color) !important;
        color: var(--information-color) !important;
    }
/* /Components/Global/ValidationMessageListComponent.razor.rz.scp.css */
/* /Components/Input/Currency/InputCurrency.razor.rz.scp.css */
.input-group[b-x4m9zc6tpe] {
    position: relative;
    display: flex;
    align-items: center;
    font-size: var(--font-size-small);
    gap: 0.1rem;
}

.input-group-text[b-x4m9zc6tpe] {
    background-color: rgba(239, 239, 239, 0.3);
    border: 1px solid var(--color-component-border);
    border-right: 0px;
    color: #495057;
    padding: 0rem 0.5rem;
    height: 23px;
    font-size: var(--font-size-small);
}
.input-group .form-control[b-x4m9zc6tpe] {
    outline: none !important;
    box-shadow: none !important;
    height: 100%;
    font-size: var(--font-size-small);
}
/* /Components/Input/FileUploadComponent.razor.rz.scp.css */
.file-preview-container[b-az4ywqcrrn] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid var(--secondary-light-color);
    color: var(--secondary-background-color);
    min-height: 30px;
}

    .file-preview-container .remove-file[b-az4ywqcrrn] {
        position: absolute;
        top: 0.5rem;
        right: 1rem;
        font-size: 1.25rem;
        color: var(--secondary-background-color);
        cursor: pointer;
    }

        .file-preview-container .remove-file:hover[b-az4ywqcrrn] {
            color: var(--secondary-background-color-hover);
        }

    .file-preview-container .file-preview[b-az4ywqcrrn] {
        background-color: var(--secondary-light-color);
        padding: 0.5rem 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 100px;
        max-width: 200px;
        object-position: center;
        object-fit: contain;
    }

        .file-preview-container .file-preview i[b-az4ywqcrrn] {
            color: var(--secondary-font-color);
            font-size: 40px
        }

    .file-preview-container .detail-container[b-az4ywqcrrn] {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0.5rem 1rem;
        justify-content: space-evenly;
        align-items: flex-start;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .file-preview-container .detail-container .text[b-az4ywqcrrn] {
            width: 90%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
/* /Components/Input/FontPickerComponent.razor.rz.scp.css */
.fontpicker-container[b-ongr1g8mlc] {
    position: relative;
    width: 100%;
}

    .fontpicker-container .loader-overlay[b-ongr1g8mlc] {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #00000060;
        z-index: 9998;
    }

    .fontpicker-container .fontpicker-table[b-ongr1g8mlc] {
        width: 100%;
        table-layout: fixed;
    }

        .fontpicker-container .fontpicker-table .fontpicker-columngroup[b-ongr1g8mlc] {
            width: 25%;
        }

        .fontpicker-container .fontpicker-table .fontpicker-table-body[b-ongr1g8mlc] {
        }

            .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row[b-ongr1g8mlc] {
            }

                .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell[b-ongr1g8mlc] {
                    padding: 0.5rem 1rem;
                }

                    .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell .fontpicker-card[b-ongr1g8mlc] {
                        height: 100%;
                        min-height: fit-content;
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        border: 1px solid var(--primary-border-color);
                        padding: 0.5rem 1rem;
                        gap: 0.2rem;
                        cursor: pointer;
                        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
                    }

                        .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell .fontpicker-card:hover[b-ongr1g8mlc] {
                            border-color: var(--primary-border-color-hover);
                        }

                        .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell .fontpicker-card .fontpicker-preview-title[b-ongr1g8mlc] {
                            max-width: 100%;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-size: 1.2rem;
                            font-weight: 700;
                        }

                        .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell .fontpicker-card .fontpicker-preview-text[b-ongr1g8mlc] {
                            max-width: 100%;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 3;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            text-align: center;
                        }

                        .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell .fontpicker-card .active-tag[b-ongr1g8mlc] {
                            position: absolute;
                            display: flex;
                            border-color: var(--primary-border-color);
                            border-radius: 10px;
                            background-color: var(--primary-background-color);
                            color: var(--primary-font-color);
                            padding: 0.1rem 0.5rem;
                            top: -5px;
                            right: -5px;
                            font-size: 0.8rem;
                            font-weight: bold;
                            white-space: nowrap;
                        }

                        .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell .fontpicker-card.active[b-ongr1g8mlc] {
                            border-color: var(--primary-border-color-active);
                            background-color: var(--primary-background-color-active);
                            color: var(--primary-font-color-active);
                            cursor: default;
                        }

                        .fontpicker-container .fontpicker-table .fontpicker-table-body .fontpicker-table-row .fontpicker-table-cell .fontpicker-card.readonly[b-ongr1g8mlc] {
                            cursor: default;
                        }
/* /Components/Input/FontRegistrationComponent.razor.rz.scp.css */
/* /Components/Input/InputSize.razor.rz.scp.css */
.input-size-container[b-uxum4jll8e]
{
    display: flex;
    justify-content: flex-start;
    flex-flow: nowrap;
    width: auto;
}

    .input-size-container .input-size-content[b-uxum4jll8e] {
        flex: 1;
    }
/* /Components/Input/LanguageSwitchComponent.razor.rz.scp.css */
.tabshell-body[b-cqfxq9pt6t] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-top: unset;
}
/* /Components/Input/MunicipalityPickerComponent.razor.rz.scp.css */
/* /Components/Input/PasswordInputComponent.razor.rz.scp.css */
/* /Components/Input/PhoneNumberInputComponent.razor.rz.scp.css */
.custom-phone-container[b-tv4u6yd7mq] {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    box-shadow: none;
}

.custom-phone-prefix-selector[b-tv4u6yd7mq] {
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0rem 0.2rem;
    gap: 0.2rem;
}

    .custom-phone-prefix-selector .custom-phone-flag[b-tv4u6yd7mq] {
        height: 30px;
        margin: unset !important;
    }

    .custom-phone-prefix-selector .custom-phone-prefix[b-tv4u6yd7mq] {
        flex: 1 1 auto;
        text-align: center;
    }
/* /Components/Input/RightTagComponent.razor.rz.scp.css */
.right-label[b-fu6p4u6ho6] {
    height: 30px;
    min-width: 100%;
    display: flex;
    gap: 0.5rem;
    border-radius: 0.5rem;
    flex-flow: nowrap;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--secondary-border-color);
    padding: 0rem 1rem;
}

    .right-label .inherit-icon[b-fu6p4u6ho6] {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .right-label .label-text[b-fu6p4u6ho6] {
        flex: 1 1 auto;
        font-size: 0.8rem;
        font-weight: 500;
        white-space: nowrap;
        text-align: center;
        align-content: space-evenly;
        overflow: hidden;
        text-overflow: ellipsis;
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    .right-label:not(.disabled, .readonly)[b-fu6p4u6ho6] {
        cursor: pointer;
    }

    .right-label.color-red[b-fu6p4u6ho6] {
        color: white;
        background-color: #FF0000;
        border-color: #FF0000;
        text-shadow: black 1px 1px 2px;
    }

        .right-label.color-red:not(.readonly):hover[b-fu6p4u6ho6] {
            background-color: #FF9B9B;
            border-color: #FF9B9B;
        }

    .right-label.color-green[b-fu6p4u6ho6] {
        color: white;
        background-color: #5CBF00;
        border-color: #5CBF00;
        text-shadow: black 1px 1px 2px;
    }

        .right-label.color-green:not(.readonly):hover[b-fu6p4u6ho6] {
            background-color: #BFE59B;
            border-color: #BFE59B;
        }

    .right-label.color-lightblue[b-fu6p4u6ho6] {
        color: #333333;
        background-color: #00FFFF;
        border-color: #00FFFF;
        text-shadow: white 1px 1px 2px;
    }

        .right-label.color-lightblue:not(.readonly):hover[b-fu6p4u6ho6] {
            background-color: #AAFFFF;
            border-color: #AAFFFF;
        }

    .right-label.color-blue[b-fu6p4u6ho6] {
        color: white;
        background-color: #3333FF;
        border-color: #3333FF;
        text-shadow: black 1px 1px 2px;
    }

        .right-label.color-blue:not(.readonly):hover[b-fu6p4u6ho6] {
            background-color: #7777FF;
            border-color: #7777FF;
        }

    .right-label.disabled[b-fu6p4u6ho6] {
        color: white;
        background-color: gray;
        border-color: gray;
        text-shadow: black 1px 1px 2px;
    }

        .right-label.disabled:not(.readonly):hover[b-fu6p4u6ho6] {
            color: white;
            background-color: gray;
            border-color: gray;
        }
/* /Components/Layout/HeaderComponent.razor.rz.scp.css */
.header-container[b-wbid0qwpx8] {
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background-color: var(--color-surface);
    color: var(--color-text);
    height: 60px;
    padding: 0 22px;
    border-bottom: 1px solid var(--color-border);
    position: relative;
}

    .header-container .header-container-center[b-wbid0qwpx8] {
        flex: 1;
        display: flex;
        gap: 0.5rem;
        justify-content: flex-start;
        padding: 0 1rem;
    }
/* /Components/Layout/TabMenuComponent.razor.rz.scp.css */
.tab-menu-container[b-8132d4s54m] {
    height: 100%;
}

    .tab-menu-container .tab-menu-selection-bar .tab-menu-selection-bar-content .small-loader-container[b-8132d4s54m] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 32px;
    }

        .tab-menu-container .tab-menu-selection-bar .tab-menu-selection-bar-content .small-loader-container .loader[b-8132d4s54m] {
            width: 22px;
            height: 22px;
            border: 3px solid var(--primary-dark-color);
            border-bottom-color: transparent;
            border-radius: 50%;
            display: inline-block;
            box-sizing: border-box;
            animation: rotation-b-8132d4s54m 1s linear infinite;
            background-color: white !important;
        }

@keyframes rotation-b-8132d4s54m {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Layout/TabMenuItemComponent.razor.rz.scp.css */
.tab-menu-item[b-jsrbxh6t46] {
    border: 1px solid var(--color-component-border);
    color: var(--secondary-font-color);
    background-color: var(--secondary-background-color);
    border-radius: var(--border-radius);
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-flow: nowrap;
    gap: 0.75rem;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    width: fit-content;
    padding: 0.15rem 1rem;
    gap: 0.25rem;
    line-height: 26px;
    font-size: var(--font-size-small);
}

    .tab-menu-item i[b-jsrbxh6t46] {
        color: var(--color-icon-primary);
    }

    .tab-menu-item:hover[b-jsrbxh6t46],
    .tab-menu-item:focus[b-jsrbxh6t46] {
        background-color: var(--secondary-background-color-hover);
        border-color: var(--secondary-background-color-hover);
        color: var(--color-text);
    }

.tab-menu-item-active[b-jsrbxh6t46] {
    background-color: var(--primary-dark-color);
    color: var(--primary-font-color);
    border: 1px solid var(--primary-background-color);
}

    .tab-menu-item-active i[b-jsrbxh6t46] {
        color: var(--primary-font-color);
    }

    .tab-menu-item-active:hover[b-jsrbxh6t46],
    .tab-menu-item-active:focus[b-jsrbxh6t46] {
        background-color: var(--primary-background-color-hover);
        border-color: var(--primary-background-color-hover);
        color: var(--primary-font-color);
    }

.tab-menu-item-content[b-jsrbxh6t46] {
    flex: 1;
}

.tab-menu-item-disabled[b-jsrbxh6t46] {
    background-color: var(--color-surface-alt) !important;
    color: var(--color-component-border) !important;
    border-color: var(--color-component-border) !important;
    cursor: default !important;
}

.tab-menu-item-remove[b-jsrbxh6t46] {
    font-size: var(--font-size-small);
    margin-left: 0.75rem;
    margin-right: 0px !important;
    line-height: 24px;
}

    .tab-menu-item-remove:hover[b-jsrbxh6t46] {
        color: var(--primary-dark-color);
    }

.tab-menu-item-active .tab-menu-item-remove:hover[b-jsrbxh6t46] {
    color: var(--primary-light-color);
}
/* /Components/Layout/TabShellComponent.razor.rz.scp.css */
.tabshell-container[b-sct1razq0w] {
    height: 100%;
}

.tabshell-container .tabshell-header .tabshell-header-item[b-sct1razq0w] {
    padding-right: 0.5rem;
}
/* /Components/Layout/ToolbarComponent.razor.rz.scp.css */
.toolbar-container .toolbar-container-action-bar[b-pv15hazzq7] {
    position: absolute;
    z-index: 1000;
    width: 44px;
    left: 0px;
    top: 1.25rem;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid white;
    gap: 0.4rem;
}

.toolbar-container .toolbar-container-content[b-pv15hazzq7] {
    position: relative;
    margin-left: 55px;
    padding: 1.25rem 0.5rem;
}

.toolbar-container.adaptToContainer[b-pv15hazzq7] {
    height: 100%;
    overflow: hidden;
}

    .toolbar-container.adaptToContainer .toolbar-container-content[b-pv15hazzq7] {
        height: 100%;
        overflow: hidden;
    }
/* /Components/Layout/ToolbarItemComponent.razor.rz.scp.css */
.btn-toolbar[b-xzixpiqg0z] {
    width: 100%;
    height: 30px;
    font-size: var(--font-size-very-small);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0rem 0.5rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

    .btn-toolbar icon-container[b-xzixpiqg0z] {
        width: 100%;
        aspect-ratio: 1 / 1;
        text-align: center;
    }

.toolbar-spinner[b-xzixpiqg0z] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: toolbar-spin-b-xzixpiqg0z 0.7s linear infinite;
    vertical-align: middle;
    text-align: center;
}

@keyframes toolbar-spin-b-xzixpiqg0z {
    to { transform: rotate(360deg); }
}
/* /Components/Member/MemberDetailComponent.razor.rz.scp.css */
/* /Components/Member/MemberOverviewComponent.razor.rz.scp.css */
.text-icon-container[b-5u7lpsfq0i] {
    display: flex;
    flex-flow: nowrap;
    gap: 0.2rem;
}

    .text-icon-container .icon[b-5u7lpsfq0i] {
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-icon-container .text[b-5u7lpsfq0i] {
        flex: 1;
        text-align: start;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.icon-container[b-5u7lpsfq0i] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Components/Member/SubComponents/CreateOrEditMemberComponent.razor.rz.scp.css */
.tabshell-body[b-es5hz0qbpy] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-top: unset;
}

.payment-data-table[b-es5hz0qbpy] {
    width: 100%;
    table-layout: fixed;
}

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-10[b-es5hz0qbpy] {
        width: 10%;
    }

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-20[b-es5hz0qbpy] {
        width: 20%;
    }

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-30[b-es5hz0qbpy] {
        width: 30%;
    }

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-40[b-es5hz0qbpy] {
        width: 40%;
    }

    .payment-data-table .payment-data-table-body[b-es5hz0qbpy] {
    }

        .payment-data-table .payment-data-table-body .payment-data-table-row[b-es5hz0qbpy] {
        }

            .payment-data-table .payment-data-table-body .payment-data-table-row .payment-data-table-cell[b-es5hz0qbpy] {
                padding: 0rem 0.5rem;
            }

                .payment-data-table .payment-data-table-body .payment-data-table-row .payment-data-table-cell:first-child[b-es5hz0qbpy] {
                    padding-left: 0rem;
                }

                .payment-data-table .payment-data-table-body .payment-data-table-row .payment-data-table-cell:last-child[b-es5hz0qbpy] {
                    padding-right: 0rem;
                }

.add-paymentdata-item[b-es5hz0qbpy] {
    justify-content: space-evenly;
    border: 1px dashed #D9D9D9;
    position: relative;
    padding: 0.5rem 1rem;
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

    .add-paymentdata-item:hover[b-es5hz0qbpy] {
        border-color: var(--primary-border-color);
    }

    .add-paymentdata-item .add-paymentdata-description[b-es5hz0qbpy] {
        flex: 1 1 auto;
        text-align: center;
        font-weight: bold;
        font-size: 1.125rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* /Components/Navigation/NavigationMenuComponent.razor.rz.scp.css */
.sidebar[b-8xmel423hd] {
    width: 260px;
    transition: width 0.2s ease-in-out;
    background-color: var(--primary-background-color);
    color: var(--primary-font-color);
    height: 100dvh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .sidebar .sidebar-header[b-8xmel423hd] {
        position: sticky;
        top: 0;
        height: 60px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 18px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        background: inherit;
        z-index: 1;
        flex-shrink: 0;
        transition: padding 0.2s ease-in-out;
    }

        .sidebar .sidebar-header .logo[b-8xmel423hd] {
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            gap: unset;
            flex-shrink: 0;
        }

            .sidebar .sidebar-header .logo .logo-image[b-8xmel423hd] {
                max-height: 100%;
                max-width: 100%;
                object-position: center;
                object-fit: contain;
            }

    .sidebar .sidebar-nav[b-8xmel423hd] {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px 0;
    }

    .sidebar .nav-item-group[b-8xmel423hd] {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        padding: 16px 18px 6px;
        color: rgba(255, 255, 255, 0.6);
        cursor: pointer;
        user-select: none;
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        font-weight: 500;
        transition: color 0.15s;
    }

        .sidebar .nav-item-group:hover[b-8xmel423hd] {
            color: rgba(255, 255, 255, 0.9);
        }

        .sidebar .nav-item-group .nav-item-group-icon[b-8xmel423hd] {
            display: none;
            width: 22px;
            font-size: 1.1rem;
            justify-content: center;
            align-items: center;
        }

        .sidebar .nav-item-group .nav-item-category[b-8xmel423hd] {
            flex: 1;
            color: inherit;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0;
            font: inherit;
            font-weight: 500;
            letter-spacing: inherit;
        }

        .sidebar .nav-item-group .nav-item-group-chevron[b-8xmel423hd] {
            font-size: 0.62rem;
            opacity: 0.7;
            transition: transform 0.2s ease;
        }

        .sidebar .nav-item-group.nav-item-group-collapsed .nav-item-group-chevron[b-8xmel423hd] {
            transform: rotate(-90deg);
        }

    .sidebar .nav-sub-list-container[b-8xmel423hd] {
        overflow: hidden;
        max-height: 1000px;
        transition: max-height 0.25s ease;
    }

        .sidebar .nav-sub-list-container.nav-sub-list-container-collapsed[b-8xmel423hd] {
            max-height: 0;
        }

    .sidebar .nav-item[b-8xmel423hd] {
        position: relative;
        display: flex;
        flex-flow: nowrap;
        align-items: center;
        justify-content: flex-start;
        padding: 10px 18px;
        gap: 12px;
        border: none;
        border-left: 3px solid transparent;
        background-color: transparent;
        color: var(--primary-font-color);
        cursor: pointer;
        font-size: 0.875rem;
        transition: background-color 0.15s ease-in-out, padding 0.2s ease-in-out;
    }

        .sidebar .nav-item:hover[b-8xmel423hd] {
            background-color: rgba(255, 255, 255, 0.08);
            color: var(--primary-font-color);
        }

        .sidebar .nav-item.active[b-8xmel423hd] {
            background-color: var(--primary-dark-color);
            color: var(--primary-font-color);
            border-left-color: #ffffff;
            cursor: default;
            font-weight: 500;
        }

        .sidebar .nav-item .nav-item-icon[b-8xmel423hd] {
            width: 18px;
            text-align: center;
            font-size: 0.95rem;
            opacity: 0.95;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
        }

            .sidebar .nav-item .nav-item-icon i[b-8xmel423hd] {
                font-size: 0.95rem;
                text-align: center;
            }

        .sidebar .nav-item .nav-item-description[b-8xmel423hd] {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            user-select: none;
        }

    .sidebar .nav-sub-list-container .nav-item[b-8xmel423hd] {
        padding-left: 34px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .sidebar .sidebar-footer[b-8xmel423hd] {
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        padding: 10px 14px;
        display: flex;
        justify-content: flex-end;
        flex-shrink: 0;
        transition: padding 0.2s ease-in-out, justify-content 0.2s;
    }

/* ─── Collapsed sidebar ─── */
.sidebar.collapsed[b-8xmel423hd] {
    width: 70px;
}

    .sidebar.collapsed .sidebar-header[b-8xmel423hd] {
        justify-content: center;
        padding: 0;
    }

    .sidebar.collapsed .sidebar-nav[b-8xmel423hd] {
        overflow-x: hidden;
    }

    .sidebar.collapsed .nav-item-group[b-8xmel423hd] {
        padding: 10px 0 8px;
        justify-content: center;
        color: rgba(255, 255, 255, 0.45);
        border-top: 1px solid rgba(255, 255, 255, 0.18);
        margin-top: 6px;
        cursor: default;
    }

        .sidebar.collapsed .nav-item-group .nav-item-group-icon[b-8xmel423hd] {
            display: flex;
        }

        .sidebar.collapsed .nav-item-group .nav-item-category[b-8xmel423hd],
        .sidebar.collapsed .nav-item-group .nav-item-group-chevron[b-8xmel423hd] {
            display: none;
        }

    .sidebar.collapsed .nav-sub-list-container[b-8xmel423hd],
    .sidebar.collapsed .nav-sub-list-container.nav-sub-list-container-collapsed[b-8xmel423hd] {
        max-height: none;
    }

    .sidebar.collapsed .nav-item[b-8xmel423hd] {
        padding: 12px 0;
        justify-content: center;
        align-items: center;
        gap: 0;
        border-left-width: 3px;
    }

    .sidebar.collapsed .nav-sub-list-container .nav-item[b-8xmel423hd] {
        padding-left: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }

        .sidebar.collapsed .nav-item .nav-item-description[b-8xmel423hd] {
            width: 0;
            display: none;
        }

        .sidebar.collapsed .nav-item .nav-item-icon[b-8xmel423hd] {
            width: auto;
            font-size: 1.05rem;
        }

            .sidebar.collapsed .nav-item .nav-item-icon i[b-8xmel423hd] {
                font-size: 1.05rem;
            }

    .sidebar.collapsed .sidebar-footer[b-8xmel423hd] {
        justify-content: center;
        padding: 10px 0;
    }

/* ─── Tooltip on hover (collapsed mode) ─── */
.sidebar.collapsed .nav-item[data-tooltip]:hover[b-8xmel423hd]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background: var(--secondary-dark-color);
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0.786rem;
    font-weight: 400;
    z-index: 100;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.sidebar.collapsed .nav-item[data-tooltip]:hover[b-8xmel423hd]::before {
    content: '';
    position: absolute;
    left: calc(100% + 4px);
    top: 50%;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-right-color: var(--secondary-dark-color);
    z-index: 100;
    pointer-events: none;
}
/* /Components/Navigation/NavigationSidebarTogglerComponent.razor.rz.scp.css */
.sidebar-toggler[b-2cpe6e1ele] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 0.75rem;
    cursor: pointer;
    border: none !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--primary-font-color) !important;
    border-radius: var(--default-border-radius);
    transition: background-color 0.15s ease-in-out;
}

    .sidebar-toggler:hover[b-2cpe6e1ele] {
        background: rgba(255, 255, 255, 0.18) !important;
        color: var(--primary-font-color) !important;
    }

    .sidebar-toggler:active[b-2cpe6e1ele],
    .sidebar-toggler:focus[b-2cpe6e1ele] {
        background: rgba(255, 255, 255, 0.25) !important;
        color: var(--primary-font-color) !important;
        outline: none;
    }
/* /Components/Requests/RequestDetailComponent.razor.rz.scp.css */
.pdf-viewer[b-mqnjsx7qzq] {
    width: 100%;
    height: 100%;
}

.small-border[b-mqnjsx7qzq] {
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary-border-color);
}
/* /Components/Requests/RequestOverviewComponent.razor.rz.scp.css */
.text-icon-container[b-qivhbs0yue] {
    display: flex;
    flex-flow: nowrap;
    gap: 0.2rem;
}

    .text-icon-container .icon[b-qivhbs0yue] {
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-icon-container .text[b-qivhbs0yue] {
        flex: 1;
        text-align: start;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.icon-container[b-qivhbs0yue] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Components/Session/LoginComponent.razor.rz.scp.css */
.login-card[b-yo12xkqbpf] {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
    width: 100%;
}

    .login-card .login-card-heading[b-yo12xkqbpf] {
        margin-bottom: 0.375rem;
    }

        .login-card .login-card-heading .login-card-greeting[b-yo12xkqbpf] {
            font-size: 0.857rem;
            color: var(--color-text-light);
            margin-bottom: 0.125rem;
        }

        .login-card .login-card-heading h2[b-yo12xkqbpf] {
            margin: 0 !important;
            font-size: 1.625rem;
            font-weight: 700;
            color: var(--color-text);
            letter-spacing: -0.01em;
            line-height: 1.25;
        }

    .login-card .login-field[b-yo12xkqbpf] {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
    }

        .login-card .login-field label[b-yo12xkqbpf] {
            font-size: 0.786rem;
            color: var(--color-text-light);
            font-weight: 500;
            margin: 0;
            font-style: normal;
        }

    .login-card .login-input[b-yo12xkqbpf] {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        height: 42px;
        padding: 0 0.75rem;
        border: 1px solid var(--color-border);
        border-radius: var(--default-border-radius);
        background: var(--color-surface);
        color: var(--color-text);
        transition: border-color 0.15s, box-shadow 0.15s;
    }

        .login-card .login-input i[b-yo12xkqbpf] {
            color: var(--color-text-light);
            font-size: 0.857rem;
        }

        .login-card .login-input input[b-yo12xkqbpf] {
            border: 0;
            outline: 0;
            flex: 1;
            min-width: 0;
            font: inherit;
            color: var(--color-text);
            background: transparent;
            padding: 0;
        }

            .login-card .login-input input[b-yo12xkqbpf]::placeholder {
                color: var(--color-text-light);
            }

        .login-card .login-input:focus-within[b-yo12xkqbpf] {
            border-color: var(--primary-background-color);
            box-shadow: 0 0 0 3px var(--primary-light-color);
        }

    .login-card .login-card-row[b-yo12xkqbpf] {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        font-size: 0.786rem;
        margin: -0.5rem 0 0.125rem;
    }

        .login-card .login-card-row a[b-yo12xkqbpf] {
            color: var(--primary-background-color) !important;
            text-decoration: none;
            cursor: pointer;
        }

            .login-card .login-card-row a[b-yo12xkqbpf]::after {
                display: none !important;
            }

            .login-card .login-card-row a:hover[b-yo12xkqbpf] {
                text-decoration: underline;
            }

    .login-card .login-submit[b-yo12xkqbpf] {
        height: 44px;
        background: var(--primary-background-color);
        color: var(--primary-font-color);
        border: 0;
        border-radius: var(--default-border-radius);
        font-weight: 500;
        font-size: 0.9rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        transition: background 0.15s;
        padding: 0 1rem;
        width: 100%;
    }

        .login-card .login-submit i[b-yo12xkqbpf] {
            font-size: 0.857rem;
        }

        .login-card .login-submit:hover[b-yo12xkqbpf] {
            background: var(--primary-dark-color);
        }

        .login-card .login-submit:active[b-yo12xkqbpf] {
            background: var(--primary-dark-color);
        }
/* /Components/Session/MultiFactorAuthenticationComponent.razor.rz.scp.css */
.logo-bar[b-44m4y5me5p] {
    width: 100%;
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

    .logo-bar .logo[b-44m4y5me5p] {
        align-content: center;
        max-height: 80px;
        overflow: hidden;
        aspect-ratio: 1 / 1;
    }

        .logo-bar .logo .logo-image[b-44m4y5me5p] {
            max-height: 100%;
            max-width: 100%;
            object-position: right;
            object-fit: contain;
        }

.setup-multifactor-message[b-44m4y5me5p] {
    display: flex;
    background-color: #F7F7F7;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

    .setup-multifactor-message .now-required-message-site-bar[b-44m4y5me5p] {
        background-color: var(--error-color);
        width: 5px;
    }

    .setup-multifactor-message .soon-required-message-site-bar[b-44m4y5me5p] {
        background-color: var(--warning-color);
        width: 5px;
    }

    .setup-multifactor-message .message[b-44m4y5me5p] {
        font-size: 0.9rem;
        white-space: break-spaces;
        padding: 0.5rem 1rem;
    }

.skip-mfa-container[b-44m4y5me5p] {
    text-align: end;
}

    .skip-mfa-container i[b-44m4y5me5p] {
        color: var(--primary-link-color);
    }
/* /Components/Session/MultiFactorAuthentication/AddMultiFactorAuthenticationComponent.razor.rz.scp.css */
.mfa-active-authentication-item[b-5ikgusaazz] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 0.5rem 1rem;
    gap: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .mfa-active-authentication-item.disabled[b-5ikgusaazz] {
        cursor: default;
    }


    .mfa-active-authentication-item:not(.disabled):hover[b-5ikgusaazz] {
        border-color: var(--primary-border-color);
    }

    .mfa-active-authentication-item .mfa-active-authentication-icon[b-5ikgusaazz] {
        color: var(--primary-background-color);
        text-align: center;
        font-size: 2rem;
    }

        .mfa-active-authentication-item.disabled .mfa-active-authentication-icon[b-5ikgusaazz] {
            color: #D9D9D9;
        }

    .mfa-active-authentication-item .mfa-active-authentication-content[b-5ikgusaazz] {
        width: 100%;
    }

        .mfa-active-authentication-item .mfa-active-authentication-content .mfa-active-authentication-title[b-5ikgusaazz] {
            flex: 1 1 auto;
            text-align: left;
            font-weight: bold;
            font-size: 1.125rem;
            color: var(--primary-background-color);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .mfa-active-authentication-item.disabled .mfa-active-authentication-content .mfa-active-authentication-title[b-5ikgusaazz] {
                color: #D9D9D9;
            }

        .mfa-active-authentication-item .mfa-active-authentication-content .mfa-active-authentication-description[b-5ikgusaazz] {
            flex: 1 1 auto;
            text-align: left;
            color: var(--primary-background-color);
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .mfa-active-authentication-item.disabled .mfa-active-authentication-content .mfa-active-authentication-description[b-5ikgusaazz] {
                color: #D9D9D9;
            }

.app-store-title[b-5ikgusaazz] {
    width: 100%;
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-store-qr-code[b-5ikgusaazz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

    .app-store-qr-code img[b-5ikgusaazz] {
        width: 100%;
        max-width: 150px;
        aspect-ratio: 1 / 1;
    }

.app-store-link[b-5ikgusaazz] {
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.otp-key[b-5ikgusaazz] {
    padding: 0.2rem 0.5rem;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
    color: black;
}

.mfa-setup-qrcode[b-5ikgusaazz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

    .mfa-setup-qrcode img[b-5ikgusaazz] {
        width: 100%;
        max-width: 300px;
        aspect-ratio: 1 / 1;
    }

.mfa-setup-link[b-5ikgusaazz] {
    width: 100%;
    text-align: center;
}

@media (min-width: 800px)
{
    .mfa-active-authentication-item[b-5ikgusaazz] {
        padding: 1rem 2rem;
        gap: 2rem;
    }

        .mfa-active-authentication-item .mfa-active-authentication-icon[b-5ikgusaazz] {
            font-size: 3rem;
        }

    .mfa-setup-link[b-5ikgusaazz] {
        display: none;
    }
}
/* /Components/Session/MultiFactorAuthentication/EditMultiFactorAuthenticationComponent.razor.rz.scp.css */
.mfa-authentication-item[b-minh27r2oq] {
    justify-content: space-between;
    border: 1px solid #D9D9D9;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0.5rem 1rem;
    gap: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .mfa-authentication-item .mfa-authentication-icon[b-minh27r2oq] {
        text-align: center;
        font-size: 32px;
        width: 48px;
    }

    .mfa-authentication-item .mfa-authentication-description[b-minh27r2oq] {
        flex: 1 1 auto;
        text-align: left;
        font-weight: bold;
        font-size: 1.125rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mfa-authentication-item .mfa-authentication-toolbar[b-minh27r2oq] {
        white-space: nowrap;
    }

        .mfa-authentication-item .mfa-authentication-toolbar .row-edit-button[b-minh27r2oq] {
        }

            .mfa-authentication-item .mfa-authentication-toolbar .row-edit-button.disable[b-minh27r2oq] {
                color: red !important;
            }

                .mfa-authentication-item .mfa-authentication-toolbar .row-edit-button.disable[b-minh27r2oq]:after {
                    background-color: red !important;
                }

            .mfa-authentication-item .mfa-authentication-toolbar .row-edit-button.restore[b-minh27r2oq] {
                color: green !important;
            }

                .mfa-authentication-item .mfa-authentication-toolbar .row-edit-button.restore[b-minh27r2oq]:after {
                    background-color: green !important;
                }

            .mfa-authentication-item .mfa-authentication-toolbar .row-edit-button.readonly[b-minh27r2oq] {
                color: gray !important;
                cursor: default;
            }

                .mfa-authentication-item .mfa-authentication-toolbar .row-edit-button.readonly[b-minh27r2oq]:after {
                    color: gray !important;
                    cursor: default;
                }

@media (min-width: 800px) {
    .mfa-authentication-item[b-minh27r2oq] {
        padding: 1rem 2rem;
        gap: 2rem;
    }

        .mfa-authentication-item .mfa-authentication-icon[b-minh27r2oq] {
            font-size: 3rem;
        }
}
/* /Components/Session/MultiFactorAuthentication/LoginMultiFactorAuthenticationComponent.razor.rz.scp.css */
.mfa-active-authentication-item[b-p45wgyes61] {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    width: 100%;
    border: 1px solid #D9D9D9;
    padding: 0.5rem 1rem;
    gap: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .mfa-active-authentication-item:hover[b-p45wgyes61] {
        border-color: var(--primary-border-color);
    }

    .mfa-active-authentication-item .mfa-active-authentication-icon[b-p45wgyes61] {
        color: var(--primary-background-color);
        text-align: center;
        font-size: 2rem;
    }

    .mfa-active-authentication-item .mfa-active-authentication-content[b-p45wgyes61] {
        width: 100%;
    }

        .mfa-active-authentication-item .mfa-active-authentication-content .mfa-active-authentication-title[b-p45wgyes61] {
            flex: 1 1 auto;
            text-align: right;
            font-weight: bold;
            font-size: 1.125rem;
            color: var(--primary-background-color);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .mfa-active-authentication-item .mfa-active-authentication-content .mfa-active-authentication-description[b-p45wgyes61] {
            flex: 1 1 auto;
            text-align: right;
            color: var(--primary-background-color);
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (min-width: 800px) {
    .mfa-active-authentication-item[b-p45wgyes61] {
        padding: 1rem 2rem;
        gap: 2rem;
    }

        .mfa-active-authentication-item .mfa-active-authentication-icon[b-p45wgyes61] {
            font-size: 3rem;
        }
}
/* /Components/Session/UserProfileComponent.razor.rz.scp.css */
.reference-container[b-f8o2ir7iue] {
    position: relative;
}

    .reference-container .profile-toggler[b-f8o2ir7iue] {
        display: flex;
        flex-flow: nowrap;
        align-items: center;
        gap: 0.625rem;
        padding: 0.5rem 0.875rem 0.5rem 0.625rem;
        height: 42px;
        border-radius: var(--default-border-radius);
        cursor: pointer;
        background: transparent !important;
        border: 1px solid transparent !important;
        color: var(--secondary-background-color) !important;
        transition: background 0.15s ease, box-shadow 0.15s ease;
    }

        .reference-container .profile-toggler:hover[b-f8o2ir7iue] {
            background: rgba(43, 85, 98, 0.06) !important;
            box-shadow: inset 0 0 0 1px rgba(43, 85, 98, 0.15);
        }

        .reference-container .profile-toggler .profile-name[b-f8o2ir7iue] {
            font-size: 0.9rem;
            font-weight: 700;
            white-space: nowrap;
            color: inherit;
        }

        .reference-container .profile-toggler .profile-icon-container[b-f8o2ir7iue] {
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .reference-container .profile-toggler .profile-icon-container .profile-icon[b-f8o2ir7iue] {
                width: 100%;
                height: 100%;
                border: 1px solid currentColor;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: inherit;
                background-color: transparent;
                font-size: 0.85rem;
            }

                .reference-container .profile-toggler .profile-icon-container .profile-icon i[b-f8o2ir7iue] {
                    font-size: 80%;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

    .reference-container .profile-context-menu[b-f8o2ir7iue] {
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        min-width: 220px;
        opacity: 0;
        transform: translateY(-4px);
        transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
        background: var(--color-surface);
        border: 1px solid var(--color-border);
        border-radius: 6px;
        box-shadow: 0 8px 24px rgba(31, 62, 73, 0.18);
        pointer-events: none;
        z-index: 1000;
        overflow: hidden;
    }

        .reference-container .profile-context-menu[b-f8o2ir7iue]::before {
            content: '';
            position: absolute;
            top: -6px;
            right: 28px;
            width: 12px;
            height: 12px;
            background: var(--color-surface);
            border-top: 1px solid var(--color-border);
            border-left: 1px solid var(--color-border);
            transform: rotate(45deg);
        }

        .reference-container .profile-context-menu.context-menu-visible[b-f8o2ir7iue] {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .reference-container .profile-context-menu .profile-context-table[b-f8o2ir7iue] {
            width: 100%;
            border-collapse: collapse;
            position: relative;
            z-index: 1;
            background: var(--color-surface);
        }

            .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row[b-f8o2ir7iue] {
                background: var(--color-surface);
                color: var(--color-text);
                cursor: pointer;
                border-bottom: 1px solid var(--color-border);
            }

                .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row:last-child[b-f8o2ir7iue] {
                    border-bottom: none;
                }

                .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row:hover[b-f8o2ir7iue] {
                    background: var(--secondary-background-color);
                    color: var(--secondary-font-color);
                }

                    .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row:hover .profile-context-icon[b-f8o2ir7iue] {
                        color: var(--secondary-font-color);
                    }

                .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row .profile-context-cell[b-f8o2ir7iue] {
                    padding: 0.625rem 0.875rem;
                    cursor: inherit;
                }

                    .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row .profile-context-cell:first-child[b-f8o2ir7iue] {
                        padding-right: 0;
                        width: 28px;
                    }

                    .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row .profile-context-cell .profile-context-icon[b-f8o2ir7iue] {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        color: var(--color-text-light);
                        font-size: 0.8rem;
                        cursor: inherit;
                    }

                    .reference-container .profile-context-menu .profile-context-table .profile-context-body .profile-context-row .profile-context-cell .profile-context-text[b-f8o2ir7iue] {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        cursor: inherit;
                        font-size: 0.875rem;
                    }
/* /Components/Settings/Client/CreateOrEditUserComponent.razor.rz.scp.css */
.function-group-container[b-kr8hcy5lnp] {
    display: flex;
    justify-content: flex-start;
    gap: 3rem;
    row-gap: 1rem;
    flex-wrap: wrap;
    padding-top: 0.25rem;
}

.checkbox-legend-container[b-kr8hcy5lnp] {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 3rem;
    row-gap: 1rem;
    border: 1px solid var(--secondary-border-color);
    border-radius: 0.2rem;
    padding: 1rem 0.5rem;
    overflow: hidden;
}

    .checkbox-legend-container .right-label-legend-item[b-kr8hcy5lnp] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0.5rem;
    }

        .checkbox-legend-container .right-label-legend-item .label-text[b-kr8hcy5lnp] {
            font-size: 14px;
            font-weight: normal;
            line-height: 14px;
            user-select: none;
            -ms-user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none;
            vertical-align: middle;
            text-overflow: ellipsis;
        }

.function-table[b-kr8hcy5lnp] {
    width: 100%;
    max-height: 0.75dvh;
    border-collapse: collapse;
    overflow: auto;
}

    .function-table .function-table-header .function-table-header-row .function-table-header-cell[b-kr8hcy5lnp] {
        background-color: var(--secondary-background-color);
        color: var(--secondary-font-color);
        border: 1px solid lightgray;
        padding: 0.5rem 0.25rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .function-table .function-table-header .function-table-header-row .function-table-header-cell:first-child[b-kr8hcy5lnp] {
            border-left-color: var(--secondary-background-color);
        }

        .function-table .function-table-header .function-table-header-row .function-table-header-cell:last-child[b-kr8hcy5lnp] {
            border-right-color: var(--secondary-background-color);
        }

        .function-table .function-table-header .function-table-header-row .function-table-header-cell.center-items[b-kr8hcy5lnp] {
            justify-items: center;
            text-align: center;
            align-items: center;
        }

        .function-table .function-table-header .function-table-header-row .function-table-header-cell.role-column[b-kr8hcy5lnp] {
            width: 250px;
        }

    .function-table .function-table-body .function-table-row[b-kr8hcy5lnp] {
        border-left: 1px solid lightgray;
        border-right: 1px solid lightgray;
        background-color: white;
    }

        .function-table .function-table-body .function-table-row:not(.not-separated):hover[b-kr8hcy5lnp] {
            background-color: #F7F7F7;
        }

        .function-table .function-table-body .function-table-row.not-separated[b-kr8hcy5lnp] {
            border-top: 1px solid lightgray;
            border-bottom: 1px solid lightgray;
        }

            .function-table .function-table-body .function-table-row.not-separated .function-table-cell[b-kr8hcy5lnp] {
                padding: 0.25rem;
            }

        .function-table .function-table-body .function-table-row .function-table-cell .function-category[b-kr8hcy5lnp] {
            font-weight: bold;
        }

        .function-table .function-table-body .function-table-row:not(.not-separated) .function-table-cell[b-kr8hcy5lnp] {
            border-top: 1px solid lightgray;
            border-bottom: 1px solid lightgray;
            padding: 0.5rem 0.25rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .function-table .function-table-body .function-table-row:not(.not-separated) .function-table-cell.center-items[b-kr8hcy5lnp] {
                justify-items: center;
                align-items: center;
                text-align: center;
            }

            .function-table .function-table-body .function-table-row:not(.not-separated) .function-table-cell.role-column[b-kr8hcy5lnp] {
                width: 250px;
                padding: 0rem 1rem;
            }
/* /Components/Settings/Client/UsermanagementOverviewComponent.razor.rz.scp.css */
.text-icon-container[b-9wc0u8we4f] {
    display: flex;
    flex-flow: nowrap;
    gap: 0.2rem;
}

    .text-icon-container .icon[b-9wc0u8we4f] {
        text-overflow: ellipsis;
        overflow: hidden;
        min-width: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-icon-container .text[b-9wc0u8we4f] {
        flex: 1;
        text-align: start;
        vertical-align: middle;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.icon-container[b-9wc0u8we4f] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Components/Settings/Requests/AnnotationFieldOverviewComponent.razor.rz.scp.css */
/* /Components/Settings/Requests/CreateOrEditAnnotationFieldComponent.razor.rz.scp.css */
.option-table[b-9t0p4au062] {
    width: 100%;
    table-layout: fixed;
}

    .add-option[b-9t0p4au062] {
        border: dotted 1px var(--primary-border-color);
        color: var(--primary-background-color);
        width: 100%;
        text-align: center;
        padding: 0.5rem 1rem;
        cursor: pointer;
    }

    .add-option:hover[b-9t0p4au062] {
        border: dotted 1px var(--primary-border-color-hover);
        color: var(--primary-background-color-hover);
    }
/* /Components/Structure/ClientAssignmentComponent.razor.rz.scp.css */
.loader-overlay[b-ivrrjlhuo8] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #00000060;
    z-index: 9998;
}

    .loader-overlay .loader-container[b-ivrrjlhuo8] {
        width: fit-content;
    }

        .loader-overlay .loader-container .loader-container-content[b-ivrrjlhuo8] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

            .loader-overlay .loader-container .loader-container-content .loader[b-ivrrjlhuo8] {
                width: 80px;
                height: 80px;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
                position: relative;
                box-sizing: border-box;
                animation: flipX-b-ivrrjlhuo8 5s linear infinite;
                padding: 0.5rem;
            }

                .loader-overlay .loader-container .loader-container-content .loader .loader-image[b-ivrrjlhuo8] {
                    max-height: 100%;
                    max-width: 100%;
                    object-position: center;
                    object-fit: contain;
                }

            .loader-overlay .loader-container .loader-container-content .loader-text[b-ivrrjlhuo8] {
                color: var(--primary-font-color);
                box-sizing: border-box;
                margin-top: 2rem;
            }

.error-container[b-ivrrjlhuo8] {
    padding: 1rem 2rem;
}

@keyframes flipX-b-ivrrjlhuo8 {
    0% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    12.5% {
        transform: perspective(200px) rotateX(180deg) rotateY(0deg);
    }

    25% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    37.5% {
        transform: perspective(200px) rotateX(0deg) rotateY(180deg);
    }

    50% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    62.5% {
        transform: perspective(200px) rotateX(-180deg) rotateY(0deg);
    }

    75% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    87.5% {
        transform: perspective(200px) rotateX(0deg) rotateY(-180deg);
    }
}
/* /Components/Structure/RoutesComponent.razor.rz.scp.css */
.error-container[b-ktehq8pgql] {
    padding: 1rem 2rem;
}
/* /Components/Structure/SessionInitializationComponent.razor.rz.scp.css */
/* /Components/Structure/ThemeComponent.razor.rz.scp.css */
/* /Pages/Dashboard.razor.rz.scp.css */
/* /Pages/Forms/Editor/Form.razor.rz.scp.css */
.form-editor-container[b-40fvddiqus] {
    display: grid;
    grid-template-columns: 320px 1fr 320px;
    gap: var(--fe-gap);
    height: calc(100vh - 198px);
}

.form-backend-editor .grid[b-40fvddiqus] {
    display: grid;
    gap: .5rem;
    grid-auto-flow: dense;
}

.form-backend-editor .cell[b-40fvddiqus] {
    border: 1px solid #dee2e6;
    padding: .5rem;
}

.form-editor-canvas[b-40fvddiqus] {
    background: var(--fe-panel-bg);
    border: var(--fe-border);
    border-radius: var(--fe-radius);
    box-shadow: var(--fe-shadow);
    overflow: hidden;
}

.form-editor-toolbar-container[b-40fvddiqus] {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    border: var(--fe-border);
    border-radius: var(--fe-radius);
    box-shadow: var(--fe-shadow);
    background: var(--fe-panel-bg);
    overflow: hidden;
}
.form-editor-property-container[b-40fvddiqus] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--fe-bg);
    border: var(--fe-border);
    border-radius: var(--fe-radius);
    box-shadow: var(--fe-shadow);
    background: var(--fe-panel-bg);
}

    .fe-left-tabbar[b-40fvddiqus] {
        display: flex;
        border-bottom: var(--fe-border);
        background: var(--fe-panel-bg);
        flex-shrink: 0;
    }

.fe-left-tab[b-40fvddiqus] {
    flex: 1;
    border: none;
    border-right: var(--fe-border);
    background: transparent;
    cursor: pointer;
    color: var(--fe-muted);
    font-size: .95rem;
    transition: background .15s ease, color .15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
}

    .fe-left-tab:last-child[b-40fvddiqus] {
        border-right: none;
    }

    .fe-left-tab:hover[b-40fvddiqus] {
        background: rgba(59,130,246,.07);
        color: var(--fe-accent);
    }

    .fe-left-tab.active[b-40fvddiqus] {
        background: var(--primary-background-color);
        color: #fff;
    }

.fe-left-panel-content[b-40fvddiqus] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--fe-bg);
}

.form-editor-header[b-40fvddiqus] {
    background-color: var(--primary-background-color);
    color: white;
    padding: 0 0 0 8px;
    height: 32px;
    line-height: 32px;
}

.form-editor-left-top-site[b-40fvddiqus] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    overflow: hidden;
}

.form-editor-left-bottom-site[b-40fvddiqus] {
    flex: 1;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

.form-editor-scroll-container[b-40fvddiqus] {
    height: calc(100vh - 232px);
    overflow: auto;
}

.form-editor-settings[b-40fvddiqus] {
    padding: var(--fe-gap);
    border-bottom: var(--fe-border);
    background: var(--fe-bg);
}

.form-editor-toolbar[b-40fvddiqus] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    padding: var(--fe-gap);
    background: var(--fe-bg);
    align-content: start;
    flex: 1;
    overflow: auto;
}
.form-editor-subtitle[b-40fvddiqus]{
    grid-column: 1 / span 2;
    font-size: var(--font-size-smaller);
    color: var(--color-text-light);
}
.form-editor-toolbar-item[b-40fvddiqus] {
    border: var(--fe-border);
    background: var(--fe-badge-bg);
    border-radius: var(--fe-radius-sm);
    padding: .2rem .4rem;
    cursor: pointer;
    height: fit-content;
    user-select: none;
    text-align: center;
    transition: background .15s ease, transform .05s ease, box-shadow .15s ease;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .form-editor-toolbar-item:hover[b-40fvddiqus] {
        background: rgba(59,130,246,.08);
        box-shadow: var(--fe-shadow-sm);
    }

    .form-editor-toolbar-item:active[b-40fvddiqus] {
        transform: translateY(1px);
    }

.form-editor-field-toolbar[b-40fvddiqus] {
    background: var(--fe-bg);
    border-bottom: var(--fe-border);
}

.form-editor-manage-fields-header[b-40fvddiqus] {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    transition: opacity .15s ease;
}

    .form-editor-manage-fields-header:hover[b-40fvddiqus] {
        opacity: 0.85;
    }

[b-40fvddiqus] .field-edit-dialog {
    z-index: 100001 !important;
}

.form-editor-properties[b-40fvddiqus] {
    background-color: var(--fe-bg);
    overflow: auto;
    flex: 1;
}

.form-editor-property[b-40fvddiqus] {
    padding: var(--fe-gap);
    border-bottom: var(--fe-border);
    width: 100%;
}

    .form-editor-content[b-40fvddiqus] {
        position: relative;
        min-height: calc(100vh - 254px);
        background: var(--fe-bg);
        border: var(--fe-border);
        border-radius: var(--fe-radius);
        padding: calc(var(--fe-gap) - .25rem);
        max-width: 1080px;
        margin: var(--fe-gap);
        margin-left: auto;
        margin-right: auto;
    }

    .form-editor-content .grid[b-40fvddiqus] {
        display: grid;
        grid-template-columns: repeat(var(--max-cols, 12), 1fr);
        gap: .5rem;
        position: relative;
        /*margin-bottom: 1rem;*/
        grid-auto-flow: dense;
        align-items: stretch;
    }

        .form-editor-content .cell[b-40fvddiqus] {
            position: relative;
            border: 1px dashed #cbd5e1;
            padding: .5rem .75rem;
            background-color: white;
            user-select: none;
            border-radius: var(--fe-radius-sm);
            box-shadow: var(--fe-shadow-sm);
            transition: box-shadow .15s ease, transform .05s ease, background .15s ease, border-color .15s ease;
            display: flex;
            flex-direction: column;
        }

        .form-editor-content .cell:hover[b-40fvddiqus] {
            box-shadow: var(--fe-shadow);
            background-color: var(--primary-background-color);
            /*background: rgba(0,0,0,.01);*/
            background: #f2f2f2;
        }

        .form-editor-content .cell.dragging[b-40fvddiqus] {
            opacity: 0.5;
        }

.form-element-box .cell[b-40fvddiqus]{
    background-color: transparent;
}
.form-element-table .cell[b-40fvddiqus] {
    background-color: transparent;
}

.form-editor-content .row-drop[b-40fvddiqus] {
    height: 12px;
    background: transparent;
    margin: .25rem 0;
    border-radius: 3px;
}

    .form-editor-content .row-drop.has-drag[b-40fvddiqus] {
        height: 12px;
        /*margin: 2px 0;*/
        align-items: stretch;
    }

    .form-editor-content .row-drop-col[b-40fvddiqus] {
        height: 10px;
        background: transparent;
        border-radius: 3px;
        transition: background .1s ease, outline-color .1s ease;
    }

/*    .form-editor-content .row-drop.has-drag .row-drop-col {
        height: 14px;
    }*/

        .form-editor-content .row-drop-col.active[b-40fvddiqus] {
            background: color-mix(in srgb, var(--fe-accent-2) 25%, transparent);
            outline: 1px dashed color-mix(in srgb, var(--fe-accent-2) 80%, transparent);
        }

    .form-editor-content .cell .resize-handle[b-40fvddiqus] {
        position: absolute;
        right: 0;
        top: 0;
        width: .5rem;
        height: 100%;
        cursor: col-resize;
        background: transparent;
        border-top-right-radius: var(--fe-radius-sm);
        border-bottom-right-radius: var(--fe-radius-sm);
        transition: background .1s ease;
    }

        .form-editor-content .cell .resize-handle:hover[b-40fvddiqus] {
            background: rgba(0,0,0,.05);
        }

    .form-editor-content .cell.selected[b-40fvddiqus] {
        border-color: rgba(59,130,246,.6);
        background: rgba(59,130,246,.04);
    }

.text-muted[b-40fvddiqus] {
    color: var(--fe-muted);
}

.toolbar[b-40fvddiqus] {
    border-radius: var(--fe-radius);
    box-shadow: var(--fe-shadow);
}

@media (max-width: 1200px) {
    .form-editor-container[b-40fvddiqus] {
        grid-template-columns: 280px 1fr;
    }
}

@media (max-width: 992px) {
    .form-editor-container[b-40fvddiqus] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .form-editor-left-site[b-40fvddiqus] {
        order: 2;
    }

    .form-editor-right-site[b-40fvddiqus] {
        order: 1;
    }

    .form-editor-toolbar[b-40fvddiqus] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media print {
    .form-editor-container[b-40fvddiqus],
    .form-editor-left-site[b-40fvddiqus],
    .form-editor-right-site[b-40fvddiqus],
    .form-editor-content[b-40fvddiqus] {
        box-shadow: none !important;
        background: #fff !important;
    }

    .form-editor-left-site[b-40fvddiqus] {
        display: none;
    }

    .form-editor-right-site[b-40fvddiqus] {
        border: none;
        padding: 0;
    }

    .form-editor-content .row-drop[b-40fvddiqus],
    .form-editor-content .resize-handle[b-40fvddiqus] {
        display: none !important;
    }

    .form-editor-content .cell[b-40fvddiqus] {
        border: 1px solid #000;
    }
}

.form-editor-content .slot[b-40fvddiqus] {
    background-color: transparent;
    min-height: auto;
    padding: .5rem .75rem;
    box-sizing: border-box;
    align-self: stretch;
    border-radius: var(--fe-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--fe-muted);
    font-size: .8rem;
    user-select: none;
    transition: background .12s ease, outline-color .12s ease, border-color .12s ease;
}

    .form-editor-content .slot:hover[b-40fvddiqus] {
        border-color: rgba(59,130,246,.5);
    }

    .form-editor-content .slot.active[b-40fvddiqus] {
        outline: 1px dashed rgba(59,130,246,.8);
        background: color-mix(in srgb, var(--fe-accent) 12%, transparent);
    }

    .form-editor-content .slot .slot-hint[b-40fvddiqus] {
        opacity: .7;
        pointer-events: none;
    }



.form-editor-pager[b-40fvddiqus] {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 32px;
    border-bottom: var(--fe-border);
    z-index: 1;
    background: var(--fe-panel-bg);
    overflow: visible;
}

.form-editor-page-item[b-40fvddiqus] {
    position: relative;
    border-right: var(--fe-border);
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 32px;
    cursor: pointer;
    overflow: visible;
}

    .form-editor-page-item:hover[b-40fvddiqus] {
        background-color: var(--primary-background-color-hover);
        color: var(--primary-font-color-hover)
    }

    .form-editor-page-item.active[b-40fvddiqus] {
        background-color: var(--primary-background-color);
        color: var(--primary-font-color)
    }

.form-editor-add-page[b-40fvddiqus] {
    line-height: 32px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    cursor: pointer;
    color: #808080;
}

    .form-editor-add-page:hover[b-40fvddiqus] {
        background-color: var(--primary-background-color-hover);
        color: var(--primary-font-color-hover)
    }

.form-editor-pager-spacer[b-40fvddiqus] {
    flex: 1;
}

.form-editor-remove-page[b-40fvddiqus] {
    right: 0px;
    top: 2px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border-left: var(--fe-border);
    line-height: 32px;
    text-align: center;
    color: #808080;
    cursor: pointer;
}

    .form-editor-remove-page:hover[b-40fvddiqus] {
        background-color: var(--primary-background-color-hover);
        color: var(--primary-font-color-hover)
    }

.cell-action-container[b-40fvddiqus] {
    display: none;
    position: absolute;
    font-size: var(--font-size-smaller);
    color: var(--color-text-light);
    top: -8px;
    right: 0.5rem;
    background-color: white;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
    width: fit-content;
    white-space: nowrap;
}

.cell-item-action[b-40fvddiqus] {
    cursor: pointer;
}

    .cell-item-action:hover[b-40fvddiqus] {
        color: var(--primary-link-color);
    }

.form-editor-content .cell:hover .cell-action-container[b-40fvddiqus] {
    display: flex;
    gap: 6px;
    align-items: center;
}

/* Radio button option row (used in SpecialContent field rendering) */
.form-element-radio-option[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.25rem;
}

.form-element-input[b-40fvddiqus] {
    width: 100%;
}

    .form-element-input label[b-40fvddiqus] {
        white-space: pre-wrap;
    }

    .form-element-input input[type="checkbox"][b-40fvddiqus] {
        vertical-align: top;
        margin-right: 0.25rem;
        margin-top: 2px;
    }

    .form-element-input:has(input[type="checkbox"])[b-40fvddiqus] {
        white-space: nowrap;
    }


/* ============================================================
   GROUP FEATURE STYLES
   ============================================================ */

/* --- Groups panel in left sidebar --- */
.form-editor-groups-panel[b-40fvddiqus] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
}

.form-editor-groups-header[b-40fvddiqus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 8px;
}
.form-editor-groups-content[b-40fvddiqus] {
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;
}
/* --- Selection mode toggle button --- */
.fe-group-mode-btn[b-40fvddiqus] {
    background: none;
    border: 1px solid transparent;
    border-radius: var(--fe-radius-sm);
    cursor: pointer;
    color: white;
    padding: 2px 6px;
    transition: background .15s ease;
}
    .fe-group-mode-btn svg[b-40fvddiqus] {
        vertical-align: middle;
    }

    .fe-group-mode-btn:hover[b-40fvddiqus] {
        background: rgba(255,255,255,.2);
    }

    .fe-group-mode-btn.active[b-40fvddiqus] {
        background: rgba(255,255,255,.25);
        border-color: rgba(255,255,255,.4);
    }

/* --- Selection mode hint bar inside groups panel --- */
.fe-selection-mode-bar[b-40fvddiqus] {
    background: rgba(59,130,246,.08);
    border-bottom: var(--fe-border);
    padding: 4px 10px;
    font-size: .75rem;
    color: var(--fe-muted);
    min-height: 26px;
    display: flex;
    align-items: center;
}

/* --- Group list --- */
.fe-group-list[b-40fvddiqus] {
    overflow-y: auto;
    flex: 1;
}

.fe-group-empty[b-40fvddiqus] {
    padding: 8px 10px;
    font-size: .8rem;
    color: var(--fe-muted);
    text-align: center;
}

.fe-group-row[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 5px 10px;
    cursor: pointer;
    transition: background .12s ease;
    border-bottom: var(--fe-border);
    position: relative;
}

    .fe-group-row:hover[b-40fvddiqus] {
        background: rgba(59,130,246,.06);
    }

.fe-group-row--active[b-40fvddiqus] {
    background: rgba(59,130,246,.12);
    outline: 1px solid rgba(59,130,246,.3);
}

.fe-group-color-dot[b-40fvddiqus] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,.1);
}

.fe-group-name[b-40fvddiqus] {
    flex: 1;
    font-size: .82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fe-group-actions[b-40fvddiqus] {
    display: flex;
    gap: .35rem;
    opacity: 0;
    transition: opacity .12s ease;
}

    .fe-group-row:hover .fe-group-actions[b-40fvddiqus] {
        opacity: 1;
    }
.fe-condition-list-container .fe-group-actions[b-40fvddiqus]{
    gap: 1rem;
    cursor: pointer;
}
.fe-condition-list-container .fe-condition-summary:hover .fe-group-actions[b-40fvddiqus] {
    opacity: 1;
}
.fe-condition-list-container .fe-group-action-item:hover[b-40fvddiqus] {
    color: var(--primary-background-color);
}

    .fe-group-action-icon[b-40fvddiqus] {
        cursor: pointer;
        font-size: .8rem;
        color: var(--fe-muted);
        padding: 2px 4px;
        border-radius: 3px;
        transition: color .1s ease, background .1s ease;
    }

    .fe-group-action-icon:hover[b-40fvddiqus] {
        color: var(--primary-background-color);
        background: rgba(59,130,246,.1);
    }

/* --- Add group button --- */
.fe-group-add-btn[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: 6px 0px;
    font-size: .8rem;
    color: var(--fe-muted);
    cursor: pointer;
    transition: background .12s ease, color .12s ease;
    width: fit-content;
}

    .fe-group-add-btn:hover[b-40fvddiqus] {
        color: var(--fe-accent);
    }
.fe-group-btn-padding[b-40fvddiqus]{
    padding-left: 10px;
    padding-right: 10px;
}
/* --- Inline create/edit form --- */
.fe-group-edit-form[b-40fvddiqus] {
    padding: 8px 10px;
    border-bottom: var(--fe-border);
    background: var(--fe-bg);
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.fe-group-name-input[b-40fvddiqus] {
    width: 100%;
    border: var(--fe-border);
    border-radius: var(--fe-radius-sm);
    padding: 4px 8px;
    font-size: .82rem;
    outline: none;
    transition: border-color .15s ease;
}

    .fe-group-name-input:focus[b-40fvddiqus] {
        border-color: var(--fe-accent);
    }

/* --- Color palette swatch grid --- */
.fe-color-palette[b-40fvddiqus] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: 0.5rem;
}

.fe-color-swatch[b-40fvddiqus] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform .1s ease, border-color .1s ease;
}

    .fe-color-swatch:hover[b-40fvddiqus] {
        transform: scale(1.15);
    }

    .fe-color-swatch.selected[b-40fvddiqus] {
        border-color: #000;
        transform: scale(1.2);
    }

/* --- Group edit action buttons --- */
.fe-group-edit-actions[b-40fvddiqus] {
    display: flex;
    gap: .35rem;
    justify-content: flex-end;
}

.fe-group-cancel-btn[b-40fvddiqus],
.fe-group-save-btn[b-40fvddiqus] {
    border: var(--fe-border);
    border-radius: var(--fe-radius-sm);
    padding: 3px 10px;
    cursor: pointer;
    font-size: .8rem;
    transition: background .12s ease;
}

.fe-group-cancel-btn[b-40fvddiqus] {
    background: #f3f4f6;
}

    .fe-group-cancel-btn:hover[b-40fvddiqus] {
        background: #e5e7eb;
    }

.fe-group-save-btn[b-40fvddiqus] {
    background: var(--fe-accent);
    color: white;
    border-color: var(--fe-accent);
}

    .fe-group-save-btn:hover[b-40fvddiqus] {
        opacity: .88;
    }

/* ============================================================
   CANVAS CELL — GROUP INDICATORS
   ============================================================ */

/* Group badge — small pill, anchored to top-left of cell content area */
.fe-group-badge[b-40fvddiqus] {
    position: absolute;
    bottom: -8px;
    right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    font-size: .58rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    z-index: 2;
    letter-spacing: .03em;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    pointer-events: none;
}

/* Group colored border via CSS custom property set inline */
.form-editor-content .cell[style*="--cell-group-color"][b-40fvddiqus] {
    border: 2px solid var(--cell-group-color, #dee2e6);
}

/* Hover highlight — glow/ring on hovered group elements */
.form-editor-content .cell.fe-cell-group-hovered[b-40fvddiqus] {
    box-shadow: 0 0 0 3px var(--cell-group-color, var(--fe-accent)),
                0 0 12px 2px color-mix(in srgb, var(--cell-group-color, var(--fe-accent)) 40%, transparent);
    z-index: 1;
    position: relative;
}

/* ============================================================
   SELECTION MODE — CANVAS STATES
   ============================================================ */

/* Top overlay bar inside canvas */
.fe-selection-mode-overlay-bar[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 5px 10px;
    background: white;
    border: 1px solid rgba(59,130,246,.2);
    border-radius: var(--fe-radius-sm);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    font-size: .8rem;
    color: #1d4ed8;
    margin-bottom: .5rem;
    position: sticky;
    top: 5px;
    z-index: 2;
}

.fe-selection-group-indicator[b-40fvddiqus] {
    border: 1.5px solid;
    border-radius: 999px;
    padding: 1px 8px;
    font-weight: 600;
    font-size: .75rem;
}

/* Clickable cursor and hover ring on cells in selection mode */
.form-editor-content .cell.fe-cell-selectable[b-40fvddiqus] {
    cursor: pointer !important;
}

    .form-editor-content .cell.fe-cell-selectable:hover[b-40fvddiqus] {
        outline: 2px dashed rgba(59,130,246,.5);
        background: rgba(59,130,246,.03);
    }

/* Cell is currently assigned to the active selection group */
.form-editor-content .cell.fe-cell-in-selection[b-40fvddiqus] {
    outline: 2px solid var(--cell-group-color, var(--fe-accent));
    background: color-mix(in srgb, var(--cell-group-color, var(--fe-accent)) 8%, transparent);
}
.fe-group-action-item svg[b-40fvddiqus]{
    vertical-align: middle;
}
.fe-selection-mode-spacer[b-40fvddiqus]{
    flex: 1;
}
.fe-selection-mode-cancel[b-40fvddiqus] {
    align-self: end;
    cursor: pointer;
    color: #808080;
}
    .fe-selection-mode-cancel:hover[b-40fvddiqus] {
        color: var(--fe-accent);
    }
    /* ============================================================
   CONDITION / BEZIEHUNGEN FEATURE
   ============================================================ */
    /* Badge stack — wraps group badge + condition badge side by side */
    .fe-badge-stack[b-40fvddiqus] {
        position: absolute;
        bottom: -8px;
        right: 6px;
        display: flex;
        flex-direction: row-reverse;
        gap: 3px;
        z-index: 2;
    }

/* Inside the stack the group badge no longer needs absolute positioning */
.fe-badge-stack .fe-group-badge[b-40fvddiqus] {
    position: static;
    bottom: auto;
    right: auto;
}

/* Condition "B" badge — canvas cells (inside badge-stack) */
.fe-condition-badge[b-40fvddiqus] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    padding: 0 4px;
    border-radius: 8px;
    font-size: .58rem;
    font-weight: 700;
    color: #fff;
    background: #808080;
    white-space: nowrap;
    letter-spacing: .03em;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    opacity: 1;
}

/* Inline variant for group list rows (static, no absolute positioning) */
.fe-condition-badge--inline[b-40fvddiqus] {
    position: static;
    align-self: center;
    margin-left: 2px;
    margin-right: 2px;
}

/* Clickable inline badge (group list) */
.fe-condition-badge--clickable[b-40fvddiqus] {
    cursor: pointer;
    transition: transform .1s ease, opacity .1s ease;
}

    .fe-condition-badge--clickable:hover[b-40fvddiqus] {
        transform: scale(1.15);
        opacity: .9;
    }

/* Page tab condition badge — overflows below the pager like canvas badges */
.fe-page-condition-badge[b-40fvddiqus] {
    position: absolute;
    bottom: -7px;
    right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: 7px;
    font-size: .5rem;
    font-weight: 700;
    color: #fff;
    background: #808080;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    cursor: pointer;
    z-index: 2;
    transition: transform .1s ease;
}

/* Condition section container in the Properties panel */
.fe-condition-section[b-40fvddiqus] {
    border-bottom: var(--fe-border);
    padding: var(--fe-gap);
}

.fe-condition-section-header[b-40fvddiqus] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.fe-condition-toggle[b-40fvddiqus] {
    margin-bottom: 8px;
}

/* Summary row showing an existing condition */
.fe-condition-summary[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: 3px 0;
}

.fe-condition-text[b-40fvddiqus] {
    flex: 1;
    color: var(--fe-muted, #888);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Inline condition editor expansion (used in groups tab) */
.fe-condition-edit-inline[b-40fvddiqus] {
    padding: 8px 10px;
    border-top: var(--fe-border);
    border-bottom: var(--fe-border);
    background: color-mix(in srgb, #6366f1 5%, var(--fe-bg, #fff));
}

/* Sentence builder layout */
.fe-condition-editor[b-40fvddiqus] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.fe-condition-sentence[b-40fvddiqus] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    font-size: .82rem;
}

.fe-cond-word[b-40fvddiqus] {
    color: var(--fe-muted, #888);
    white-space: nowrap;
    font-style: italic;
    font-size: .8rem;
}

/* Compact dropdowns inside sentence builder */
.fe-cond-dropdown.e-dropdownlist[b-40fvddiqus],
.fe-cond-dropdown .e-input-group[b-40fvddiqus] {
    min-width: 100px;
    max-width: 160px;
    font-size: .8rem !important;
}

.fe-cond-value-input[b-40fvddiqus] {
    min-width: 80px;
    max-width: 120px;
    font-size: .8rem;
}

/* Tab button with indicator dot (has conditions) */
.fe-left-tab.fe-tab-has-badge[b-40fvddiqus] {
    position: relative;
}
.fe-left-tab.fe-tab-has-badge[b-40fvddiqus]::after {
    content: '';
    position: absolute;
    top: 6px;
    right: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #808080;
}
.fe-left-tab.active.fe-tab-has-badge[b-40fvddiqus]:after{
    background: white;
}
/* Conditions tab: section containers */
.fe-cond-tab-section[b-40fvddiqus] {
    border-bottom: var(--fe-border);
    padding: var(--fe-gap);
    padding-left: calc(var(--fe-gap) + 3px);
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-left: 3px solid transparent;
}

/* Element section — blue accent */
.fe-cond-tab-section--element[b-40fvddiqus] {
    border-left-color: #3b82f6;
    background: rgba(59,130,246,.025);
}

/* Group section — purple accent */
.fe-cond-tab-section--group[b-40fvddiqus] {
    border-left-color: #a855f7;
    background: rgba(168,85,247,.025);
}

/* Page section — teal accent */
.fe-cond-tab-section--page[b-40fvddiqus] {
    border-left-color: #14b8a6;
    background: rgba(20,184,166,.025);
}

.fe-cond-tab-section-label[b-40fvddiqus] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--fe-muted, #888);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Section accent icon colors */
.fe-cond-tab-section--element .fe-cond-tab-section-label i[b-40fvddiqus],
.fe-cond-tab-section--element .fe-cond-target-name i[b-40fvddiqus] {
    color: #3b82f6;
}

.fe-cond-tab-section--group .fe-cond-tab-section-label i[b-40fvddiqus],
.fe-cond-tab-section--group .fe-cond-target-name i[b-40fvddiqus] {
    color: #a855f7;
}

.fe-cond-tab-section--page .fe-cond-tab-section-label i[b-40fvddiqus],
.fe-cond-tab-section--page .fe-cond-target-name i[b-40fvddiqus] {
    color: #14b8a6;
}

/* Color dot for group section */
.fe-cond-group-dot[b-40fvddiqus] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid rgba(0,0,0,.12);
    display: inline-block;
}

.fe-cond-target-name[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--fe-text, #222);
}

.fe-cond-target-empty[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--fe-muted, #999);
    font-style: italic;
}

/* Logic operator toggle row */
.fe-condition-logic-toggle[b-40fvddiqus] {
    margin-top: 1rem;
    margin-bottom: 2px;
}

.fe-cond-logic-select[b-40fvddiqus] {
    width: 100%;
    border: var(--fe-border);
    border-radius: 4px;
    padding: 2px 4px;
    background: var(--fe-bg, #fff);
    color: var(--fe-text, #222);
}

/* Group action icon coloured indigo when condition is present */
.fe-action-has-condition[b-40fvddiqus] {
    color: #6366f1 !important;
}

/* Page tab — condition link button (shown when no badge exists) */
.fe-page-condition-btn[b-40fvddiqus] {
    position: absolute;
    background-color: white;
    bottom: -7px;
    right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 14px;
    font-size: .65rem;
    color: #aaa;
    cursor: pointer;
    z-index: 2;
    opacity: 0;
    transition: color .1s ease, opacity .1s ease, transform .1s ease;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
}

.form-editor-page-item:hover .fe-page-condition-btn[b-40fvddiqus] {
    opacity: 1;
}

.fe-page-condition-btn:hover[b-40fvddiqus] {
    color: var(--primary-background-color);
}

/* ============================================================
   BOX / KASTEN ELEMENT
   ============================================================ */

/* Box container inside a canvas cell */
.form-element-box[b-40fvddiqus] {
    padding: .5rem;
    border-radius: var(--fe-radius-sm);
    min-height: 3rem;
    position: relative;
    margin-top: .25rem;
}

/* Apply box font color to FormElementItem output inside a box */
.form-element-box[b-40fvddiqus]  .form-element-content {
    color: var(--fr-font-color, inherit);
}

/* Override heading colors inside a box (FormElementItem renders these) */
.form-element-box[b-40fvddiqus]  h1,
.form-element-box[b-40fvddiqus]  h2,
.form-element-box[b-40fvddiqus]  h3,
.form-element-box[b-40fvddiqus]  h4,
.form-element-box[b-40fvddiqus]  h5,
.form-element-box[b-40fvddiqus]  h6 {
    color: inherit;
}

/* Color input row (color swatch + clear button) */
.fe-color-input-row[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.fe-color-input-row input[type="color"][b-40fvddiqus] {
    width: 36px;
    height: 28px;
    border: var(--fe-border);
    border-radius: var(--fe-radius-sm);
    cursor: pointer;
    padding: 1px;
    background: none;
}

.fe-color-clear-btn[b-40fvddiqus] {
    background: none;
    border: var(--fe-border);
    border-radius: var(--fe-radius-sm);
    cursor: pointer;
    font-size: .75rem;
    padding: 1px 6px;
    color: var(--fe-muted);
    line-height: 1.4;
    transition: color .1s ease, border-color .1s ease;
}

    .fe-color-clear-btn:hover[b-40fvddiqus] {
        color: #ef4444;
        border-color: #ef4444;
    }

/* Option rows used in FieldSelection dialog and FormFieldListComponent */
.fe-option-fields[b-40fvddiqus], .fe-option-row[b-40fvddiqus] {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    width: 100%;
}

.fe-option-row[b-40fvddiqus] {
    margin-bottom: 0.5rem;
}

.fe-option-row:last-of-type[b-40fvddiqus] {
    margin-bottom: 0;
}
.fe-option-input[b-40fvddiqus] {
    flex: 1;
}

/* HTML RichTextEditor expand button */
.fe-rte-wrapper[b-40fvddiqus] {
    position: relative;
}

.fe-rte-expand-btn[b-40fvddiqus] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 10;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 3px 7px;
    cursor: pointer;
    color: #64748b;
    font-size: .8rem;
    line-height: 1.4;
    transition: background .15s ease, color .15s ease;
}

.fe-rte-expand-btn:hover[b-40fvddiqus] {
    background: #f1f5f9;
    color: #1e293b;
}

/* HTML editor popup full height */
.fe-html-editor-dialog .e-dlg-content[b-40fvddiqus] {
    padding: 0;
    height: calc(100% - 54px);
}

.fe-html-editor-dialog .e-richtexteditor[b-40fvddiqus] {
    height: 100% !important;
}

.form-element-file-upload-preview[b-40fvddiqus] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 2px dashed #94a3b8;
    border-radius: 8px;
    padding: 1.25rem 1rem;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    cursor: default;
    margin-top: .25rem;
    transition: border-color .15s ease, background .15s ease;
}

.form-element-file-upload-preview i[b-40fvddiqus] {
    font-size: 1.75rem;
    color: #94a3b8;
}

.form-element-file-upload-preview span[b-40fvddiqus] {
    font-size: .8rem;
}

/* --- Property panel split-row layout (two columns side by side) --- */
.fe-prop-row-split[b-40fvddiqus] {
    display: flex;
    gap: var(--fe-gap);
    align-items: flex-start;
    width: 99%;
}

.fe-prop-row-split > .fe-prop-col[b-40fvddiqus] {
    flex: 1 1 0;
    min-width: 0;
}

/* --- Alignment icon button group --- */
.fe-align-btn-group[b-40fvddiqus] {
    display: flex;
    gap: 3px;
}

.fe-align-btn[b-40fvddiqus] {
    width: 30px;
    height: 30px;
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: var(--fe-radius-sm);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    font-size: .8rem;
    flex-shrink: 0;
    transition: background .12s ease, border-color .12s ease, color .12s ease;
}

.fe-align-btn:hover[b-40fvddiqus] {
    background: #f3f4f6;
    border-color: #9ca3af;
    color: #374151;
}

.fe-align-btn--active[b-40fvddiqus] {
    background: var(--primary-background-color, #3b82f6);
    border-color: var(--primary-background-color, #3b82f6);
    color: #fff;
}

.fe-align-btn--active:hover[b-40fvddiqus] {
    background: var(--primary-background-color-hover, #2563eb);
    border-color: var(--primary-background-color-hover, #2563eb);
    color: #fff;
}
/* ───────────────────────────────────────────
   TABLE ELEMENT STYLES
   ─────────────────────────────────────────── */
.form-element-table[b-40fvddiqus] {
    width: 100%;
}

.form-editor-table[b-40fvddiqus] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.form-editor-table td[b-40fvddiqus],
.form-editor-table th[b-40fvddiqus] {
    padding: 0;
    vertical-align: top;
    position: relative;
}

.form-editor-table-cell[b-40fvddiqus] {
    min-height: 38px;
    height: 38px;
    min-width: 60px;
    padding: 4px;
    position: relative;
    vertical-align: top;
    transition: background 0.1s;
}

.form-editor-table-cell.active[b-40fvddiqus] {
    background: var(--fe-drop-highlight, rgba(59,130,246,0.12));
    outline: 2px dashed var(--primary-background-color, #3b82f6);
    outline-offset: -2px;
}

.form-editor-table-cell .cell[b-40fvddiqus] {
    margin: 0;
    min-height: 36px;
}

.form-editor-table-cell .slot[b-40fvddiqus] {
    min-height: 36px;
    height: 100%;
    border: 2px dashed #c7d2fe;
    border-radius: 4px;
    background: #f0f4ff;
    opacity: 0.7;
    transition: all 0.15s;
}

.form-editor-table-cell .slot.active[b-40fvddiqus] {
    background: var(--fe-drop-highlight, rgba(59,130,246,0.12));
    border-color: var(--primary-background-color, #3b82f6);
    opacity: 1;
}

.fe-table-header-row td[b-40fvddiqus] {
    background: #f1f5f9;
    font-weight: 600;
}

.form-editor-table.show-inner-borders td[b-40fvddiqus] {
    border: 1px solid #dee2e6;
}

.form-preview-separator[b-40fvddiqus] {
    height: 2px;
    width: 100%;
    background-color: var(--primary-border-color);
}
.form-preview-container[b-40fvddiqus] {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
    .form-preview-container .container[b-40fvddiqus] {
        background: white;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    .form-preview-container.mobile-preview[b-40fvddiqus] {
        max-width: 390px;
    }

.form-preview-container.mobile-preview .col-lg-8[b-40fvddiqus] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.form-preview-container.mobile-preview .offset-lg-2[b-40fvddiqus] {
    margin-left: 0 !important;
}

/* ---------- Allowed Nations (multi-select) ---------- */
.fe-allowed-nations[b-40fvddiqus] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.fe-allowed-nations-empty[b-40fvddiqus] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.35rem 0.6rem;
    width: 100%;
    background: var(--fe-bg);
    border: var(--fe-border);
    border-radius: var(--fe-radius-sm);
    cursor: pointer;
    color: var(--fe-muted);
    font-style: italic;
    text-align: left;
}

.fe-allowed-nations-empty:hover[b-40fvddiqus] {
    border-color: var(--fe-accent);
    color: var(--fe-accent);
}

.fe-nation-chip-list[b-40fvddiqus] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    align-items: center;
    padding: 0.25rem;
    border: var(--fe-border);
    border-radius: var(--fe-radius-sm);
    background: var(--fe-bg);
}

.fe-nation-chip[b-40fvddiqus] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.45rem;
    background: var(--fe-badge-bg);
    border: var(--fe-border);
    border-radius: 999px;
    font-size: 0.85em;
    line-height: 1.2;
    color: inherit;
}

.fe-nation-chip-text[b-40fvddiqus] {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fe-nation-chip-remove[b-40fvddiqus] {
    background: transparent;
    border: none;
    padding: 0 0.15rem;
    cursor: pointer;
    color: inherit;
    line-height: 1;
}

.fe-nation-chip-remove:hover[b-40fvddiqus] {
    color: var(--fe-accent);
}

.fe-nation-chip-more[b-40fvddiqus] {
    background: transparent;
    cursor: pointer;
    font-style: italic;
    color: var(--fe-muted);
}

.fe-nation-chip-more:hover[b-40fvddiqus] {
    border-color: var(--fe-accent);
    color: var(--fe-accent);
}

.fe-allowed-nations-edit[b-40fvddiqus] {
    margin-left: auto;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #6b7280;
    padding: 0.15rem 0.25rem;
}

input[type="checkbox"][b-40fvddiqus] {
    accent-color: var(--fe-accent);
}

.fe-allowed-nations-edit:hover[b-40fvddiqus] {
    color: var(--fe-accent);
}

/* ---------- Allowed Nations popup ---------- */
.fe-nations-popup[b-40fvddiqus] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0.75rem;
}

.fe-nations-popup-search[b-40fvddiqus] {
    flex: 0 0 auto;
}

.fe-nations-popup-list[b-40fvddiqus] {
    flex: 1 1 auto;
    overflow-y: auto;
    border: var(--fe-border);
    border-radius: var(--fe-radius-sm);
    padding: 0.25rem 0;
    background: var(--fe-bg);
}

.fe-nations-popup-item[b-40fvddiqus] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    cursor: pointer;
    user-select: none;
}

.fe-nations-popup-item:hover[b-40fvddiqus] {
    background: var(--fe-badge-bg);
}

.fe-nations-popup-item input[type="checkbox"][b-40fvddiqus] {
    cursor: pointer;
}

.fe-nations-popup-actions[b-40fvddiqus] {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.fe-nations-popup-actions-right[b-40fvddiqus] {
    display: flex;
    gap: 0.5rem;
}
/* /Pages/Forms/Editor/FormElementItem.razor.rz.scp.css */

/* Merged: position + flex layout */
.form-element-item[b-88iv9578r4] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.form-element-type[b-88iv9578r4] {
    position: absolute;
    font-size: var(--font-size-smaller);
    color: var(--color-text-light);
    top: -16px;
    left: 0px;
    background-color: white;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
    width: fit-content;
    white-space: nowrap;
}


.form-element-content[b-88iv9578r4] {
    min-height: 1rem;
    width: 100%;
}

    .form-element-content h1[b-88iv9578r4],
    .form-element-content h2[b-88iv9578r4],
    .form-element-content h3[b-88iv9578r4],
    .form-element-content h4[b-88iv9578r4],
    .form-element-content h5[b-88iv9578r4],
    .form-element-content h6[b-88iv9578r4] {
        color: var(--primary-background-color);
    }

.form-element-item.fe-valign-center .form-element-content[b-88iv9578r4] {
    margin-top: auto;
    margin-bottom: auto;
}

.form-element-item.fe-valign-end .form-element-content[b-88iv9578r4] {
    margin-top: auto;
}

/* Zentriert den Inhalt auf Höhe des Eingabefeldes, wenn Bezeichnung angezeigt wird.
   padding-top ≈ Bezeichnungs-Höhe; dadurch verschiebt sich der auto-Margin-Mittelpunkt
   exakt auf "Bezeichnung-Höhe + Eingabefeld-Mitte". */
.form-element-item.fe-valign-label-center[b-88iv9578r4] {
    padding-top: 1.5rem;
}

.form-element-item.fe-valign-label-center .form-element-content[b-88iv9578r4] {
    margin-top: auto;
    margin-bottom: auto;
}

.form-element-content-label[b-88iv9578r4] {
    font-size: var(--font-size-smaller);
    font-style: italic;
    color: var(--color-text-light);
}

/* Used on text/list/html/space content divs */
.include-wrap[b-88iv9578r4] {
    white-space: pre-wrap;
}

/* Field input wrapper (used in box/table child field rendering) */
.form-element-input[b-88iv9578r4] {
    width: 100%;
}

    .form-element-input label[b-88iv9578r4] {
        white-space: pre-wrap;
    }

    .form-element-input input[type="checkbox"][b-88iv9578r4] {
        vertical-align: top;
        margin-right: 0.25rem;
        margin-top: 2px;
    }

    .form-element-input:has(input[type="checkbox"])[b-88iv9578r4] {
        white-space: nowrap;
    }

/* Radio button option row */
.form-element-radio-option[b-88iv9578r4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.25rem;
}

.fe-radio-group-row[b-88iv9578r4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 2rem;
}

.fe-radio-group-row .form-element-radio-option[b-88iv9578r4] {
    margin-bottom: 0;
}

/* File upload preview placeholder */
.form-element-file-upload-preview[b-88iv9578r4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 2px dashed #94a3b8;
    border-radius: 8px;
    padding: 1.25rem 1rem;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    cursor: default;
    margin-top: .25rem;
    transition: border-color .15s ease, background .15s ease;
}

.form-element-file-upload-preview i[b-88iv9578r4] {
    font-size: 1.75rem;
    color: #94a3b8;
}

.form-element-file-upload-preview span[b-88iv9578r4] {
    font-size: .8rem;
}
/* /Pages/Forms/Submissions/Detail.razor.rz.scp.css */
/* ── Page header ─────────────────────────────────────────────── */
.detail-header[b-mewd44w78l] {
    padding: 0 0 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
    color: var(--color-text);
}

.detail-header-content[b-mewd44w78l] {
    display: flex;
    flex-direction: column;
}

.detail-header-title[b-mewd44w78l] {
    margin: 0 0 0.5rem !important;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text);
}

.detail-header-meta[b-mewd44w78l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.875rem;
    font-size: 0.786rem;
    color: var(--color-text-light);
}

    .detail-header-meta i[b-mewd44w78l],
    .detail-header-meta svg[b-mewd44w78l] {
        margin-right: 0.25rem;
        opacity: 0.8;
    }

    .detail-header-meta > span[b-mewd44w78l] {
        display: inline-flex;
        align-items: center;
    }

/* ── Overview grid ──────────────────────────────────────────── */
.detail-overview-grid[b-mewd44w78l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 0.875rem;
    margin-bottom: 1rem;
}

/* ── Card ────────────────────────────────────────────────────── */
.detail-card[b-mewd44w78l] {
    border: 1px solid var(--color-border);
    border-radius: 6px;
    overflow: hidden;
    background: var(--color-surface);
}

.detail-card-header[b-mewd44w78l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.875rem;
    background: var(--color-surface-alt);
    border-bottom: 1px solid var(--color-border);
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--secondary-background-color);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.detail-card-header i[b-mewd44w78l] {
    font-size: 0.857rem;
    color: var(--secondary-background-color);
}

.detail-card-body[b-mewd44w78l] {
    padding: 0.25rem 0.875rem 0.5rem;
}

/* ── Info rows inside card ───────────────────────────────────── */
.detail-info-row[b-mewd44w78l] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-size: 0.857rem;
    border-bottom: 1px solid #F2F4F5;
}

.detail-info-row:last-child[b-mewd44w78l] {
    border-bottom: none;
}

.detail-info-label[b-mewd44w78l] {
    flex: 0 0 140px;
    color: var(--color-text-light);
    font-weight: 500;
    font-size: 0.786rem;
}

.detail-info-value[b-mewd44w78l] {
    flex: 1;
    word-break: break-word;
    color: var(--color-text);
    font-weight: 500;
}

/* ── Status badges ───────────────────────────────────────────── */
.sub-status-badge[b-mewd44w78l] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 3px 10px;
    border-radius: 22px;
    font-size: 0.786rem;
    font-weight: 500;
    line-height: 1.4;
    border: 1px solid var(--color-border);
    background: #F0F2F4;
    color: var(--color-text);
}

    .sub-status-badge i[b-mewd44w78l],
    .sub-status-badge svg[b-mewd44w78l] {
        margin-right: 0.25rem;
    }

/* ── Tab content body ────────────────────────────────────────── */
.detail-tab-body[b-mewd44w78l] {
    padding: 0.25rem 0 0;
}

/* ── Field value table ───────────────────────────────────────── */
.detail-field-table-wrap[b-mewd44w78l] {
    border: 1px solid var(--color-border);
    border-radius: 6px;
    overflow: hidden;
    background: var(--color-surface);
}

.detail-field-table[b-mewd44w78l] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.857rem;
}

.detail-field-table tr[b-mewd44w78l] {
    border-bottom: 1px solid var(--color-border);
}

.detail-field-table tr:last-child[b-mewd44w78l] {
    border-bottom: none;
}

.detail-field-table tr:nth-child(even) td[b-mewd44w78l] {
    background: var(--color-surface-alt);
}

.detail-field-label[b-mewd44w78l] {
    padding: 0.5625rem 0.875rem;
    width: 240px;
    font-weight: 500;
    color: var(--color-text-light);
    vertical-align: top;
    font-size: 0.786rem;
    background: var(--color-surface-alt);
    border-right: 1px solid var(--color-border);
}

.detail-field-val[b-mewd44w78l] {
    padding: 0.5625rem 0.875rem;
    word-break: break-word;
    color: var(--color-text);
    font-weight: 500;
}

.detail-field-novalue[b-mewd44w78l] {
    color: var(--color-text-light);
    font-style: italic;
}

.detail-file-link[b-mewd44w78l] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    color: var(--primary-background-color);
    text-decoration: none;
    font-weight: 500;
}

.detail-file-link:hover[b-mewd44w78l] {
    text-decoration: underline;
}

/* ── PDF viewer ──────────────────────────────────────────────── */
.detail-pdf-frame[b-mewd44w78l] {
    width: 100%;
    height: 73vh;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background: var(--color-surface-alt);
}

/* ── File list ───────────────────────────────────────────────── */
.detail-file-list[b-mewd44w78l] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.detail-file-item[b-mewd44w78l] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.875rem;
    background: var(--color-surface-alt);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    font-size: 0.857rem;
    transition: background 0.15s, border-color 0.15s;
}

.detail-file-item:hover[b-mewd44w78l] {
    background: #F0F4F5;
    border-color: var(--secondary-light-color);
}

.detail-file-icon[b-mewd44w78l] {
    font-size: 1.125rem;
    color: var(--secondary-background-color);
    flex-shrink: 0;
    width: 24px;
    text-align: center;
}

.detail-file-name[b-mewd44w78l] {
    flex: 1;
    word-break: break-all;
    font-weight: 500;
    color: var(--color-text);
}

.detail-file-actions[b-mewd44w78l] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

.detail-file-count[b-mewd44w78l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary-background-color);
    color: var(--secondary-font-color);
    border-radius: 10px;
    font-size: 0.65rem;
    padding: 1px 7px;
    margin-left: 2px;
    line-height: 1.4;
    font-weight: 500;
}

/* ── Muted placeholder text ──────────────────────────────────── */
.detail-muted[b-mewd44w78l] {
    color: var(--color-text-light);
    font-style: italic;
    font-size: 0.857rem;
    padding: 2.5rem 0;
    text-align: center;
    display: block;
}

/* ── Detail sub-tabs: override TabMenuComponent styling ─────── */
.submission-detail-tabs[b-mewd44w78l]  .tab-menu-selection-bar {
    padding: 0;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 0.875rem;
    gap: 0;
}

.submission-detail-tabs[b-mewd44w78l]  .tab-menu-selection-bar-content {
    gap: 2px;
}

.submission-detail-tabs[b-mewd44w78l]  .tab-menu-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    font-size: 0.857rem;
    font-weight: 500;
    color: var(--color-text-light);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-bottom: -1px;
    line-height: 1.4;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

    .submission-detail-tabs[b-mewd44w78l]  .tab-menu-item i {
        color: inherit;
        font-size: 0.786rem;
    }

    .submission-detail-tabs[b-mewd44w78l]  .tab-menu-item:hover,
    .submission-detail-tabs[b-mewd44w78l]  .tab-menu-item:focus {
        color: var(--color-text);
        background: transparent;
        border-color: transparent;
        border-bottom-color: transparent;
    }

.submission-detail-tabs[b-mewd44w78l]  .tab-menu-item-active {
    color: var(--primary-background-color);
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--primary-background-color);
    border-radius: 0;
}

    .submission-detail-tabs[b-mewd44w78l]  .tab-menu-item-active i {
        color: var(--primary-background-color);
    }

    .submission-detail-tabs[b-mewd44w78l]  .tab-menu-item-active:hover,
    .submission-detail-tabs[b-mewd44w78l]  .tab-menu-item-active:focus {
        color: var(--primary-background-color);
        background: transparent;
        border-color: transparent;
        border-bottom-color: var(--primary-background-color);
    }
/* /Pages/Forms/Submissions/Index.razor.rz.scp.css */
/* ── Status-Tag-Filter ───────────────────────────────────────── */
.sub-filter-bar[b-ckl5btm519] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
    padding: 0 0 0.875rem;
}

.sub-tag[b-ckl5btm519] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 6px 13px;
    border-radius: 22px;
    cursor: pointer;
    border: 1.5px solid var(--secondary-light-color);
    background: var(--color-surface);
    color: var(--secondary-background-color);
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    font-size: 0.857rem;
    font-weight: 500;
    line-height: 1;
}

    .sub-tag i[b-ckl5btm519],
    .sub-tag svg[b-ckl5btm519] {
        margin-right: 0;
        font-size: 0.786rem;
    }

    .sub-tag:hover[b-ckl5btm519] {
        background: var(--secondary-background-color);
        border-color: var(--secondary-background-color);
        color: var(--secondary-font-color);
    }

    .sub-tag.sub-tag-active[b-ckl5btm519] {
        background: var(--secondary-background-color);
        border-color: var(--secondary-background-color);
        color: var(--secondary-font-color);
    }

/* ── Status badge inside grid cells ─────────────────────────── */
.sub-status-badge[b-ckl5btm519] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 3px 10px;
    border-radius: 22px;
    font-size: 0.786rem;
    font-weight: 500;
    line-height: 1.4;
    border: 1px solid var(--color-border);
    background: #F0F2F4;
    color: var(--color-text);
}
/* /Pages/Layout/EmptyLayout.razor.rz.scp.css */
/* /Pages/Layout/LoginLayout.razor.rz.scp.css */
.public-page-container[b-pm4brjfr0u] {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100vh;
    background: var(--color-surface);
}

    .public-page-container .public-page-container-left[b-pm4brjfr0u] {
        display: none;
        position: relative;
    }

    .public-page-container .public-page-container-right[b-pm4brjfr0u] {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        overflow: auto;
        padding: 2.5rem 1.5rem 5rem;
        margin: 0;
        text-align: start;
    }

        .public-page-container .public-page-container-right .login-form-container[b-pm4brjfr0u] {
            width: 100%;
            max-width: 380px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .public-page-container .public-page-container-right .login-lang-switch[b-pm4brjfr0u] {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 1.25rem;
            display: flex;
            justify-content: center;
            gap: 0.875rem;
            font-size: 0.786rem;
            color: var(--color-text-light);
        }

            .public-page-container .public-page-container-right .login-lang-switch span[b-pm4brjfr0u] {
                cursor: pointer;
                padding: 0.25rem 0;
                transition: color 0.15s;
                user-select: none;
            }

                .public-page-container .public-page-container-right .login-lang-switch span:hover[b-pm4brjfr0u] {
                    color: var(--color-text);
                }

                .public-page-container .public-page-container-right .login-lang-switch span.active[b-pm4brjfr0u] {
                    color: var(--primary-background-color);
                    font-weight: 500;
                    cursor: default;
                }

.login-loader-overlay[b-pm4brjfr0u] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #00000060;
    z-index: 9998;
}

    .login-loader-overlay .login-loader-container[b-pm4brjfr0u] {
        width: fit-content;
    }

        .login-loader-overlay .login-loader-container .login-loader-container-content[b-pm4brjfr0u] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

            .login-loader-overlay .login-loader-container .login-loader-container-content .loader[b-pm4brjfr0u] {
                width: 80px;
                height: 80px;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
                position: relative;
                box-sizing: border-box;
                animation: flipX-b-pm4brjfr0u 5s linear infinite;
                padding: 0.5rem;
            }

                .login-loader-overlay .login-loader-container .login-loader-container-content .loader .loader-image[b-pm4brjfr0u] {
                    max-height: 100%;
                    max-width: 100%;
                    object-position: center;
                    object-fit: contain;
                }

            .login-loader-overlay .login-loader-container .login-loader-container-content .loader-text[b-pm4brjfr0u] {
                color: var(--primary-font-color);
                box-sizing: border-box;
                margin-top: 2rem;
            }

@keyframes flipX-b-pm4brjfr0u {
    0% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); }
    12.5% { transform: perspective(200px) rotateX(180deg) rotateY(0deg); }
    25% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); }
    37.5% { transform: perspective(200px) rotateX(0deg) rotateY(180deg); }
    50% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); }
    62.5% { transform: perspective(200px) rotateX(-180deg) rotateY(0deg); }
    75% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); }
    87.5% { transform: perspective(200px) rotateX(0deg) rotateY(-180deg); }
}

@media (min-width: 800px) {
    .public-page-container[b-pm4brjfr0u] {
        grid-template-columns: 1.2fr 1fr;
    }

    .public-page-container .public-page-container-left[b-pm4brjfr0u] {
        display: block;
        background-image: url('images/login/background.webp');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .public-page-container .public-page-container-left[b-pm4brjfr0u]::before {
            content: '';
            position: absolute;
            inset: 0;
            background: var(--primary-background-color);
            opacity: 0.3;
            pointer-events: none;
        }

        .public-page-container .public-page-container-left[b-pm4brjfr0u]::after {
            content: '';
            position: absolute;
            inset: 0;
            background: var(--secondary-background-color);
            opacity: 0.45;
            pointer-events: none;
        }

        .public-page-container .public-page-container-left .login-art-overlay[b-pm4brjfr0u] {
            position: absolute;
            left: 48px;
            right: 48px;
            bottom: 48px;
            color: #ffffff;
            z-index: 2;
        }

            .public-page-container .public-page-container-left .login-art-overlay .login-art-mark[b-pm4brjfr0u] {
                display: flex;
                align-items: center;
                gap: 14px;
                margin-bottom: 18px;
            }

                .public-page-container .public-page-container-left .login-art-overlay .login-art-mark .login-art-mark-circle[b-pm4brjfr0u] {
                    width: 56px;
                    height: 56px;
                    border-radius: 50%;
                    background: #ffffff;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-shrink: 0;
                    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
                }

                    .public-page-container .public-page-container-left .login-art-overlay .login-art-mark .login-art-mark-circle img[b-pm4brjfr0u] {
                        width: 65%;
                        height: 65%;
                        object-fit: contain;
                    }

                .public-page-container .public-page-container-left .login-art-overlay .login-art-mark .login-art-mark-name[b-pm4brjfr0u] {
                    font-size: 1.125rem;
                    font-weight: 700;
                    letter-spacing: 0.02em;
                    color: inherit;
                }

            .public-page-container .public-page-container-left .login-art-overlay .login-art-title[b-pm4brjfr0u] {
                margin: 0 0 6px !important;
                font-size: 2rem;
                font-weight: 700;
                letter-spacing: -0.01em;
                color: #ffffff;
            }

            .public-page-container .public-page-container-left .login-art-overlay .login-art-desc[b-pm4brjfr0u] {
                font-size: 0.875rem;
                opacity: 0.92;
                margin: 0;
                max-width: 420px;
                color: inherit;
            }

    .public-page-container .public-page-container-right[b-pm4brjfr0u] {
        padding: 3.75rem 3rem 5rem;
    }

        .public-page-container .public-page-container-right .login-form-container[b-pm4brjfr0u] {
            max-width: 400px;
        }

        .public-page-container .public-page-container-right .login-lang-switch[b-pm4brjfr0u] {
            bottom: 1.75rem;
        }
}

@media (min-width: 1920px) {
    .public-page-container .public-page-container-right .login-form-container[b-pm4brjfr0u] {
        max-width: 440px;
    }
}
/* /Pages/Layout/MainLayout.razor.rz.scp.css */
.main-container[b-60frztwevd] {
    height: 100dvh;
    display: flex;
    flex-flow: nowrap;
    justify-content: flex-start;
    gap: 0px;
    overflow: hidden;
}


    .main-container .main-container-left[b-60frztwevd] {
        overflow: auto;
        min-width: fit-content;
    }

    .main-container .main-container-right[b-60frztwevd] {
        flex: 1;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        gap: 0px;
    }

        .main-container .main-container-right .main-container-right-body[b-60frztwevd] {
            position: relative;
            flex: 1;
            overflow: hidden;
        }

.main-loader-overlay[b-60frztwevd] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #00000060;
    z-index: 9998;
}

    .main-loader-overlay .main-loader-container[b-60frztwevd] {
        width: fit-content;
    }

        .main-loader-overlay .main-loader-container .main-loader-container-content[b-60frztwevd] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

            .main-loader-overlay .main-loader-container .main-loader-container-content .loader[b-60frztwevd] {
                width: 80px;
                height: 80px;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
                position: relative;
                box-sizing: border-box;
                animation: flipX-b-60frztwevd 5s linear infinite;
                padding: 0.5rem;
            }

                .main-loader-overlay .main-loader-container .main-loader-container-content .loader .loader-image[b-60frztwevd] {
                    max-height: 100%;
                    max-width: 100%;
                    object-position: center;
                    object-fit: contain;
                }

            .main-loader-overlay .main-loader-container .main-loader-container-content .loader-text[b-60frztwevd] {
                color: var(--primary-font-color);
                box-sizing: border-box;
                margin-top: 2rem;
            }

@keyframes flipX-b-60frztwevd {
    0% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    12.5% {
        transform: perspective(200px) rotateX(180deg) rotateY(0deg);
    }

    25% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    37.5% {
        transform: perspective(200px) rotateX(0deg) rotateY(180deg);
    }

    50% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    62.5% {
        transform: perspective(200px) rotateX(-180deg) rotateY(0deg);
    }

    75% {
        transform: perspective(200px) rotateX(0deg) rotateY(0deg);
    }

    87.5% {
        transform: perspective(200px) rotateX(0deg) rotateY(-180deg);
    }
}
/* /Pages/Member/ManageMemberPage.razor.rz.scp.css */
/* /Pages/Requests/RequestPage.razor.rz.scp.css */
/* /Pages/Session/LoginPage.razor.rz.scp.css */
/* /Pages/Session/PasswordResetPage.razor.rz.scp.css */
/* /Pages/Session/UserEditPage.razor.rz.scp.css */
.mfa-add-authentication-item[b-4icphlcsip] {
    justify-content: space-evenly;
    border: 1px dashed #D9D9D9;
    position: relative;
    padding: 0.5rem 1rem;
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

    .mfa-add-authentication-item:hover[b-4icphlcsip] {
        border-color: var(--primary-border-color);
    }

    .mfa-add-authentication-item .mfa-add-authentication-description[b-4icphlcsip] {
        flex: 1 1 auto;
        text-align: center;
        font-weight: bold;
        font-size: 1.125rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (min-width: 800px) {
    .mfa-add-authentication-item[b-4icphlcsip] {
        padding: 1rem 2rem;
        gap: 2rem;
    }
}
/* /Pages/Settings/Client/ManageClientSettingPage.razor.rz.scp.css */
.social-media-element-container[b-na3qlegn3q] {
    display: flex;
    flex-flow: nowrap;
    gap: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
}
/* /Pages/Settings/Client/ManageEmailPage.razor.rz.scp.css */
.custom-mail-sender-container[b-v2idq9xjy0] {
    display: flex;
    flex-flow: nowrap;
    gap: 0.5rem;
    box-shadow: none;
    align-items: center;
}
/* /Pages/Settings/Client/ManageMetaDataPage.razor.rz.scp.css */
.comboBoxTemplate[b-c6lw5hwm6e] {
    display: flex;
    flex-flow: nowrap;
    gap: 0.2rem;
}

    .comboBoxTemplate .ateco-code[b-c6lw5hwm6e] {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.25rem;
    }

    .comboBoxTemplate .ateco-code-title[b-c6lw5hwm6e] {
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
        vertical-align: middle;
    }

        .comboBoxTemplate .ateco-code-title .mainLanguage[b-c6lw5hwm6e] {
            margin: unset;
            padding: unset;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 1.2rem;
            line-height: 1.4rem;
        }

        .comboBoxTemplate .ateco-code-title .subLanguage[b-c6lw5hwm6e] {
            margin: unset;
            padding: unset;
            padding-left: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 1rem;
            line-height: 1.2rem;
        }

.tabshell-body[b-c6lw5hwm6e] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-top: unset;
}

.payment-data-table[b-c6lw5hwm6e] {
    width: 100%;
    table-layout: fixed;
}

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-10[b-c6lw5hwm6e] {
        width: 10%;
    }

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-20[b-c6lw5hwm6e] {
        width: 20%;
    }

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-30[b-c6lw5hwm6e] {
        width: 30%;
    }

    .payment-data-table .payment-data-table-columngroup.payment-data-table-columngroup-40[b-c6lw5hwm6e] {
        width: 40%;
    }

    .payment-data-table .payment-data-table-body[b-c6lw5hwm6e] {
    }

        .payment-data-table .payment-data-table-body .payment-data-table-row[b-c6lw5hwm6e] {
        }

            .payment-data-table .payment-data-table-body .payment-data-table-row .payment-data-table-cell[b-c6lw5hwm6e] {
                padding: 0rem 0.5rem;
            }

            .payment-data-table .payment-data-table-body .payment-data-table-row .payment-data-table-cell:first-child[b-c6lw5hwm6e] {
                padding-left: 0rem;
            }

            .payment-data-table .payment-data-table-body .payment-data-table-row .payment-data-table-cell:last-child[b-c6lw5hwm6e] {
                padding-right: 0rem;
            }

.add-paymentdata-item[b-c6lw5hwm6e] {
    justify-content: space-evenly;
    border: 1px dashed #D9D9D9;
    position: relative;
    padding: 0.5rem 1rem;
    display: flex;
    width: 100%;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

    .add-paymentdata-item:hover[b-c6lw5hwm6e] {
        border-color: var(--primary-border-color);
    }

    .add-paymentdata-item .add-paymentdata-description[b-c6lw5hwm6e] {
        flex: 1 1 auto;
        text-align: center;
        font-weight: bold;
        font-size: 1.125rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* /Pages/Settings/Client/ManageTextPage.razor.rz.scp.css */
/* /Pages/Settings/Client/ManageThemePage.razor.rz.scp.css */
.expandable-item[b-uzunivv8n6] {
    cursor: pointer;
}

.expand-carrets[b-uzunivv8n6] {
    display: inline-block;
    width: 16px;
    overflow: hidden;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.color-action-container[b-uzunivv8n6] {
    display: flex;
    flex-flow: nowrap;
    overflow: hidden;
    justify-content: start;
    align-items: center;
    gap: 1rem;
}
/* /Pages/Settings/Client/ManageUserPage.razor.rz.scp.css */
/* /Pages/Settings/Requests/ManageAnnotationFieldPage.razor.rz.scp.css */
/* /Pages/Structure/App.razor.rz.scp.css */
#components-reconnect-modal[b-22632bscjx] {
    display: none;
    position: fixed;
    background-color: #00000033;
    z-index: 9999;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

    #components-reconnect-modal.components-reconnect-show[b-22632bscjx] {
        display: flex !important;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

.connection-lost-container[b-22632bscjx] {
    background-color: var(--error-background-color);
    color: var(--error-color);
    border-color: var(--error-color);
    box-shadow: 0 -1px 2px var(--error-background-color);
    padding: 1rem;
    border-radius: var(--default-border-radius);
    text-align: center;
    max-width: 400px;
    font-family: 'inter';
    z-index: 9999;
}

    .connection-lost-container .icon[b-22632bscjx] {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
        color: var(--error-color);
    }

    .connection-lost-container h5[b-22632bscjx] {
        font-size: 0.75rem;
        margin-bottom: 0.25rem;
    }

    .connection-lost-container p[b-22632bscjx] {
        font-size: 0.5rem;
        margin-bottom: 0.75rem;
    }

    .connection-lost-container .reload-button[b-22632bscjx] {
        background-color: var(--error-color);
        color: var(--error-background-color);
        border: 1px solid var(--error-background-color);
    }

        .connection-lost-container .reload-button:hover[b-22632bscjx] {
            background-color: var(--error-background-color);
            color: var(--error-color);
            border-color: var(--error-color);
        }

#blazor-error-ui[b-22632bscjx] {
    background-color: var(--error-background-color);
    color: var(--error-color);
    border-color: var(--error-color);
    box-shadow: 0 -1px 2px var(--error-background-color);
    bottom: 0;
    display: none;
    left: 0;
    padding: 0.35rem 0.625rem 0.35rem 1.625rem;
    position: fixed;
    width: 100%;
    z-index: 10000;
}

    #blazor-error-ui .dismiss[b-22632bscjx] {
        cursor: pointer;
        position: absolute;
        right: 0.375rem;
        top: 0.25rem;
    }

@media (min-width: 800px) {
    .connection-lost-container[b-22632bscjx] {
        padding: 2rem;
    }

        .connection-lost-container .icon[b-22632bscjx] {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        .connection-lost-container h5[b-22632bscjx] {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }

        .connection-lost-container p[b-22632bscjx] {
            font-size: 1rem;
            margin-bottom: 1.5rem;
        }

    #blazor-error-ui[b-22632bscjx] {
        padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    }

        #blazor-error-ui .dismiss[b-22632bscjx] {
            right: 0.75rem;
            top: 0.5rem;
        }
}
/* /Pages/Structure/ErrorPage.razor.rz.scp.css */