/* Contractor modal controls use the same compact system as the search bar. */
html .vario-contractor-modal .vario-contractor-panel,
html[data-vario-theme] .vario-contractor-modal .vario-contractor-panel,
html .vario-contractor-modal .vario-contractor-contact-section,
html[data-vario-theme] .vario-contractor-modal .vario-contractor-contact-section {
    border-color: #d8e3f2 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

html .vario-contractor-modal .vario-contractor-form-grid,
html[data-vario-theme] .vario-contractor-modal .vario-contractor-form-grid {
    gap: 8px 12px !important;
}

html .vario-contractor-modal .form-label,
html[data-vario-theme] .vario-contractor-modal .form-label {
    height: 12px !important;
    margin: 0 0 2px !important;
    overflow: hidden !important;
    color: #173d78 !important;
    font: 700 10px/12px Inter, "Segoe UI", Arial, sans-serif !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html .vario-contractor-modal .form-control,
html .vario-contractor-modal .form-select,
html[data-vario-theme] .vario-contractor-modal .form-control,
html[data-vario-theme] .vario-contractor-modal .form-select {
    height: 25px !important;
    min-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 .vario-contractor-modal .form-select,
html[data-vario-theme] .vario-contractor-modal .form-select {
    padding-right: 28px !important;
    background-position: right 8px center !important;
    background-size: 12px 10px !important;
}

html .vario-contractor-modal textarea.form-control,
html[data-vario-theme] .vario-contractor-modal textarea.form-control {
    height: auto !important;
    min-height: 50px !important;
    padding: 6px 9px !important;
    line-height: 15px !important;
}

html .vario-contractor-modal .vario-contractor-tag-editor,
html[data-vario-theme] .vario-contractor-modal .vario-contractor-tag-editor {
    min-height: 25px !important;
    padding: 2px 8px !important;
    border-color: #c8d7ee !important;
    border-radius: 8px !important;
}

html .vario-contractor-modal .vario-contractor-tag,
html[data-vario-theme] .vario-contractor-modal .vario-contractor-tag {
    height: 19px !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    font: 800 10px/19px Inter, "Segoe UI", Arial, sans-serif !important;
}

html .vario-contractor-modal .modal-footer .btn,
html[data-vario-theme] .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 .vario-contractor-modal .modal-footer,
html[data-vario-theme] .vario-contractor-modal .modal-footer {
    flex-basis: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 10px 28px !important;
}

html .vario-contractor-modal .vario-contractor-more-button,
html[data-vario-theme] .vario-contractor-modal .vario-contractor-more-button {
    width: 36px !important;
    font-size: 14px !important;
}

@media (max-width: 860px) {
    .vario-warehouse-workspace {
        grid-template-columns: 1fr;
    }
}