/* Contractor modal final implementation spec: compact ERP card, fixed header/footer, scrollable body only. */
html body .modal-dialog.vario-contractor-dialog,
html[data-vario-theme] body .modal-dialog.vario-contractor-dialog {
    width: min(1360px, calc(100vw - 48px)) !important;
    max-width: min(1360px, calc(100vw - 48px)) !important;
    margin: 24px auto !important;
}

html body .modal-content.vario-contractor-modal,
html[data-vario-theme] body .modal-content.vario-contractor-modal {
    height: min(820px, calc(100vh - 48px)) !important;
    min-height: min(650px, calc(100vh - 48px)) !important;
    max-height: calc(100vh - 48px) !important;
    overflow: hidden !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 28px 76px rgba(8, 27, 58, 0.26) !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-header,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-header {
    flex: 0 0 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 14px 26px 10px !important;
    border-bottom: 0 !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-header small,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-header small {
    color: #526987 !important;
    font: 700 12px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .modal-title,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-title {
    color: #061b3f !important;
    font: 800 23px/28px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-status-badge,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-status-badge {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    margin-left: 8px !important;
    padding: 0 10px !important;
    border: 1px solid #bdeccf !important;
    border-radius: 999px !important;
    background: #e8f8f0 !important;
    color: #168052 !important;
    font: 800 11px/20px Inter, "Segoe UI", Arial, sans-serif !important;
    vertical-align: middle !important;
}

html body .modal-content.vario-contractor-modal .btn-close,
html[data-vario-theme] body .modal-content.vario-contractor-modal .btn-close {
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    opacity: 1 !important;
}

html body .modal-content.vario-contractor-modal form,
html[data-vario-theme] body .modal-content.vario-contractor-modal form {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-body,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 26px 10px !important;
    overflow: hidden !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-tabs,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-tabs {
    flex: 0 0 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid #e4ebf5 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-tab,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-tab {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 16px !important;
    color: #526987 !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    background: transparent !important;
    font: 800 11px/28px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-tab.active,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-tab.active {
    color: #1263f1 !important;
    border-bottom-color: #1263f1 !important;
    box-shadow: none !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-form-shell,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-form-shell {
    display: block !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden auto !important;
    padding-right: 4px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-form-main,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-form-main {
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-basic-grid,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-basic-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, 0.75fr) !important;
    gap: 10px 12px !important;
    align-items: start !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-section,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section {
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-section-primary,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-primary {
    grid-column: 1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-section-classification,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-classification {
    grid-column: 2 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-section-contact,
html body .modal-content.vario-contractor-modal .vario-contractor-section-message,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-contact,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-message {
    grid-column: 1 / -1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-section h3,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section h3 {
    margin: 0 0 8px !important;
    color: #061b3f !important;
    font: 800 12px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-section-heading,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-form-grid,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-form-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 7px 10px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-field {
    min-width: 0 !important;
    min-height: 39px !important;
    padding: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-2 {
    grid-column: span 2 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-3 {
    grid-column: span 3 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-4 {
    grid-column: span 4 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-5 {
    grid-column: span 5 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-6 {
    grid-column: span 6 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-7 {
    grid-column: span 7 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-8 {
    grid-column: span 8 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-9 {
    grid-column: span 9 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field.span-12 {
    grid-column: 1 / -1 !important;
}

html body .modal-content.vario-contractor-modal .form-label,
html[data-vario-theme] body .modal-content.vario-contractor-modal .form-label {
    display: block !important;
    height: auto !important;
    min-height: 13px !important;
    margin: 0 0 3px !important;
    overflow: hidden !important;
    color: #173d78 !important;
    font: 800 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .form-control,
html body .modal-content.vario-contractor-modal .form-select,
html[data-vario-theme] body .modal-content.vario-contractor-modal .form-control,
html[data-vario-theme] body .modal-content.vario-contractor-modal .form-select {
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    padding: 0 9px !important;
    border: 1px solid #c8d7ee !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #06245a !important;
    font: 700 11px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    box-shadow: none !important;
}

html body .modal-content.vario-contractor-modal textarea.form-control,
html[data-vario-theme] body .modal-content.vario-contractor-modal textarea.form-control {
    min-height: 64px !important;
    height: 64px !important;
    max-height: 64px !important;
    padding: 6px 9px !important;
    line-height: 15px !important;
    resize: none !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field-action,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-field-action {
    display: flex !important;
    align-items: end !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field-action .btn,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-field-action .btn,
html body .modal-content.vario-contractor-modal .vario-contractor-section-heading .btn,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-heading .btn {
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 800 11px/23px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-field-action .vario-contractor-gus-button,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-field-action .vario-contractor-gus-button {
    width: 100% !important;
    border-color: #1263f1 !important;
    background: #f5f9ff !important;
    color: #1263f1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-choice-stack,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-choice-stack {
    display: grid !important;
    gap: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-choice-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-choice-row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-height: 32px !important;
    padding: 5px 6px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-choice-row .form-label,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-choice-row .form-label {
    flex: 0 0 116px !important;
    height: auto !important;
    margin: 0 !important;
    color: #526987 !important;
    line-height: 18px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-choice-row.vario-contractor-choice-row-stacked,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-choice-row.vario-contractor-choice-row-stacked {
    align-items: flex-start !important;
    padding-top: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-choice-row.vario-contractor-choice-row-stacked>.form-label,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-choice-row.vario-contractor-choice-row-stacked>.form-label {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-height: 16px !important;
    margin-bottom: 3px !important;
    line-height: 16px !important;
    overflow: visible !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-choice-row .form-check,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-choice-row .form-check,
html body .modal-content.vario-contractor-modal .vario-contractor-mini-check,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-mini-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 8px !important;
    background: #f8fbff !important;
    color: #06245a !important;
    font: 800 11px/22px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-message-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-message-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 10px !important;
    align-items: stretch !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-message-field,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-message-field {
    grid-column: 1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-message-options,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-message-options {
    grid-column: 2 !important;
    align-self: center !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    align-content: center !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-message-options>.form-label,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-message-options>.form-label {
    text-align: center !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-notes-field,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-notes-field {
    grid-column: 1 / -1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-tab-panel,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-tab-panel {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
    width: 100% !important;
    margin: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-12,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-12 {
    grid-column: 1 / -1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-8,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-8 {
    grid-column: span 8 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-7,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-7 {
    grid-column: span 7 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-5,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-5 {
    grid-column: span 5 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-4,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-tab-panel>.span-4 {
    grid-column: span 4 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-people-list,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-people-list {
    grid-column: span 4 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-details,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-details {
    grid-column: span 8 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-subtable,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-subtable {
    display: grid !important;
    gap: 0 !important;
    overflow-x: auto !important;
    border: 1px solid #e4ebf5 !important;
    border-radius: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-subtable-head,
html body .modal-content.vario-contractor-modal .vario-contractor-subtable-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-subtable-head,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-subtable-row {
    display: grid !important;
    grid-template-columns: minmax(150px, 1fr) minmax(230px, 1.4fr) 110px 90px 90px 90px !important;
    gap: 6px !important;
    align-items: center !important;
    min-width: 860px !important;
    padding: 5px 6px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-subtable-head,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-subtable-head {
    background: #eef5ff !important;
    color: #173d78 !important;
    font: 800 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row,
html body .modal-content.vario-contractor-modal .vario-contractor-history-list>div,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-history-list>div {
    display: grid !important;
    gap: 2px !important;
    padding: 8px !important;
    border: 1px solid #e4ebf5 !important;
    border-radius: 8px !important;
    background: #f8fbff !important;
    color: #06245a !important;
    font: 700 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-history-list,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-history-list {
    display: grid !important;
    gap: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-readonly-pills,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-readonly-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-readonly-pills span,
html body .modal-content.vario-contractor-modal .vario-contractor-readonly-chip,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-readonly-pills span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-readonly-chip {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 8px !important;
    background: #f8fbff !important;
    color: #06245a !important;
    font: 800 11px/22px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .modal-footer,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer {
    flex: 0 0 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    padding: 8px 26px !important;
    border-top: 1px solid #d8e3f2 !important;
    background: #f8fbff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-footer-actions,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-footer-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
}

html body .modal-content.vario-contractor-modal .modal-footer .btn,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .btn {
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 800 11px/25px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal select.form-select,
html[data-vario-theme] body .modal-content.vario-contractor-modal select.form-select {
    appearance: none !important;
    padding-right: 28px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3e%3cpath d='M3.5 5.25 7 8.75l3.5-3.5' fill='none' stroke='%23173d78' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 12px 12px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-header,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-header {
    justify-content: space-between !important;
    gap: 16px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-modal-toolbar,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-modal-toolbar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: auto !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-active-toggle,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-active-toggle,
html body .modal-content.vario-contractor-modal .vario-contractor-status-pill,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-status-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: 26px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid #bee8cc !important;
    background: linear-gradient(180deg, #e8f8ef 0%, #d9f5e5 100%) !important;
    color: #146b36 !important;
    font: 800 11px/24px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-active-toggle.inactive,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-active-toggle.inactive,
html body .modal-content.vario-contractor-modal .vario-contractor-status-pill.inactive,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-status-pill.inactive {
    border-color: #f3c2c2 !important;
    background: linear-gradient(180deg, #fff1f1 0%, #ffe1e1 100%) !important;
    color: #b42323 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-active-toggle input,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-active-toggle input {
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    accent-color: #1263f1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-finance-card,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-finance-card {
    background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%) !important;
    border-color: #cfe0fb !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-discount-card,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-discount-card {
    background: linear-gradient(180deg, #ffffff 0%, #f7fff8 100%) !important;
    border-color: #cdebd2 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-consent-summary,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-consent-summary {
    background: linear-gradient(180deg, #ffffff 0%, #fff9e9 100%) !important;
    border-color: #f2ddb0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 8px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row+.vario-contractor-person-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row+.vario-contractor-person-row {
    margin-top: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row.active,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row.active {
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #f6faff 0%, #eef5ff 100%) !important;
    box-shadow: inset 3px 0 0 #1263f1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row strong,
html body .modal-content.vario-contractor-modal .vario-contractor-person-row span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row span,
html body .modal-content.vario-contractor-modal .vario-contractor-person-row small,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row small {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row strong {
    color: #061b3f !important;
    font: 800 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row span,
html body .modal-content.vario-contractor-modal .vario-contractor-person-row small,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row small {
    color: #526987 !important;
    font: 700 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-avatar,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #1263f1 0%, #0b4fd0 100%) !important;
    font: 900 10px/1 Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-avatar.soft,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-avatar.soft {
    color: #1263f1 !important;
    background: #eaf2ff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-map-button,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-map-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 800 11px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    text-decoration: none !important;
}

.vario-action-icon.map {
    position: relative;
    background: transparent;
    mask-image: none;
    -webkit-mask-image: none;
}

.vario-action-icon.map::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 2px;
    width: 7px;
    height: 10px;
    border: 2px solid currentColor;
    border-radius: 7px 7px 7px 2px;
    transform: rotate(45deg);
}

.vario-action-icon.map::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 4px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: currentColor;
}

html body .modal-content.vario-contractor-modal .vario-contractor-automation-grid,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-automation-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-automation-grid>div,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-automation-grid>div {
    min-height: 72px !important;
    padding: 10px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-automation-grid strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-automation-grid strong,
html body .modal-content.vario-contractor-modal .vario-contractor-automation-grid span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-automation-grid span {
    display: block !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-automation-grid strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-automation-grid strong {
    color: #061b3f !important;
    font: 800 11px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-automation-grid span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-automation-grid span {
    margin-top: 4px !important;
    color: #526987 !important;
    font: 700 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .modal-footer,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer {
    justify-content: space-between !important;
    align-content: center !important;
}

html body .modal-content.vario-contractor-modal .modal-footer .btn,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .btn,
html body .modal-content.vario-contractor-modal .modal-footer button.btn,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer button.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 25px !important;
    vertical-align: middle !important;
}

html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save,
html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: currentColor !important;
    mask-position: center !important;
    mask-repeat: no-repeat !important;
    mask-size: 14px 14px !important;
    -webkit-mask-position: center !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-size: 14px 14px !important;
}

html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save::before,
html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save::after,
html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel::before,
html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel::after,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save::before,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save::after,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel::before,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel::after {
    content: none !important;
}

html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.save {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.4 2.1h8.4l2.8 2.8v9H2.4z' fill='none' stroke='%23000' stroke-width='1.55' stroke-linejoin='round'/%3E%3Cpath d='M5 2.1v4.1h5.4V2.1M5.1 13.9v-3.7h5.8v3.7' fill='none' stroke='%23000' stroke-width='1.55' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.4 2.1h8.4l2.8 2.8v9H2.4z' fill='none' stroke='%23000' stroke-width='1.55' stroke-linejoin='round'/%3E%3Cpath d='M5 2.1v4.1h5.4V2.1M5.1 13.9v-3.7h5.8v3.7' fill='none' stroke='%23000' stroke-width='1.55' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel,
html[data-vario-theme] body .modal-content.vario-contractor-modal .modal-footer .vario-action-icon.cancel {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.1 4.1 11.9 11.9M11.9 4.1 4.1 11.9' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.1 4.1 11.9 11.9M11.9 4.1 4.1 11.9' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-type-selector,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-type-selector {
    align-items: flex-start !important;
    gap: 7px !important;
    padding-top: 9px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-type-selector .form-label,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-type-selector .form-label {
    flex: 0 0 100% !important;
    width: 100% !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-type-selector .form-check,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-type-selector .form-check {
    min-width: 112px !important;
    justify-content: flex-start !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-config-note,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-config-note {
    flex: 0 0 100% !important;
    color: #526987 !important;
    font: 700 10px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-extra-data,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-extra-data {
    margin-top: 10px !important;
    padding-top: 9px !important;
    border-top: 1px solid #d8e3f2 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-extra-data h4,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-extra-data h4 {
    margin: 0 0 8px !important;
    color: #061b3f !important;
    font: 850 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-workspace,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-workspace {
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
    border-color: #cfe0fb !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-layout,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-layout {
    display: grid !important;
    grid-template-columns: minmax(190px, 0.9fr) minmax(0, 1.45fr) !important;
    gap: 10px !important;
    min-width: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-layout-wide,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-layout-wide {
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.6fr) !important;
    align-items: stretch !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-layout-list-only,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-layout-list-only {
    grid-template-columns: minmax(0, 1fr) !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-list-vertical,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-list-vertical {
    height: 264px !important;
    min-height: 264px !important;
    max-height: 264px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px !important;
    align-content: start !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-list,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-list,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-list,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-list {
    display: grid !important;
    gap: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 8px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #061b3f !important;
    text-align: left !important;
    box-shadow: none !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row {
    grid-template-columns: 34px minmax(0, 1fr) minmax(390px, auto) auto !important;
    min-height: 58px !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-row-meta,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-row-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row .vario-bank-row-meta em,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row .vario-bank-row-meta em {
    max-width: none !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row .vario-bank-account-number-line,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row .vario-bank-account-number-line {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row .vario-bank-account-number-line>span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row .vario-bank-account-number-line>span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-copy-button,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    color: #1263f1 !important;
    background: transparent !important;
    cursor: pointer !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-copy-button::before,
html body .modal-content.vario-contractor-modal .vario-bank-copy-button::after,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button::before,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button::after {
    content: "" !important;
    position: absolute !important;
    width: 9px !important;
    height: 11px !important;
    border: 1.6px solid currentColor !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-copy-button::before,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button::before {
    transform: translate(2px, -2px) !important;
    opacity: 0.55 !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-copy-button::after,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button::after {
    transform: translate(-2px, 2px) !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-copy-button:hover,
html body .modal-content.vario-contractor-modal .vario-bank-copy-button:focus-visible,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button:hover,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button:focus-visible {
    color: #0b56d9 !important;
    background: #eaf2ff !important;
    outline: none !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-copy-button:disabled,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-copy-button:disabled {
    color: #9ca3af !important;
    cursor: default !important;
    opacity: 0.5 !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-row-edit,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-row-edit {
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    font: 800 10px/23px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-people-workspace,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-address-workspace,
html body .modal-content.vario-contractor-modal .vario-contractor-related-workspace,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-people-workspace,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-address-workspace,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-related-workspace {
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
    border-color: #cfe0fb !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-list-vertical,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-list-vertical,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-list-vertical,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-list-vertical {
    display: grid !important;
    gap: 8px !important;
    height: 264px !important;
    min-height: 264px !important;
    max-height: 264px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px !important;
    align-content: start !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-columns,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-columns {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    min-width: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-column,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-column {
    min-width: 0 !important;
    padding: 8px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-column-header,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-column-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 28px !important;
    margin-bottom: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-column-header h4,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-column-header h4 {
    margin: 0 !important;
    color: #061b3f !important;
    font: 850 12px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-column-header .btn,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-column-header .btn {
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    font: 800 10px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-column .vario-contractor-contact-list-vertical,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-column .vario-contractor-contact-list-vertical {
    height: 276px !important;
    min-height: 276px !important;
    max-height: 276px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-person-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-row {
    grid-template-columns: 34px minmax(0, 1fr) minmax(360px, auto) auto !important;
    min-height: 58px !important;
    margin-top: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-contact-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row {
    grid-template-columns: 34px minmax(0, 1fr) minmax(360px, auto) auto !important;
    min-height: 58px !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-column .vario-contractor-contact-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-column .vario-contractor-contact-row {
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    grid-auto-rows: auto !important;
    min-height: 66px !important;
    align-items: start !important;
}

html body .modal-content.vario-contractor-modal .vario-person-row-meta,
html body .modal-content.vario-contractor-modal .vario-contact-address-row-meta,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-person-row-meta,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-row-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-column .vario-contact-address-row-meta,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-column .vario-contact-address-row-meta {
    grid-column: 2 / -1 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
}

html body .modal-content.vario-contractor-modal .vario-person-row-meta em,
html body .modal-content.vario-contractor-modal .vario-contact-address-row-meta em,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-person-row-meta em,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-row-meta em {
    max-width: none !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-person-row-edit,
html body .modal-content.vario-contractor-modal .vario-contact-address-row-edit,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-person-row-edit,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-row-edit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 800 10px/23px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-row-edit,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-row-edit {
    min-width: 72px !important;
}

html body .modal-content.vario-contractor-modal .vario-contact-address-row-edit .vario-action-icon,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-address-row-edit .vario-action-icon {
    width: 12px !important;
    height: 12px !important;
    flex-basis: 12px !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-list,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-list {
    display: grid !important;
    gap: 8px !important;
    height: 304px !important;
    min-height: 304px !important;
    max-height: 304px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px !important;
    align-content: start !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-row,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-row {
    display: grid !important;
    grid-template-columns: 34px minmax(250px, 1.25fr) minmax(160px, 0.7fr) minmax(280px, 1fr) auto auto !important;
    gap: 8px !important;
    align-items: end !important;
    min-height: 76px !important;
    padding: 8px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    color: #061b3f !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-row.active,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-row.active {
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 3px 0 0 #1263f1 !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-avatar,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
    color: #1263f1 !important;
    background: #eaf2ff !important;
    font: 900 14px/1 Inter, "Segoe UI", Arial, sans-serif !important;
    align-self: center !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-field,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-field {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-field>span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-field>span {
    color: #274263 !important;
    font: 800 10.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-field .form-select,
html body .modal-content.vario-contractor-modal .vario-related-contractor-field .form-control,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-field .form-select,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-field .form-control {
    width: 100% !important;
    min-width: 0 !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    border: 1px solid #bcd0ec !important;
    color: #061b3f !important;
    background-color: #ffffff !important;
    font: 700 11px/23px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-field textarea.form-control,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-field textarea.form-control {
    height: 39px !important;
    min-height: 39px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    resize: none !important;
    line-height: 15px !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-picker-field,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-picker-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 27px !important;
    gap: 4px !important;
    min-width: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-picker-field .form-control[readonly],
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-picker-field .form-control[readonly] {
    cursor: default !important;
    text-overflow: ellipsis !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-search-button,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-search-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 27px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    border: 1px solid #bcd0ec !important;
    border-radius: 8px !important;
    color: #1263f1 !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-search-button:hover,
html body .modal-content.vario-contractor-modal .vario-related-contractor-search-button:focus-visible,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-search-button:hover,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-search-button:focus-visible {
    color: #ffffff !important;
    border-color: #1263f1 !important;
    background: #1263f1 !important;
    outline: none !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-search-button .vario-action-icon,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-search-button .vario-action-icon {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-active,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-active {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 25px !important;
    min-height: 25px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid #bcd0ec !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    white-space: nowrap !important;
    font: 800 10.5px/23px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-remove,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 800 10px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-empty,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-empty {
    display: grid !important;
    place-items: center !important;
    gap: 6px !important;
    height: 304px !important;
    min-height: 304px !important;
    padding: 18px !important;
    border: 1px dashed #bcd0ec !important;
    border-radius: 12px !important;
    color: #526987 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    text-align: center !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-empty strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-empty strong {
    color: #061b3f !important;
    font: 850 13px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-related-contractor-empty span,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-related-contractor-empty span {
    max-width: 620px !important;
    font: 600 11.5px/17px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .vario-related-picker-modal-layer,
html[data-vario-theme] body .vario-related-picker-modal-layer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 21210 !important;
    background: rgba(8, 27, 58, 0.18) !important;
}

html body .vario-related-picker-backdrop,
html[data-vario-theme] body .vario-related-picker-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 21200 !important;
}

html body .vario-related-picker-modal-layer .modal-dialog,
html body .vario-related-picker-modal-layer .modal-content,
html[data-vario-theme] body .vario-related-picker-modal-layer .modal-dialog,
html[data-vario-theme] body .vario-related-picker-modal-layer .modal-content {
    position: relative !important;
    z-index: 21220 !important;
}

html body .vario-related-picker-dialog,
html[data-vario-theme] body .vario-related-picker-dialog {
    width: min(940px, calc(100vw - 32px)) !important;
    max-width: 940px !important;
}

html body .modal-content.vario-related-picker-modal,
html[data-vario-theme] body .modal-content.vario-related-picker-modal {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 80px) !important;
    border-radius: 14px !important;
    border: 1px solid #d8e3f2 !important;
    box-shadow: 0 24px 60px rgba(6, 27, 63, 0.25) !important;
}

html body .modal-content.vario-related-picker-modal .modal-header,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .modal-header {
    flex: 0 0 auto !important;
    min-height: 46px !important;
    padding: 8px 12px !important;
}

html body .modal-content.vario-related-picker-modal .modal-body,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .modal-body {
    display: grid !important;
    gap: 8px !important;
    flex: 0 1 auto !important;
    min-height: 0 !important;
    padding: 8px 12px !important;
    overflow: hidden !important;
}

html body .modal-content.vario-related-picker-modal .modal-footer,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .modal-footer {
    flex: 0 0 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 6px 12px !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-search-panel,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-search-panel {
    margin: 0 !important;
    padding: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-search-grid,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-search-grid {
    display: grid !important;
    grid-template-columns: minmax(190px, 1.4fr) minmax(130px, 0.75fr) minmax(110px, 0.6fr) minmax(130px, 0.75fr) auto auto !important;
    gap: 8px !important;
    align-items: end !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-checkbox,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid #bcd0ec !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    white-space: nowrap !important;
    font: 800 10.5px/23px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-actions,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-actions {
    display: inline-flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-actions .btn,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-actions .btn,
html body .modal-content.vario-related-picker-modal .vario-related-picker-select-button,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-select-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 850 10.5px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-results-panel,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-results-panel {
    min-height: 320px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-table-wrap,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-table-wrap {
    height: 326px !important;
    min-height: 326px !important;
    overflow: auto !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-table,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-table {
    width: 100% !important;
    border-collapse: collapse !important;
    color: #061b3f !important;
    font: 700 11px/16px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-table thead th,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-table thead th {
    position: sticky !important;
    top: 0 !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #cfe0fb !important;
    color: #274263 !important;
    background: #eef5ff !important;
    font: 850 10.5px/28px Inter, "Segoe UI", Arial, sans-serif !important;
    text-align: left !important;
    z-index: 1 !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-table tbody td,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-table tbody td {
    height: 34px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #e6eef9 !important;
    background: #ffffff !important;
    vertical-align: middle !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-state,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-state {
    display: grid !important;
    place-items: center !important;
    gap: 8px !important;
    height: 326px !important;
    color: #526987 !important;
    text-align: center !important;
    font: 700 12px/18px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-state.error,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-state.error {
    color: #dc2626 !important;
}

html body .modal-content.vario-related-picker-modal .vario-related-picker-spinner,
html[data-vario-theme] body .modal-content.vario-related-picker-modal .vario-related-picker-spinner {
    width: 22px !important;
    height: 22px !important;
    border: 2px solid #cfe0fb !important;
    border-top-color: #1263f1 !important;
    border-radius: 999px !important;
    animation: vario-spin 0.75s linear infinite !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-detail-actions,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-detail-actions {
    display: flex !important;
    justify-content: flex-end !important;
}

html body .modal-content.vario-contractor-modal .vario-bank-detail-actions .btn,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-bank-detail-actions .btn {
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font: 850 11px/25px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row.active,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row.active,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row.active,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row.active {
    border-color: #1263f1 !important;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
    box-shadow: inset 3px 0 0 #1263f1 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row strong,
html body .modal-content.vario-contractor-modal .vario-contractor-bank-row small,
html body .modal-content.vario-contractor-modal .vario-contractor-bank-row em,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row strong,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row small,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row em,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row small,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row em,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row small,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row em {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-style: normal !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row strong,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row strong,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row strong {
    color: #061b3f !important;
    font: 850 11px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row small,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row small,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row small,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row small {
    color: #526987 !important;
    font: 700 10.5px/14px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-row em,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-row em,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-row em,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-row em {
    max-width: 76px !important;
    padding: 2px 6px !important;
    border-radius: 999px !important;
    background: #eef5ff !important;
    color: #1263f1 !important;
    font: 800 9.5px/13px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-avatar,
html body .modal-content.vario-contractor-modal .vario-contact-row-icon,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-avatar,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-row-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, #1263f1 0%, #0b4fd0 100%) !important;
    font: 900 10px/1 Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-avatar.soft,
html body .modal-content.vario-contractor-modal .vario-contact-row-icon.soft,
html body .modal-content.vario-contractor-modal .vario-contact-row-icon.mail,
html body .modal-content.vario-contractor-modal .vario-contact-row-icon.map,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-avatar.soft,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-row-icon.soft,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-row-icon.mail,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contact-row-icon.map {
    color: #1263f1 !important;
    background: #eaf2ff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-bank-details,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-bank-details,
html body .modal-content.vario-contractor-modal .vario-contractor-contact-details-card,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-details-card {
    min-width: 0 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-section-heading.compact,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-heading.compact {
    margin-bottom: 8px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-contact-index,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-index {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border-color: #d8e3f2 !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-contact-detail-block,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-detail-block {
    padding: 10px !important;
    border: 1px solid #d8e3f2 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-contact-detail-block+.vario-contractor-contact-detail-block,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-detail-block+.vario-contractor-contact-detail-block {
    margin-top: 10px !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-contact-detail-block h4,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-contact-detail-block h4 {
    margin: 0 0 8px !important;
    color: #061b3f !important;
    font: 850 11.5px/15px Inter, "Segoe UI", Arial, sans-serif !important;
}

html body .modal-content.vario-contractor-modal .vario-contractor-two-column-list,
html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-two-column-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body .vario-bank-account-modal-layer,
html[data-vario-theme] body .vario-bank-account-modal-layer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 21110 !important;
    background: rgba(8, 27, 58, 0.18) !important;
}

html body .vario-bank-account-backdrop,
html[data-vario-theme] body .vario-bank-account-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 21100 !important;
}

html body .vario-bank-account-modal-layer .modal-dialog,
html[data-vario-theme] body .vario-bank-account-modal-layer .modal-dialog,
html body .vario-bank-account-modal-layer .modal-content,
html[data-vario-theme] body .vario-bank-account-modal-layer .modal-content {
    position: relative !important;
    z-index: 21120 !important;
}

html body .vario-bank-account-dialog,
html[data-vario-theme] body .vario-bank-account-dialog {
    width: min(640px, calc(100vw - 32px)) !important;
    max-width: 640px !important;
}

html body .modal-content.vario-bank-account-modal,
html[data-vario-theme] body .modal-content.vario-bank-account-modal {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 80px) !important;
    border-radius: 14px !important;
    border: 1px solid #d8e3f2 !important;
    box-shadow: 0 24px 60px rgba(6, 27, 63, 0.25) !important;
}

html body .modal-content.vario-bank-account-modal .modal-header,
html[data-vario-theme] body .modal-content.vario-bank-account-modal .modal-header {
    flex: 0 0 auto !important;
    min-height: 46px !important;
    padding: 8px 12px !important;
    gap: 12px !important;
}

html body .modal-content.vario-bank-account-modal .modal-body,
html[data-vario-theme] body .modal-content.vario-bank-account-modal .modal-body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 8px 12px !important;
    overflow: visible !important;
}

html body .modal-content.vario-bank-account-modal .modal-footer,
html[data-vario-theme] body .modal-content.vario-bank-account-modal .modal-footer {
    flex: 0 0 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 6px 12px !important;
}

html body .modal-content.vario-bank-account-modal .vario-bank-account-editor-panel,
html[data-vario-theme] body .modal-content.vario-bank-account-modal .vario-bank-account-editor-panel {
    margin: 0 !important;
    min-height: 0 !important;
    padding: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

html body .modal-content.vario-bank-account-modal .vario-contractor-form-grid,
html[data-vario-theme] body .modal-content.vario-bank-account-modal .vario-contractor-form-grid {
    gap: 6px 8px !important;
}

html body .modal-content.vario-bank-account-modal .vario-bank-account-modal-options,
html[data-vario-theme] body .modal-content.vario-bank-account-modal .vario-bank-account-modal-options {
    align-self: stretch !important;
    min-height: 32px !important;
}

html body .modal-content.vario-bank-account-modal .vario-bank-white-list-button,
html[data-vario-theme] body .modal-content.vario-bank-account-modal .vario-bank-white-list-button {
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font: 850 10.5px/23px Inter, "Segoe UI", Arial, sans-serif !important;
    white-space: nowrap !important;
}

html body .vario-contact-person-modal-layer,
html body .vario-contact-address-modal-layer,
html[data-vario-theme] body .vario-contact-person-modal-layer,
html[data-vario-theme] body .vario-contact-address-modal-layer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 21110 !important;
    background: rgba(8, 27, 58, 0.18) !important;
}

html body .vario-contact-person-backdrop,
html body .vario-contact-address-backdrop,
html[data-vario-theme] body .vario-contact-person-backdrop,
html[data-vario-theme] body .vario-contact-address-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 21100 !important;
}

html body .vario-contact-person-modal-layer .modal-dialog,
html body .vario-contact-person-modal-layer .modal-content,
html body .vario-contact-address-modal-layer .modal-dialog,
html body .vario-contact-address-modal-layer .modal-content,
html[data-vario-theme] body .vario-contact-person-modal-layer .modal-dialog,
html[data-vario-theme] body .vario-contact-person-modal-layer .modal-content,
html[data-vario-theme] body .vario-contact-address-modal-layer .modal-dialog,
html[data-vario-theme] body .vario-contact-address-modal-layer .modal-content {
    position: relative !important;
    z-index: 21120 !important;
}

html body .vario-contact-person-dialog,
html body .vario-contact-address-dialog,
html[data-vario-theme] body .vario-contact-person-dialog,
html[data-vario-theme] body .vario-contact-address-dialog {
    width: min(680px, calc(100vw - 32px)) !important;
    max-width: 680px !important;
}

html body .modal-content.vario-contact-person-modal,
html body .modal-content.vario-contact-address-modal,
html[data-vario-theme] body .modal-content.vario-contact-person-modal,
html[data-vario-theme] body .modal-content.vario-contact-address-modal {
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 80px) !important;
    border-radius: 14px !important;
    border: 1px solid #d8e3f2 !important;
    box-shadow: 0 24px 60px rgba(6, 27, 63, 0.25) !important;
}

html body .modal-content.vario-contact-person-modal .modal-header,
html body .modal-content.vario-contact-address-modal .modal-header,
html[data-vario-theme] body .modal-content.vario-contact-person-modal .modal-header,
html[data-vario-theme] body .modal-content.vario-contact-address-modal .modal-header {
    flex: 0 0 auto !important;
    min-height: 46px !important;
    padding: 8px 12px !important;
    gap: 12px !important;
}

html body .modal-content.vario-contact-person-modal .modal-body,
html body .modal-content.vario-contact-address-modal .modal-body,
html[data-vario-theme] body .modal-content.vario-contact-person-modal .modal-body,
html[data-vario-theme] body .modal-content.vario-contact-address-modal .modal-body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 8px 12px !important;
    overflow: visible !important;
}

html body .modal-content.vario-contact-person-modal .modal-footer,
html body .modal-content.vario-contact-address-modal .modal-footer,
html[data-vario-theme] body .modal-content.vario-contact-person-modal .modal-footer,
html[data-vario-theme] body .modal-content.vario-contact-address-modal .modal-footer {
    flex: 0 0 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 6px 12px !important;
}

html body .modal-content.vario-contact-person-modal .vario-contact-person-editor-panel,
html body .modal-content.vario-contact-address-modal .vario-contact-address-editor-panel,
html[data-vario-theme] body .modal-content.vario-contact-person-modal .vario-contact-person-editor-panel,
html[data-vario-theme] body .modal-content.vario-contact-address-modal .vario-contact-address-editor-panel {
    margin: 0 !important;
    min-height: 0 !important;
    padding: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

html body .modal-content.vario-contact-person-modal .vario-contractor-form-grid,
html body .modal-content.vario-contact-address-modal .vario-contractor-form-grid,
html[data-vario-theme] body .modal-content.vario-contact-person-modal .vario-contractor-form-grid,
html[data-vario-theme] body .modal-content.vario-contact-address-modal .vario-contractor-form-grid {
    gap: 6px 8px !important;
}

html body .modal-content.vario-contact-person-modal .vario-contact-person-modal-options,
html body .modal-content.vario-contact-address-modal .vario-contact-address-modal-options,
html[data-vario-theme] body .modal-content.vario-contact-person-modal .vario-contact-person-modal-options,
html[data-vario-theme] body .modal-content.vario-contact-address-modal .vario-contact-address-modal-options {
    align-self: stretch !important;
    min-height: 32px !important;
}

@media (max-width: 1280px) {

    html body .modal-content.vario-contractor-modal .vario-contractor-basic-grid,
    html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-basic-grid {
        grid-template-columns: 1fr !important;
    }

    html body .modal-content.vario-contractor-modal .vario-contractor-section-primary,
    html body .modal-content.vario-contractor-modal .vario-contractor-section-classification,
    html body .modal-content.vario-contractor-modal .vario-contractor-section-contact,
    html body .modal-content.vario-contractor-modal .vario-contractor-section-message,
    html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-primary,
    html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-classification,
    html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-contact,
    html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-section-message {
        grid-column: 1 / -1 !important;
    }

    html body .modal-content.vario-contractor-modal .vario-contractor-people-list,
    html body .modal-content.vario-contractor-modal .vario-contractor-person-details,
    html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-people-list,
    html[data-vario-theme] body .modal-content.vario-contractor-modal .vario-contractor-person-details {
        grid-column: 1 / -1 !important;
    }
}