/*
 * Final admin form contract.
 * This file is intentionally loaded after page-specific styles.
 */

html body.ip-admin-body .ip-page-content :is(.form-group,[class*="col-"]):has(> label:not(.error):not(.form-check-label)):has(> :is(
    .form-control,
    .form-select,
    select,
    textarea,
    input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
    .input-group,
    .vci-date-input-group
)) {
    position: static !important;
    /*display: flex !important;*/
    flex-direction: column !important;
    align-items: stretch !important;
    min-width: 0;
    padding-top: 0 !important;
}

html body.ip-admin-body .ip-page-content :is(.form-group,[class*="col-"]):has(> :is(
    .form-control,
    .form-select,
    select,
    textarea,
    input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
    .input-group,
    .vci-date-input-group
)) > label:not(.error):not(.form-check-label) {
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
    display: block !important;
    visibility: visible !important;
   /* flex: 0 0 auto !important;*/
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 21px !important;
   /* margin: 0 0 10px !important;*/
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    color: var(--ip-text, #eaf2ff) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.75 !important;
    text-align: start !important;
    text-indent: 0 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    cursor: default !important;
    pointer-events: auto !important;
    transform: none !important;
}

html body.ip-admin-body .ip-page-content :is(.form-group,[class*="col-"]):focus-within > label:not(.error):not(.form-check-label) {
    color: #62baff !important;
}

html body.ip-admin-body .ip-page-content label.error {
    position: static !important;
    display: none !important;
    margin: 5px 0 0 !important;
    color: #ff6073 !important;
    background: transparent !important;
    font-weight: normal !important;
}

html body.ip-admin-body .ip-page-content .form-group > label + br {
    display: none !important;
}

html body.ip-admin-body .ip-page-content .vce-checkbox-field {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 9px !important;
}

html body.ip-admin-body .ip-page-content .vce-checkbox-field > label {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--ip-text) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: normal !important;
}

html body.ip-admin-body .ip-page-content .vce-checkbox-control {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-start;
    gap: 8px !important;
    min-height: 42px;
    padding: 7px 12px;
    border: 1px solid var(--ip-border);
    border-radius: 10px;
    background: var(--ip-surface-2);
}

/* Shared table contract: content stays centered in both directions. */
html body.ip-admin-body .ip-page-content :is(table,.table) > :is(thead,tbody,tfoot) > tr > :is(th,td) {
    text-align: center !important;
    vertical-align: middle !important;
    height: 40px;
}

/* Shared action contract for legacy and Bootstrap buttons. */
html body.ip-admin-body .ip-page-content :is( .btn, .Saveinfo, .ADDitem, .processesitem, .AddNew, .outputFile, .FileOutput, .Backpage, .CloseBox ) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
   /* min-height: 40px;*/
    padding: 7px 14px !important;
    border-radius: 10px !important;
    font-weight: normal !important;
    line-height: 1.45;
}

