:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout {
    --partner-field-bg: #fff;
    --partner-field-border: #ccdbe4;
    --partner-field-text: #203b54;
    --partner-field-muted: #6d8294;
    --partner-section-border: #e3ebf0;
    --partner-focus: #008689;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .create-workflow-panes {
    container: partner-fields / inline-size;
    width: 100%;
    max-width: none;
    justify-self: stretch;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .create-workflow-pane {
    width: 100%;
    max-width: none;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-section {
    min-width: 0;
    margin: 0 0 24px;
    padding: 0 0 24px;
    border: 0;
    border-bottom: 1px solid var(--partner-section-border);
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-section > legend {
    float: none;
    width: 100%;
    margin: 0 0 16px;
    color: var(--partner-field-text);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 20px 24px;
    width: 100%;
    margin: 0;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field {
    min-width: 0;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field--wide {
    grid-column: 1 / -1;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-lookup-feedback:not(:has(> .alert:not(.d-none), > .card:not(.d-none))) {
    display: none;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .form-label {
    display: block;
    margin: 0 0 8px;
    color: var(--partner-field-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout :is(.partner-field :is(.form-control, .form-select, .ts-control), .crm-modal-control) {
    min-height: 48px;
    padding: 11px 14px;
    border: 1px solid var(--partner-field-border);
    border-radius: 10px;
    background-color: var(--partner-field-bg);
    color: var(--partner-field-text);
    font-size: 15px;
    line-height: 24px;
    box-shadow: 0 1px 2px rgba(25, 53, 85, .025);
    transition: border-color .15s ease, box-shadow .15s ease;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .form-select {
    padding-right: 40px;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field textarea.form-control {
    min-height: 112px;
    resize: vertical;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .form-control::placeholder {
    color: var(--partner-field-muted);
    opacity: .8;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout :is(.partner-field :is(.form-control, .form-select), .crm-modal-control):focus,
:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .ts-wrapper.focus .ts-control {
    border-color: var(--partner-focus) !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 134, 137, .14);
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout :is(.partner-field :is(.form-control, .form-select), .crm-modal-control):is(:disabled, [readonly]) {
    background-color: var(--bs-tertiary-bg, #f4f7f9);
    color: var(--partner-field-muted);
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout :is(.partner-field :is(.form-control, .form-select, .ts-control), .crm-modal-control).is-invalid {
    border-color: var(--bs-danger, #dc3545) !important;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, .12);
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .form-text {
    margin-top: 7px;
    color: var(--partner-field-muted);
    font-size: 12px;
    line-height: 1.5;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .input-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .input-group > .form-control {
    flex: 1 1 220px;
    width: 0;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .input-group > .btn {
    min-height: 48px;
    margin: 0;
    border-radius: 10px !important;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .form-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid var(--partner-field-border);
    border-radius: 10px;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .form-switch .form-check-input {
    flex: 0 0 2em;
    margin: 0;
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .form-check-input:checked {
    border-color: var(--partner-focus);
    background-color: var(--partner-focus);
}

:is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .ts-wrapper {
    width: 100%;
    padding: 0;
    border: 0;
    box-shadow: none;
}

@container partner-fields (min-width: 680px) {
    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container partner-fields (min-width: 1040px) {
    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-grid--compact {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-grid--address {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field--postal,
    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field--house {
        grid-column: span 2;
    }

    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field--city {
        grid-column: span 3;
    }

    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field--street {
        grid-column: span 5;
    }

    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field--region {
        grid-column: span 6;
    }
}

html:is([data-theme="dark"], [data-bs-theme="dark"]) :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout {
    --partner-field-bg: #202d3d;
    --partner-field-border: #40556a;
    --partner-field-text: #e6edf5;
    --partner-field-muted: #a6b7c8;
    --partner-section-border: #304154;
    --partner-focus: #65d6d7;
}

@media (prefers-reduced-motion: reduce) {
    :is(#createPartnerModal, #editPartnerModal, .crm-page .modal, .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout :is(.partner-field :is(.form-control, .form-select, .ts-control), .crm-modal-control) {
        transition: none;
    }
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .crm-field-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(320px, calc(50% - 12px))), 1fr));
    align-items: start;
    gap: 20px 24px;
    margin: 0 0 20px;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .crm-field-grid > .partner-field {
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0 !important;
    padding: 0;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .crm-field-grid > .partner-field--wide {
    grid-column: 1 / -1;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .modal-body label.form-label {
    margin-bottom: 8px;
    color: var(--partner-field-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .crm-modal-control.form-select {
    padding-right: 40px;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout textarea.crm-modal-control {
    min-height: 112px;
    resize: vertical;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .crm-modal-control::placeholder {
    color: var(--partner-field-muted);
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field .ts-wrapper,
:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field > .d-flex > .ts-wrapper {
    width: 100%;
    min-width: 0;
    flex: 1 1 0;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field > .d-flex > .btn {
    flex: 0 0 auto;
    align-self: flex-start;
    min-height: 48px;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .crm-field-grid .input-group > .form-control {
    min-width: 0;
}

:is(.crm-page :is(#createPartnerModal, #editPartnerModal, .modal), .logistics-page .modal, .modal.document-form-layout, .modal.partner-modal-scope).partner-form-layout .partner-field-section > .crm-field-grid:last-child {
    margin-bottom: 0;
}

.modal.document-form-layout .doc-meta-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: start;
    margin: 0 0 12px;
}

.modal.document-form-layout .doc-meta-row > [class*="col-"] {
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.modal.document-form-layout .doc-meta-row .btn {
    min-width: 48px;
    min-height: 48px;
    border-radius: 10px;
}

.modal.document-form-layout #documentApprovalSelection {
    width: 100%;
    max-width: none;
}

.modal.document-form-layout .doc-upload-picker {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin: 0;
}

.modal.document-form-layout .doc-upload-picker > :first-child {
    flex: 1 1 300px;
}

.modal.document-form-layout .doc-upload-picker > :last-child {
    flex: 0 1 auto;
}

.modal.document-form-layout .doc-upload-picker .btn {
    min-height: 48px;
}

@media (max-width: 575.98px) {
    .modal.document-form-layout .doc-meta-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .modal.document-form-layout .doc-meta-row > :nth-child(1),
    .modal.document-form-layout .doc-meta-row > :nth-child(2) {
        grid-column: 1;
    }

    .modal.document-form-layout .doc-meta-row > :last-child {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}