/*
 * DynamicForms React runtime styles.
 *
 * All selectors must remain scoped to [data-dynamicforms-react-root] so this
 * module can coexist with arbitrary DNN skins. The lower sections implement a
 * Bootstrap 3/5 compatibility layer using CSS variables and the root's
 * data-bootstrap-version attribute. Do not import Bootstrap itself here.
 */
[data-dynamicforms-react-root]{direction:rtl;font-family:Tahoma,Arial,sans-serif;min-height:160px;color:#333}[data-dynamicforms-react-root] *{box-sizing:border-box}.dir-ltr{direction:ltr;text-align:left}.df-page{padding:18px;max-width:1500px;margin:0 auto}.df-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;border-bottom:1px solid #e5e5e5;padding-bottom:14px}.df-page-header h1,.df-page-header h2,.df-page-header h3{margin:0 0 7px}.df-page-header p{margin:0;color:#777}.df-management-main{min-height:500px}.df-management-header .navbar{margin-bottom:0;border-radius:0}.df-management-header .navbar-brand{font-weight:700}.df-filter-bar,.df-filter-grid,.df-new-report,.df-rule-builder{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.df-filter-bar>.form-control,.df-filter-grid>.form-group,.df-new-report>.form-control{min-width:160px;flex:1}.df-filter-actions{display:flex;gap:6px}.df-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px}.df-form-card{display:block;position:relative;background:#fff;border:1px solid #ddd;border-radius:5px;padding:18px;min-height:190px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.05)}a.df-form-card:hover{text-decoration:none;border-color:#5bc0de}.df-form-card--new{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-style:dashed}.df-form-card--new strong{font-size:52px;font-weight:300;color:#5cb85c}.df-form-card__actions{position:absolute;left:10px;top:10px;display:flex;gap:6px}.df-form-card__actions a,.df-form-card__actions button{border:0;background:#f5f5f5;padding:4px 7px;border-radius:3px;color:#555}.df-form-card h3{font-size:18px;margin:24px 0 10px}.df-form-card dl{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.df-form-card dl div{background:#f7f7f7;border-radius:3px;padding:6px 8px}.df-form-card dt,.df-form-card dd{display:inline;margin:0}.df-form-card dt:after{content:': '}.df-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d9534f;margin-left:7px}.df-status-dot.is-active{background:#5cb85c}.df-list-pager,.df-pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:20px 0}.df-pagination button,.df-list-pager button{border:1px solid #ccc;background:#fff;padding:6px 10px;border-radius:3px}.df-pagination button.active{background:#337ab7;color:#fff;border-color:#337ab7}.df-pagination button:disabled,.df-list-pager button:disabled{opacity:.45}.df-loading{padding:40px;text-align:center;color:#337ab7}.df-loading__spinner{width:35px;height:35px;border:4px solid #ddd;border-top-color:#337ab7;border-radius:50%;margin:0 auto 10px;animation:df-spin .8s linear infinite}@keyframes df-spin{to{transform:rotate(360deg)}}.df-toasts{position:fixed;left:20px;top:20px;z-index:999999;display:flex;flex-direction:column;gap:8px}.df-toast{min-width:280px;max-width:460px;color:#fff;padding:12px 16px;border-radius:5px;box-shadow:0 3px 15px rgba(0,0,0,.25)}.df-toast--success{background:#3c763d}.df-toast--error{background:#a94442}.df-toast--warning{background:#8a6d3b}.df-toast--info{background:#31708f}.df-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.52);z-index:99990;display:flex;align-items:center;justify-content:center;padding:20px}.df-modal{background:#fff;border-radius:6px;width:min(600px,100%);max-height:90vh;overflow:auto;box-shadow:0 10px 50px rgba(0,0,0,.35)}.df-modal--wide{width:min(1050px,100%)}.df-modal__header,.df-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #eee}.df-modal__footer{border-top:1px solid #eee;border-bottom:0;justify-content:flex-end}.df-modal__header h3{margin:0;font-size:18px}.df-modal__body{padding:18px}.df-icon-btn{border:0;background:transparent;font-size:25px}.df-designer-shell{min-height:calc(100vh - 60px);background:#eef1f5}.df-designer-toolbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #ddd;padding:9px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 6px rgba(0,0,0,.07)}.df-form-state{margin:auto;color:#666}.df-viewport-buttons,.df-side-toggle{display:flex;border:1px solid #ccc;border-radius:4px;overflow:hidden}.df-viewport-buttons button,.df-side-toggle button{border:0;border-left:1px solid #ccc;background:#fff;padding:5px 8px}.df-viewport-buttons button.active,.df-side-toggle button.active{background:#337ab7;color:#fff}.df-designer-grid{display:grid;grid-template-columns:235px minmax(420px,1fr) 320px;gap:12px;padding:12px;align-items:start}.df-palette,.df-property-editor,.df-form-settings{background:#fff;border:1px solid #ddd;border-radius:4px;position:sticky;top:66px;max-height:calc(100vh - 82px);overflow:auto}.df-palette h3,.df-property-editor h3,.df-form-settings h3{font-size:16px;margin:0;padding:12px;border-bottom:1px solid #eee}.df-palette-section{padding:10px}.df-palette-section h4{font-size:13px;color:#777}.df-palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.df-palette-item{border:1px solid #ddd;background:#fafafa;border-radius:3px;padding:8px;text-align:center;cursor:grab}.df-palette-item:hover{border-color:#337ab7;background:#eef7ff}.df-designer-canvas{width:100%;max-width:1180px;margin:0 auto;transition:max-width .2s}.df-viewport-xs{max-width:360px}.df-viewport-sm{max-width:600px}.df-viewport-md{max-width:900px}.df-viewport-lg{max-width:1180px}.df-tabs{background:#fff}.df-tabs li button,.df-report-editor .nav-tabs li button{border:0;background:transparent;padding:10px 15px}.df-tabs li.active button,.df-report-editor .nav-tabs li.active button{background:#fff;border:1px solid #ddd;border-bottom-color:#fff;border-radius:4px 4px 0 0}.df-canvas-page{background:#fff;min-height:600px;border:1px solid #ddd;border-top:0;padding:15px}.df-designer-row{margin-bottom:10px;border:1px dashed #c8d1db;padding:8px 0;min-height:70px}.df-designer-column{min-height:60px;border-left:1px dashed #e1e1e1}.df-designer-column:last-child{border-left:0}.df-drop-hint,.df-empty-canvas{border:1px dashed #bbb;color:#999;padding:20px;text-align:center}.df-designer-field{position:relative;border:1px solid transparent;padding:20px 8px 8px;margin-bottom:8px;min-height:42px}.df-designer-field:hover,.df-designer-field.is-selected{border-color:#5bc0de;background:rgba(91,192,222,.05)}.df-designer-field.is-hidden{opacity:.55}.df-field-toolbar{display:none;position:absolute;left:3px;top:2px;z-index:5;background:#5bc0de;color:#fff;border-radius:3px;padding:2px 4px;gap:3px}.df-designer-field:hover>.df-field-toolbar,.df-designer-field.is-selected>.df-field-toolbar{display:flex}.df-field-toolbar button{border:0;background:transparent;color:#fff}.df-nested-dropzone{min-height:55px}.df-property-tabs{display:flex;border-bottom:1px solid #ddd}.df-property-tabs button{flex:1;border:0;background:#f7f7f7;padding:9px}.df-property-tabs button.active{background:#fff;color:#337ab7}.df-property-list,.df-form-settings__body{padding:12px}.df-option-row{display:flex;gap:4px;margin-bottom:6px}.df-option-row input{flex:1}.df-rich-text{min-height:35px}.df-spacer{height:32px;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc}.df-captcha-placeholder{padding:20px;background:#f5f5f5;text-align:center}.df-form-renderer,.df-public-form,.df-submission-detail{max-width:1180px;margin:0 auto}.df-form-hero h1{font-size:30px}.df-step-breadcrumb{display:flex;flex-wrap:wrap}.df-step-breadcrumb li button{border:0;background:transparent}.df-step-breadcrumb li.is-valid:before{color:#3c763d}.df-form-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0}.df-validation-errors p{margin:2px 0}.df-check,.df-radio{display:inline-block;margin-left:15px;font-weight:normal}.df-simple-captcha{display:flex;gap:7px;align-items:center}.df-simple-captcha input{max-width:180px}.df-simple-captcha img{height:42px;border:1px solid #ccc}.df-file-field{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.df-table-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:end;background:#f8f8f8;padding:10px;margin-bottom:10px}.df-submit-success{text-align:center;padding:35px}.df-filter-groups{margin:14px 0}.df-filter-group{border:1px solid #ddd;border-radius:4px;padding:8px;margin:8px 0}.df-filter-group.is-child{margin-right:25px;border-right:4px solid #5bc0de}.df-filter-group__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:6px}.df-filter-rule{display:flex;align-items:center;gap:7px;padding:6px;background:#f8f8f8;margin:5px 0}.df-filter-rule button{margin-right:auto;border:0;background:transparent;color:#d9534f;font-size:18px}.df-rule-builder>*{min-width:110px;flex:1}.df-chip-list{display:flex;flex-wrap:wrap;gap:5px}.df-chip-list span{background:#e9f4fb;border:1px solid #bce0f5;border-radius:20px;padding:4px 9px}.df-chip-list button{border:0;background:transparent;color:#d9534f}.df-status-list{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.df-save-query{margin-top:10px}.df-row-actions{white-space:nowrap}.df-row-actions>*{margin-left:3px}.df-report-selector{list-style:none;padding:0}.df-report-selector button{display:block;width:100%;text-align:right;border:1px solid #ddd;background:#fff;padding:10px;margin-bottom:6px}.df-report-selector button:hover{background:#eef7ff}.df-report-designer__layout{display:grid;grid-template-columns:300px 1fr;gap:12px;padding:12px;background:#eef1f5;min-height:700px}.df-report-sidebar,.df-report-editor{background:#fff;border:1px solid #ddd;padding:12px}.df-binding-list{display:flex;flex-direction:column;gap:5px}.df-binding-list button{text-align:right;border:1px solid #ddd;background:#fafafa;padding:7px}.df-binding-list code{display:block;direction:ltr;text-align:left}.df-html-editor{min-height:330px;margin-top:10px;font-family:Consolas,monospace}.df-report-preview{border:1px solid #ddd;min-height:180px;padding:12px}.df-custom-report{max-width:1200px;margin:0 auto}.df-custom-report__item{page-break-inside:avoid;border-bottom:1px dashed #bbb;padding:12px 0}.df-custom-report__header,.df-custom-report__footer{padding:12px}.no-print{display:flex}@media(max-width:1100px){.df-designer-grid{grid-template-columns:190px 1fr}.df-property-editor,.df-form-settings{grid-column:1/-1;position:static}.df-report-designer__layout{grid-template-columns:1fr}}@media(max-width:768px){.df-page{padding:8px}.df-page-header{align-items:flex-start;flex-direction:column}.df-designer-grid{grid-template-columns:1fr}.df-palette,.df-property-editor,.df-form-settings{position:static;max-height:none}.df-designer-toolbar{position:static;flex-wrap:wrap}.df-form-state{order:5;width:100%;text-align:center}.df-filter-bar>*{width:100%}.df-report-designer__layout{padding:5px}.df-rule-builder>*{min-width:100%}.df-row-actions{white-space:normal}}@media print{.no-print,.df-management-header,.df-form-actions,.df-pagination,.df-toasts{display:none!important}[data-dynamicforms-react-root]{color:#000}.panel{border:0!important;box-shadow:none!important}.df-custom-report__item{page-break-inside:avoid}}
.df-designer-palette{background:#fff;border:1px solid #ddd;border-radius:4px;position:sticky;top:66px;max-height:calc(100vh - 82px);overflow:auto;padding:10px}.df-designer-palette section{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}.df-designer-palette h4{font-size:13px;font-weight:700;color:#666}.df-designer-palette .df-palette-grid button{border:1px solid #ddd;background:#fafafa;border-radius:4px;padding:7px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:grab}.df-designer-palette .df-palette-grid button:hover{border-color:#337ab7;background:#eef7ff}.df-designer-palette img{max-width:45px;max-height:36px}.df-property-field{display:block;margin-bottom:10px;font-weight:normal}.df-property-field>span{display:block;margin-bottom:4px;font-weight:700}.df-settings-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:9px 12px}.df-settings-title h4{margin:0}.df-form-settings>.df-status-list{padding:10px;display:block}.df-form-settings>.df-status-list>div{display:flex;gap:5px;margin-bottom:6px}.df-form-settings>.df-status-list .form-control{flex:1}.df-empty-settings{padding:25px;color:#777;text-align:center}

/* Recursive layout designer */
.df-layout-shell{position:relative;border:2px solid transparent;border-radius:4px;padding:22px 7px 7px;margin-bottom:10px;min-height:72px;transition:border-color .15s,background-color .15s}.df-layout-shell:hover{border-color:#9bd5e8;background:rgba(91,192,222,.025)}.df-layout-shell.is-selected{border-color:#337ab7;background:rgba(51,122,183,.045);box-shadow:0 0 0 1px rgba(51,122,183,.1)}.df-layout-shell.is-nested{margin:10px 0 2px;background:rgba(245,248,251,.75)}.df-layout-toolbar{display:none;position:absolute;right:6px;top:2px;z-index:12;align-items:center;gap:4px;background:#337ab7;color:#fff;border-radius:3px;padding:2px 6px;font-size:11px;cursor:grab}.df-layout-shell:hover>.df-layout-toolbar,.df-layout-shell.is-selected>.df-layout-toolbar{display:flex}.df-layout-toolbar button{border:0;background:transparent;color:#fff;font-size:16px;line-height:18px;padding:0 3px}.df-layout-shell>.df-designer-row{margin:0;min-height:64px}.df-layout-shell.is-nested>.df-designer-row{border-color:#9fc5d6}.df-canvas-layout-drop{margin-top:12px;border:1px dashed #9bb7c7;color:#78909c;background:#f7fbfd;padding:10px;text-align:center;font-size:12px}.df-layout-column-setting{border:1px solid #ddd;border-radius:4px;padding:9px;margin-bottom:9px}.df-layout-column-setting>strong{display:block;margin-bottom:7px}.df-layout-column-setting label{display:flex;align-items:center;gap:8px;font-weight:normal}.df-layout-column-setting label span{white-space:nowrap}.df-layout-column-setting .form-control{flex:1}.df-layout-column-setting .btn{margin-top:5px}
.df-layout-insert-zone{height:8px;overflow:hidden;color:transparent;border:1px dashed transparent;margin:1px 0;transition:height .12s,border-color .12s,background-color .12s}.df-layout-insert-zone:hover,.df-layout-insert-zone:focus-within{height:28px;color:#337ab7;border-color:#5bc0de;background:#eef9fd;text-align:center;font-size:11px;line-height:25px}
/* React 19 UI/UX and functional review */
[data-dynamicforms-react-root] :focus-visible{outline:3px solid rgba(51,122,183,.35);outline-offset:2px}
[data-dynamicforms-react-root] button,[data-dynamicforms-react-root] a,[data-dynamicforms-react-root] input,[data-dynamicforms-react-root] select,[data-dynamicforms-react-root] textarea{transition:border-color .15s,box-shadow .15s,background-color .15s,opacity .15s}
[data-dynamicforms-react-root] .form-control:focus{border-color:#66afe9;box-shadow:0 0 0 3px rgba(102,175,233,.2)}
.df-spinner{display:block;width:35px;height:35px;border:4px solid #ddd;border-top-color:#337ab7;border-radius:50%;margin:0 auto 10px;animation:df-spin .8s linear infinite}
.df-error{margin:12px}.df-designer-error{padding:0 12px}.df-designer-toolbar{flex-wrap:wrap}.df-history-actions{white-space:nowrap}.df-designer-panel-toggles{display:flex;border:1px solid #ccc;border-radius:4px;overflow:hidden}.df-designer-panel-toggles button{border:0;border-left:1px solid #ccc;background:#fff;padding:5px 9px}.df-designer-panel-toggles button:last-child{border-left:0}.df-designer-panel-toggles button.active{background:#337ab7;color:#fff}.df-designer-shell.is-palette-closed .df-designer-grid{grid-template-columns:minmax(420px,1fr) 320px}.df-designer-shell.is-settings-closed .df-designer-grid{grid-template-columns:235px minmax(420px,1fr)}.df-designer-shell.is-palette-closed.is-settings-closed .df-designer-grid{grid-template-columns:minmax(0,1fr)}
.df-palette-header{padding:4px 2px 10px;border-bottom:1px solid #eee;margin-bottom:10px}.df-palette-header h3{padding:0;border:0;margin:0 0 4px}.df-palette-header p{font-size:11px;color:#777;margin:0 0 8px}.df-palette-search,.df-search-field{position:relative;display:flex;align-items:center}.df-palette-search>span,.df-search-field>span{position:absolute;right:9px;z-index:2;color:#888;pointer-events:none}.df-palette-search input,.df-search-field input{padding-right:30px;padding-left:30px}.df-palette-search button,.df-search-field button{position:absolute;left:5px;border:0;background:transparent;color:#777;font-size:18px;line-height:1;padding:3px 7px}.df-designer-palette .df-palette-grid button:active{cursor:grabbing;transform:scale(.98)}
.df-drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;cursor:grab;user-select:none;font-weight:700;letter-spacing:-2px}.df-drag-handle:active{cursor:grabbing}.df-field-type{direction:ltr;opacity:.85;font-family:Consolas,monospace}.df-field-insert-zone{height:8px;overflow:hidden;border:1px dashed transparent;color:transparent;text-align:center;margin:1px 0;transition:height .12s,border-color .12s,background-color .12s}.df-field-insert-zone:hover,.df-field-insert-zone:focus-within{height:30px;line-height:27px;color:#337ab7;border-color:#5bc0de;background:#eef9fd}.df-layout-list-item{position:relative}.df-designer-field:focus-within{border-color:#5bc0de;background:rgba(91,192,222,.05)}
.df-property-editor__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #eee;background:#fafafa}.df-property-editor__heading strong{display:block}.df-property-editor__heading small{display:block;color:#777;margin-top:3px;direction:ltr;text-align:right}.df-settings-tabs{display:flex;position:sticky;top:0;z-index:3;background:#f7f7f7;border-bottom:1px solid #ddd}.df-settings-tabs button{flex:1;border:0;border-left:1px solid #e4e4e4;background:#f7f7f7;padding:9px 5px;font-size:12px}.df-settings-tabs button:last-child{border-left:0}.df-settings-tabs button.active{background:#fff;color:#337ab7;box-shadow:inset 0 -3px #337ab7}.df-property-grid-2,.df-two-column-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.df-code-input{font-family:Consolas,"Courier New",monospace;font-size:12px;line-height:1.6;resize:vertical}.df-compact-alert{padding:9px 11px;margin-bottom:10px;font-size:12px}.df-toggle-row,.df-checkbox-row{display:flex;align-items:flex-start;gap:7px;font-weight:normal;cursor:pointer;margin:7px 0}.df-toggle-row input,.df-checkbox-row input{margin-top:3px}.df-subsettings{border-right:3px solid #5bc0de;background:#f7fbfd;padding:8px 12px;margin:8px 0}.df-tab-identity{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f8f8f8;border:1px solid #eee;padding:7px 9px;margin-bottom:9px}.df-tab-identity code{direction:ltr}.df-options-editor{border:1px solid #e5e5e5;border-radius:4px;padding:7px}.df-option-index{min-width:22px;text-align:center;color:#777;line-height:34px}
.df-layout-editor-actions{display:flex;gap:7px;margin:10px 0;flex-wrap:wrap}.df-layout-span-status{border:1px solid #ddd;border-radius:4px;padding:9px;background:#fafafa}.df-layout-span-status>div:first-child,.df-layout-column-setting__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.df-layout-span-status.is-valid{border-color:#b7d8b8;background:#f3faf3}.df-layout-span-status.is-warning{border-color:#f0d89c;background:#fffaf0}.df-layout-span-bar{display:block;height:8px;background:#e7e7e7;border-radius:999px;overflow:hidden;margin:7px 0}.df-layout-span-bar i{display:block;height:100%;background:#5bc0de;transition:width .2s}.df-layout-span-status.is-valid .df-layout-span-bar i{background:#5cb85c}.df-column-mini-preview{height:12px;background:#eee;border-radius:3px;margin:8px 0;overflow:hidden}.df-column-mini-preview i{display:block;height:100%;background:#5bc0de;min-width:2px}
.df-designer-preview{background:#f6f7f9;padding:14px;min-height:200px}.df-designer-issues{display:flex;flex-direction:column;gap:7px}.df-designer-issue{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;text-align:right;border:1px solid #ddd;border-radius:4px;background:#fff;padding:9px 10px}.df-designer-issue:hover{background:#f7fbfd;border-color:#5bc0de}.df-designer-issue>span{grid-row:1/3;align-self:center;padding:3px 6px;border-radius:3px;color:#fff}.df-designer-issue.is-error>span{background:#d9534f}.df-designer-issue.is-warning>span{background:#f0ad4e}.df-designer-issue small{color:#777}.df-issue-summary{margin-left:auto;font-weight:700}
.df-custom-html{border-right:3px solid #bbb;padding:5px 8px;margin:5px 0;background:#fafafa;overflow-wrap:anywhere}.df-custom-html--before{border-color:#5bc0de}.df-custom-html--after{border-color:#5cb85c}.df-field-wrapper{margin-bottom:10px}.df-display-value{margin:5px 0}.df-uploaded-file{display:inline-flex;align-items:center;gap:7px;max-width:100%;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:5px 8px}.df-uploaded-file a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-table-field{margin-top:5px}.df-table-action-column{width:80px}.df-recaptcha{min-height:78px}.df-validation-errors{margin-top:5px}.df-validation-errors p:before{content:"⚠ ";font-size:11px}.df-form-preview{max-width:1180px;margin:0 auto}.df-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.df-preview-heading h3{margin:0 0 4px}.df-preview-heading p{margin:0;color:#777}.df-form-actions .btn{min-width:120px}.df-step-breadcrumb button:disabled{opacity:.55;cursor:not-allowed}
.df-capacity-status{margin-top:18px;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.08);border-radius:5px;padding:10px 12px}.df-capacity-status>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.df-capacity-status .progress{margin:0}.df-form-unavailable{text-align:center;padding:25px}.df-form-unavailable h3{margin-top:0}.df-submit-code{direction:ltr;display:inline-block;background:#fff;border:1px dashed #5cb85c;border-radius:4px;padding:4px 9px;font-family:Consolas,monospace;letter-spacing:1px}
.df-filter-panel{background:#fff;border:1px solid #ddd;border-radius:5px;padding:12px;margin-bottom:16px;box-shadow:0 2px 7px rgba(0,0,0,.04)}.df-filter-checks{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.df-filter-checks label{font-weight:normal;margin:0;cursor:pointer}.df-filter-checks input{margin-left:5px}.df-form-card{transition:transform .15s,box-shadow .15s,border-color .15s}.df-form-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.09)}.df-form-card__description{color:#666;line-height:1.8;min-height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.df-card-grid.is-refreshing{opacity:.62;pointer-events:none}.df-empty-state{text-align:center;border:1px dashed #bbb;border-radius:6px;background:#fafafa;padding:35px 20px;margin:20px 0}.df-empty-state strong{display:block;font-size:17px}.df-empty-state p{color:#777;margin:8px 0 14px}.df-pagination__ellipsis{padding:6px 2px;color:#777}
.df-report-preview{overflow:auto}.df-report-preview img{max-width:100%;height:auto}.df-binding-list button:hover{border-color:#337ab7;background:#eef7ff}.df-custom-report__items{min-height:80px}.df-code-input,.df-html-editor{tab-size:2}
@media(max-width:1100px){.df-designer-shell.is-palette-closed .df-designer-grid,.df-designer-shell.is-settings-closed .df-designer-grid,.df-designer-shell.is-palette-closed.is-settings-closed .df-designer-grid{grid-template-columns:1fr}.df-designer-panel-toggles{margin-right:auto}}
@media(max-width:768px){.df-property-grid-2,.df-two-column-fields{grid-template-columns:1fr}.df-settings-tabs{position:static;flex-wrap:wrap}.df-settings-tabs button{min-width:50%}.df-filter-checks{flex-direction:column;gap:8px}.df-form-actions{align-items:stretch}.df-form-actions .btn{flex:1;min-width:0}.df-preview-heading{flex-direction:column}.df-pagination{flex-wrap:wrap}.df-designer-panel-toggles,.df-side-toggle,.df-viewport-buttons{max-width:100%}}
@media(prefers-reduced-motion:reduce){[data-dynamicforms-react-root] *,[data-dynamicforms-react-root] *:before,[data-dynamicforms-react-root] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.df-toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.df-toast>span{flex:1;line-height:1.7}.df-toast>button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1;padding:0;opacity:.8}.df-toast>button:hover{opacity:1}

/* ========================================================================
   DynamicForms Bootstrap 3 / Bootstrap 5 compatibility layer (v3.2.0)
   This block is deliberately scoped to the React root. It normalizes the
   controls used by the designer, public form, submissions and reports and
   never loads a second Bootstrap runtime into the host DNN page.
   ======================================================================== */
[data-dynamicforms-react-root],
[data-preview-bootstrap-version]{
  --df-font-family:Tahoma,Arial,sans-serif;
  --df-font-size:14px;
  --df-line-height:1.55;
  --df-body-color:#333;
  --df-muted:#6c757d;
  --df-surface:#fff;
  --df-surface-soft:#f7f7f7;
  --df-border:#d9dee3;
  --df-border-strong:#b9c1c9;
  --df-focus-ring:rgba(51,122,183,.25);
  --df-primary:#337ab7;
  --df-primary-hover:#286090;
  --df-primary-border:#2e6da4;
  --df-secondary:#fff;
  --df-secondary-color:#333;
  --df-secondary-hover:#e6e6e6;
  --df-secondary-border:#ccc;
  --df-success:#5cb85c;
  --df-success-hover:#449d44;
  --df-info:#5bc0de;
  --df-info-hover:#31b0d5;
  --df-warning:#f0ad4e;
  --df-warning-hover:#ec971f;
  --df-danger:#d9534f;
  --df-danger-hover:#c9302c;
  --df-radius:4px;
  --df-radius-lg:6px;
  --df-control-height:34px;
  --df-control-padding-y:6px;
  --df-control-padding-x:12px;
  --df-gutter:16px;
  color:var(--df-body-color);
  font-family:var(--df-font-family);
  font-size:var(--df-font-size);
  line-height:var(--df-line-height);
}

[data-dynamicforms-react-root][data-bootstrap-version="5"],
[data-preview-bootstrap-version="5"]{
  --df-body-color:#212529;
  --df-surface-soft:#f8f9fa;
  --df-border:#dee2e6;
  --df-border-strong:#adb5bd;
  --df-focus-ring:rgba(13,110,253,.25);
  --df-primary:#0d6efd;
  --df-primary-hover:#0b5ed7;
  --df-primary-border:#0a58ca;
  --df-secondary:#6c757d;
  --df-secondary-color:#fff;
  --df-secondary-hover:#5c636a;
  --df-secondary-border:#565e64;
  --df-success:#198754;
  --df-success-hover:#157347;
  --df-info:#0dcaf0;
  --df-info-hover:#31d2f2;
  --df-warning:#ffc107;
  --df-warning-hover:#ffca2c;
  --df-danger:#dc3545;
  --df-danger-hover:#bb2d3b;
  --df-radius:.375rem;
  --df-radius-lg:.5rem;
  --df-control-height:38px;
  --df-control-padding-y:.375rem;
  --df-control-padding-x:.75rem;
}

[data-dynamicforms-react-root] *,
[data-dynamicforms-react-root] *::before,
[data-dynamicforms-react-root] *::after{box-sizing:border-box}

[data-dynamicforms-react-root] button,
[data-dynamicforms-react-root] input,
[data-dynamicforms-react-root] select,
[data-dynamicforms-react-root] textarea{font:inherit}

[data-dynamicforms-react-root] a{color:var(--df-primary)}
[data-dynamicforms-react-root] a:hover{color:var(--df-primary-hover)}
[data-dynamicforms-react-root] img{max-width:100%}

/* Forms */
[data-dynamicforms-react-root] .form-group,
[data-dynamicforms-react-root] .df-form-group{margin-bottom:15px}
[data-dynamicforms-react-root] .form-group>label,
[data-dynamicforms-react-root] .df-form-group>label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
[data-dynamicforms-react-root] .form-text,
[data-dynamicforms-react-root] .help-block{display:block;margin:5px 0 0;color:var(--df-muted);font-size:.9em;line-height:1.55}

[data-dynamicforms-react-root] .form-control,
[data-dynamicforms-react-root] .form-select{
  display:block;
  width:100%;
  min-width:0;
  min-height:var(--df-control-height);
  padding:var(--df-control-padding-y) var(--df-control-padding-x);
  color:var(--df-body-color);
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid var(--df-border-strong);
  border-radius:var(--df-radius);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .form-control,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .form-select{box-shadow:none}
[data-dynamicforms-react-root] textarea.form-control{height:auto;min-height:76px;resize:vertical}
[data-dynamicforms-react-root] select.form-control,
[data-dynamicforms-react-root] select.form-select{height:var(--df-control-height);padding-top:4px;padding-bottom:4px}
[data-dynamicforms-react-root] .form-control:focus,
[data-dynamicforms-react-root] .form-select:focus{
  outline:0;
  border-color:var(--df-primary);
  box-shadow:0 0 0 3px var(--df-focus-ring);
}
[data-dynamicforms-react-root] .form-control::placeholder{color:#999;opacity:1}
[data-dynamicforms-react-root] .form-control:disabled,
[data-dynamicforms-react-root] .form-select:disabled,
[data-dynamicforms-react-root] .form-control[readonly]{background:#eee;opacity:1;cursor:not-allowed}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .form-control:disabled,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .form-select:disabled,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .form-control[readonly]{background:#e9ecef}
[data-dynamicforms-react-root] .input-sm,
[data-dynamicforms-react-root] .form-control-sm{min-height:30px;height:30px;padding:5px 10px;font-size:12px;border-radius:3px}
[data-dynamicforms-react-root] .input-lg,
[data-dynamicforms-react-root] .form-control-lg{min-height:46px;height:46px;padding:10px 16px;font-size:18px;border-radius:var(--df-radius-lg)}
[data-dynamicforms-react-root] .df-file-input{height:auto;min-height:var(--df-control-height);padding:5px 8px;line-height:1.6}
[data-dynamicforms-react-root] .df-file-input::file-selector-button{margin:-5px -8px -5px 10px;padding:6px 12px;border:0;border-left:1px solid var(--df-border);background:var(--df-surface-soft);color:var(--df-body-color);cursor:pointer}
[data-dynamicforms-react-root] .df-file-input:hover::file-selector-button{background:#eceff2}

/* Validation */
[data-dynamicforms-react-root] .has-error .form-control,
[data-dynamicforms-react-root] .has-error .form-select,
[data-dynamicforms-react-root] .df-has-error .form-control,
[data-dynamicforms-react-root] .df-has-error .form-select,
[data-dynamicforms-react-root] .form-control.is-invalid,
[data-dynamicforms-react-root] .form-select.is-invalid,
[data-dynamicforms-react-root] .form-check-input.is-invalid{border-color:var(--df-danger)}
[data-dynamicforms-react-root] .has-error .form-control:focus,
[data-dynamicforms-react-root] .df-has-error .form-control:focus,
[data-dynamicforms-react-root] .form-control.is-invalid:focus,
[data-dynamicforms-react-root] .form-select.is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--df-danger) 22%,transparent)}
[data-dynamicforms-react-root] .has-error>label,
[data-dynamicforms-react-root] .df-has-error>label,
[data-dynamicforms-react-root] .invalid-feedback,
[data-dynamicforms-react-root] .df-validation-errors{color:var(--df-danger)}
[data-dynamicforms-react-root] .invalid-feedback{display:none}
[data-dynamicforms-react-root] .invalid-feedback.d-block,
[data-dynamicforms-react-root] .df-validation-errors{display:block}

/* Input groups: BS3 input-group-addon and BS5 input-group-text */
[data-dynamicforms-react-root] .input-group,
[data-dynamicforms-react-root] .df-input-group{position:relative;display:flex;align-items:stretch;width:100%;border-collapse:separate}
[data-dynamicforms-react-root] .input-group>.form-control,
[data-dynamicforms-react-root] .df-input-group>.form-control{position:relative;z-index:1;flex:1 1 auto;width:1%;min-width:0;margin:0}
[data-dynamicforms-react-root] .input-group-addon,
[data-dynamicforms-react-root] .input-group-text{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:40px;
  padding:var(--df-control-padding-y) var(--df-control-padding-x);
  color:#555;
  white-space:nowrap;
  text-align:center;
  background:#eee;
  border:1px solid var(--df-border-strong);
}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .input-group-addon,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .input-group-text{color:#495057;background:#e9ecef}
[data-dynamicforms-react-root] .input-group>:first-child{border-start-start-radius:var(--df-radius);border-end-start-radius:var(--df-radius)}
[data-dynamicforms-react-root] .input-group>:last-child{border-start-end-radius:var(--df-radius);border-end-end-radius:var(--df-radius)}
[data-dynamicforms-react-root] .input-group>:not(:first-child){margin-inline-start:-1px;border-start-start-radius:0;border-end-start-radius:0}
[data-dynamicforms-react-root] .input-group>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}

/* Checkboxes and radios */
[data-dynamicforms-react-root] .df-choice-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
[data-dynamicforms-react-root] .checkbox,
[data-dynamicforms-react-root] .radio,
[data-dynamicforms-react-root] .form-check,
[data-dynamicforms-react-root] .df-check,
[data-dynamicforms-react-root] .df-radio{position:relative;margin:5px 0;font-weight:400}
[data-dynamicforms-react-root] .checkbox label,
[data-dynamicforms-react-root] .radio label,
[data-dynamicforms-react-root] .form-check-label,
[data-dynamicforms-react-root] .df-check label,
[data-dynamicforms-react-root] .df-radio label{display:inline-flex;align-items:center;gap:7px;min-height:20px;margin:0;font-weight:400;cursor:pointer}
[data-dynamicforms-react-root] .form-check-input,
[data-dynamicforms-react-root] .df-check input[type="checkbox"],
[data-dynamicforms-react-root] .df-radio input[type="radio"]{position:static;float:none;flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--df-primary)}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .form-check-input{width:1em;height:1em}
[data-dynamicforms-react-root] .form-check-input:focus{outline:0;box-shadow:0 0 0 3px var(--df-focus-ring)}
[data-dynamicforms-react-root] .form-check-input:disabled+span,
[data-dynamicforms-react-root] .form-check-input:disabled~span{opacity:.65;cursor:not-allowed}

/* Buttons */
[data-dynamicforms-react-root] .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:34px;
  margin:0;
  padding:6px 12px;
  color:#333;
  font-weight:400;
  line-height:1.42857143;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  touch-action:manipulation;
  cursor:pointer;
  user-select:none;
  background:#fff;
  border:1px solid transparent;
  border-radius:var(--df-radius);
  text-decoration:none;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
[data-dynamicforms-react-root] .btn:hover,
[data-dynamicforms-react-root] .btn:focus{text-decoration:none}
[data-dynamicforms-react-root] .btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--df-focus-ring)}
[data-dynamicforms-react-root] .btn:disabled,
[data-dynamicforms-react-root] .btn.disabled{pointer-events:none;cursor:not-allowed;opacity:.65;box-shadow:none}
[data-dynamicforms-react-root] .btn-default,
[data-dynamicforms-react-root] .btn-secondary{color:var(--df-secondary-color);background:var(--df-secondary);border-color:var(--df-secondary-border)}
[data-dynamicforms-react-root] .btn-default:hover,
[data-dynamicforms-react-root] .btn-default:focus,
[data-dynamicforms-react-root] .btn-secondary:hover,
[data-dynamicforms-react-root] .btn-secondary:focus{color:var(--df-secondary-color);background:var(--df-secondary-hover);border-color:var(--df-secondary-border)}
[data-dynamicforms-react-root] .btn-primary{color:#fff;background:var(--df-primary);border-color:var(--df-primary-border)}
[data-dynamicforms-react-root] .btn-primary:hover,[data-dynamicforms-react-root] .btn-primary:focus{color:#fff;background:var(--df-primary-hover);border-color:var(--df-primary-border)}
[data-dynamicforms-react-root] .btn-success{color:#fff;background:var(--df-success);border-color:var(--df-success)}
[data-dynamicforms-react-root] .btn-success:hover,[data-dynamicforms-react-root] .btn-success:focus{color:#fff;background:var(--df-success-hover);border-color:var(--df-success-hover)}
[data-dynamicforms-react-root] .btn-info{color:#fff;background:var(--df-info);border-color:var(--df-info)}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .btn-info{color:#000}
[data-dynamicforms-react-root] .btn-info:hover,[data-dynamicforms-react-root] .btn-info:focus{background:var(--df-info-hover);border-color:var(--df-info-hover)}
[data-dynamicforms-react-root] .btn-warning{color:#fff;background:var(--df-warning);border-color:var(--df-warning)}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .btn-warning{color:#000}
[data-dynamicforms-react-root] .btn-warning:hover,[data-dynamicforms-react-root] .btn-warning:focus{background:var(--df-warning-hover);border-color:var(--df-warning-hover)}
[data-dynamicforms-react-root] .btn-danger{color:#fff;background:var(--df-danger);border-color:var(--df-danger)}
[data-dynamicforms-react-root] .btn-danger:hover,[data-dynamicforms-react-root] .btn-danger:focus{color:#fff;background:var(--df-danger-hover);border-color:var(--df-danger-hover)}
[data-dynamicforms-react-root] .btn-link{color:var(--df-primary);background:transparent;border-color:transparent;box-shadow:none}
[data-dynamicforms-react-root] .btn-xs{min-height:24px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
[data-dynamicforms-react-root] .btn-sm{min-height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
[data-dynamicforms-react-root] .btn-lg{min-height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:var(--df-radius-lg)}
[data-dynamicforms-react-root] .btn-block{display:flex;width:100%}
[data-dynamicforms-react-root] .btn-group{position:relative;display:inline-flex;vertical-align:middle}
[data-dynamicforms-react-root] .btn-group>.btn:not(:first-child){margin-inline-start:-1px;border-start-start-radius:0;border-end-start-radius:0}
[data-dynamicforms-react-root] .btn-group>.btn:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}

/* Alerts */
[data-dynamicforms-react-root] .alert{position:relative;margin-bottom:20px;padding:15px;border:1px solid transparent;border-radius:var(--df-radius);line-height:1.65}
[data-dynamicforms-react-root] .alert-success{color:#3c763d;background:#dff0d8;border-color:#d6e9c6}
[data-dynamicforms-react-root] .alert-info{color:#31708f;background:#d9edf7;border-color:#bce8f1}
[data-dynamicforms-react-root] .alert-warning{color:#8a6d3b;background:#fcf8e3;border-color:#faebcc}
[data-dynamicforms-react-root] .alert-danger{color:#a94442;background:#f2dede;border-color:#ebccd1}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .alert-success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .alert-info{color:#055160;background:#cff4fc;border-color:#b6effb}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .alert-warning{color:#664d03;background:#fff3cd;border-color:#ffecb5}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .alert-danger{color:#842029;background:#f8d7da;border-color:#f5c2c7}

/* Panels and cards */
[data-dynamicforms-react-root] .panel,
[data-dynamicforms-react-root] .card,
[data-dynamicforms-react-root] .df-panel{position:relative;display:block;margin:0 0 20px;background:#fff;border:1px solid var(--df-border);border-radius:var(--df-radius);box-shadow:0 1px 1px rgba(0,0,0,.05);overflow:visible}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .card,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .df-panel{box-shadow:none}
[data-dynamicforms-react-root] .panel-heading,
[data-dynamicforms-react-root] .card-header{padding:10px 15px;border-bottom:1px solid var(--df-border);border-start-start-radius:calc(var(--df-radius) - 1px);border-start-end-radius:calc(var(--df-radius) - 1px);font-weight:600}
[data-dynamicforms-react-root] .panel-body,
[data-dynamicforms-react-root] .card-body{padding:15px}
[data-dynamicforms-react-root] .panel-footer,
[data-dynamicforms-react-root] .card-footer{padding:10px 15px;background:var(--df-surface-soft);border-top:1px solid var(--df-border)}
[data-dynamicforms-react-root] .panel-default>.panel-heading,
[data-dynamicforms-react-root] .panel-default>.card-header{color:#333;background:#f5f5f5;border-color:#ddd}
[data-dynamicforms-react-root] .panel-primary{border-color:var(--df-primary)}
[data-dynamicforms-react-root] .panel-primary>.panel-heading,
[data-dynamicforms-react-root] .panel-primary>.card-header{color:#fff;background:var(--df-primary);border-color:var(--df-primary)}
[data-dynamicforms-react-root] .panel-success{border-color:#d6e9c6}
[data-dynamicforms-react-root] .panel-success>.panel-heading,
[data-dynamicforms-react-root] .panel-success>.card-header{color:#3c763d;background:#dff0d8;border-color:#d6e9c6}
[data-dynamicforms-react-root] .panel-info{border-color:#bce8f1}
[data-dynamicforms-react-root] .panel-info>.panel-heading,
[data-dynamicforms-react-root] .panel-info>.card-header{color:#31708f;background:#d9edf7;border-color:#bce8f1}
[data-dynamicforms-react-root] .panel-warning{border-color:#faebcc}
[data-dynamicforms-react-root] .panel-warning>.panel-heading,
[data-dynamicforms-react-root] .panel-warning>.card-header{color:#8a6d3b;background:#fcf8e3;border-color:#faebcc}
[data-dynamicforms-react-root] .panel-danger{border-color:#ebccd1}
[data-dynamicforms-react-root] .panel-danger>.panel-heading,
[data-dynamicforms-react-root] .panel-danger>.card-header{color:#a94442;background:#f2dede;border-color:#ebccd1}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-success>.panel-heading,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-success>.card-header{color:#0f5132;background:#d1e7dd}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-info>.panel-heading,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-info>.card-header{color:#055160;background:#cff4fc}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-warning>.panel-heading,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-warning>.card-header{color:#664d03;background:#fff3cd}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-danger>.panel-heading,
[data-dynamicforms-react-root][data-bootstrap-version="5"] .panel-danger>.card-header{color:#842029;background:#f8d7da}

/* Tables */
[data-dynamicforms-react-root] .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
[data-dynamicforms-react-root] .table{width:100%;max-width:100%;margin-bottom:20px;border-collapse:collapse;border-spacing:0;color:inherit;background:transparent}
[data-dynamicforms-react-root] .table th,
[data-dynamicforms-react-root] .table td{padding:8px;vertical-align:top;border-top:1px solid var(--df-border);text-align:start}
[data-dynamicforms-react-root] .table thead th{vertical-align:bottom;border-bottom:2px solid var(--df-border);font-weight:700;white-space:nowrap}
[data-dynamicforms-react-root] .table-bordered{border:1px solid var(--df-border)}
[data-dynamicforms-react-root] .table-bordered th,
[data-dynamicforms-react-root] .table-bordered td{border:1px solid var(--df-border)}
[data-dynamicforms-react-root] .table-striped tbody tr:nth-of-type(odd){background:rgba(0,0,0,.025)}
[data-dynamicforms-react-root] .table-hover tbody tr:hover{background:rgba(0,0,0,.055)}
[data-dynamicforms-react-root] .table-condensed th,
[data-dynamicforms-react-root] .table-condensed td,
[data-dynamicforms-react-root] .table-sm th,
[data-dynamicforms-react-root] .table-sm td{padding:5px}

/* Progress */
[data-dynamicforms-react-root] .progress{display:flex;height:20px;margin-bottom:20px;overflow:hidden;background:#f5f5f5;border-radius:var(--df-radius);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .progress{height:1rem;background:#e9ecef;box-shadow:none}
[data-dynamicforms-react-root] .progress-bar{display:flex;align-items:center;justify-content:center;height:100%;min-width:0;color:#fff;font-size:12px;white-space:nowrap;text-align:center;background:var(--df-primary);transition:width .6s ease}
[data-dynamicforms-react-root] .progress-bar-success,
[data-dynamicforms-react-root] .bg-success{background-color:var(--df-success)!important}
[data-dynamicforms-react-root] .progress-bar-info,
[data-dynamicforms-react-root] .bg-info{background-color:var(--df-info)!important}
[data-dynamicforms-react-root] .progress-bar-warning,
[data-dynamicforms-react-root] .bg-warning{background-color:var(--df-warning)!important}
[data-dynamicforms-react-root] .progress-bar-danger,
[data-dynamicforms-react-root] .bg-danger{background-color:var(--df-danger)!important}

/* Breadcrumbs, tabs and badges */
[data-dynamicforms-react-root] .breadcrumb{display:flex;flex-wrap:wrap;gap:0;margin:0 0 20px;padding:8px 15px;list-style:none;background:#f5f5f5;border-radius:var(--df-radius)}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .breadcrumb{background:transparent;padding:0}
[data-dynamicforms-react-root] .breadcrumb>li{display:flex;align-items:center}
[data-dynamicforms-react-root] .breadcrumb>li+li::before{content:"/";padding:0 8px;color:#ccc}
[data-dynamicforms-react-root] .breadcrumb>.active{color:#777}
[data-dynamicforms-react-root] .nav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
[data-dynamicforms-react-root] .nav-tabs{border-bottom:1px solid var(--df-border)}
[data-dynamicforms-react-root] .nav-tabs>li,
[data-dynamicforms-react-root] .nav-tabs>.nav-item{margin-bottom:-1px}
[data-dynamicforms-react-root] .nav-tabs>li>button,
[data-dynamicforms-react-root] .nav-tabs .nav-link{display:block;padding:10px 15px;color:var(--df-primary);background:transparent;border:1px solid transparent;border-radius:var(--df-radius) var(--df-radius) 0 0;cursor:pointer}
[data-dynamicforms-react-root] .nav-tabs>li.active>button,
[data-dynamicforms-react-root] .nav-tabs .nav-link.active{color:#555;background:#fff;border-color:var(--df-border) var(--df-border) #fff}
[data-dynamicforms-react-root] .label,
[data-dynamicforms-react-root] .badge{display:inline-block;padding:.25em .55em;color:#fff;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;background:#777}
[data-dynamicforms-react-root] .label-primary,[data-dynamicforms-react-root] .bg-primary{background:var(--df-primary)!important}
[data-dynamicforms-react-root] .label-info{background:var(--df-info)!important}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .label-info,[data-dynamicforms-react-root][data-bootstrap-version="5"] .bg-info{color:#000}

/* Responsive grid independent of the host Bootstrap generation */
[data-dynamicforms-react-root] .df-form-row{display:flex;flex-wrap:wrap;margin-inline:calc(var(--df-gutter) / -2)}
[data-dynamicforms-react-root] .df-form-col{position:relative;flex:0 0 100%;width:100%;max-width:100%;min-width:0;padding-inline:calc(var(--df-gutter) / 2)}

@media(min-width:992px){
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-1{flex-basis:8.333333%;max-width:8.333333%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-2{flex-basis:16.666667%;max-width:16.666667%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-3{flex-basis:25%;max-width:25%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-4{flex-basis:33.333333%;max-width:33.333333%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-5{flex-basis:41.666667%;max-width:41.666667%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-6{flex-basis:50%;max-width:50%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-7{flex-basis:58.333333%;max-width:58.333333%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-8{flex-basis:66.666667%;max-width:66.666667%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-9{flex-basis:75%;max-width:75%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-10{flex-basis:83.333333%;max-width:83.333333%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-11{flex-basis:91.666667%;max-width:91.666667%}
  [data-dynamicforms-react-root].df-bs-3 .df-col-span-12{flex-basis:100%;max-width:100%}
}
@media(min-width:768px){
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-1{flex-basis:8.333333%;max-width:8.333333%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-2{flex-basis:16.666667%;max-width:16.666667%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-3{flex-basis:25%;max-width:25%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-4{flex-basis:33.333333%;max-width:33.333333%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-5{flex-basis:41.666667%;max-width:41.666667%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-6{flex-basis:50%;max-width:50%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-7{flex-basis:58.333333%;max-width:58.333333%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-8{flex-basis:66.666667%;max-width:66.666667%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-9{flex-basis:75%;max-width:75%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-10{flex-basis:83.333333%;max-width:83.333333%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-11{flex-basis:91.666667%;max-width:91.666667%}
  [data-dynamicforms-react-root].df-bs-5 .df-col-span-12{flex-basis:100%;max-width:100%}
}

/* Utilities that changed names between Bootstrap 3 and 5 */
[data-dynamicforms-react-root] .img-responsive,
[data-dynamicforms-react-root] .img-fluid{display:block;max-width:100%;height:auto}
[data-dynamicforms-react-root] .center-block{display:block;margin-inline:auto}
[data-dynamicforms-react-root] .pull-left,[data-dynamicforms-react-root] .float-start{float:left!important}
[data-dynamicforms-react-root] .pull-right,[data-dynamicforms-react-root] .float-end{float:right!important}
[data-dynamicforms-react-root] .text-left,[data-dynamicforms-react-root] .text-start{text-align:left!important}
[data-dynamicforms-react-root] .text-right,[data-dynamicforms-react-root] .text-end{text-align:right!important}
[data-dynamicforms-react-root] .text-center{text-align:center!important}
[data-dynamicforms-react-root] .text-muted{color:var(--df-muted)!important}
[data-dynamicforms-react-root] .text-primary{color:var(--df-primary)!important}
[data-dynamicforms-react-root] .text-success{color:var(--df-success)!important}
[data-dynamicforms-react-root] .text-info{color:#31708f!important}
[data-dynamicforms-react-root] .text-warning{color:#8a6d3b!important}
[data-dynamicforms-react-root] .text-danger{color:var(--df-danger)!important}
[data-dynamicforms-react-root] .d-block{display:block!important}
[data-dynamicforms-react-root] .d-none,[data-dynamicforms-react-root] .hidden{display:none!important}
[data-dynamicforms-react-root] .clearfix::after{display:table;clear:both;content:""}
[data-dynamicforms-react-root] .sr-only,[data-dynamicforms-react-root] .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[data-dynamicforms-react-root] .well{min-height:20px;margin-bottom:20px;padding:19px;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:var(--df-radius);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
[data-dynamicforms-react-root] .jumbotron{margin-bottom:30px;padding:30px 15px;background:#eee;border-radius:var(--df-radius-lg)}

/* DynamicForms navigation: no Bootstrap JS or navbar collapse dependency */
[data-dynamicforms-react-root] .df-management-header{position:relative;z-index:35;background:#222;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.16)}
[data-dynamicforms-react-root][data-bootstrap-version="5"] .df-management-header{background:#212529}
[data-dynamicforms-react-root] .df-management-nav{display:flex;align-items:center;gap:8px;min-height:52px;max-width:1500px;margin:0 auto;padding:7px 16px}
[data-dynamicforms-react-root] .df-management-brand{flex:0 0 auto;padding:7px 4px;color:#fff;font-size:17px;font-weight:700;text-decoration:none}
[data-dynamicforms-react-root] .df-management-links{display:flex;align-items:center;gap:3px;min-width:0;overflow-x:auto;scrollbar-width:thin}
[data-dynamicforms-react-root] .df-management-links a,
[data-dynamicforms-react-root] .df-management-site-link{display:block;flex:0 0 auto;padding:8px 10px;color:#d8d8d8;border-radius:var(--df-radius);text-decoration:none;white-space:nowrap}
[data-dynamicforms-react-root] .df-management-links a:hover,
[data-dynamicforms-react-root] .df-management-links a.is-active,
[data-dynamicforms-react-root] .df-management-site-link:hover{color:#fff;background:rgba(255,255,255,.13)}
[data-dynamicforms-react-root] .df-management-site-link{margin-inline-start:auto}
[data-dynamicforms-react-root] .df-management-main{min-height:500px;background:var(--df-surface)}

/* Bootstrap compatibility settings page */
[data-dynamicforms-react-root] .df-portal-badge{display:inline-flex;align-items:center;padding:6px 10px;background:var(--df-surface-soft);border:1px solid var(--df-border);border-radius:999px;color:var(--df-muted);font-size:12px;direction:ltr}
[data-dynamicforms-react-root] .df-bootstrap-note{margin-bottom:18px}
[data-dynamicforms-react-root] .df-bootstrap-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
[data-dynamicforms-react-root] .df-bootstrap-choice{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px 10px;min-height:138px;padding:18px;text-align:start;color:var(--df-body-color);background:#fff;border:2px solid var(--df-border);border-radius:var(--df-radius-lg);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
[data-dynamicforms-react-root] .df-bootstrap-choice:hover{border-color:var(--df-primary);transform:translateY(-1px)}
[data-dynamicforms-react-root] .df-bootstrap-choice:focus-visible{outline:0;box-shadow:0 0 0 3px var(--df-focus-ring)}
[data-dynamicforms-react-root] .df-bootstrap-choice.is-selected{border-color:var(--df-primary);box-shadow:0 0 0 3px var(--df-focus-ring)}
[data-dynamicforms-react-root] .df-bootstrap-choice__number{grid-column:1/2;color:var(--df-primary);font-weight:700;font-size:18px;direction:ltr;text-align:start}
[data-dynamicforms-react-root] .df-bootstrap-choice strong{grid-column:1/2;font-size:16px}
[data-dynamicforms-react-root] .df-bootstrap-choice small{grid-column:1/2;color:var(--df-muted);line-height:1.8}
[data-dynamicforms-react-root] .df-bootstrap-choice i{grid-column:2;grid-row:1/4;align-self:start;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;background:var(--df-primary);border-radius:50%;font-style:normal}
[data-dynamicforms-react-root] .df-settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 24px}
[data-dynamicforms-react-root] .df-settings-preview-section{padding-top:18px;border-top:1px solid var(--df-border)}
[data-dynamicforms-react-root] .df-settings-preview-section>header{margin-bottom:14px}
[data-dynamicforms-react-root] .df-settings-preview-section h3{margin:0 0 6px}
[data-dynamicforms-react-root] .df-settings-preview-section p{margin:0;color:var(--df-muted)}
[data-dynamicforms-react-root] .df-bootstrap-preview{padding:16px;background:var(--df-surface-soft);border:1px solid var(--df-border);border-radius:var(--df-radius-lg)}
[data-dynamicforms-react-root] .df-preview-toolbar{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
[data-dynamicforms-react-root] .df-compat-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-dynamicforms-react-root] .df-compat-panel{margin:0}
[data-dynamicforms-react-root] .df-choice-stack{display:flex;flex-direction:column;gap:5px}

/* Public renderer refinements common to both generations */
[data-dynamicforms-react-root] .df-form-renderer,
[data-dynamicforms-react-root] .df-form-preview,
[data-dynamicforms-react-root] .df-public-form,
[data-dynamicforms-react-root] .df-submission-detail{width:100%;max-width:1180px;margin-inline:auto}
[data-dynamicforms-react-root] .df-field-wrapper{min-width:0;margin-bottom:10px}
[data-dynamicforms-react-root] .df-form-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:15px 0}
[data-dynamicforms-react-root] .df-step-breadcrumb{gap:0;overflow-x:auto;flex-wrap:nowrap}
[data-dynamicforms-react-root] .df-step-breadcrumb>li{flex:0 0 auto}
[data-dynamicforms-react-root] .df-step-breadcrumb button{border:0;background:transparent;color:inherit;padding:2px 0;cursor:pointer}
[data-dynamicforms-react-root] .df-step-breadcrumb button:disabled{cursor:not-allowed;opacity:.55}
[data-dynamicforms-react-root] .df-step-breadcrumb li.is-valid button::after{content:" ✓";color:var(--df-success);font-weight:700}
[data-dynamicforms-react-root] .df-uploaded-file{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
[data-dynamicforms-react-root] .df-uploaded-file a{max-width:100%;overflow-wrap:anywhere}
[data-dynamicforms-react-root] .df-simple-captcha{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
[data-dynamicforms-react-root] .df-simple-captcha .form-control{flex:1 1 180px;max-width:250px}
[data-dynamicforms-react-root] .df-simple-captcha img{height:42px;max-width:150px;border:1px solid var(--df-border);border-radius:var(--df-radius)}
[data-dynamicforms-react-root] .df-table-inputs .df-form-group{min-width:0;margin-bottom:0}
[data-dynamicforms-react-root] .df-table-action-column{width:1%;white-space:nowrap}
[data-dynamicforms-react-root] .df-captcha-placeholder{border:1px dashed var(--df-border-strong);border-radius:var(--df-radius)}
[data-dynamicforms-react-root] .df-rich-text{overflow-wrap:anywhere}

/* Designer refinements */
[data-dynamicforms-react-root] .df-designer-row.df-form-row{margin-inline:0}
[data-dynamicforms-react-root] .df-designer-column.df-form-col{padding-inline:8px}
[data-dynamicforms-react-root] .df-designer-field .form-group:last-child{margin-bottom:0}
[data-dynamicforms-react-root] .df-designer-field .panel:last-child{margin-bottom:0}
[data-dynamicforms-react-root] .df-field-toolbar button:focus-visible,
[data-dynamicforms-react-root] .df-layout-toolbar button:focus-visible{outline:2px solid #fff;outline-offset:1px}

@media(max-width:767px){
  [data-dynamicforms-react-root] .df-page{padding:12px}
  [data-dynamicforms-react-root] .df-page-header{align-items:flex-start;flex-direction:column;gap:10px}
  [data-dynamicforms-react-root] .df-management-nav{align-items:stretch;flex-wrap:wrap;padding:7px 10px}
  [data-dynamicforms-react-root] .df-management-brand{width:100%}
  [data-dynamicforms-react-root] .df-management-links{order:3;width:100%;padding-bottom:2px}
  [data-dynamicforms-react-root] .df-management-site-link{margin-inline-start:auto}
  [data-dynamicforms-react-root] .df-bootstrap-choice-grid,
  [data-dynamicforms-react-root] .df-compat-preview-grid{grid-template-columns:1fr}
  [data-dynamicforms-react-root] .df-form-actions>.btn{flex:1 1 auto}
  [data-dynamicforms-react-root] .table-responsive{border:1px solid var(--df-border)}
}

@media print{
  [data-dynamicforms-react-root] .no-print,
  [data-dynamicforms-react-root] .df-management-header,
  [data-dynamicforms-react-root] .df-form-actions,
  [data-dynamicforms-react-root] .df-toasts{display:none!important}
  [data-dynamicforms-react-root] .panel,
  [data-dynamicforms-react-root] .card{break-inside:avoid;box-shadow:none}
}

[data-dynamicforms-react-root] .input-group-btn{position:relative;display:flex;align-items:stretch;flex:0 0 auto}
[data-dynamicforms-react-root] .input-group-btn>.btn{height:100%;border-radius:0}

/* Standalone pages and old reports may still emit col-md-* without df-col-span-* */
[data-dynamicforms-react-root] .row{display:flex;flex-wrap:wrap;margin-inline:calc(var(--df-gutter) / -2)}
[data-dynamicforms-react-root] .row>[class*="col-"]{position:relative;width:100%;min-width:0;padding-inline:calc(var(--df-gutter) / 2)}
@media(min-width:992px){
  [data-dynamicforms-react-root].df-bs-3 .col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-3{flex:0 0 25%;max-width:25%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-6{flex:0 0 50%;max-width:50%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-9{flex:0 0 75%;max-width:75%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-11{flex:0 0 91.666667%;max-width:91.666667%}
  [data-dynamicforms-react-root].df-bs-3 .col-md-12{flex:0 0 100%;max-width:100%}
}
@media(min-width:768px){
  [data-dynamicforms-react-root].df-bs-5 .col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-3{flex:0 0 25%;max-width:25%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-6{flex:0 0 50%;max-width:50%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-9{flex:0 0 75%;max-width:75%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-11{flex:0 0 91.666667%;max-width:91.666667%}
  [data-dynamicforms-react-root].df-bs-5 .col-md-12{flex:0 0 100%;max-width:100%}
}

/* Keep the preview accurate even before the new site option is saved. */
[data-preview-bootstrap-version="5"] .form-control,
[data-preview-bootstrap-version="5"] .form-select{box-shadow:none}
[data-preview-bootstrap-version="5"] .btn-info,
[data-preview-bootstrap-version="5"] .btn-warning,
[data-preview-bootstrap-version="5"] .label-info,
[data-preview-bootstrap-version="5"] .bg-info{color:#000}
[data-preview-bootstrap-version="5"] .alert-success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}
[data-preview-bootstrap-version="5"] .alert-info{color:#055160;background:#cff4fc;border-color:#b6effb}
[data-preview-bootstrap-version="5"] .panel-info>.panel-heading,
[data-preview-bootstrap-version="5"] .panel-info>.card-header{color:#055160;background:#cff4fc}
[data-dynamicforms-react-root] .df-compat-preview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
[data-dynamicforms-react-root] .df-captcha-code{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:42px;padding:0 12px;background:repeating-linear-gradient(-35deg,#f1f3f5,#f1f3f5 5px,#e1e5e9 5px,#e1e5e9 10px);border:1px solid var(--df-border);border-radius:var(--df-radius);font-size:18px;font-weight:700;letter-spacing:4px}
[data-dynamicforms-react-root] .df-compat-image-placeholder{display:flex;align-items:center;justify-content:center;min-height:100px;margin-top:14px;color:var(--df-muted);background:linear-gradient(135deg,#edf2f7,#dfe8f1);border:1px solid var(--df-border);border-radius:var(--df-radius)}
[data-dynamicforms-react-root][data-bootstrap-version="3"],
[data-preview-bootstrap-version="3"]{color-scheme:light}


/* Submission report hotfix 1.6.0: compact on-screen report and Persian-safe browser PDF output. */
[data-dynamicforms-react-root] .df-submission-detail{padding:16px;background:#fff}
[data-dynamicforms-react-root] .df-submission-detail__header{margin-bottom:10px;padding-bottom:10px}
[data-dynamicforms-react-root] .df-report-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
[data-dynamicforms-react-root] .df-pdf-help{margin:0 0 12px;padding:8px 10px;color:#555;background:#f7f7f7;border:1px solid #ddd;border-radius:4px;font-size:12px}
[data-dynamicforms-react-root] .df-form-renderer--readonly-all .df-readonly-tab{margin-bottom:12px}
[data-dynamicforms-react-root] .df-readonly-tab__heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
[data-dynamicforms-react-root] .df-readonly-tab__number{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;color:#555;background:#eee;border-radius:999px;font-size:12px}
[data-dynamicforms-react-root] .df-form-renderer--readonly-all .df-form-group{margin-bottom:10px}
[data-dynamicforms-react-root] .df-form-renderer--readonly-all .df-file-field{min-height:32px}

@media(max-width:767px){
  [data-dynamicforms-react-root] .df-submission-detail{padding:8px}
  [data-dynamicforms-react-root] .df-report-actions{width:100%}
  [data-dynamicforms-react-root] .df-report-actions .btn{flex:1 1 auto}
}

@media print{
  @page{size:A4;margin:10mm}
  html,body{margin:0!important;padding:0!important;background:#fff!important}
  body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  [data-dynamicforms-react-root]{min-height:0!important;color:#000!important;background:#fff!important}
  [data-dynamicforms-react-root] .df-submission-detail{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}
  [data-dynamicforms-react-root] .df-submission-detail__header{margin:0 0 8mm!important;padding:0 0 4mm!important;border-bottom:1px solid #777!important}
  [data-dynamicforms-react-root] .df-submission-detail__header h2{font-size:18pt!important;margin:0 0 2mm!important}
  [data-dynamicforms-react-root] .df-submission-detail__header p{font-size:10pt!important;color:#333!important}
  [data-dynamicforms-react-root] .df-form-renderer--readonly-all{width:100%!important;max-width:none!important}
  [data-dynamicforms-react-root] .df-readonly-tab{break-inside:avoid-page;page-break-inside:avoid;margin:0 0 5mm!important;border:1px solid #999!important;border-radius:0!important;box-shadow:none!important}
  [data-dynamicforms-react-root] .df-readonly-tab__heading{padding:2.5mm 3mm!important;background:#eee!important;border-bottom:1px solid #999!important}
  [data-dynamicforms-react-root] .df-readonly-tab__number{border:1px solid #999!important;background:#fff!important}
  [data-dynamicforms-react-root] .df-readonly-tab>.panel-body,
  [data-dynamicforms-react-root] .df-readonly-tab>.card-body{padding:3mm!important}
  [data-dynamicforms-react-root] .df-form-row{break-inside:avoid-page;page-break-inside:avoid}
  [data-dynamicforms-react-root] .df-form-group,
  [data-dynamicforms-react-root] .df-field-wrapper{break-inside:avoid-page;page-break-inside:avoid;margin-bottom:2.5mm!important}
  [data-dynamicforms-react-root] .form-control,
  [data-dynamicforms-react-root] .form-select,
  [data-dynamicforms-react-root] textarea,
  [data-dynamicforms-react-root] input,
  [data-dynamicforms-react-root] select{min-height:0!important;color:#000!important;background:transparent!important;border:0!important;border-bottom:1px solid #bbb!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;padding:1mm 0!important}
  [data-dynamicforms-react-root] textarea{height:auto!important;overflow:visible!important;resize:none!important}
  [data-dynamicforms-react-root] select{-webkit-appearance:none!important;appearance:none!important}
  [data-dynamicforms-react-root] input[type=checkbox],
  [data-dynamicforms-react-root] input[type=radio]{border:1px solid #000!important;padding:0!important}
  [data-dynamicforms-react-root] .table-responsive{overflow:visible!important;border:0!important}
  [data-dynamicforms-react-root] table{width:100%!important;border-collapse:collapse!important;font-size:9pt!important}
  [data-dynamicforms-react-root] tr{break-inside:avoid-page;page-break-inside:avoid}
  [data-dynamicforms-react-root] th,
  [data-dynamicforms-react-root] td{border:1px solid #999!important;padding:2mm!important}
  [data-dynamicforms-react-root] a{color:#000!important;text-decoration:underline!important}
  [data-dynamicforms-react-root] .df-uploaded-file a{overflow-wrap:anywhere!important}
}

/* Designer compatibility hotfix 1.7.0: legacy controls, nested panels and usable inputs. */
[data-dynamicforms-react-root] .df-color-picker{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:6px}
[data-dynamicforms-react-root] .df-color-picker input[type="color"]{width:42px;height:34px;padding:2px;background:#fff;border:1px solid var(--df-border,#ccc);border-radius:4px;cursor:pointer}
[data-dynamicforms-react-root] .df-color-picker .btn{white-space:nowrap}

/* Field size and alignment are independent of whichever Bootstrap generation the host skin loads. */
[data-dynamicforms-react-root] .form-control.df-field-sm,
[data-dynamicforms-react-root] .form-select.df-field-sm,
[data-dynamicforms-react-root] .df-field-sm.form-control,
[data-dynamicforms-react-root] .df-field-sm.form-select{min-height:30px;padding:4px 8px;font-size:12px;line-height:1.5}
[data-dynamicforms-react-root] textarea.df-field-sm{min-height:60px}
[data-dynamicforms-react-root] .form-control.df-field-md,
[data-dynamicforms-react-root] .form-select.df-field-md,
[data-dynamicforms-react-root] .df-field-md.form-control,
[data-dynamicforms-react-root] .df-field-md.form-select{min-height:34px;padding:6px 10px;font-size:14px;line-height:1.45}
[data-dynamicforms-react-root] .form-control.df-field-lg,
[data-dynamicforms-react-root] .form-select.df-field-lg,
[data-dynamicforms-react-root] .df-field-lg.form-control,
[data-dynamicforms-react-root] .df-field-lg.form-select{min-height:44px;padding:9px 13px;font-size:18px;line-height:1.35}
[data-dynamicforms-react-root] textarea.df-field-lg{min-height:100px}
[data-dynamicforms-react-root] .df-choice-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px;min-height:30px}
[data-dynamicforms-react-root] .df-choice-list.text-right{justify-content:flex-start;text-align:right!important}
[data-dynamicforms-react-root] .df-choice-list.text-center{justify-content:center;text-align:center!important}
[data-dynamicforms-react-root] .df-choice-list.text-left{justify-content:flex-end;text-align:left!important}
[data-dynamicforms-react-root] .df-choice-list .df-radio,
[data-dynamicforms-react-root] .df-choice-list .df-check{display:inline-flex;align-items:center;margin:0}
[data-dynamicforms-react-root] .df-choice-list--radio{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-block-end:3px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
[data-dynamicforms-react-root] .df-choice-list--radio .df-radio{flex:0 0 auto;white-space:nowrap}
[data-dynamicforms-react-root] .df-choice-list .form-check-label{display:inline-flex;align-items:center;gap:5px;margin:0;cursor:pointer}
[data-dynamicforms-react-root] .df-choice-list.df-field-sm{font-size:12px;gap:5px 12px}
[data-dynamicforms-react-root] .df-choice-list.df-field-sm .form-check-input{width:13px;height:13px;margin:0}
[data-dynamicforms-react-root] .df-choice-list.df-field-md .form-check-input{width:16px;height:16px;margin:0}
[data-dynamicforms-react-root] .df-choice-list.df-field-lg{font-size:18px;gap:9px 22px}
[data-dynamicforms-react-root] .df-choice-list.df-field-lg .form-check-input{width:21px;height:21px;margin:0}
[data-dynamicforms-react-root] .df-check.df-field-sm{font-size:12px}
[data-dynamicforms-react-root] .df-check.df-field-sm .form-check-input{width:13px;height:13px}
[data-dynamicforms-react-root] .df-check.df-field-lg{font-size:18px}
[data-dynamicforms-react-root] .df-check.df-field-lg .form-check-input{width:21px;height:21px}

/* Native Persian date/time picker: no dependency on jQuery or the host skin. */
[data-dynamicforms-react-root] .df-persian-datetime{position:relative;width:100%;min-width:0}
[data-dynamicforms-react-root] .df-persian-datetime>.df-input-group{width:100%}
[data-dynamicforms-react-root] .df-persian-datetime__input-group>.form-control{min-width:0;flex:1 1 auto}
[data-dynamicforms-react-root] .df-persian-datetime__toggle{flex:0 0 38px;min-width:38px;padding-inline:8px;font-size:18px;line-height:1}
[data-dynamicforms-react-root] .df-persian-datetime__popup{position:fixed;z-index:100500;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:10px;color:#333;background:#fff;border:1px solid #aaa;border-radius:6px;box-shadow:0 8px 28px rgba(0,0,0,.24);direction:rtl;text-align:right}
[data-dynamicforms-react-root] .df-persian-calendar__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
[data-dynamicforms-react-root] .df-persian-calendar__header strong{flex:1;text-align:center}
[data-dynamicforms-react-root] .df-persian-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
[data-dynamicforms-react-root] .df-persian-calendar__weekday{display:flex;align-items:center;justify-content:center;height:25px;color:#666;font-size:11px;font-weight:700}
[data-dynamicforms-react-root] .df-persian-calendar__empty{height:31px}
[data-dynamicforms-react-root] .df-persian-calendar button{display:flex;align-items:center;justify-content:center;height:31px;padding:0;color:#333;background:#fff;border:1px solid transparent;border-radius:4px}
[data-dynamicforms-react-root] .df-persian-calendar button:hover{color:#fff;background:#5bc0de;border-color:#46b8da}
[data-dynamicforms-react-root] .df-persian-calendar button:disabled{color:#bbb;background:#f7f7f7;border-color:transparent;cursor:not-allowed;opacity:.72}
[data-dynamicforms-react-root] .df-persian-calendar button:disabled:hover{color:#bbb;background:#f7f7f7;border-color:transparent}
[data-dynamicforms-react-root] .df-persian-calendar button.is-selected{color:#fff;background:#337ab7;border-color:#2e6da4;font-weight:700}
[data-dynamicforms-react-root] .df-persian-calendar button.is-disabled,[data-dynamicforms-react-root] .df-persian-calendar button:disabled{color:#bbb;background:#f7f7f7;border-color:transparent;cursor:not-allowed;opacity:.65}
[data-dynamicforms-react-root] .df-time-picker{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid #eee;direction:ltr}
[data-dynamicforms-react-root] .df-time-picker label{display:block;margin:0;font-weight:normal;text-align:center}
[data-dynamicforms-react-root] .df-time-picker label>span{display:block;margin-bottom:3px;color:#666;font-size:10px;direction:rtl;text-align:center}
[data-dynamicforms-react-root] .df-time-picker .form-control{height:31px;min-height:31px;padding:3px 4px;text-align:center}
[data-dynamicforms-react-root] .df-persian-datetime__actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid #eee}
[data-dynamicforms-react-root] .df-table-inputs,
[data-dynamicforms-react-root] .df-form-col,
[data-dynamicforms-react-root] .df-field-wrapper{overflow:visible}

/* Panel layouts are real tree nodes, not visual-only placeholders. */
[data-dynamicforms-react-root] .df-panel-layouts{display:block;min-width:0;margin-top:5px}
[data-dynamicforms-react-root] .df-panel-layouts .df-layout-shell{margin-block:4px;background:rgba(255,255,255,.58)}
[data-dynamicforms-react-root] .df-panel-layout-drop{height:30px!important;min-height:30px;color:#337ab7!important;border-color:#5bc0de!important;background:#f2fbff!important;text-align:center;font-size:11px;line-height:27px}
[data-dynamicforms-react-root] .df-panel>.panel-body.df-nested-dropzone,
[data-dynamicforms-react-root] .df-panel>.card-body.df-nested-dropzone{overflow:visible;min-height:70px}

/* HTML5 drag/drop compatibility for DNN/WebForms pages and Chromium. */
[data-dynamicforms-react-root] .df-designer-palette .df-palette-grid button[draggable="true"]{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:element;touch-action:none}
[data-dynamicforms-react-root] .df-designer-palette .df-palette-grid button[draggable="true"] *{pointer-events:none;user-select:none;-webkit-user-select:none}
[data-dynamicforms-react-root] .df-designer-palette .df-palette-grid button.is-dragging{cursor:grabbing;opacity:.55;outline:2px solid #337ab7;outline-offset:1px}
[data-dynamicforms-react-root] .df-field-insert-zone,
[data-dynamicforms-react-root] .df-layout-insert-zone{min-height:10px}
[data-dynamicforms-react-root] .df-field-insert-zone:hover,
[data-dynamicforms-react-root] .df-layout-insert-zone:hover{cursor:copy}
[data-dynamicforms-react-root] .df-drop-hint{pointer-events:none}

/* File columns in repeatable tables. */
[data-dynamicforms-react-root] .df-table-file-field{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:180px}
[data-dynamicforms-react-root] .df-table-file-field .df-file-input{min-width:180px;max-width:100%}
[data-dynamicforms-react-root] .df-table-file-field .df-validation-errors{flex-basis:100%}

/* A spacer renders as empty space at runtime; dotted guides exist only in the designer. */
[data-dynamicforms-react-root] .df-spacer{box-sizing:border-box;width:100%;min-height:0}
[data-dynamicforms-react-root] .df-spacer--runtime{border:0!important;background:transparent!important;outline:0!important;margin:0!important;padding:0!important}
[data-dynamicforms-react-root] .df-spacer--designer{position:relative;display:flex;align-items:center;justify-content:center;min-height:8px;color:#78909c;background:repeating-linear-gradient(135deg,rgba(120,144,156,.05),rgba(120,144,156,.05) 6px,transparent 6px,transparent 12px);border:1px dashed #9bb7c7!important}
[data-dynamicforms-react-root] .df-spacer--designer>span{padding:1px 7px;background:#fff;border:1px solid #d6e0e5;border-radius:999px;font-size:10px;line-height:18px}

@media(max-width:480px){
}

/* v1.8.0 printable submission detail and uploaded-file previews */
[data-dynamicforms-react-root] .df-print-actions{display:flex;gap:8px;flex-wrap:wrap}
[data-dynamicforms-react-root] .df-print-note{margin-bottom:16px}
[data-dynamicforms-react-root] .df-readonly-value{
  display:block;
  width:100%;
  min-height:34px;
  padding:7px 0;
  color:var(--df-body-color);
  background:transparent;
  border:0;
  border-bottom:1px solid #d9dee3;
  border-radius:0;
  box-shadow:none;
}
[data-dynamicforms-react-root] .df-readonly-value--multiline{white-space:pre-wrap;line-height:1.8}
[data-dynamicforms-react-root] .df-readonly-empty{color:var(--df-muted)}
[data-dynamicforms-react-root] .df-file-preview-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  width:100%;
  padding:8px 0;
  border-bottom:1px solid #d9dee3;
}
[data-dynamicforms-react-root] .df-file-preview-card--compact{min-width:220px}
[data-dynamicforms-react-root] .df-file-preview-visual{flex:0 0 auto}
[data-dynamicforms-react-root] .df-file-preview-thumb{
  display:flex;
  align-items:center;
  justify-content:center;
  width:92px;
  height:92px;
  overflow:hidden;
  border:1px solid var(--df-border);
  border-radius:4px;
  background:#fff;
  text-decoration:none;
}
[data-dynamicforms-react-root] .df-file-preview-thumb img{display:block;max-width:100%;max-height:100%;object-fit:cover}
[data-dynamicforms-react-root] .df-file-preview-thumb--document{background:var(--df-surface-soft)}
[data-dynamicforms-react-root] .df-file-icon{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:32px;padding:4px 10px;border-radius:999px;background:#eef3f8;color:#2f5d8a;font-weight:700;font-size:12px}
[data-dynamicforms-react-root] .df-file-preview-meta{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 auto}
[data-dynamicforms-react-root] .df-file-preview-name{word-break:break-word;line-height:1.7}
[data-dynamicforms-react-root] .df-file-preview-actions{display:flex;flex-wrap:wrap;gap:6px}
[data-dynamicforms-react-root] .df-file-chip{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;background:#eef3f8;color:#2f5d8a;font-size:12px;font-weight:700}
[data-dynamicforms-react-root] .print-only{display:none}
[data-dynamicforms-react-root] .df-submission-detail .panel,
[data-dynamicforms-react-root] .df-submission-detail .card{box-shadow:none}
[data-dynamicforms-react-root] .df-submission-detail .form-group>label,
[data-dynamicforms-react-root] .df-submission-detail .df-form-group>label{margin-bottom:8px}
[data-dynamicforms-react-root] .df-submission-detail .table-striped>tbody>tr:nth-of-type(odd){background-color:transparent}
[data-dynamicforms-react-root] .df-submission-detail .table>tbody>tr>td .df-readonly-value,
[data-dynamicforms-react-root] .df-submission-detail .table>tbody>tr>th .df-readonly-value,
[data-dynamicforms-react-root] .df-submission-detail .table>tbody>tr>td .df-file-preview-card{border-bottom:0;padding:0}

@media print{
  body{background:#fff !important}
  [data-dynamicforms-react-root]{color:#000}
  [data-dynamicforms-react-root] .no-print{display:none !important}
  [data-dynamicforms-react-root] .print-only{display:block !important}
  [data-dynamicforms-react-root] .df-page,
  [data-dynamicforms-react-root] .df-public-form,
  [data-dynamicforms-react-root] .df-form-renderer,
  [data-dynamicforms-react-root] .df-submission-detail{max-width:none;margin:0;padding:0}
  [data-dynamicforms-react-root] .panel,
  [data-dynamicforms-react-root] .card,
  [data-dynamicforms-react-root] .panel-heading,
  [data-dynamicforms-react-root] .card-header,
  [data-dynamicforms-react-root] .panel-body,
  [data-dynamicforms-react-root] .card-body{background:#fff !important;box-shadow:none !important}
  [data-dynamicforms-react-root] .form-control,
  [data-dynamicforms-react-root] .form-select,
  [data-dynamicforms-react-root] input,
  [data-dynamicforms-react-root] select,
  [data-dynamicforms-react-root] textarea{background:#fff !important;box-shadow:none !important}
  [data-dynamicforms-react-root] .df-readonly-value,
  [data-dynamicforms-react-root] .df-file-preview-card{border-color:#cfcfcf}
  [data-dynamicforms-react-root] .table-striped>tbody>tr:nth-of-type(odd),
  [data-dynamicforms-react-root] .table-striped>tbody>tr:nth-of-type(even){background:#fff !important}
  [data-dynamicforms-react-root] .df-form-row,
  [data-dynamicforms-react-root] .df-form-group,
  [data-dynamicforms-react-root] .df-file-preview-card,
  [data-dynamicforms-react-root] .panel,
  [data-dynamicforms-react-root] .card{break-inside:avoid;page-break-inside:avoid}
}


[data-dynamicforms-react-root] .text-justify{text-align:justify!important}
[data-dynamicforms-react-root] .df-text-display-block{display:block;width:100%}
[data-dynamicforms-react-root] .df-text-display-inline{display:inline-block;width:auto;max-width:100%}
[data-dynamicforms-react-root] .df-text-size-lead{font-size:1.25em;font-weight:600;line-height:1.65}

/* v1.8 table entry layouts and legacy text presentation */
[data-dynamicforms-react-root] .df-table-designer-body{display:grid;gap:12px}
[data-dynamicforms-react-root] .df-table-columns-zone,
[data-dynamicforms-react-root] .df-table-layout-zone{padding:10px;border:1px dashed var(--df-border-strong,#bbb);border-radius:4px;background:#fff}
[data-dynamicforms-react-root] .df-table-layout-zone{background:#f9fbfd}
[data-dynamicforms-react-root] .df-table-layouts{display:grid;gap:6px}
[data-dynamicforms-react-root] .df-table-layout-drop{margin-top:6px}
[data-dynamicforms-react-root] .df-table-entry-area{margin-bottom:12px;padding:10px;border:1px solid var(--df-border,#ddd);border-radius:var(--df-radius,4px);background:var(--df-surface-soft,#f8f8f8)}
[data-dynamicforms-react-root] .df-table-entry-area .df-table-inputs{margin:0 0 10px;background:transparent;padding:0}
[data-dynamicforms-react-root] .df-table-draft-layouts{margin-top:8px;padding:8px;border:1px dashed var(--df-border-strong,#bbb);border-radius:4px;background:#fff}
[data-dynamicforms-react-root] .df-table-draft-layouts .df-table-draft-layouts{margin:6px 0 0;padding:6px}
[data-dynamicforms-react-root] .df-table-draft-row{margin-bottom:8px}
[data-dynamicforms-react-root] .df-table-entry-actions{display:flex;justify-content:flex-start;margin-top:10px}
[data-dynamicforms-react-root] .df-text-display-inline.df-rich-text{vertical-align:middle}
@media(max-width:767px){
  [data-dynamicforms-react-root] .df-table-entry-area{padding:7px}
}

[data-dynamicforms-react-root] .df-field-wrapper--inline{display:inline-block;width:auto;max-width:100%;vertical-align:middle}


/* v2.1.1 restored modern administration and compatibility baseline
 * The v2.1.0 source package accidentally omitted these selectors even though
 * the React management shell still emitted the corresponding class names.
 * The rules below are recovered from the verified v2.0.4 production CSS.
 */
/*
 * DynamicForms React 19 emergency style recovery.
 * Restores the modern administration shell and baseline selectors that were
 * accidentally omitted from the v2.1.0 frontend source package.
 * Source baseline: verified v2.0.4 production stylesheet.
 */
@media print{[data-dynamicforms-react-root] .df-file-preview-card--image{background:#fff!important;border:0!important;width:100%!important;min-width:0!important;padding:1mm 0!important;display:block!important}[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-preview-meta,[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-preview-name,[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-preview-actions,[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-preview-print-link,[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-chip{display:none!important}[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-preview-visual{flex:0 0 100%!important;width:100%!important;min-width:0!important;display:block!important}[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-preview-thumb{background:#fff!important;border:0!important;width:100%!important;max-width:100%!important;height:34mm!important;min-height:34mm!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}[data-dynamicforms-react-root] .df-file-preview-card--image .df-file-preview-thumb img{object-fit:contain!important;object-position:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0 auto!important;display:block!important}[data-dynamicforms-react-root] td .df-file-preview-card--image .df-file-preview-thumb{height:26mm!important;min-height:26mm!important}}
[data-dynamicforms-react-root][data-mode=management]{--dfa-bg:#f3f6fb;--dfa-surface:#fff;--dfa-surface-2:#f8fafc;--dfa-sidebar:#111b32;--dfa-sidebar-soft:#1c2946;--dfa-text:#172033;--dfa-muted:#6c7890;--dfa-border:#e3e9f2;--dfa-primary:#5b5ce2;--dfa-primary-strong:#4546c7;--dfa-primary-soft:#eeefff;--dfa-success:#16a36a;--dfa-danger:#db4b58;--dfa-warning:#e59c22;--dfa-sky:#2d8bd8;--dfa-shadow:0 18px 45px #1d2b4c14;--dfa-shadow-sm:0 8px 24px #1d2b4c12;--dfa-radius:18px;--dfa-radius-sm:12px;background:var(--dfa-bg);min-height:100vh;color:var(--dfa-text);font-family:Tahoma,Segoe UI,Arial,sans-serif}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell *{box-sizing:border-box}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell{background:radial-gradient(circle at 90% -20%,#5b5ce21f,transparent 34%),var(--dfa-bg);min-height:100vh;direction:inherit;grid-template-columns:272px minmax(0,1fr);display:grid}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell[dir=rtl]{grid-template-columns:272px minmax(0,1fr)}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}
[data-dynamicforms-react-root][data-mode=management] .df-admin-sidebar{color:#fff;z-index:90;background:linear-gradient(#101a31 0%,#172441 100%);flex-direction:column;grid-area:1/1;height:100vh;display:flex;position:sticky;inset-block-start:0;overflow:hidden;box-shadow:10px 0 34px #0c17301f}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell[dir=rtl] .df-admin-sidebar{grid-column:1;box-shadow:-10px 0 34px #0c17301f}
[data-dynamicforms-react-root][data-mode=management] .df-admin-workspace{grid-area:1/2;min-width:0;min-height:100vh}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-row{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;min-height:82px;padding:14px 14px 12px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand{color:#fff;flex:1;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand:hover{color:#fff;text-decoration:none}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-mark{background:linear-gradient(145deg,#7576ff,#4b4cd6);border-radius:11px;flex:0 0 34px;grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);place-content:center;gap:3px;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #5c5de559}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-mark i{background:#fff;border-radius:3px;display:block}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-mark i:nth-child(2),[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-mark i:nth-child(3){opacity:.58}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-copy{flex-direction:column;min-width:0;line-height:1.2;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-copy strong{letter-spacing:.1px;white-space:nowrap;font:700 16px/1.3 Segoe UI,Tahoma,sans-serif}
[data-dynamicforms-react-root][data-mode=management] .df-admin-brand-copy small{color:#aeb9cf;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-collapse-button,[data-dynamicforms-react-root][data-mode=management] .df-admin-mobile-menu{color:#dbe2f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .18s;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-collapse-button:hover{color:#fff;background:#ffffff1f}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav{flex-direction:column;flex:1;gap:6px;padding:22px 12px;display:flex;overflow:auto}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-caption{color:#7786a5;letter-spacing:.7px;text-transform:uppercase;padding:0 12px 8px;font-size:10px;font-weight:700}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-item,[data-dynamicforms-react-root][data-mode=management] .df-admin-site-link{color:#c9d2e5;border-radius:13px;align-items:center;gap:12px;min-height:58px;padding:9px 12px;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex;position:relative}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-item:hover,[data-dynamicforms-react-root][data-mode=management] .df-admin-site-link:hover{color:#fff;background:#ffffff12;text-decoration:none;transform:translateY(-1px)}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-item.is-active{color:#fff;background:linear-gradient(135deg,#6667f6f2,#494acff2);box-shadow:0 12px 24px #4344c247}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-icon{background:#ffffff0f;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-item.is-active .df-admin-nav-icon{background:#ffffff26}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-copy{flex-direction:column;min-width:0;line-height:1.2;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-copy strong{white-space:nowrap;font-size:13px;font-weight:700}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-copy small{color:inherit;opacity:.62;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-indicator{opacity:0;background:#fff;border-radius:4px;width:4px;height:22px;position:absolute;inset-inline-end:8px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-nav-item.is-active .df-admin-nav-indicator{opacity:.9}
[data-dynamicforms-react-root][data-mode=management] .df-admin-sidebar-footer{border-top:1px solid #ffffff14;padding:12px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-version{color:#71809f;text-align:center;padding:9px 12px 0;font:600 9px/1.2 Segoe UI,Tahoma,sans-serif;display:block}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-brand-copy,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-nav-copy,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-nav-caption,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-nav-indicator,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-version{display:none}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-brand-row{flex-wrap:wrap;justify-content:center;padding-inline:8px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-brand{flex:none;justify-content:center}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-collapse-button{width:30px;height:30px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-nav-item,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-site-link{justify-content:center;padding-inline:8px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-nav{padding-inline:10px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-topbar{z-index:70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:1px solid #dee5f0e6;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:12px 26px;display:flex;position:sticky;inset-block-start:0;box-shadow:0 4px 18px #2734530a}
[data-dynamicforms-react-root][data-mode=management] .df-admin-topbar-start,[data-dynamicforms-react-root][data-mode=management] .df-admin-topbar-actions{align-items:center;gap:12px;min-width:0;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-mobile-menu{border-color:var(--dfa-border);color:var(--dfa-text);background:#fff;display:none}
[data-dynamicforms-react-root][data-mode=management] .df-admin-page-context{flex-direction:column;min-width:0;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-page-context span{color:var(--dfa-muted);font-size:10px;font-weight:600}
[data-dynamicforms-react-root][data-mode=management] .df-admin-page-context strong{color:var(--dfa-text);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:16px;font-weight:800;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-language-switch{border:1px solid var(--dfa-border);height:38px;color:var(--dfa-muted);background:#fff;border-radius:12px;align-items:center;gap:3px;padding:4px 5px;display:flex;box-shadow:0 3px 9px #1e2d500a}
[data-dynamicforms-react-root][data-mode=management] .df-admin-language-switch>svg{margin-inline:4px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-language-switch button{min-width:35px;height:28px;color:var(--dfa-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 8px;font:700 11px/1 Tahoma,Segoe UI,sans-serif}
[data-dynamicforms-react-root][data-mode=management] .df-admin-language-switch button.is-active{background:var(--dfa-primary-soft);color:var(--dfa-primary)}
[data-dynamicforms-react-root][data-mode=management] .df-admin-main{min-height:calc(100vh - 74px);padding:26px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content{max-width:1640px;margin:0 auto}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 15px;font-size:12px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button:hover{text-decoration:none;transform:translateY(-1px)}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button--primary{color:#fff;background:linear-gradient(135deg,#6768ed,#4b4ccf);box-shadow:0 10px 22px #4b4ccf38}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button--primary:hover{color:#fff;background:linear-gradient(135deg,#5c5de3,#4142bb)}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button--secondary{border-color:var(--dfa-border);color:var(--dfa-text);background:#fff;box-shadow:0 4px 12px #1f30520a}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button--secondary:hover{color:var(--dfa-primary);border-color:#cfd7e6}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button--compact{min-height:38px;padding:8px 13px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-button--large{border-radius:13px;min-height:46px;padding:11px 19px;font-size:13px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-mobile-overlay{display:none}
[data-dynamicforms-react-root][data-mode=management] .df-admin-dashboard-page{direction:inherit;flex-direction:column;gap:20px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-hero{min-height:150px;box-shadow:var(--dfa-shadow-sm);background:linear-gradient(135deg,#f8f8ff 0%,#fff 50%,#f2f8ff 100%);border:1px solid #d5dbf7cc;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-hero:before{content:"";background:radial-gradient(circle,#6162e830,#6162e800 69%);border-radius:50%;width:230px;height:230px;position:absolute;inset-block-start:-85px;inset-inline-end:-50px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-hero-copy{z-index:1;max-width:720px;position:relative}
[data-dynamicforms-react-root][data-mode=management] .df-admin-eyebrow{background:var(--dfa-primary-soft);min-height:25px;color:var(--dfa-primary);border-radius:999px;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-hero h1{color:var(--dfa-text);margin:11px 0 7px;font-size:25px;font-weight:900;line-height:1.35}
[data-dynamicforms-react-root][data-mode=management] .df-admin-hero p{color:var(--dfa-muted);margin:0;font-size:12px;line-height:1.8}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card{border:1px solid var(--dfa-border);background:var(--dfa-surface);min-height:92px;box-shadow:var(--dfa-shadow-sm);border-radius:17px;align-items:center;gap:14px;padding:17px 18px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-icon{border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card.is-indigo .df-admin-stat-icon{color:#5758df;background:#eef}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card.is-emerald .df-admin-stat-icon{color:#129261;background:#e6f8f0}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card.is-sky .df-admin-stat-icon{color:#2a82cb;background:#e7f3fd}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card.is-amber .df-admin-stat-icon{color:#d68b14;background:#fff3de}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card>div{flex-direction:column;min-width:0;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card strong{color:var(--dfa-text);font-size:22px;font-weight:900;line-height:1.1}
[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-card span:not(.df-admin-stat-icon){color:var(--dfa-muted);margin-top:7px;font-size:10px;font-weight:600}
[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-card{border:1px solid var(--dfa-border);background:var(--dfa-surface);box-shadow:var(--dfa-shadow-sm);border-radius:18px;padding:17px 18px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-row{grid-template-columns:minmax(230px,1.7fr) repeat(3,minmax(125px,.72fr)) auto;align-items:end;gap:11px;display:grid}
[data-dynamicforms-react-root][data-mode=management] .df-admin-search-control{border:1px solid var(--dfa-border);background:var(--dfa-surface-2);color:#8994a8;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 12px;transition:all .18s;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-search-control:focus-within{background:#fff;border-color:#aeb5ff;box-shadow:0 0 0 3px #5b5ce21a}
[data-dynamicforms-react-root][data-mode=management] .df-admin-search-control input{width:100%;min-width:0;color:var(--dfa-text);background:0 0;border:0;outline:0;font-size:12px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-search-control input::placeholder{color:#9ba5b7}
[data-dynamicforms-react-root][data-mode=management] .df-admin-search-control button{color:#6f7b90;cursor:pointer;background:#eceff5;border:0;border-radius:7px;width:25px;height:25px;padding:0}
[data-dynamicforms-react-root][data-mode=management] .df-admin-select-control{color:var(--dfa-muted);flex-direction:column;gap:6px;margin:0;font-size:9px;font-weight:700;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-select-control select{border:1px solid var(--dfa-border);background:var(--dfa-surface-2);width:100%;height:44px;color:var(--dfa-text);cursor:pointer;border-radius:12px;outline:0;padding:0 11px;font-size:11px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-select-control select:focus{background:#fff;border-color:#aeb5ff;box-shadow:0 0 0 3px #5b5ce21a}
[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding-top:14px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-check-list{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-check-list label{color:var(--dfa-muted);cursor:pointer;align-items:center;gap:7px;margin:0;font-size:10px;font-weight:600;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-check-list input{width:16px;height:16px;accent-color:var(--dfa-primary);margin:0}
[data-dynamicforms-react-root][data-mode=management] .df-admin-text-button{color:var(--dfa-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:10px;font-weight:700;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-text-button span{background:var(--dfa-primary-soft);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;transition:opacity .16s;display:grid}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-grid.is-refreshing{opacity:.58}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card,[data-dynamicforms-react-root][data-mode=management] .df-admin-create-card{border:1px solid var(--dfa-border);background:var(--dfa-surface);min-height:242px;box-shadow:var(--dfa-shadow-sm);border-radius:18px;transition:transform .18s,box-shadow .18s,border-color .18s}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card:hover,[data-dynamicforms-react-root][data-mode=management] .df-admin-create-card:hover{border-color:#d0d5ff;transform:translateY(-3px);box-shadow:0 18px 42px #2331521a}
[data-dynamicforms-react-root][data-mode=management] .df-admin-create-card{color:var(--dfa-text);text-align:center;background:linear-gradient(155deg,#fbfbff,#f5f6ff);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;padding:26px;text-decoration:none;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-create-card:hover{color:var(--dfa-primary);text-decoration:none}
[data-dynamicforms-react-root][data-mode=management] .df-admin-create-card-icon{color:#fff;background:linear-gradient(135deg,#6768ed,#4c4dce);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;display:inline-flex;box-shadow:0 13px 26px #4c4dce40}
[data-dynamicforms-react-root][data-mode=management] .df-admin-create-card strong{font-size:14px;font-weight:900}
[data-dynamicforms-react-root][data-mode=management] .df-admin-create-card p{max-width:230px;color:var(--dfa-muted);margin:7px 0 0;font-size:10px;line-height:1.7}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card{flex-direction:column;display:flex;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card-head{justify-content:space-between;align-items:center;gap:10px;padding:15px 16px 0;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-status-pill{border-radius:999px;align-items:center;gap:6px;min-height:25px;padding:4px 9px;font-size:9px;font-weight:800;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-status-pill i{background:currentColor;border-radius:50%;width:6px;height:6px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-status-pill.is-active{color:#108d5d;background:#e8f8f1}
[data-dynamicforms-react-root][data-mode=management] .df-admin-status-pill.is-inactive{color:#c43f50;background:#fbecef}
[data-dynamicforms-react-root][data-mode=management] .df-admin-card-actions{align-items:center;gap:5px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-card-actions a,[data-dynamicforms-react-root][data-mode=management] .df-admin-card-actions button{border:1px solid var(--dfa-border);color:#768197;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;padding:0;transition:all .15s;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-card-actions a:hover,[data-dynamicforms-react-root][data-mode=management] .df-admin-card-actions button:hover{background:var(--dfa-primary-soft);color:var(--dfa-primary);border-color:#c7ccff;text-decoration:none}
[data-dynamicforms-react-root][data-mode=management] .df-admin-card-actions button:disabled{opacity:.45;cursor:not-allowed}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card-body{flex-direction:column;flex:1;padding:14px 17px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card-body h2{color:var(--dfa-text);margin:0;font-size:15px;font-weight:900;line-height:1.55}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card-body>p{min-height:47px;color:var(--dfa-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 15px;font-size:10px;line-height:1.75;display:-webkit-box;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-metrics>div{background:var(--dfa-surface-2);border-radius:11px;justify-content:space-between;align-items:center;gap:7px;padding:9px 10px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-metrics span{color:var(--dfa-muted);align-items:center;gap:5px;font-size:9px;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-metrics strong{color:var(--dfa-text);font-size:11px;font-weight:800}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card-footer{min-height:45px;color:var(--dfa-muted);background:#fbfcfe;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;font-size:9px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-card-footer>span:first-child{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-form-id{color:#8b95a7;direction:ltr;font:700 9px/1 Segoe UI,Tahoma,sans-serif}
[data-dynamicforms-react-root][data-mode=management] .df-admin-empty-state{color:var(--dfa-muted);text-align:center;background:#fff;border:1px dashed #ced6e5;border-radius:18px;flex-direction:column;align-items:center;padding:38px 20px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-empty-state>span{color:#7e8aa0;background:#f0f2f8;border-radius:17px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:13px;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-empty-state strong{color:var(--dfa-text);font-size:14px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-empty-state p{margin:7px 0 16px;font-size:10px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-pager{justify-content:center;align-items:center;gap:12px;margin:1px 0 8px;display:flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-pager button{border:1px solid var(--dfa-border);min-height:38px;color:var(--dfa-text);cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:5px;padding:8px 13px;font-size:10px;font-weight:700;display:inline-flex}
[data-dynamicforms-react-root][data-mode=management] .df-admin-pager button:disabled{opacity:.4;cursor:not-allowed}
[data-dynamicforms-react-root][data-mode=management] .df-admin-pager>span{color:var(--dfa-muted);font-size:10px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-pager>span strong{color:var(--dfa-primary);font-size:12px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content>.df-page,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content>.df-designer-shell,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content>.df-report-designer{max-width:none;margin:0}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-page{padding:0}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-page-header{border:1px solid var(--dfa-border);box-shadow:var(--dfa-shadow-sm);background:#fff;border-radius:17px;margin:0 0 16px;padding:18px 20px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-page-header h1,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-page-header h2{color:var(--dfa-text);font-size:19px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-page-header p{color:var(--dfa-muted);font-size:11px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .btn{box-shadow:none;border-radius:10px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .form-control,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .form-select{border-color:var(--dfa-border);box-shadow:none;border-radius:10px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .panel,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .card,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-filter-panel,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-report-sidebar,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-legacy-content .df-report-editor{border-color:var(--dfa-border);box-shadow:var(--dfa-shadow-sm);border-radius:15px}
[data-dynamicforms-react-root] .df-persian-datetime__popup.is-gregorian{text-align:left;font-family:Segoe UI,Arial,sans-serif}
[data-dynamicforms-react-root] .df-persian-datetime__popup.is-gregorian .df-persian-calendar__header strong{direction:ltr}
[data-dynamicforms-react-root] .df-persian-datetime__popup.is-gregorian .df-persian-calendar__weekday{text-transform:uppercase;font-size:10px}
@media (width<=1250px){[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-row{grid-template-columns:minmax(220px,1.5fr) repeat(2,minmax(120px,.7fr))}[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-row>.df-admin-select-control:nth-of-type(4){grid-column:auto}[data-dynamicforms-react-root][data-mode=management] .df-admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=900px){[data-dynamicforms-react-root][data-mode=management] .df-admin-shell,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed{display:block}[data-dynamicforms-react-root][data-mode=management] .df-admin-sidebar{width:272px;transition:transform .22s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-105%);box-shadow:16px 0 45px #0c17303d}[data-dynamicforms-react-root][data-mode=management] .df-admin-shell[dir=rtl] .df-admin-sidebar{transform:translate(105%);box-shadow:-16px 0 45px #0c17303d}[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-mobile-nav-open .df-admin-sidebar{transform:translate(0)}[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-brand-copy,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-nav-copy,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-nav-caption,[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-sidebar-collapsed .df-admin-version{display:flex}[data-dynamicforms-react-root][data-mode=management] .df-admin-mobile-overlay{z-index:85;opacity:0;visibility:hidden;background:#0c142675;border:0;transition:all .2s;display:block;position:fixed;inset:0}[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-mobile-nav-open .df-admin-mobile-overlay{opacity:1;visibility:visible}[data-dynamicforms-react-root][data-mode=management] .df-admin-mobile-menu{display:inline-flex}[data-dynamicforms-react-root][data-mode=management] .df-admin-topbar{padding-inline:16px}[data-dynamicforms-react-root][data-mode=management] .df-admin-main{padding:18px}[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-row{grid-template-columns:1fr 1fr}[data-dynamicforms-react-root][data-mode=management] .df-admin-search-control{grid-column:1/-1}}
@media (width<=620px){[data-dynamicforms-react-root][data-mode=management] .df-admin-topbar{min-height:66px;padding:10px 12px}[data-dynamicforms-react-root][data-mode=management] .df-admin-page-context span{display:none}[data-dynamicforms-react-root][data-mode=management] .df-admin-page-context strong{font-size:13px}[data-dynamicforms-react-root][data-mode=management] .df-admin-topbar-actions>.df-admin-button{display:none}[data-dynamicforms-react-root][data-mode=management] .df-admin-main{padding:12px}[data-dynamicforms-react-root][data-mode=management] .df-admin-hero{flex-direction:column;align-items:flex-start;padding:22px}[data-dynamicforms-react-root][data-mode=management] .df-admin-hero h1{font-size:20px}[data-dynamicforms-react-root][data-mode=management] .df-admin-stat-grid,[data-dynamicforms-react-root][data-mode=management] .df-admin-form-grid,[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-row{grid-template-columns:1fr}[data-dynamicforms-react-root][data-mode=management] .df-admin-search-control{grid-column:auto}[data-dynamicforms-react-root][data-mode=management] .df-admin-filter-footer{flex-direction:column;align-items:flex-start}[data-dynamicforms-react-root][data-mode=management] .df-admin-check-list{flex-direction:column;align-items:flex-start;gap:10px}}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell{height:100%;min-height:0;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-workspace{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-topbar{flex:none}
[data-dynamicforms-react-root][data-mode=management] .df-admin-main{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow:hidden auto}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content{width:100%;min-height:100%}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-designer-content{height:100%;min-height:0;overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content.is-designer-content>.df-designer-shell{height:100%;min-height:0}
[data-dynamicforms-react-root][data-mode=management] .df-admin-shell.is-designer-route .df-admin-main{overflow:hidden}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr]{text-align:left;direction:ltr;font-family:Segoe UI,Arial,sans-serif}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-designer-issue,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-report-selector button,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-binding-list button{text-align:left}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-filter-group.is-child{border-right:1px solid var(--dfa-border,#ddd);border-left:4px solid #5bc0de;margin-left:25px;margin-right:0}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-row-actions>*{margin-left:0;margin-right:3px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-filter-checks input{margin-left:0;margin-right:5px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-check,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-radio{margin-left:0;margin-right:15px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-palette-search>span,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-search-field>span{left:9px;right:auto}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-palette-search button,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-search-field button{left:auto;right:5px}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-form-state{direction:ltr}
[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-property-field,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-form-settings,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-property-editor,[data-dynamicforms-react-root][data-mode=management] .df-admin-route-content[dir=ltr] .df-designer-palette{text-align:left}
[data-dynamicforms-react-root] .df-data-key-card{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;padding:12px;border:1px solid #cfd8e6;border-radius:8px;background:#f8fbff}
[data-dynamicforms-react-root] .df-data-key-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
[data-dynamicforms-react-root] .df-data-key-card__header>div{display:flex;min-width:0;flex-direction:column;gap:4px}
[data-dynamicforms-react-root] .df-data-key-card__header strong{font-size:14px;color:#20334d}
[data-dynamicforms-react-root] .df-data-key-card__header small{color:#62748a;line-height:1.7}
[data-dynamicforms-react-root] .df-data-key-card__header .label{display:inline-flex;align-items:center;flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}
[data-dynamicforms-react-root] .df-data-key-card__header .label-success{background:#dff5e8;color:#167044}
[data-dynamicforms-react-root] .df-data-key-card__header .label-danger{background:#fde8e8;color:#a12b2b}
[data-dynamicforms-react-root] .df-data-key-card__value{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}
[data-dynamicforms-react-root] .df-data-key-card__value .form-control[readonly]{background:#fff;color:#24364d;cursor:text;font-family:Consolas,"Courier New",monospace}
[data-dynamicforms-react-root] .df-data-key-card__editor{padding-top:10px;border-top:1px dashed #c7d3e3}
[data-dynamicforms-react-root] .df-data-key-card__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
[data-dynamicforms-react-root] .df-data-key-card .df-compact-alert{margin:0}
@media(max-width:520px){[data-dynamicforms-react-root] .df-data-key-card__header{flex-direction:column}[data-dynamicforms-react-root] .df-data-key-card__value{grid-template-columns:1fr}}

/* v2.1.0 designer/runtime refinements for labels, stages, panels and repeatable tables */
[data-dynamicforms-react-root] .df-stage-color-field{display:flex;align-items:center;gap:6px;min-width:0}
[data-dynamicforms-react-root] .df-stage-color-field input[type="color"]{flex:0 0 38px;width:38px;height:34px;padding:2px;border:1px solid var(--df-border-strong,#bbb);border-radius:4px;background:#fff;cursor:pointer}
[data-dynamicforms-react-root] .df-stage-color-field .form-control{min-width:0;flex:1 1 auto}
[data-dynamicforms-react-root] .df-step-breadcrumb button{border-radius:4px;padding:5px 9px;transition:filter .15s ease-in-out}
[data-dynamicforms-react-root] .df-step-breadcrumb button:hover:not(:disabled){filter:brightness(.96)}
[data-dynamicforms-react-root] .df-fileupload-field>label,
[data-dynamicforms-react-root] .df-table-file-column>label{display:block;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.75}
[data-dynamicforms-react-root] .df-panel.df-has-error{border-color:var(--df-danger,#d9534f)}
[data-dynamicforms-react-root] .df-panel.df-has-error>.panel-heading,
[data-dynamicforms-react-root] .df-panel.df-has-error>.card-header{box-shadow:inset 0 -2px 0 var(--df-danger,#d9534f)}
[data-dynamicforms-react-root] .df-table-inputs{align-items:start}
[data-dynamicforms-react-root] .df-table-inputs>.df-form-group{display:flex;min-width:0;height:100%;flex-direction:column;align-items:stretch}
[data-dynamicforms-react-root] .df-table-inputs>.df-form-group>label{min-height:22px;margin-bottom:5px}
[data-dynamicforms-react-root] .df-table-inputs .df-file-field{display:flex;align-items:stretch;flex-direction:column;gap:5px;width:100%}
[data-dynamicforms-react-root] .df-table-inputs .df-table-file-field{min-width:0}
[data-dynamicforms-react-root] .df-table-inputs .df-table-file-field .df-file-input{width:100%;min-width:0;max-width:none}
[data-dynamicforms-react-root] .df-table-inputs .df-uploaded-file{width:100%;min-height:30px}
[data-dynamicforms-react-root] .df-table-entry-actions{align-self:end}

/* Persian-friendly non-Google captcha retained in runtime 2.3.0. */
[data-dynamicforms-react-root] .df-simple-captcha{
  display:grid;
  grid-template-columns:minmax(150px,auto) minmax(180px,260px);
  align-items:center;
  justify-content:start;
  gap:8px 12px;
  max-width:560px;
}
[data-dynamicforms-react-root] .df-simple-captcha__challenge{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
[data-dynamicforms-react-root] .df-simple-captcha__challenge img{
  display:block;
  width:auto;
  max-width:280px;
  height:52px;
  border:1px solid var(--df-border,#ccd5df);
  border-radius:6px;
  background:#fafcff;
  user-select:none;
}
[data-dynamicforms-react-root] .df-simple-captcha__refresh{
  min-height:40px;
  white-space:nowrap;
}
[data-dynamicforms-react-root] .df-simple-captcha__input{
  width:100%;
  max-width:260px!important;
  min-height:42px;
  text-align:center!important;
  direction:ltr!important;
  font-size:18px;
  letter-spacing:.18em;
  font-variant-numeric:tabular-nums;
}
[data-dynamicforms-react-root] .df-simple-captcha__hint{
  grid-column:1/-1;
  margin:0;
  color:#667085;
}
[data-dynamicforms-react-root] .df-simple-captcha--preview{
  display:flex;
  flex-wrap:wrap;
}
[data-dynamicforms-react-root] .df-simple-captcha__preview-code{
  min-width:145px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #c5d0dc;
  border-radius:6px;
  background:#f8fbff;
  color:#1a365d;
  direction:ltr;
  font-size:22px;
  font-weight:700;
  letter-spacing:.12em;
}
[data-dynamicforms-react-root] .df-simple-captcha-settings .alert{
  margin-bottom:12px;
  line-height:1.8;
}
@media(max-width:640px){
  [data-dynamicforms-react-root] .df-simple-captcha{
    grid-template-columns:1fr;
    width:100%;
  }
  [data-dynamicforms-react-root] .df-simple-captcha__challenge{
    flex-wrap:wrap;
  }
  [data-dynamicforms-react-root] .df-simple-captcha__challenge img{
    max-width:100%;
  }
  [data-dynamicforms-react-root] .df-simple-captcha__input{
    max-width:none!important;
  }
  [data-dynamicforms-react-root] .df-simple-captcha__hint{
    grid-column:1;
  }
}

/* DynamicForms 2.3.0 - designer productivity and core controls. */
[data-dynamicforms-react-root] .df-palette-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-bottom:1px solid var(--df-border,#d9e2ec);background:#f8fafc}
[data-dynamicforms-react-root] .df-palette-mode-tabs button{min-height:34px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font-weight:600}
[data-dynamicforms-react-root] .df-palette-mode-tabs button.is-active{background:#2563eb;border-color:#2563eb;color:#fff}
[data-dynamicforms-react-root] .df-layers-tree{display:flex;flex-direction:column;min-height:0;height:100%;background:#fff;color:#1f2937}
[data-dynamicforms-react-root] .df-layer-search{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff;z-index:2}
[data-dynamicforms-react-root] .df-layer-search input{min-width:0}
[data-dynamicforms-react-root] .df-layer-search>button{border:0;background:transparent;font-size:20px;color:#64748b}
[data-dynamicforms-react-root] .df-layer-root,[data-dynamicforms-react-root] .df-layer-root ul{list-style:none;padding:0;margin:0}
[data-dynamicforms-react-root] .df-layer-root{overflow:auto;padding:6px 4px 24px}
[data-dynamicforms-react-root] .df-layer-node-row{display:flex;align-items:center;min-width:0;border-radius:6px}
[data-dynamicforms-react-root] .df-layer-node-row:hover{background:#f1f5f9}
[data-dynamicforms-react-root] .df-layer-expander{flex:0 0 24px;width:24px;height:28px;border:0;background:transparent;color:#64748b;padding:0}
[data-dynamicforms-react-root] .df-layer-expander-placeholder{flex:0 0 24px}
[data-dynamicforms-react-root] .df-layer-select{display:flex;align-items:center;gap:7px;min-width:0;flex:1;border:0;background:transparent;text-align:start;padding:5px 5px;color:inherit}
[data-dynamicforms-react-root] .df-layer-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
[data-dynamicforms-react-root] .df-layer-select small,[data-dynamicforms-react-root] .df-layer-column-label small{color:#64748b;font-size:10px;white-space:nowrap}
[data-dynamicforms-react-root] .df-layer-icon{color:#2563eb;flex:none}
[data-dynamicforms-react-root] .df-layer-node.is-selected>.df-layer-node-row{background:#dbeafe;box-shadow:inset 3px 0 #2563eb}
[data-dynamicforms-react-root] .df-layer-tab.is-active>.df-layer-node-row{font-weight:700;color:#1d4ed8}
[data-dynamicforms-react-root] .df-layer-column-label{display:flex;align-items:center;gap:7px;flex:1;padding:5px;color:#475569}
[data-dynamicforms-react-root] .df-layer-group>span{display:block;padding:4px 38px;color:#64748b;font-size:11px;font-weight:700}
[data-dynamicforms-react-root] .df-calculated-control{display:flex;align-items:stretch;position:relative}
[data-dynamicforms-react-root] .df-calculated-control .form-control{background:#f8fafc;font-variant-numeric:tabular-nums}
[data-dynamicforms-react-root] .df-calculated-badge{display:inline-flex;align-items:center;padding:0 10px;border:1px solid #cbd5e1;border-inline-end:0;border-radius:6px 0 0 6px;background:#e0f2fe;color:#0369a1;font-weight:700;direction:ltr}
[data-dynamicforms-react-root] .df-calculated-value{direction:ltr;text-align:end}
[data-dynamicforms-react-root] .df-lookup-control{position:relative;min-width:0}
[data-dynamicforms-react-root] .df-lookup-input-wrap{position:relative;display:flex;align-items:center}
[data-dynamicforms-react-root] .df-lookup-search{padding-inline-end:34px!important}
[data-dynamicforms-react-root] .df-lookup-clear{position:absolute;inset-inline-end:7px;width:24px;height:24px;border:0;border-radius:50%;background:#e2e8f0;color:#334155;line-height:1}
[data-dynamicforms-react-root] .df-lookup-options{position:absolute;z-index:1200;top:calc(100% + 4px);inset-inline:0;max-height:260px;overflow:auto;border:1px solid #cbd5e1;border-radius:7px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.16)}
[data-dynamicforms-react-root] .df-lookup-options>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;border-bottom:1px solid #eef2f7;background:#fff;text-align:start;padding:9px 11px;color:#1f2937}
[data-dynamicforms-react-root] .df-lookup-options>button:hover,[data-dynamicforms-react-root] .df-lookup-options>button[aria-selected=true]{background:#eff6ff}
[data-dynamicforms-react-root] .df-lookup-options small{color:#64748b;direction:ltr}
[data-dynamicforms-react-root] .df-lookup-state{padding:12px;color:#64748b;text-align:center}
[data-dynamicforms-react-root] .df-file-control{display:grid;gap:8px;min-width:0}
[data-dynamicforms-react-root] .df-file-dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:86px;border:2px dashed #94a3b8;border-radius:9px;background:#f8fafc;transition:.15s ease;overflow:hidden}
[data-dynamicforms-react-root] .df-file-dropzone.is-dragging{border-color:#2563eb;background:#eff6ff;transform:scale(1.005)}
[data-dynamicforms-react-root] .df-file-dropzone.is-disabled{opacity:.6}
[data-dynamicforms-react-root] .df-file-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}
[data-dynamicforms-react-root] .df-file-dropzone-copy{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px;text-align:center;pointer-events:none}
[data-dynamicforms-react-root] .df-file-dropzone-copy small{color:#64748b}
[data-dynamicforms-react-root] .df-file-upload-progress{display:flex;align-items:center;gap:8px;color:#0369a1}
[data-dynamicforms-react-root] .df-file-preview-list{display:grid;gap:8px;min-width:0}
[data-dynamicforms-react-root] .df-file-preview-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dbe3ec;border-radius:8px;background:#fff;padding:8px;min-width:0}
[data-dynamicforms-react-root] .df-file-preview-card--compact{grid-template-columns:48px minmax(0,1fr);padding:5px}
[data-dynamicforms-react-root] .df-file-preview-thumb,[data-dynamicforms-react-root] .df-file-preview-media{display:flex;width:72px;height:58px;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#f1f5f9}
[data-dynamicforms-react-root] .df-file-preview-card--compact .df-file-preview-thumb{width:48px;height:42px}
[data-dynamicforms-react-root] .df-file-preview-thumb img{width:100%;height:100%;object-fit:cover}
[data-dynamicforms-react-root] .df-file-icon{font-size:11px;font-weight:800;color:#475569}
[data-dynamicforms-react-root] .df-file-preview-meta{min-width:0}
[data-dynamicforms-react-root] .df-file-preview-name{white-space:normal;overflow-wrap:anywhere;word-break:break-word;direction:ltr;text-align:left;line-height:1.55;max-width:100%}
[data-dynamicforms-react-root] .df-file-preview-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
[data-dynamicforms-react-root] .df-responsive-data-table{width:100%}
[data-dynamicforms-react-root] .df-table-row-number{width:48px;text-align:center;font-variant-numeric:tabular-nums}
[data-dynamicforms-react-root] .df-table-row-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
[data-dynamicforms-react-root] .df-table-action-column{min-width:128px}
[data-dynamicforms-react-root] .df-table-file-column{vertical-align:top;min-width:220px}
[data-dynamicforms-react-root] .df-table-entry-area .df-file-dropzone{min-height:58px}
@media(max-width:767px){
  [data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  [data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards,[data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards tbody,[data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards tr,[data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards td{display:block;width:100%}
  [data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards tr{margin:0 0 12px;border:1px solid #dbe3ec;border-radius:8px;background:#fff;overflow:hidden}
  [data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards td{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:8px;align-items:start;border:0;border-bottom:1px solid #eef2f7;padding:9px}
  [data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards td:before{content:attr(data-label);font-weight:700;color:#475569}
  [data-dynamicforms-react-root] .df-responsive-data-table.df-table-mobile-cards td:last-child{border-bottom:0}
  [data-dynamicforms-react-root] .df-table-mobile-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  [data-dynamicforms-react-root] .df-file-preview-card{grid-template-columns:56px minmax(0,1fr)}
  [data-dynamicforms-react-root] .df-file-preview-thumb{width:56px;height:48px}
}
@media print{
  [data-dynamicforms-react-root] .df-file-dropzone,[data-dynamicforms-react-root] .df-file-upload-progress,[data-dynamicforms-react-root] .df-lookup-options{display:none!important}
  [data-dynamicforms-react-root] .df-file-preview-card{break-inside:avoid}
}

/* Runtime fixes 28-32: keep grouped Iranian identifiers visually stable in RTL layouts. */
[data-dynamicforms-react-root] input.df-preset-ltr{direction:ltr!important;unicode-bidi:plaintext;text-align:left!important;font-variant-numeric:tabular-nums;letter-spacing:.02em}
[data-dynamicforms-react-root] .df-file-preview-thumb img{background:#fff}

/* 2.3.3 - required file uploads inside table drafts must expose the same error state as text/select controls. */
[data-dynamicforms-react-root] .df-file-dropzone.is-invalid,
[data-dynamicforms-react-root] .df-table-field .has-error .df-file-dropzone {
  border-color: #dc3545 !important;
  background: #fff6f7;
  box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.12);
}
[data-dynamicforms-react-root] .df-file-dropzone.is-invalid .df-file-dropzone-copy strong,
[data-dynamicforms-react-root] .df-table-field .has-error .df-file-dropzone-copy strong {
  color: #b02a37;
}


/* 2.4.0 - authenticated My Submissions module, reusable in DNN and shop profiles. */
.dynamicforms-react-root .df-my-submissions { direction: rtl; }
.dynamicforms-react-root .df-my-submissions-toolbar { display: flex; gap: 8px; align-items: center; margin: 0 0 18px; }
.dynamicforms-react-root .df-my-submissions-toolbar .form-control { flex: 1 1 320px; min-width: 0; }
.dynamicforms-react-root .df-my-submissions-table th,
.dynamicforms-react-root .df-my-submissions-table td { vertical-align: middle; }
.dynamicforms-react-root .df-my-submissions-table code { direction: ltr; display: inline-block; }
.dynamicforms-react-root .df-my-submission-detail > .df-form-renderer,
.dynamicforms-react-root .df-my-submission-detail > .df-readonly-all-tabs { margin-top: 16px; }
.dynamicforms-react-root .df-my-submission-status { margin-bottom: 16px; }
.dynamicforms-react-root .df-my-submissions-empty { text-align: center; padding: 28px; }
.df-my-submissions-standalone { background: #f5f7fb; margin: 0; min-height: 100vh; }
.df-my-submissions-standalone__content { padding-top: 24px; padding-bottom: 24px; }
@media (max-width: 767px) {
  .dynamicforms-react-root .df-my-submissions-toolbar { align-items: stretch; flex-wrap: wrap; }
  .dynamicforms-react-root .df-my-submissions-toolbar .form-control { flex-basis: 100%; }
  .dynamicforms-react-root .df-my-submissions-table thead { display: none; }
  .dynamicforms-react-root .df-my-submissions-table,
  .dynamicforms-react-root .df-my-submissions-table tbody,
  .dynamicforms-react-root .df-my-submissions-table tr,
  .dynamicforms-react-root .df-my-submissions-table td { display: block; width: 100%; }
  .dynamicforms-react-root .df-my-submissions-table tr { border: 1px solid #d9e0ea; border-radius: 8px; margin-bottom: 12px; padding: 8px 12px; background: #fff; }
  .dynamicforms-react-root .df-my-submissions-table td { border: 0; padding: 7px 0; }
  .dynamicforms-react-root .df-my-submissions-table td::before { content: attr(data-title); display: inline-block; min-width: 105px; font-weight: 700; margin-left: 8px; }
}
@media print {
  .dynamicforms-react-root .df-my-submissions-toolbar,
  .dynamicforms-react-root .df-my-submissions-table .no-print,
  .dynamicforms-react-root .df-pagination { display: none !important; }
}


/* 2.4.1 - fixes 37-39: stable required marker, complete upload titles and canonical file previews. */
[data-dynamicforms-react-root] .df-label-required-tail{display:inline;white-space:nowrap}
[data-dynamicforms-react-root] .df-required-mark{display:inline;font-weight:inherit;color:inherit}
[data-dynamicforms-react-root] .df-file-preview-name{display:block;width:100%;max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}


/* 2.4.2 - customer fixes 1-4: ten-file default, centered radio row and post-submit summary. */
[data-dynamicforms-react-root] .df-choice-list--radio{margin-top:10px;min-height:42px;align-items:center;padding-block:6px 5px}
[data-dynamicforms-react-root] .df-choice-list--radio .df-radio{display:inline-flex;align-items:center;min-height:30px;margin-block:0}
[data-dynamicforms-react-root] .df-choice-list--radio .form-check-label{min-height:30px;align-items:center;line-height:1.5}
[data-dynamicforms-react-root] .df-submit-result{display:grid;gap:18px}
[data-dynamicforms-react-root] .df-submission-success-summary{border:1px solid #c9d7e7;border-radius:9px;background:#fff;padding:16px;box-shadow:0 3px 12px rgba(15,23,42,.06)}
[data-dynamicforms-react-root] .df-submission-success-summary__header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5edf5}
[data-dynamicforms-react-root] .df-submission-success-summary__header h3{margin:0 0 5px}
[data-dynamicforms-react-root] .df-submission-success-summary__header p{margin:0;color:#64748b}
@media(max-width:640px){[data-dynamicforms-react-root] .df-submission-success-summary__header{align-items:stretch;flex-direction:column}}

/* 2.5 calendar month/year chooser: the header labels are real controls, not inert text. */
[data-dynamicforms-react-root] .df-persian-calendar__selectors{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;flex:1}
[data-dynamicforms-react-root] .df-persian-calendar__selectors button{appearance:none;border:0;background:transparent;padding:3px 6px;border-radius:5px;color:inherit;font:inherit;font-weight:700;line-height:1.6;cursor:pointer}
[data-dynamicforms-react-root] .df-persian-calendar__selectors button:hover,[data-dynamicforms-react-root] .df-persian-calendar__selectors button.is-active{background:#e8f2fb;color:#1f5f92}
[data-dynamicforms-react-root] .df-persian-calendar__picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:248px;align-content:start;padding:4px 0}
[data-dynamicforms-react-root] .df-persian-calendar__picker-grid button{min-height:45px;padding:6px;border:1px solid #d9e2ec;border-radius:6px;background:#fff;color:#333;cursor:pointer;white-space:normal}
[data-dynamicforms-react-root] .df-persian-calendar__picker-grid button:hover{background:#edf7fc;border-color:#5bc0de;color:#1e5c7b}
[data-dynamicforms-react-root] .df-persian-calendar__picker-grid button.is-selected{background:#337ab7;border-color:#2e6da4;color:#fff;font-weight:700}
[data-dynamicforms-react-root] .df-persian-calendar__months button{text-align:center}
[data-dynamicforms-react-root] .df-persian-calendar__years button{direction:ltr;font-variant-numeric:tabular-nums}

/* 2.5 delegated dashboard access control. */
[data-dynamicforms-react-root] .df-access-page{display:grid;gap:18px;max-width:1280px;margin:0 auto}
[data-dynamicforms-react-root] .df-access-page__header{display:flex;justify-content:space-between;gap:16px;padding:22px;border:1px solid #dbe3ee;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#eef4ff)}
[data-dynamicforms-react-root] .df-access-page__header span{display:block;color:#2563eb;font-weight:800;margin-bottom:5px}
[data-dynamicforms-react-root] .df-access-page__header h1{margin:0 0 8px;font-size:24px;color:#172033}
[data-dynamicforms-react-root] .df-access-page__header p{margin:0;color:#64748b;line-height:1.8}
[data-dynamicforms-react-root] .df-access-editor,[data-dynamicforms-react-root] .df-access-list{padding:18px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.05)}
[data-dynamicforms-react-root] .df-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
[data-dynamicforms-react-root] .df-access-grid label{display:grid;gap:6px;min-width:0}
[data-dynamicforms-react-root] .df-access-grid label>span{font-weight:700;color:#334155}
[data-dynamicforms-react-root] .df-access-permissions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}
[data-dynamicforms-react-root] .df-access-permissions label{display:flex;align-items:flex-start;gap:8px;min-height:44px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;cursor:pointer}
[data-dynamicforms-react-root] .df-access-permissions label:has(input:checked){border-color:#93c5fd;background:#eff6ff}
[data-dynamicforms-react-root] .df-access-permissions input{margin-top:3px;flex:none}
[data-dynamicforms-react-root] .df-access-actions{display:flex;justify-content:flex-end;margin-top:16px}
[data-dynamicforms-react-root] .df-access-list h2{margin:0 0 14px;font-size:19px}
[data-dynamicforms-react-root] .df-access-list td>small{display:block;margin-top:3px;color:#64748b}
[data-dynamicforms-react-root] .df-access-badges{display:flex;flex-wrap:wrap;gap:5px}
[data-dynamicforms-react-root] .df-access-badges span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e0ecff;color:#1d4ed8;font-size:11px;font-weight:700}
@media(max-width:900px){
  [data-dynamicforms-react-root] .df-access-grid,[data-dynamicforms-react-root] .df-access-permissions{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  [data-dynamicforms-react-root] .df-access-grid,[data-dynamicforms-react-root] .df-access-permissions{grid-template-columns:1fr}
  [data-dynamicforms-react-root] .df-access-editor,[data-dynamicforms-react-root] .df-access-list{padding:12px}
}

/* SuperUser capability packages and portal controls (v2.6). */
.df-feature-admin-page{display:grid;gap:18px;direction:rtl}.df-feature-page-header{padding:22px 26px;border-radius:18px;background:linear-gradient(135deg,#172554,#312e81);color:#fff}.df-feature-page-header span{font-size:12px;opacity:.76}.df-feature-page-header h1{margin:7px 0;font-size:25px}.df-feature-page-header p{margin:0;opacity:.85}.df-feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 7px 24px rgba(15,23,42,.05)}.df-feature-card h2{margin:0 0 10px;font-size:18px}.df-feature-card>label{display:block;margin:10px 0}.df-feature-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.df-feature-card-head p{margin:5px 0 0;color:#64748b}.df-feature-package-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.df-feature-package-tabs button{border:1px solid #dbe3f0;border-radius:14px;background:#fff;padding:15px;text-align:right}.df-feature-package-tabs button.is-active{border-color:#4f46e5;background:#eef2ff;box-shadow:0 0 0 2px rgba(79,70,229,.12)}.df-feature-package-tabs strong,.df-feature-package-tabs small{display:block}.df-feature-package-tabs small{margin-top:6px;color:#64748b}.df-feature-group{border:0;border-top:1px solid #eef2f7;margin:20px 0 0;padding:18px 0 0}.df-feature-group legend{border:0;width:auto;padding:0 0 8px;margin:0;font-size:15px;font-weight:700;color:#334155}.df-feature-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.df-feature-check-grid>label{display:flex;gap:10px;align-items:flex-start;border:1px solid #e5e7eb;border-radius:12px;padding:12px;cursor:pointer}.df-feature-check-grid>label:has(input:checked){background:#f8faff;border-color:#c7d2fe}.df-feature-check-grid>label.is-mandatory{background:#f8fafc;cursor:not-allowed}.df-feature-check-grid input{margin-top:4px}.df-feature-check-grid span,.df-feature-check-grid strong,.df-feature-check-grid small{display:block}.df-feature-check-grid small{margin-top:4px;color:#64748b}.df-feature-check-grid em{display:inline-block;margin-top:7px;font-size:10px;font-style:normal;background:#e2e8f0;border-radius:999px;padding:2px 7px}.df-feature-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.df-feature-portal-select{display:grid;grid-template-columns:160px minmax(260px,500px);align-items:center;gap:12px}.df-feature-card .help-block{color:#64748b}.df-feature-card table small{color:#64748b}.df-admin-shell.is-english .df-feature-admin-page{direction:ltr}.df-admin-shell.is-english .df-feature-package-tabs button{text-align:left}@media(max-width:900px){.df-feature-package-tabs,.df-feature-settings-grid,.df-feature-check-grid{grid-template-columns:1fr}.df-feature-card-head{display:grid}.df-feature-portal-select{grid-template-columns:1fr}}
/* 2.6 SuperUser-editable package membership matrix. */
.df-feature-matrix-wrap{max-height:72vh;overflow:auto}.df-feature-matrix{min-width:920px;margin:0}.df-feature-matrix thead th{position:sticky;top:0;z-index:3;background:#eef2ff;text-align:center;vertical-align:middle}.df-feature-matrix thead th:first-child{text-align:right;min-width:300px}.df-feature-matrix thead strong,.df-feature-matrix thead small{display:block}.df-feature-matrix thead small{margin-top:5px;color:#64748b;font-weight:400}.df-feature-matrix thead em{display:inline-block;margin-top:6px;padding:2px 7px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:10px;font-style:normal}.df-feature-matrix tbody th{min-width:300px;vertical-align:middle}.df-feature-matrix tbody th strong,.df-feature-matrix tbody th small{display:block}.df-feature-matrix tbody th small{margin-top:4px;color:#64748b;font-weight:400}.df-feature-matrix tbody th em{display:inline-block;margin-top:6px;padding:2px 7px;border-radius:999px;background:#e2e8f0;font-size:10px;font-style:normal}.df-feature-matrix td{text-align:center;vertical-align:middle;min-width:130px}.df-feature-matrix td label{display:inline-flex;align-items:center;gap:7px;margin:0;cursor:pointer}.df-feature-matrix td label span{font-size:12px;color:#64748b}.df-feature-matrix td label:has(input:checked) span{color:#166534;font-weight:700}.df-feature-matrix-category th{position:sticky;top:76px;z-index:2;background:#f8fafc!important;color:#334155;font-size:13px;border-color:#cbd5e1!important}.df-admin-shell.is-english .df-feature-matrix thead th:first-child,.df-admin-shell.is-english .df-feature-matrix tbody th{text-align:left}


/* 2.6.0.9 - UAT fixes 8-12: actions, inline edit, complete print, semantic labels and single-step headings. */
[data-dynamicforms-react-root] .df-row-actions{min-width:220px;white-space:normal!important;vertical-align:middle}
[data-dynamicforms-react-root] .df-row-actions__group{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
[data-dynamicforms-react-root] .df-row-actions__group>*{margin:0!important}
[data-dynamicforms-react-root] .df-submission-edit-page{display:grid;gap:14px}
[data-dynamicforms-react-root] .df-submission-edit-page__toolbar{display:flex;align-items:center;justify-content:flex-start}
[data-dynamicforms-react-root] .df-label-primary-line,
[data-dynamicforms-react-root] .df-label-secondary-line{white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.8}
[data-dynamicforms-react-root] .df-label-primary-line{display:block}
[data-dynamicforms-react-root] .df-label-secondary-line{display:block;margin-top:2px}
[data-dynamicforms-react-root] .df-form-group>label,
[data-dynamicforms-react-root] .df-fileupload-field>label{width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.8}
[data-dynamicforms-react-root] .df-panel--without-heading>.panel-body,
[data-dynamicforms-react-root] .df-panel--without-heading>.card-body{border-radius:var(--df-radius)}

@page{size:A4 portrait;margin:10mm}
@media print{
  html,body{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
  [data-dynamicforms-react-root],
  [data-dynamicforms-react-root] .df-submit-result,
  [data-dynamicforms-react-root] .df-submission-success-summary,
  [data-dynamicforms-react-root] .df-submission-detail,
  [data-dynamicforms-react-root] .df-printable-report,
  [data-dynamicforms-react-root] .df-form-renderer,
  [data-dynamicforms-react-root] .df-form-renderer--readonly-all{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;box-shadow:none!important}
  [data-dynamicforms-react-root] .df-submission-success-summary{padding:0!important;border:0!important}
  [data-dynamicforms-react-root] .df-submission-success-summary__header{display:none!important}
  [data-dynamicforms-react-root] .df-readonly-tab,
  [data-dynamicforms-react-root] .df-readonly-tab>.panel-body,
  [data-dynamicforms-react-root] .df-readonly-tab>.card-body{break-inside:auto!important;page-break-inside:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}
  [data-dynamicforms-react-root] .df-form-row{display:flex!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;height:auto!important;overflow:visible!important}
  [data-dynamicforms-react-root] .df-form-col{min-width:0!important;height:auto!important;overflow:visible!important}
  [data-dynamicforms-react-root] .df-form-group{break-inside:avoid-page!important;page-break-inside:avoid!important;overflow:visible!important}
  [data-dynamicforms-react-root] .df-panel,
  [data-dynamicforms-react-root] .panel,
  [data-dynamicforms-react-root] .card{max-height:none!important;overflow:visible!important}
}

/* 2.6.0.11 - UAT 9: print in an isolated document so DNN skin wrappers cannot clip long forms. */
[data-dynamicforms-react-root][data-df-print-document="true"]{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:#fff!important;
  color:#000!important;
}
[data-dynamicforms-react-root][data-df-print-document="true"] .df-print-only-header{
  margin:0 0 7mm;
  padding:0 0 4mm;
  border-bottom:1px solid #8b8b8b;
}
[data-dynamicforms-react-root][data-df-print-document="true"] .df-print-only-header h1{
  margin:0 0 2mm;
  font-size:18pt;
  line-height:1.6;
}
[data-dynamicforms-react-root][data-df-print-document="true"] .df-print-only-header p{
  margin:0;
  color:#444;
  font-size:10pt;
}

@page{size:A4 portrait;margin:10mm}
@media print{
  html,
  body.df-isolated-print-body{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
  }
  body.df-isolated-print-body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-submission-success-summary__header{
    display:flex!important;
    align-items:flex-start!important;
    margin:0 0 7mm!important;
    padding:0 0 4mm!important;
    border-bottom:1px solid #8b8b8b!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-form-row{
    display:block!important;
    width:100%!important;
    margin:0!important;
    break-inside:auto!important;
    page-break-inside:auto!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-form-col,
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-form-row>[class*="col-"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:0 0 100%!important;
    padding-inline:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-readonly-tab,
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-panel,
  [data-dynamicforms-react-root][data-df-print-document="true"] .panel,
  [data-dynamicforms-react-root][data-df-print-document="true"] .card,
  [data-dynamicforms-react-root][data-df-print-document="true"] .panel-body,
  [data-dynamicforms-react-root][data-df-print-document="true"] .card-body,
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-form-group,
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-field-wrapper{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    break-inside:auto!important;
    page-break-inside:auto!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-form-group{
    margin:0 0 4mm!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-readonly-tab{
    margin:0 0 5mm!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] .table-responsive,
  [data-dynamicforms-react-root][data-df-print-document="true"] .df-table-mobile-scroll{
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] table{
    width:100%!important;
    table-layout:fixed!important;
    break-inside:auto!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] tr{
    break-inside:avoid-page!important;
    page-break-inside:avoid!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] th,
  [data-dynamicforms-react-root][data-df-print-document="true"] td{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] img,
  [data-dynamicforms-react-root][data-df-print-document="true"] svg,
  [data-dynamicforms-react-root][data-df-print-document="true"] canvas{
    max-width:100%!important;
    height:auto!important;
  }
  [data-dynamicforms-react-root][data-df-print-document="true"] [style*="position: fixed"],
  [data-dynamicforms-react-root][data-df-print-document="true"] [style*="position:fixed"]{
    position:static!important;
  }
}

/* 2.6.0.18 - per-form heading and submitted-list presentation settings. */
[data-dynamicforms-react-root] .df-form-display-settings,
[data-dynamicforms-react-root] .df-submission-default-settings{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #dbe5ef;
  border-radius:10px;
  background:#f8fbfe;
}
[data-dynamicforms-react-root] .df-form-display-settings h4{
  margin:0;
  color:#1f365c;
  font-size:15px;
  font-weight:800;
}
[data-dynamicforms-react-root] .df-form-heading-fields{
  display:grid;
  gap:12px;
}
[data-dynamicforms-react-root] .df-form-heading-fields.is-disabled{
  opacity:.58;
}
[data-dynamicforms-react-root] .df-form-title-preview{
  display:grid;
  gap:6px;
  padding:12px 14px;
  border:1px dashed #aac0d6;
  border-radius:8px;
  background:#fff;
}
[data-dynamicforms-react-root] .df-form-title-preview small{color:#64748b}
[data-dynamicforms-react-root] .df-form-title-preview strong{
  display:block;
  width:100%;
  font-size:20px;
  line-height:1.7;
}
[data-dynamicforms-react-root] .df-submission-system-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
[data-dynamicforms-react-root] .df-submission-system-columns>label{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  margin:0;
  padding:8px 10px;
  border:1px solid #dbe5ef;
  border-radius:7px;
  background:#fff;
  cursor:pointer;
}
[data-dynamicforms-react-root] .df-submission-system-columns--compact{margin:8px 0 14px}
[data-dynamicforms-react-root] .df-default-column-picker{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
[data-dynamicforms-react-root] .df-default-column-list,
[data-dynamicforms-react-root] .df-selected-column-list{
  display:grid;
  gap:8px;
}
[data-dynamicforms-react-root] .df-default-column-row,
[data-dynamicforms-react-root] .df-selected-column-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:8px;
  border:1px solid #dbe5ef;
  border-radius:8px;
  background:#fff;
}
[data-dynamicforms-react-root] .df-default-column-row.is-missing{
  border-color:#e7b45c;
  background:#fff8e8;
}
[data-dynamicforms-react-root] .df-default-column-row__order,
[data-dynamicforms-react-root] .df-selected-column-row__order{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:999px;
  background:#e7f1fb;
  color:#1f5f91;
  font-weight:800;
}
[data-dynamicforms-react-root] .df-default-column-row>span:nth-child(2){min-width:0}
[data-dynamicforms-react-root] .df-default-column-row strong,
[data-dynamicforms-react-root] .df-default-column-row small,
[data-dynamicforms-react-root] .df-default-column-row em{display:block}
[data-dynamicforms-react-root] .df-default-column-row small{
  margin-top:2px;
  color:#64748b;
  overflow:hidden;
  text-overflow:ellipsis;
}
[data-dynamicforms-react-root] .df-default-column-row em{
  margin-top:3px;
  color:#a16207;
  font-size:11px;
  font-style:normal;
}
[data-dynamicforms-react-root] .df-default-column-row__actions,
[data-dynamicforms-react-root] .df-selected-column-row__actions{
  display:flex;
  align-items:center;
  gap:5px;
}
[data-dynamicforms-react-root] .df-selected-column-row strong{
  min-width:0;
  overflow-wrap:anywhere;
}
[data-dynamicforms-react-root] .df-reset-form-columns{margin-top:10px}
@media(max-width:640px){
  [data-dynamicforms-react-root] .df-submission-system-columns{grid-template-columns:1fr}
  [data-dynamicforms-react-root] .df-default-column-picker{grid-template-columns:1fr}
  [data-dynamicforms-react-root] .df-default-column-row,
  [data-dynamicforms-react-root] .df-selected-column-row{grid-template-columns:30px minmax(0,1fr)}
  [data-dynamicforms-react-root] .df-default-column-row__actions,
  [data-dynamicforms-react-root] .df-selected-column-row__actions{grid-column:1 / -1;justify-content:flex-end}
}