html body.ip-admin-body .ip-page-content .Backpage {
    border: 1px solid transparent !important;
    color: #78bdff !important;
    background:
        linear-gradient(var(--ip-surface),var(--ip-surface)) padding-box,
        linear-gradient(135deg,#4da8ff,#ff6073) border-box !important;
    box-shadow: 0 0 14px rgba(77,168,255,.15);
    text-decoration: none !important;
    transition: color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease;
}

html body.ip-admin-body .ip-page-content .Backpage:hover,
html body.ip-admin-body .ip-page-content .Backpage:focus-visible {
    color: #fff !important;
    background:
        linear-gradient(135deg,#1769aa,#4c8bd0 48%,#d93d55) padding-box,
        linear-gradient(135deg,#86c9ff,#ff8da0) border-box !important;
    box-shadow: 0 0 20px rgba(77,168,255,.38),0 0 13px rgba(255,96,115,.22);
    transform: translateY(-1px);
}

html body.ip-admin-body .ip-page-content .ip-form-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

/* A predictable final layout for every SmartWizard toolbar. */
html body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom {
    display: grid !important;
    grid-template-columns: auto minmax(32px,1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 20px !important;
    /*padding: 14px 0 0 !important;*/
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom .sw-btn-prev {
    grid-column: 1 !important;
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom .sw-btn-next {
    grid-column: 3 !important;
}

html[dir="ltr"] body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom .sw-btn-prev {
    grid-column: 3 !important;
}

html[dir="ltr"] body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom .sw-btn-next {
    grid-column: 1 !important;
}

html body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom :is(.sw-btn-prev,.sw-btn-next) {
    position: static !important;
    float: none !important;
    width: 128px !important;
    min-width: 128px !important;
    margin: 0 !important;
}

html body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom :is(.sw-btn-prev,.sw-btn-next).disabled {
    visibility: hidden !important;
    pointer-events: none !important;
}

html body.ip-admin-body .ip-page-content .form_wizard > .actionBar {
    display: grid !important;
    grid-template-columns: auto minmax(32px,1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 20px !important;
    padding: 14px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .form_wizard > .actionBar .buttonPrevious {
    grid-column: 1 !important;
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .form_wizard > .actionBar .buttonNext {
    grid-column: 3 !important;
}

html[dir="ltr"] body.ip-admin-body .ip-page-content .form_wizard > .actionBar .buttonPrevious {
    grid-column: 3 !important;
}

html[dir="ltr"] body.ip-admin-body .ip-page-content .form_wizard > .actionBar .buttonNext {
    grid-column: 1 !important;
}

html body.ip-admin-body .ip-page-content .form_wizard > .actionBar :is(.buttonPrevious,.buttonNext) {
    position: static !important;
    float: none !important;
    width: 128px !important;
    min-width: 128px !important;
    margin: 0 !important;
}

html body.ip-admin-body .ip-page-content .form_wizard > .actionBar :is(.buttonPrevious,.buttonNext).buttonDisabled {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Final visual contract for wizard navigation buttons.
   This intentionally lives after legacy rules so every insurer wizard matches
   the CreateInsurerExcel reference regardless of SmartWizard generation. */
html body.ip-admin-body .ip-page-content .viktoria-create-insurer :is(
    .sw-toolbar-elm,
    .actionBar
) :is(
    .sw-btn-prev,
    .sw-btn-next,
    .buttonPrevious,
    .buttonNext,
    .viktoria-wizard-previous,
    .viktoria-wizard-next
) {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 124px !important;
    min-width: 124px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 9px 15px !important;
    border: 1px solid #69baf0 !important;
    border-radius: 10px !important;
    color: #fff !important;
    background: linear-gradient(125deg,#1977b7 0%,#267fc0 48%,#e72d5b 100%) !important;
    box-shadow:
        0 8px 18px rgba(31,126,190,.22),
        0 0 15px rgba(231,45,91,.14),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: background .2s ease,box-shadow .2s ease,transform .2s ease !important;
}

html body.ip-admin-body .ip-page-content .viktoria-create-insurer :is(
    .sw-toolbar-elm,
    .actionBar
) :is(
    .sw-btn-prev,
    .sw-btn-next,
    .buttonPrevious,
    .buttonNext,
    .viktoria-wizard-previous,
    .viktoria-wizard-next
):not(.disabled):not(.buttonDisabled):hover {
    color: #fff !important;
    background: linear-gradient(125deg,#2189cf 0%,#318fd0 48%,#f43c68 100%) !important;
    box-shadow:
        0 10px 22px rgba(31,126,190,.3),
        0 0 20px rgba(231,45,91,.24),
        inset 0 1px 0 rgba(255,255,255,.25) !important;
    transform: translateY(-1px) !important;
}

html body.ip-admin-body .ip-page-content .viktoria-create-insurer :is(
    .sw-toolbar-elm,
    .actionBar
) :is(.disabled,.buttonDisabled) {
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Final wizard rail: identical to the create-insurer reference on every admin wizard. */
html body.ip-admin-body .ip-page-content .viktoria-wizard-rail {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr)) !important;
    gap: 0 !important;
    width: min(760px,calc(100% - 32px)) !important;
    margin: 10px auto 26px !important;
    padding: 10px 8px !important;
    border: 0 !important;
    background: transparent !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail::before {
    position: absolute !important;
    z-index: 0 !important;
    top: 29px !important;
    inset-inline: var(--viktoria-wizard-line-inset,16.6667%) !important;
    display: block !important;
    width: auto !important;
    height: 1px !important;
    content: "" !important;
    background: linear-gradient(90deg,rgba(77,168,255,.2),rgba(77,168,255,.62),rgba(255,96,115,.46)) !important;
    box-shadow: 0 0 10px rgba(77,168,255,.18) !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail > :is(li,.nav-item)::before,
html body.ip-admin-body .ip-page-content .viktoria-wizard-rail > :is(li,.nav-item)::after {
    display: none !important;
   /* content: none !important;*/
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail > :is(li,.nav-item) {
    position: relative !important;
    z-index: 1 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail > :is(li,.nav-item) > a {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    gap: 7px !important;
    min-height: 62px !important;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--ip-muted) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail :is(.vci-step-number,.vce-step-number,.step_no) {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    border: 1px solid rgba(111,191,255,.55) !important;
    border-radius: 12px !important;
    color: #9bb0c9 !important;
    background: var(--ip-surface) !important;
    box-shadow: 0 0 0 7px var(--ip-surface),0 0 12px rgba(77,168,255,.12) !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail :is(.active,.selected,.done) :is(.vci-step-number,.vce-step-number,.step_no),
html body.ip-admin-body .ip-page-content .viktoria-wizard-rail a:is(.active,.selected,.done) :is(.vci-step-number,.vce-step-number,.step_no) {
    border-color: rgba(111,191,255,.82) !important;
    color: #fff !important;
    background: radial-gradient(circle,#72c1fb 0%,#3173da 50%,#053568 100%) !important;
    box-shadow: 0 0 0 7px var(--ip-surface),0 0 22px rgba(77,168,255,.42) !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail :is(.vci-step-copy,.vce-step-copy) {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail :is(.vci-step-copy,.vce-step-copy) small {
    display: none !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail :is(.vci-step-copy,.vce-step-copy) strong,
html body.ip-admin-body .ip-page-content .viktoria-wizard-rail .step_descr {
    color: var(--ip-muted) !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

html body.ip-admin-body .ip-page-content .viktoria-wizard-rail :is(.active,.selected,.done) :is(.vci-step-copy,.vce-step-copy) strong,
html body.ip-admin-body .ip-page-content .viktoria-wizard-rail a:is(.active,.selected,.done) :is(.vci-step-copy,.vce-step-copy) strong {
    color: #5faaf1 !important;
    text-shadow: 0 0 12px rgba(77,168,255,.2);
}

@media (max-width: 575.98px) {
    html body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom {
        grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    }

    html body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom :is(.sw-btn-prev,.sw-btn-next) {
        width: 100% !important;
        min-width: 0 !important;
    }

    html[dir] body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom .sw-btn-prev {
        grid-column: 1 !important;
    }

    html[dir] body.ip-admin-body .ip-page-content .sw-toolbar-elm.toolbar-bottom .sw-btn-next {
        grid-column: 2 !important;
    }
}

.ip-page-content .viktoria-role-create .manageul {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.ip-page-content .viktoria-insurance-agent-create #demoform {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
}

.ip-page-content .viktoria-insurance-agent-create #demoform > .row {
    display: contents;
}

.ip-page-content .viktoria-insurance-agent-create #demoform > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.ip-page-content .viktoria-insurance-agent-create #demoform > .row > .col-md-12 {
    grid-column: 1 / -1;
}

.ip-page-content .viktoria-insurance-agent-create #demoform .ip-form-actions {
    margin-top: 8px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

@media (max-width: 991.98px) {
    .ip-page-content .viktoria-insurance-agent-create #demoform {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 575.98px) {
    .ip-page-content .viktoria-insurance-agent-create #demoform {
        grid-template-columns: 1fr;
    }
}

.ip-page-content .viktoria-insurance-number-create .vinc-form-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px 16px;
}

.ip-page-content .viktoria-insurance-number-create .vinc-form-grid > .row {
    display: contents;
}

.ip-page-content .viktoria-insurance-number-create .vinc-form-grid > #showr,
.ip-page-content .viktoria-insurance-number-create .vinc-preview-row > [class*="col-"],
.ip-page-content .viktoria-insurance-number-create .vinc-action-row > [class*="col-"] {
    grid-column: 1 / -1;
}

.ip-page-content .viktoria-insurance-number-create .vinc-form-grid > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

.ip-page-content .viktoria-insurance-number-create .form-group {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 !important;
}

html body.ip-admin-body .ip-page-content .viktoria-two-line-labels .form-group {
    display: grid !important;
    grid-template-rows: 42px minmax(42px,auto) !important;
    align-content: start !important;
    align-items: stretch !important;
    row-gap: 8px !important;
    min-height: 92px;
}

html body.ip-admin-body .ip-page-content .viktoria-two-line-labels .form-group > label:not(.error):not(.form-check-label) {
    grid-row: 1 !important;
    align-self: stretch !important;
    display: -webkit-box !important;
    flex: 0 0 42px !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    overflow: hidden !important;
    clip: auto !important;
    font-size: 12px !important;
    line-height: 21px !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html body.ip-admin-body .ip-page-content .viktoria-two-line-labels .form-group > :is(
    .form-control,
    .form-select,
    select,
    textarea,
    input:not([type="hidden"]),
    .input-group
) {
    grid-row: 2 !important;
    align-self: start !important;
    width: 100% !important;
    margin: 0 !important;
}

.ip-page-content .viktoria-insurance-number-create .vinc-action-row .ip-form-actions {
    justify-content: flex-start !important;
    margin-top: 4px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    text-align: start !important;
}

@media (max-width: 991.98px) {
    .ip-page-content .viktoria-insurance-number-create .vinc-form-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 575.98px) {
    .ip-page-content .viktoria-insurance-number-create .vinc-form-grid {
        grid-template-columns: 1fr;
    }
}

.ip-page-content .viktoria-reshteh-create .vrs-checkbox-input-group {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    min-height: 42px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--ip-border);
    border-radius: 9px;
    background: var(--ip-surface-2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.ip-page-content .viktoria-reshteh-create .vrs-checkbox-option {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    min-height: 42px;
    margin: 0 !important;
    padding: 7px 10px !important;
    color: var(--ip-text);
    background: color-mix(in srgb,var(--ip-surface-2) 92%,#4da8ff 8%);
    cursor: pointer;
    transition: color .2s ease,background .2s ease,box-shadow .2s ease;
}

.ip-page-content .viktoria-reshteh-create .vrs-checkbox-option + .vrs-checkbox-option {
    border-inline-start: 1px solid var(--ip-border);
}

.ip-page-content .viktoria-reshteh-create .vrs-checkbox-option:hover {
    color: #fff;
    background: linear-gradient(135deg,rgba(23,105,170,.68),rgba(217,61,85,.55));
    box-shadow: inset 0 0 16px rgba(77,168,255,.12);
}

.ip-page-content .viktoria-reshteh-create .vrs-checkbox-option input[type="checkbox"] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    accent-color: #4da8ff;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field {
    position: relative;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-native-select,
.ip-page-content .viktoria-insurer-index .vii-agent-field .vii-agent-multiselect-wrap {
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field button.vii-agent-multiselect {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px;
    padding: 8px 12px !important;
    overflow: hidden;
    direction: rtl;
    color: var(--ip-text) !important;
    background: var(--ip-input-bg,var(--ip-surface-2)) !important;
    text-align: right !important;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field button.vii-agent-multiselect .multiselect-selected-text {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-align: right !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container.dropdown-menu {
    right: 0 !important;
    left: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: 280px;
    padding: 6px !important;
    overflow-x: hidden;
    overflow-y: auto;
    direction: rtl;
    border: 1px solid var(--ip-border);
    border-radius: 10px;
    color: var(--ip-text);
    background: var(--ip-surface);
    box-shadow: 0 16px 34px rgba(0,0,0,.28),0 0 14px rgba(77,168,255,.12);
    text-align: right !important;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container > li,
.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container > li > a {
    width: 100%;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container > li > a > label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 34px;
    margin: 0 !important;
    padding: 7px 9px !important;
    direction: rtl;
    color: var(--ip-text);
    text-align: right !important;
    white-space: normal;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container > li > a > label:hover {
    color: #fff;
    background: linear-gradient(135deg,rgba(23,105,170,.58),rgba(217,61,85,.42));
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0 !important;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container .input-group {
    width: calc(100% - 10px);
    margin: 5px !important;
}

.ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container .form-control {
    width: 100% !important;
    direction: rtl;
    text-align: right !important;
}

html[dir="ltr"] .ip-page-content .viktoria-insurer-index .vii-agent-field button.vii-agent-multiselect,
html[dir="ltr"] .ip-page-content .viktoria-insurer-index .vii-agent-field button.vii-agent-multiselect .multiselect-selected-text,
html[dir="ltr"] .ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container.dropdown-menu,
html[dir="ltr"] .ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container > li > a > label,
html[dir="ltr"] .ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container .form-control {
    direction: ltr;
    text-align: left !important;
}

html[dir="ltr"] .ip-page-content .viktoria-insurer-index .vii-agent-field .multiselect-container.dropdown-menu {
    right: auto !important;
    left: 0 !important;
}

/* Extension filters use the same selector contract as Insurer/Index. */
html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field {
    position: relative;
    min-width: 0;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field :is(
    .form-group,
    .multiselect-native-select,
    .vii-agent-multiselect-wrap,
    .btn-group
) {
    position: relative;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field :is(
    #drp_Agent,
    button.multiselect,
    button.vii-agent-multiselect
) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field :is(
    #drp_Agent,
    button.multiselect,
    button.vii-agent-multiselect,
    .multiselect-selected-text
) {
    direction: rtl !important;
    text-align: right !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field button.multiselect {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    overflow: hidden;
    color: var(--ip-text) !important;
    background: var(--ip-input-bg,var(--ip-surface-2)) !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field button.multiselect .multiselect-selected-text {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field button.multiselect .caret {
    flex: 0 0 auto;
    margin: 0 !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container.dropdown-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: 280px !important;
    padding: 6px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid var(--ip-border) !important;
    border-radius: 10px !important;
    color: var(--ip-text) !important;
    background: var(--ip-surface) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.28),0 0 14px rgba(77,168,255,.12) !important;
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container.dropdown-menu {
    right: 0 !important;
    left: auto !important;
    direction: rtl !important;
    text-align: right !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container > li,
html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container > li > a {
    width: 100% !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container > li > a > label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    width: 100% !important;
    min-height: 34px;
    margin: 0 !important;
    padding: 7px 9px !important;
    color: var(--ip-text) !important;
    white-space: normal !important;
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container > li > a > label {
    direction: rtl !important;
    text-align: right !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container > li > a > label:hover {
    color: #fff !important;
    background: linear-gradient(135deg,rgba(23,105,170,.58),rgba(217,61,85,.42)) !important;
}

html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0 !important;
}

html[dir="ltr"] body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field :is(
    #drp_Agent,
    button.multiselect,
    button.vii-agent-multiselect,
    .multiselect-selected-text,
    .multiselect-container.dropdown-menu,
    .multiselect-container > li > a > label
) {
    direction: ltr !important;
    text-align: left !important;
}

html[dir="ltr"] body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field .multiselect-container.dropdown-menu {
    right: auto !important;
    left: 0 !important;
}

/* Some legacy pages resolve the jQuery-UI multiselect implementation instead
   of Bootstrap Multiselect. Its ui-state-active class must not turn a filter
   control into a primary action button after a value is selected. */
html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field button.ui-multiselect,
html body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field button.ui-multiselect:is(
    :hover,
    :focus,
    :active,
    .ui-state-hover,
    .ui-state-focus,
    .ui-state-active,
    [aria-expanded="true"]
) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px 42px 8px 12px !important;
    border: 1px solid color-mix(in srgb,#4da8ff 35%,var(--ip-border)) !important;
    border-radius: 10px !important;
    outline: 0 !important;
    color: var(--ip-text) !important;
    background: color-mix(in srgb,var(--ip-primary) 5%,var(--ip-surface)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
    filter: none !important;
    text-shadow: none !important;
    transform: none !important;
}

html[dir="rtl"] body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field button.ui-multiselect {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="ltr"] body.ip-admin-body .ip-page-content .ip-page-insurance-extension .vii-extension-select-field button.ui-multiselect {
    padding: 8px 12px 8px 42px !important;
    direction: ltr !important;
    text-align: left !important;
}

.ip-page-content .viktoria-role-create .manageul li {
    min-width: 0;
}

.ip-page-content .viktoria-role-create .manageul li > label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    margin: 0 !important;
    padding: 8px 11px !important;
    border: 1px solid var(--ip-border) !important;
    border-radius: 10px !important;
    background: var(--ip-surface-2) !important;
    white-space: nowrap !important;
}

.ip-page-content .viktoria-role-create .ip-form-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 18px;
}

@media (max-width: 991.98px) {
    .ip-page-content .viktoria-role-create .manageul {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 575.98px) {
    .ip-page-content .viktoria-role-create .manageul {
        grid-template-columns: 1fr;
    }
}

/* Admin / Insurer / Create: one consistent wizard and form contract. */
html body.ip-admin-body .ip-page-content .viktoria-insurer-create {
    overflow: visible;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .wizard-container {
    width: 100%;
    padding: clamp(16px,2vw,24px);
    border: 1px solid transparent;
    border-radius: 18px;
    background:
        linear-gradient(var(--ip-surface),var(--ip-surface)) padding-box,
        linear-gradient(135deg,rgba(77,168,255,.5),rgba(255,96,115,.42)) border-box;
    box-shadow: var(--ip-shadow),0 0 24px rgba(77,168,255,.08);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-feedback:empty {
    display: none;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-feedback {
    margin-bottom: 16px;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create #chk_condition {
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid rgba(255,96,115,.34);
    border-radius: 12px;
    background: rgba(217,61,85,.08);
    text-align: center;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create #wizard.form_wizard {
    overflow: visible !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-wizard-steps {
    margin-bottom: 20px !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .tab-content {
    width: 100%;
    height: auto !important;
    min-height: 390px;
    padding: clamp(16px,2vw,24px) !important;
    overflow: visible !important;
    border: 1px solid var(--ip-border);
    border-radius: 16px;
    background: color-mix(in srgb,var(--ip-surface-2) 72%,transparent);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-step > .row,
html body.ip-admin-body .ip-page-content .viktoria-insurer-create #step2 fieldset > .row {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: start;
    gap: 16px;
    margin: 0 0 16px !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-step > .row > [class*="col-"],
html body.ip-admin-body .ip-page-content .viktoria-insurer-create #step2 fieldset > .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    padding: 0 !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-step > .row > .col-md-12,
html body.ip-admin-body .ip-page-content .viktoria-insurer-create #step2 fieldset > .row > .col-md-12 {
    grid-column: 1 / -1;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .form-group:not(.vii-toggle-field):not(:has(> input[type="checkbox"])) > label:not(.error):not(.vii-choice-option) {
    position: static !important;
    inset: auto !important;
    display: -webkit-box !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px;
    max-height: 42px;
    margin: 0 !important;
    padding: 0 2px !important;
    overflow: hidden !important;
    clip: auto !important;
    color: var(--ip-text) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create :is(
    .form-control,
    .form-select,
    select,
    input[type="text"],
    input[type="number"]
) {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create textarea.form-control {
    width: 100% !important;
    min-height: 88px !important;
    resize: vertical;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-choice-group {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 42px;
    padding: 5px;
    border: 1px solid var(--ip-border);
    border-radius: 10px;
    background: var(--ip-surface-2);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-choice-option {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 1 1 105px;
    gap: 7px;
    min-height: 30px;
    margin: 0 !important;
    padding: 5px 9px !important;
    border-radius: 8px;
    color: var(--ip-text) !important;
    background: color-mix(in srgb,var(--ip-surface) 72%,transparent);
    cursor: pointer;
    font-size: 12px !important;
    font-weight: normal !important;
    transition: color .2s ease,background .2s ease,box-shadow .2s ease;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-choice-option:hover {
    color: #fff !important;
    background: linear-gradient(135deg,rgba(23,105,170,.68),rgba(217,61,85,.5));
    box-shadow: 0 0 12px rgba(77,168,255,.14);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create :is(.vii-choice-option,.vii-toggle-field) input:is([type="checkbox"],[type="radio"]) {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin: 0 !important;
    accent-color: #4da8ff;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-toggle-field {
    justify-content: flex-end;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-toggle-field > label {
    display: flex !important;
    align-items: center;
    gap: 9px;
    min-height: 42px !important;
    padding: 8px 11px !important;
    border: 1px solid var(--ip-border) !important;
    border-radius: 10px;
    background: var(--ip-surface-2) !important;
    cursor: pointer;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .form-group:has(> input[type="checkbox"]) {
    align-items: center;
    flex-direction: row !important;
    justify-content: flex-start;
    gap: 9px !important;
    min-height: 42px;
    padding: 8px 11px;
    border: 1px solid var(--ip-border);
    border-radius: 10px;
    background: var(--ip-surface-2);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .form-group:has(> input[type="checkbox"]) > input[type="checkbox"] {
    position: static;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    opacity: 1;
    accent-color: #4da8ff;
    pointer-events: auto;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .form-group:has(> input[type="checkbox"]) > label {
    display: flex !important;
    align-items: center;
    flex: 1 1 auto;
    min-height: 24px;
    cursor: pointer;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .form-group:has(> input[type="checkbox"]) > label::before {
    display: none !important;
    content: none !important;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create fieldset {
    min-width: 0;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--ip-border);
    border-radius: 14px;
    background: color-mix(in srgb,var(--ip-surface) 72%,transparent);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create fieldset > legend {
    float: none;
    width: auto;
    margin: 0 0 14px;
    padding: 0 6px;
    color: #69b8ff;
    font-size: 16px;
    font-weight: normal;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create #step2 > .row:first-child > .col-md-12 {
    grid-column: 1 / -1;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-messages > .row {
    grid-template-columns: minmax(210px,1fr) minmax(0,2fr);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-messages > .row > .col-md-12 {
    grid-column: 1 / -1;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-save-row {
    display: flex;
    justify-content: flex-start;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--ip-border);
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-save {
    min-width: 170px;
}

html body.ip-admin-body .ip-page-content .viktoria-insurer-create #wizard .buttonFinish {
    display: none !important;
}

html body.ip-admin-body .ip-page-content #loader_ {
    position: fixed !important;
    z-index: 2100;
    inset: 0;
    background: rgba(5,13,25,.72);
    backdrop-filter: blur(4px);
}

html body.ip-admin-body .ip-page-content #loader_ > p {
    position: absolute !important;
    top: 50% !important;
    right: 50% !important;
    min-width: 220px;
    margin: 0 !important;
    padding: 16px 20px;
    border: 1px solid rgba(111,191,255,.52);
    border-radius: 13px;
    color: #fff;
    background: var(--ip-surface);
    box-shadow: 0 0 28px rgba(77,168,255,.28);
    transform: translate(50%,-50%);
}

html[dir="ltr"] body.ip-admin-body .ip-page-content #loader_ > p {
    right: auto !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}

@media (max-width: 991.98px) {
    html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-step > .row,
    html body.ip-admin-body .ip-page-content .viktoria-insurer-create #step2 fieldset > .row {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-messages > .row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    html body.ip-admin-body .ip-page-content .viktoria-insurer-create .wizard-container {
        padding: 12px;
        border-radius: 14px;
    }

    html body.ip-admin-body .ip-page-content .viktoria-insurer-create .tab-content {
        padding: 13px !important;
    }

    html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-step > .row,
    html body.ip-admin-body .ip-page-content .viktoria-insurer-create #step2 fieldset > .row {
        grid-template-columns: 1fr;
    }

    html body.ip-admin-body .ip-page-content .viktoria-insurer-create .vii-create-save {
        width: 100%;
    }
}