/* Existing forms awaiting conversion. These rules do not style Vue forms or their shell.
   Remove each rule when its remaining form consumers have been migrated. */
:where(body:not(.app-vue-form)) .red { color: red; }
:where(body:not(.app-vue-form)) A { color: #007ACC; text-decoration: none; }
:where(body:not(.app-vue-form)) A:hover { text-decoration: underline; }
@media (max-device-width: 480px) {
:where(body:not(.app-vue-form)) .rs-form-registration-success { margin-left: 40px !important; margin-top: 0px !important; background: #1c5f6e !important; color: white !important; padding-top: 10px !important; padding-left: 10px !important; padding-right: 10px !important; border-radius: 15px !important; font-size: 22px !important; padding-bottom: 10px !important; margin-bottom: 19px !important; }
}
:where(body:not(.app-vue-form)) .rs-form-registration-success { margin-left: 401px; margin-top: -65px; padding: 15px; background: #1c5f6e; color: white; padding-top: 10px; padding-left: 10px; padding-right: 10px; border-radius: 15px; font-size: 22px; padding-bottom: 10px; margin-bottom: 19px; }
:where(body:not(.app-vue-form)) .addfrm { display: block; color: #262626; }
:where(body:not(.app-vue-form)) .rs-form-error-message { margin-top: 87px; height: 187px; font-size: 17px; font-weight: bold; color: #b35858; }
:where(body:not(.app-vue-form)) .tewq { float: right; margin-right: 4px; }
body:where(:not(.app-vue-form)) { padding-bottom: 20px; margin: 0; font-size: 14px; line-height: 26px; font-family: 'Droid Sans', sans-serif; }
:where(body:not(.app-vue-form)) .body-content { padding-left: 15px; padding-right: 15px; }
:where(body:not(.app-vue-form)) .dl-horizontal dt { white-space: normal; }
:where(body:not(.app-vue-form)) .ninja-logo { width: 40px; }
:where(body:not(.app-vue-form)) .rs-form-upload-hidden { display: none; }
:where(body:not(.app-vue-form)) .rs-form-upload-visible { display: block !important; }
:where(body:not(.app-vue-form)) .cbackground { background: #f5f5f8; }
:where(body:not(.app-vue-form)) #dialogFilte { display: none; }
:where(body:not(.app-vue-form)) .btn-primary { color: #fff; background: #4c1e1e !important; border-color: #4c1e1e !important; }
:where(body:not(.app-vue-form)) .marb { margin-bottom: 16px; display: inline-table; width: 100%; }
:where(body:not(.app-vue-form)) .btnf { float: right; margin-right: 8px; }
:where(body:not(.app-vue-form)) .btne { background: #b94040; float: right; margin-right: 8px; color: white; }
:where(body:not(.app-vue-form)) .cbackgroun { background: #027fbd; padding-bottom: 0px; color: #ffffff; margin-top: 40px; }
:where(body:not(.app-vue-form)) .labeltext { color: #04caff; }
:where(body:not(.app-vue-form)) #dialogFilterfileUsersmall { display: none; }
:where(body:not(.app-vue-form)) .labeltexw { font-weight: bold; font-size: 15px; }
:where(body:not(.app-vue-form)) #failure { color: red; float: left; margin-left: 40px !important; }
:where(body:not(.app-vue-form)) #status { color: green; float: left; margin-left: 40px !important; }
:where(body:not(.app-vue-form)) #failurc { color: red; display: none; float: left; margin-left: 40px; }
:where(body:not(.app-vue-form)) hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 0px solid #eee; }
:where(body:not(.app-vue-form)) .btn-default { background: #027fbd; color: #fff; }
:where(body:not(.app-vue-form)) #dialogFilterfile { display: none; }
:where(body:not(.app-vue-form)) #dialogFilterfileAppl { display: none; }
:where(body:not(.app-vue-form)) #dialogFilterfilen { display: none; }
:where(body:not(.app-vue-form)) .rs-form-table-heading { background: #d6dcdf; }
:where(body:not(.app-vue-form)) #loading { display: none; position: fixed; top: 0; z-index: 100; width: 100%; height: 100%; left: 0; opacity: .5; background-color: black; margin-right: 0px; margin-left: 0px; }
:where(body:not(.app-vue-form)) #loading-text { top: 50%; color: #fdfdfd; text-align: center; font-size: x-large; }
:where(body:not(.app-vue-form)) .selected { background-color: #9ecbd6 !important; }
:where(body:not(.app-vue-form)) #dialogFilterfileUser { display: none; }
:where(body:not(.app-vue-form)) .wf { background: none !important; border-bottom: none !important; }
:where(body:not(.app-vue-form)) #szlider { width:100%; height:15px; border:1px solid #000; overflow:hidden; }
:where(body:not(.app-vue-form)) #szliderbar { width:0%; height:15px; border-right:1px solid #000; background:#c0c0c0; }
:where(body:not(.app-vue-form)) #szazalek { color:#000; font-size:15px; font-style:italic; font-weight:bold; text-align:center; position:relative; top:-16px; }

/* Shared model forms: layout and controls inherit the product shell palette. */
.app-vue-form { background: var(--app-bg); }
.rs-form, .rs-form * { box-sizing: border-box; }
.rs-form { font: 14px/1.5 "Segoe UI", Arial, sans-serif; color: var(--app-text); margin: 0 auto; padding: 24px; width: 100%; max-width: 1100px; }
.rs-form [v-cloak] { visibility: hidden; }
.rs-form-heading { display: flex; align-items: start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.rs-form-heading h1 { color: inherit; font-size: 28px; font-weight: 650; line-height: 1.25; margin: 0 0 10px; }
.rs-form-eyebrow { color: var(--app-muted); font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 8px; }
.rs-form-description { color: var(--app-muted); margin: 0; }
.rs-form-section { background: var(--app-surface); border: 1px solid var(--app-border); border-radius: var(--app-radius); padding: 24px; margin-bottom: 20px; }
.rs-form-section h2 { font-size: 17px; line-height: 1.4; color: inherit; margin: 0 0 24px; font-weight: 650; }
.rs-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; }
.rs-form-field { min-width: 0; }
.rs-form-field label { display: block; color: var(--app-text); font-size: 13px; font-weight: 600; margin-bottom: 6px; line-height: 1.5; }
.rs-form-field input:not([type="checkbox"]), .rs-form-field select, .rs-form-field textarea { width: 100%; min-height: 40px; border: 1px solid var(--app-border); border-radius: 6px; background: var(--app-surface); color: var(--app-text); padding: 8px 12px; font: inherit; line-height: 1.5; }
.rs-form-field input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--app-accent); }
.rs-form-field input:read-only, .rs-form-field select:disabled { background: var(--app-muted-surface); color: var(--app-muted); opacity: 1; }
.rs-form :is(input, select, textarea, button):focus-visible { outline: 2px solid var(--app-accent); outline-offset: 2px; }
.rs-form-required { color: var(--app-muted); }
.rs-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 16px 0; }
.rs-form-save-state { margin-right: auto; color: var(--app-muted); font-size: 13px; }
.rs-form-button { border: 1px solid var(--app-border); border-radius: 6px; background: var(--app-surface); color: var(--app-text); padding: 8px 18px; min-height: 40px; font: inherit; line-height: 1.5; cursor: pointer; }
.rs-form-button:hover { background: var(--app-muted-surface); }
.rs-form-button-primary { color: #fff; background: var(--app-accent); border-color: var(--app-accent); }
.rs-form-button-primary:hover { background: var(--app-accent-hover); border-color: var(--app-accent-hover); }
.rs-form-button:disabled { opacity: .6; cursor: wait; }
.rs-form-feedback { padding: 14px 18px; border: 1px solid var(--app-border); border-left: 4px solid var(--app-accent); border-radius: 6px; background: var(--app-surface); margin-bottom: 16px; }
.rs-form-feedback p { margin: 0; }
.rs-form-feedback-error { border-left-color: #d95757; }
.rs-form-feedback ul { margin: 8px 0 0; padding-left: 20px; }
.rs-form-feedback button { color: inherit; background: none; border: 0; padding: 0; text-align: left; text-decoration: underline; }
@media (max-width: 640px) {
    .rs-form { padding: 16px 12px; }
    .rs-form-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .rs-form-section { padding: 18px; }
    .rs-form-heading h1 { font-size: 24px; }
    .rs-form-actions { flex-wrap: wrap; }
}
.rs-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.rs-form-grid-following { margin-top: 20px; }
.rs-form-field input:disabled { background: var(--app-muted-surface); color: var(--app-muted); opacity: 1; }
.rs-form-table-scroll { overflow-x: auto; }
.rs-form-table { border-collapse: collapse; width: 100%; font-size: 13px; }
.rs-form-table th { color: var(--app-muted); background: var(--app-muted-surface); text-align: left; font-weight: 600; white-space: nowrap; }
.rs-form-table th, .rs-form-table td { padding: 12px; border-bottom: 1px solid var(--app-border); vertical-align: middle; }
.rs-form-table .rs-form-field input:not([type="checkbox"]), .rs-form-table .rs-form-field select { min-width: 120px; }
.rs-form-empty { padding: 24px !important; text-align: center; color: var(--app-muted); }
[data-appearance="dark"] .rs-form-button-primary { color: var(--app-bg); }
.rs-form-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; margin: 0; }
.rs-form-summary dt { color: var(--app-muted); font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.rs-form-summary dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 640px) { .rs-form-summary { grid-template-columns: minmax(0, 1fr); } }
/* Shared editor and attachment presentation. */
.rs-form-section > .rs-form-field + .rs-form-field { margin-top: 24px; }
.rs-form-field > span { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.rs-rich-text { min-width: 0; }
.rs-rich-text .e-richtexteditor { max-width: 100%; border-color: var(--app-border); }
.rs-rich-text .e-rte-content, .rs-rich-text .e-content, .rs-rich-text .e-toolbar { background: var(--app-surface); color: var(--app-text); }
.rs-rich-text .e-toolbar .e-tbar-btn, .rs-rich-text .e-toolbar .e-tbar-btn .e-icons { background: var(--app-surface); color: var(--app-text); }
.rs-form-files { display: grid; gap: 16px; }
.rs-form-photo { max-width: 240px; max-height: 200px; width: auto; height: auto; object-fit: contain; border-radius: 6px; }
.rs-form-upload-progress { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.rs-form-file-list { list-style: none; padding: 0; margin: 0; }
.rs-form-file-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--app-border); }
.rs-form-file-list li > span { flex: 1; min-width: 140px; overflow-wrap: anywhere; }
.rs-form-dialog { width: min(1000px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 24px; color: var(--app-text); background: var(--app-surface); border: 1px solid var(--app-border); border-radius: 10px; }
.rs-form-dialog::backdrop { background: rgba(0, 0, 0, .45); }
.rs-form-dialog h2 { margin: 0 0 20px; font-size: 20px; }
.rs-form-dialog .rs-form-table-scroll { margin-top: 20px; max-height: 50vh; }
.rs-form-row-actions { white-space: nowrap; }
.rs-form-row-actions .rs-form-button { padding: 6px 10px; }
.rs-form-details > summary { cursor: pointer; padding: 8px 0; color: var(--app-accent); }
.rs-form-details[open] > summary { margin-bottom: 16px; }

.rs-form-editor-error { color: var(--app-danger, #b42318); margin: 16px 0; }

/* Bootstrap resets dialog display; closed native editors must remain hidden. */
.rs-form-dialog:not([open]), .rs-form dialog:not([open]) { display: none; }

.rs-form-confirmation { width: min(440px, calc(100vw - 32px)); }

.rs-form-section-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.rs-form-section .rs-form-section-heading h2 { margin: 0; }
.rs-form-table td { overflow-wrap: anywhere; }
.rs-form-section > .rs-form-grid + .rs-form-field { margin-top: 20px; }
/* Read-only rich documents share the same responsive presentation across projects. */
.rs-form-document { line-height: 1.7; overflow-wrap: anywhere; overflow-x: auto; }
.rs-form-document img { max-width: 100%; height: auto; }
.rs-form-document pre { white-space: pre-wrap; }
.rs-form .rs-person-photo { display: block; max-width: 12rem; max-height: 14rem; object-fit: contain; margin-bottom: 1rem; }

.rs-form .rs-form-tree-indent { display: inline-block; width: 1rem; }

.rs-form-image-preview { display: block; max-width: min(100%, 24rem); max-height: 16rem; object-fit: contain; margin-block: 1rem; }

.rs-form-check-option { display: flex; align-items: center; gap: .5rem; margin-block: .4rem; }

/* The layout canvas and structure inspector share the common form palette. */
.rs-form .rs-layout-editor { display:grid; grid-template-columns:minmax(0, 3fr) minmax(16rem, 1fr); gap:1rem; align-items:start; }
.rs-form .rs-layout-columns { display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); gap:.5rem; }
.rs-form .rs-layout-column, .rs-form .rs-layout-section { min-width:0; border:1px solid var(--app-border); border-radius:.5rem; padding:.65rem; margin-block:.5rem; }
.rs-form .rs-layout-node { border:1px solid transparent; border-radius:.3rem; padding:.35rem .5rem; background:transparent; color:inherit; text-align:left; overflow-wrap:anywhere; max-width:100%; }
.rs-form .rs-layout-node[aria-pressed=true] { border-color:currentColor; background:var(--app-muted-surface); }
.rs-form .rs-layout-tools { display:grid; gap:.5rem; margin-block:.75rem; }
.rs-form .rs-layout-tools select, .rs-form .rs-layout-tools input { width:100%; min-width:0; }
.rs-form .rs-layout-tree { list-style:none; padding:0; }
.rs-form .rs-layout-tree ul { list-style:none; padding-left:.9rem; margin:0; border-left:1px solid var(--app-border); }
.rs-form .rs-layout-widget { border:1px dashed var(--app-border); padding:.5rem; margin-block:.5rem; }
@media (max-width:900px) { .rs-form .rs-layout-editor { grid-template-columns:minmax(0, 1fr); } }
@media (max-width:600px) { .rs-form .rs-layout-column { grid-column:1 / -1 !important; } }