/* Shared CSS utilities for vault-offers styling across the app */

/* WYSIWYG Editor Styling */
.vault-offers-wysiwyg-small .ql-editor {
    font-size: 0.68em;
    padding: 6px 8px;
}

.vault-offers-wysiwyg-small .ql-container {
    border: none;
}

.vault-offers-wysiwyg-small .ql-toolbar {
    padding: 2px 4px;
}

/* Input/Form Styling */
.vault-offers-input {
    padding: 2px 4px !important;
    height: 22px !important;
    font-size: 0.8em !important;
}

.vault-offers-label {
    display: block !important;
    font-weight: bold !important;
    margin-bottom: 0px !important;
    font-size: 0.65em !important;
}

.vault-offers-field {
    margin-bottom: 1px !important;
}

/* Input placeholder text styling */
.vault-offers-field .input__placeholder {
    font-size: 0.9em !important;
    margin-bottom: 1px !important;
    top: 6px !important;
}

.vault-offers-add-task .input__placeholder {
    font-size: 0.9em !important;
    margin-bottom: 1px !important;
}

.vault-offers-add-task .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-field .input__wrapper {
    margin-bottom: 1px !important;
}

/* Button Styling */
.vault-offers-button {
    font-size: 0.85em !important;
    padding: 6px 12px !important;
    height: 28px !important;
    line-height: 1 !important;
    min-width: 70px !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vault-offers-button .button__colorProvider {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vault-offers-button-small {
    font-size: 0.65em !important;
    padding: 2px 3px !important;
    height: 16px !important;
    line-height: 1 !important;
}

.vault-offers-tab-button {
    font-size: 0.8em !important;
    padding: 4px 8px !important;
    height: 24px !important;
    line-height: 1 !important;
    min-height: 24px !important;
    width: auto !important;
}

.vault-offers-tab-button .button__colorProvider {
    padding: 0 !important;
    margin: 0 !important;
}

/* Text Sizing */
.vault-offers-text-small {
    font-size: 0.8em !important;
}

.vault-offers-text-extra-small {
    font-size: 0.68em;
}

/* Spacing */
.vault-offers-compact-spacing {
    padding: 2px 4px !important;
}

.vault-offers-compact-margin {
    margin: 1px 4px !important;
}

/* Reduce spacing on input wrappers */
.vault-offers-field .input__wrapper {
    margin-bottom: 1px !important;
}

.flex-wrapper-task {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

/* Tab Controls */
.vault-offers-tab-controls {
    display: flex;
    justify-content: flex-start;
    margin: 6px 0 2px 0 !important;
    gap: 4px !important;
    padding: 4px 4px !important;
    flex-wrap: wrap;
}

.vault-offers-tab-controls a {
    flex: 0 0 auto !important;
}

/* Task Requirements */
.vault-offers-task-requirement {
    margin: 0px 0 !important;
    font-weight: bold;
    height: auto !important;
    padding: 2px 4px !important;
    font-size: 0.75em !important;
}

.vault-offers-task-requirement-title {
    font-weight: bold !important;
    font-size: 0.75em !important;
    margin-bottom: 2px !important;
}

/* Override reqdoc and reqphoto titles for vault-offers */
.flex-wrapper-task .reqdoc-title {
    font-size: 0.60rem !important;
    margin-bottom: 2px !important;
    font-weight: 600 !important;
}

.flex-wrapper-task .reqphoto-title {
    font-size: 0.60rem !important;
    margin-bottom: 2px !important;
    font-weight: 600 !important;
}

/* Notes */
.vault-offers-note-text {
    font-size: 0.8em;
    padding: 4px 6px;
}

/* Aggressive overrides for button sizing */
/* Vault-offers specific button styling only */
.vault-offers-button.button__primary {
    padding: 2px 3px !important;
}

.vault-offers-button.button__success,
.vault-offers-button.button__warning {
    padding: 2px 3px !important;
    font-size: 0.65em !important;
    height: 18px !important;
    min-height: 18px !important;
}

/* Vault-offers larger button overrides for better visibility */
.vault-offers-button.button__success,
.vault-offers-button.button__warning,
.vault-offers-button.button__primary {
    padding: 6px 12px !important;
    font-size: 0.85em !important;
    height: 28px !important;
    min-height: 28px !important;
    min-width: 70px !important;
}

/* Buttons inside vault-offers modals and containers get compact sizing */
.vault-offers-add-document .button__success,
.vault-offers-add-document .button__warning,
.vault-offers-add-document .button__primary,
.vault-offers-documents .button__success,
.vault-offers-documents .button__warning,
.vault-offers-documents .button__primary,
.vault-offers-expenses .button__success,
.vault-offers-expenses .button__warning,
.vault-offers-expenses .button__primary,
.vault-offers-notes .button__success,
.vault-offers-notes .button__warning,
.vault-offers-notes .button__primary,
.vault-offers-offers-list .button__success,
.vault-offers-offers-list .button__warning,
.vault-offers-offers-list .button__primary,
.vault-offers-online-offers .button__success,
.vault-offers-online-offers .button__warning,
.vault-offers-online-offers .button__primary,
.vault-offers-open-house .button__success,
.vault-offers-open-house .button__warning,
.vault-offers-open-house .button__primary,
.vault-offers-photos .button__success,
.vault-offers-photos .button__warning,
.vault-offers-photos .button__primary,
.vault-offers-history .button__success,
.vault-offers-history .button__warning,
.vault-offers-history .button__primary,
.vault-offers-add-task .button__success,
.vault-offers-add-task .button__warning,
.vault-offers-add-task .button__primary {
    padding: 4px 8px !important;
    font-size: 0.75em !important;
    height: 24px !important;
    min-height: 24px !important;
    width: auto !important;
    display: inline-block !important;
}

/* Vault-Offers ListItem Styling - Reduced Size for all lists */
.vault-offers-list-item {
    margin-bottom: -25px !important;
}

.vault-offers-list-item .listItem__wrapper {
    height: 33px !important;
    margin: 0 6px 0px 6px !important;
}

.vault-offers-list-item .listItem__info {
    height: 33px !important;
}

.vault-offers-list-item .listItem__info--selected {
    height: 33px !important;
}

.vault-offers-list-item .listItem__title {
    font-size: 0.8rem !important;
    line-height: 33px !important;
}

.vault-offers-list-item .listItem__note {
    font-size: 0.8rem !important;
    line-height: 33px !important;
}

.vault-offers-list-item .listItem__goto {
    font-size: 1.2rem !important;
    line-height: 33px !important;
}

.vault-offers-list-item .listItem__name {
    line-height: 33px !important;
    font-size: 0.8rem !important;
}

/* Reduce all margins and padding in task edit area */
/* Vault-offers task overview spacing */
.vault-offers-task-overview div {
    margin-top: 0 !important;
}

/* Vault-offers input wrapper spacing */
.vault-offers-field .input__wrapper,
.vault-offers-add-task .input__wrapper,
.vault-offers-add-document .input__wrapper,
.vault-offers-documents .input__wrapper,
.vault-offers-expenses .input__wrapper,
.vault-offers-notes .input__wrapper,
.vault-offers-offers-list .input__wrapper,
.vault-offers-online-offers .input__wrapper,
.vault-offers-open-house .input__wrapper,
.vault-offers-photos .input__wrapper,
.vault-offers-history .input__wrapper {
    margin-bottom: 1px !important;
}

/* Override mobileHeader height for vault-offers */
.taskOverview .mobileHeader {
    height: 26px !important;
    line-height: 26px !important;
    font-size: 0.85em !important;
    margin-bottom: 1px !important;
    margin-top: -4px !important;
}

/* Override property module header for vault-offers */
.vault-offers-page .property__moduleHeader {
    line-height: 2rem !important;
    height: 2rem !important;
    font-size: 1rem !important;
}

/* Override input placeholder sizing for vault-offers */
.vault-offers-field .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-placeholder {
    font-size: 0.9em !important;
}

/* Override input placeholder sizing for vault-offers on GeneralTab */
.vault-offers-general-tab .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* Dropzone/File upload styling for vault-offers */
.vault-offers-field.inputLG__wrapper {
    height: auto !important;
    padding: 2px 4px !important;
    margin-bottom: 2px !important;
}

.vault-offers-field .inputLG {
    height: auto !important;
    font-size: 0.75em !important;
    padding: 4px 6px !important;
    margin-top: 2px !important;
}

/* Small dropzone styling */
.vault-offers-small-dropzone {
    width: 50% !important;
    flex: 1 !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.vault-offers-small-dropzone .inputLG {
    height: auto !important;
    min-height: 36px !important;
    font-size: 0.70em !important;
    padding: 2px 4px !important;
    margin-top: 0px !important;
}

.vault-offers-small-dropzone .input__placeholder {
    font-size: 0.65em !important;
    top: 6px !important;
}

/* Scale down progress circle in vault-offers dropzones */
.vault-offers-small-dropzone .progress-circle {
    transform: scale(0.6) !important;
    transform-origin: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vault-offers-small-dropzone .uploadedFilesList__item--progress {
    max-width: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove padding from containers around progress circle */
.vault-offers-small-dropzone .uploadedFilesList,
.vault-offers-small-dropzone .uploadedFilesList__item {
    margin: 0 !important;
    padding: 0 !important;
}

/* Communications page vault-offers styling */
.communications .vault-offers-input {
    padding: 2px 4px !important;
    height: 22px !important;
    font-size: 0.8em !important;
}

.vault-offers-communications-page .input__placeholder {
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-communications-page .input__placeholder--datain {
    top: -10px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-communications-page .input__placeholder:not(.input__placeholder--datain) {
    top: 0.6rem !important;
}

.vault-offers-communications-page .input__wrapper {
    height: auto !important;
    padding: 0 1rem !important;
}

.vault-offers-communications-page .vault-offers-wysiwyg-small .ql-container {
    font-size: 0.68em !important;
}

.vault-offers-communications-page .vault-offers-wysiwyg-small .ql-toolbar {
    padding: 2px 4px !important;
    font-size: 0.65em !important;
}

.vault-offers-communications-page .editorWrapper {
    margin: 0.5rem 1rem !important;
}

.vault-offers-communications-page .communications__buttonsWrapper {
    height: auto !important;
    gap: 4px !important;
}

/* Communications page vault-offers button sizing */
.vault-offers-communications-page .vault-offers-button {
    font-size: 0.8em !important;
    padding: 4px 8px !important;
    height: 22px !important;
    min-width: auto !important;
    width: auto !important;
    display: inline-block !important;
}

/* All buttons in vault-offers communications page should not be full-width */
.vault-offers-communications-page button,
.vault-offers-communications-page .button__primary,
.vault-offers-communications-page .button__success,
.vault-offers-communications-page .button__warning {
    width: auto !important;
    display: inline-block !important;
}

/* Inbox tab control buttons for vault-offers */
.vault-offers-inbox-button {
    height: 24px !important;
    width: auto !important;
    font-weight: 600 !important;
    margin: 4px 4px 4px 0 !important;
    line-height: 1 !important;
    font-size: 0.8rem !important;
    padding: 4px 8px !important;
}

/* Text Message button for vault-offers */
.vault-offers-text-message-button {
    font-size: 0.8em !important;
    padding: 4px 8px !important;
    height: 24px !important;
    line-height: 1 !important;
    width: auto !important;
}

/* Forwarding component for vault-offers */
.vault-offers-forwarding .forwarding-messaging-text {
    font-size: 0.8em !important;
}

.vault-offers-forwarding .forwarding-button {
    font-size: 0.8em !important;
    padding: 4px 8px !important;
    height: 24px !important;
    line-height: 1 !important;
    margin-top: 4px !important;
}

/* Page header for vault-offers */
.vault-offers-page-header {
    font-size: 0.9em !important;
    line-height: 1.5 !important;
}

/* Form headings for vault-offers */
.vault-offers-form-heading {
    font-size: 1.2em !important;
    font-weight: 600 !important;
}

/* Communications inputs for vault-offers - reduce vertical spacing */
.vault-offers-communications-page .input__wrapper {
    margin: 0.5rem 0 !important;
}

.vault-offers-communications-page .input {
    margin-top: 0.35rem !important;
}

/* Property dropdown text sizing and height for vault-offers */
.vault-offers-input[type="select"] select,
.vault-offers-communications-page select,
select.vault-offers-input {
    font-size: 0.80em !important;
    height: 22px !important;
    padding: 0px 4px !important;
    line-height: 22px !important;
    vertical-align: top !important;
}

/* Select element styling within vault-offers pages - matching Property Details Overview */
.vault-offers-expenses select,
.vault-offers-notes select,
.vault-offers-offers-list select,
.vault-offers-online-offers select,
.vault-offers-open-house select,
.vault-offers-photos select,
.vault-offers-add-document select,
.vault-offers-documents select,
.vault-offers-history select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Property dropdown chevron positioning for vault-offers */
.vault-offers-communications-page .input__selectChevron {
    top: 0.6rem !important;
    right: 1.2rem !important;
}

/* Add Document page select chevron positioning for vault-offers */
.vault-offers-add-document .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

/* Add Offer page select chevron positioning for vault-offers */
.vault-offers-offers-list .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

/* Manage Online Offers page select chevron positioning for vault-offers */
.vault-offers-online-offers .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

/* Expense add page select chevron positioning for vault-offers */
.vault-offers-expenses .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

/* Input focus placeholder positioning for vault-offers */
.vault-offers-expenses .input:focus + .input__placeholder,
.vault-offers-expenses .inputLG:focus + .input__placeholder,
.vault-offers-notes .input:focus + .input__placeholder,
.vault-offers-notes .inputLG:focus + .input__placeholder,
.vault-offers-offers-list .input:focus + .input__placeholder,
.vault-offers-offers-list .inputLG:focus + .input__placeholder,
.vault-offers-online-offers .input:focus + .input__placeholder,
.vault-offers-online-offers .inputLG:focus + .input__placeholder,
.vault-offers-open-house .input:focus + .input__placeholder,
.vault-offers-open-house .inputLG:focus + .input__placeholder,
.vault-offers-photos .input:focus + .input__placeholder,
.vault-offers-photos .inputLG:focus + .input__placeholder,
.vault-offers-add-document .input:focus + .input__placeholder,
.vault-offers-add-document .inputLG:focus + .input__placeholder,
.vault-offers-documents .input:focus + .input__placeholder,
.vault-offers-documents .inputLG:focus + .input__placeholder,
.vault-offers-history .input:focus + .input__placeholder,
.vault-offers-history .inputLG:focus + .input__placeholder,
.vault-offers-add-task .input:focus + .input__placeholder,
.vault-offers-add-task .inputLG:focus + .input__placeholder,
.vault-offers-users .input:focus + .input__placeholder,
.vault-offers-users .inputLG:focus + .input__placeholder {
    top: 15px !important;
}

/* Modal button text positioning for vault-offers */
.vault-offers-documents .modal-footer .button__success,
.vault-offers-documents .modal-footer .button__primary,
.vault-offers-documents .modal-footer button.button__success,
.vault-offers-documents .modal-footer button.button__primary {
    line-height: 18px !important;
    height: 18px !important;
    width: auto !important;
    display: inline-block !important;
}

/* Communications page wrapper for vault-offers */
.vault-offers-communications-page {
    /* Searchbar positioning */
}

.vault-offers-communications-page .searchbar {
    margin-top: -0.8rem !important;
}

/* No email results message for vault-offers */
.vault-offers-communications-page .noemailsloaded {
    font-size: 0.9em !important;
}

.vault-offers-communications-page .noemailsloaded h3 {
    font-size: 0.85em !important;
    margin: 0 !important;
    padding: 0.5rem !important;
}

/* Mobile header height matching module header for vault-offers */
.vault-offers-communications-page .mobileHeader {
    height: 2rem !important;
    line-height: 2rem !important;
    font-size: 1.1em !important;
}

/* Users page vault-offers styling */
.vault-offers-users {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
    --input-inputLG-file-height: 1.5rem;
}

.vault-offers-users .users__sectionHeader {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 1rem !important;
}

.vault-offers-users .users__name {
    font-size: 1rem !important;
    height: 30px !important;
    line-height: 30px !important;
}

.vault-offers-users .users__editor {
    height: calc(100% - 70px) !important;
}

.vault-offers-users .users__lineItemsWrapper {
    height: calc(100% - 60px) !important;
}

.vault-offers-users .users__zipCodesWrapper {
    font-size: 0.8em !important;
    margin: 0.1rem 0 !important;
    padding: 0.25rem 1rem !important;
}

/* Input wrapper margin reduction for Users page */
.vault-offers-users .input__wrapper,
.vault-offers-users .inputLG__wrapper {
    margin: 0.5rem 0 !important;
}

/* Remove bottom margin from file upload input */
.vault-offers-users .inputLG__wrapper {
    margin-bottom: 0 !important;
}

/* Add spacing to Update Password text */
.vault-offers-users .toggle__wrapper {
    margin-top: 1.4rem !important;
}

/* Searchbar styling for Users page */
.vault-offers-users .searchbar i {
    font-size: 0.8em !important;
    transform: translateY(-2px) !important;
}

.vault-offers-users .searchbar input {
    padding-left: 2.5rem !important;
}

/* Users list styling for vault-offers */
.vault-offers-users .users__lineItemsWrapper .mediaLine {
    height: 40px !important;
    margin: 2px 0 !important;
    display: flex !important;
    align-items: center !important;
}

.vault-offers-users .users__lineItemsWrapper .mediaLine__image {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
}

.vault-offers-users .users__lineItemsWrapper .mediaLine__text {
    font-size: 0.8em !important;
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    gap: 0.5rem !important;
}

.vault-offers-users .users__lineItemsWrapper .mediaLine__goto {
    line-height: 40px !important;
    height: 40px !important;
}

/* Non-datain placeholder styling for Users page */
.vault-offers-users .input__placeholder {
    font-size: 0.9em !important;
}

/* Datain placeholder styling for Users page (floatable placeholders) */
.vault-offers-users .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* Input and select styling for Users page - matching Communications pattern */
.vault-offers-users input,
.vault-offers-users select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
    line-height: 22px !important;
    vertical-align: top !important;
}

/* Property list vault-offers styling — compact card with columns */
.vault-offers-property-item .propertyItem__address {
    font-size: 1rem !important;
    height: 28px !important;
    line-height: 28px !important;
}

.vault-offers-property-item .propertyItem__detail {
    font-size: 0.75vw !important;
}

/* Documents page vault-offers styling */
.vault-offers-documents .documents__actions {
    margin-bottom: 2px !important;
}

/* Expenses page vault-offers styling */
.vault-offers-expenses .input__wrapper {
    margin-bottom: 1px !important;
}

/* Online Offers page vault-offers styling */
.vault-offers-online-offers .myprofile__section {
    margin-top: 2px !important;
    padding: 2px 4px !important;
}

.vault-offers-online-offers .toggle__wrapper {
    margin: 25px 0px !important;
}

/* Online Offers labels text sizing for vault-offers */
.vault-offers-online-offers .online-offer-details > div {
    font-size: 0.8em !important;
}

.vault-offers-online-offers input[type="text"],
.vault-offers-online-offers input[type="date"],
.vault-offers-online-offers select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
}

/* Open House page vault-offers styling */
.vault-offers-open-house input[type="date"],
.vault-offers-open-house input[type="time"] {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
}

.vault-offers-open-house .ListWrapper {
    margin-bottom: 1px !important;
}

/* Property History page vault-offers styling */
.vault-offers-history .mobileHeader {
    font-size: 1rem !important;
    font-weight: bold !important;
    height: 30px !important;
    line-height: 30px !important;
}

.vault-offers-history .primaryBackground {
    padding: 2px 4px !important;
    margin-top: 2px !important;
}

/* Add Document modal vault-offers styling - textarea sizing */
.vault-offers-add-document textarea {
    font-size: 0.8em !important;
    padding: 0px 4px !important;
}

/* Icon Counters vault-offers styling */
.vault-offers-iconCounters {
    margin-bottom: 2px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

.vault-offers-iconCounters .iconCounters__item {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 4px !important;
}

.vault-offers-iconCounters .iconCounters__item--active {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 4px !important;
}

.vault-offers-iconCounters .iconCounters__icon {
    font-size: 1.2em !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    display: inline !important;
    margin: 0 !important;
}

.vault-offers-iconCounters .iconCounters__name {
    font-size: 0.9em !important;
    font-weight: 700 !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    display: inline !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.vault-offers-iconCounters .iconCounters__count {
    font-size: 1em !important;
    font-weight: bold !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    display: inline !important;
    margin: 0 !important;
    text-shadow: none !important;
}

/* Documents page datain placeholder styling */
.vault-offers-documents .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* Expenses page datain placeholder styling */
.vault-offers-expenses .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* Notes page datain placeholder styling */
.vault-offers-notes .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* OffersList page datain placeholder styling */
.vault-offers-offers-list .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* OfferOnline page datain placeholder styling */
.vault-offers-online-offers .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* OpenHouseList page datain placeholder styling */
.vault-offers-open-house .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.75em !important;
}

/* Photos page datain placeholder styling */
.vault-offers-photos .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* AddDocument page datain placeholder styling */
.vault-offers-add-document .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* PropertyHistoryList page datain placeholder styling */
.vault-offers-history .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* AddItemList button styling for vault-offers pages */
.vault-offers-expenses .addItem__button,
.vault-offers-notes .addItem__button,
.vault-offers-offers-list .addItem__button,
.vault-offers-online-offers .addItem__button,
.vault-offers-open-house .addItem__button,
.vault-offers-text-message .addItem__button {
    height: 28px !important;
    font-size: 0.8em !important;
    line-height: 28px !important;
    padding: 0 8px !important;
    max-width: 120px !important;
    margin-top: 10px !important;
}

/* Open House addItem button width override */
.vault-offers-open-house .addItem__button {
    max-width: 150px !important;
}

.vault-offers-expenses .addItem__plusIcon,
.vault-offers-notes .addItem__plusIcon,
.vault-offers-offers-list .addItem__plusIcon,
.vault-offers-online-offers .addItem__plusIcon,
.vault-offers-open-house .addItem__plusIcon,
.vault-offers-text-message .addItem__plusIcon {
    font-size: 0.8em !important;
    margin-right: 0.3rem !important;
}

/* Center save/add buttons in vault-offers expense and note forms */
.vault-offers-expenses button,
.vault-offers-notes button,
.vault-offers-offers-list button {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Move text down in success buttons */
.vault-offers-expenses .button__success,
.vault-offers-notes .button__success,
.vault-offers-offers-list .button__success {
    padding-top: 6px !important;
    padding-bottom: 2px !important;
}

/* Icon sizing for addItem buttons to ensure text fits */
.vault-offers-text-message .addItem__button i {
    font-size: 0.85em !important;
    margin-right: 0.2rem !important;
}

/* Input placeholder text styling (non-datain) for vault-offers pages */
.vault-offers-expenses .input__placeholder:not(.input__placeholder--datain),
.vault-offers-notes .input__placeholder:not(.input__placeholder--datain),
.vault-offers-offers-list .input__placeholder:not(.input__placeholder--datain),
.vault-offers-online-offers .input__placeholder:not(.input__placeholder--datain),
.vault-offers-open-house .input__placeholder:not(.input__placeholder--datain),
.vault-offers-photos .input__placeholder:not(.input__placeholder--datain),
.vault-offers-add-document .input__placeholder:not(.input__placeholder--datain),
.vault-offers-documents .input__placeholder:not(.input__placeholder--datain),
.vault-offers-history .input__placeholder:not(.input__placeholder--datain) {
    font-size: 0.8em !important;
}

/* Date and time input styling for vault-offers pages */
.vault-offers-expenses input[type="date"],
.vault-offers-expenses input[type="time"],
.vault-offers-notes input[type="date"],
.vault-offers-notes input[type="time"],
.vault-offers-offers-list input[type="date"],
.vault-offers-offers-list input[type="time"],
.vault-offers-online-offers input[type="date"],
.vault-offers-online-offers input[type="time"],
.vault-offers-open-house input[type="date"],
.vault-offers-open-house input[type="time"],
.vault-offers-photos input[type="date"],
.vault-offers-photos input[type="time"],
.vault-offers-add-document input[type="date"],
.vault-offers-add-document input[type="time"],
.vault-offers-documents input[type="date"],
.vault-offers-documents input[type="time"],
.vault-offers-history input[type="date"],
.vault-offers-history input[type="time"] {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0 4px !important;
}

/* Input wrapper height reduction for vault-offers pages - matching GeneralTab compactness */
.vault-offers-expenses,
.vault-offers-notes,
.vault-offers-offers-list,
.vault-offers-online-offers,
.vault-offers-open-house,
.vault-offers-photos,
.vault-offers-add-document,
.vault-offers-documents,
.vault-offers-history,
.vault-offers-add-task {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
}

/* Open house form needs extra spacing for button */
.vault-offers-open-house center {
    margin-top: 2rem !important;
    display: block !important;
}

.vault-offers-expenses .input__wrapper,
.vault-offers-notes .input__wrapper,
.vault-offers-offers-list .input__wrapper,
.vault-offers-online-offers .input__wrapper,
.vault-offers-open-house .input__wrapper,
.vault-offers-photos .input__wrapper,
.vault-offers-add-document .input__wrapper,
.vault-offers-documents .input__wrapper,
.vault-offers-history .input__wrapper {
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

.vault-offers-expenses .inputLG__wrapper,
.vault-offers-notes .inputLG__wrapper,
.vault-offers-offers-list .inputLG__wrapper,
.vault-offers-online-offers .inputLG__wrapper,
.vault-offers-open-house .inputLG__wrapper,
.vault-offers-photos .inputLG__wrapper,
.vault-offers-add-document .inputLG__wrapper,
.vault-offers-documents .inputLG__wrapper,
.vault-offers-history .inputLG__wrapper {
    height: auto !important;
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

/* Photo Detail modal vault-offers styling */
.vault-offers-photo-detail-modal {
    padding: 2px 4px !important;
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
}

.vault-offers-photo-detail-modal .modal-header {
    padding: 4px 8px !important;
    font-size: 0.9em !important;
}

.vault-offers-photo-detail-modal .modal-body {
    padding: 4px 8px !important;
}

.vault-offers-photo-detail-modal .modal-footer {
    padding: 4px 8px !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
}

.vault-offers-photo-detail-modal .input__wrapper {
    margin-bottom: 4px !important;
    box-sizing: border-box !important;
    height: auto !important;
}

.vault-offers-photo-detail-modal .input__wrapper input {
    font-size: 0.65em !important;
    height: 18px !important;
    padding: 1px 3px !important;
}

.vault-offers-photo-detail-modal select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
}

.vault-offers-photo-detail-modal .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

.vault-offers-photo-detail-modal .album-select-list {
    font-size: 0.8em !important;
    margin: 4px 0 !important;
}

.vault-offers-photo-detail-modal .album-selection-line {
    font-size: 0.8em !important;
}

.vault-offers-photo-detail-modal .blur-field {
    font-size: 0.65em !important;
    margin-bottom: 4px !important;
}

.vault-offers-photo-detail-modal .blur-field input {
    font-size: 0.65em !important;
    height: 18px !important;
    padding: 1px 3px !important;
}

.vault-offers-photo-detail-modal .blur-field-label {
    font-size: 0.65em !important;
    margin-bottom: 1px !important;
}

.vault-offers-photo-detail-modal .button__primary {
    font-size: 0.8em !important;
    height: 24px !important;
    padding: 4px 8px !important;
    min-height: 24px !important;
    line-height: 1 !important;
}

/* Photo Add modal vault-offers styling */
.vault-offers-photo-add-modal {
    padding: 2px 4px !important;
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
}

.vault-offers-photo-add-modal .input__wrapper {
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

.vault-offers-photo-add-modal .inputLG__wrapper {
    height: auto !important;
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

.vault-offers-photo-add-modal .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-photo-add-modal .input__placeholder:not(.input__placeholder--datain) {
    font-size: 0.8em !important;
}

.vault-offers-photo-add-modal select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
}

.vault-offers-photo-add-modal .albums-select-head {
    font-size: 0.8em !important;
    font-weight: bold !important;
}

.vault-offers-photo-add-modal .album-selection-line {
    font-size: 0.8em !important;
}

.vault-offers-photo-add-modal .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

/* Photos page select/dropdown styling */
.vault-offers-photos select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
}

/* OffersList contact row styling for vault-offers */

.vault-offers-offers-list .contact__goto {
    line-height: 30px !important;
    font-size: 1.2rem !important;
}

/* PropertyOfferList vault-offers styling */
.vault-offers-propertyofferlist .propertyofferlist_grid {
    height: 30px !important;
    font-size: 0.75rem !important;
}

.vault-offers-propertyofferlist .propertyofferlist_grid.listhead {
    font-size: 0.7em !important;
}

.vault-offers-propertyofferlist .propertyofferlist_grid > div {
    height: 28px !important;
    align-items: flex-start !important;
    font-size: 0.75rem !important;
}

.vault-offers-propertyofferlist .propertyofferlist_grid.listhead > div {
    height: 28px !important;
    padding-top: 4px !important;
}

/* Chevron styling for PropertyOfferList */
.vault-offers-propertyofferlist .fa-chevron-down,
.vault-offers-propertyofferlist .fa-chevron-up {
    font-size: 1.75rem !important;
}

.vault-offers-propertyofferlist .fa-chevron-right {
    font-size: 1.40rem !important;
}

/* Text styling in PropertyOfferList rows */
.vault-offers-propertyofferlist .propertyofferlist_grid > div {
    font-size: 0.75rem !important;
}

/* Checkbox styling for PropertyOfferList */
.vault-offers-propertyofferlist .propertyoffer-checkbox {
    width: 14px !important;
    height: 14px !important;
}

/* Alternate row backgrounds for PropertyOfferList */
.vault-offers-propertyofferlist .propertyofferlist_grid:not(.listhead):nth-child(even) {
    background-color: whitesmoke !important;
}

/* Photos page datain placeholder styling */
.vault-offers-photos .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* Contact List (Communications page) vault-offers styling */
.vault-offers-contact-list {
    font-size: 0.8em !important;
}

.vault-offers-contact-list .crm__header {
    font-size: 0.8rem !important;
    height: 2.25rem !important;
    line-height: 1.35rem !important;
}

.vault-offers-contact-list .crm__selected {
    font-size: 0.8em !important;
    padding: 4px 6px !important;
}

.vault-offers-contact-list .contactList__selectButtons {
    padding: 4px !important;
    gap: 4px !important;
}

.vault-offers-contact-list .contactList__selectButtons .button__warning,
.vault-offers-contact-list .contactList__selectButtons .button__primary {
    font-size: 0.8em !important;
    height: 24px !important;
    padding: 4px 8px !important;
    line-height: 1 !important;
}

.vault-offers-contact-list .contact__wrapper {
    height: auto !important;
    padding: 0px 3px !important;
    margin: 0px !important;
}

.vault-offers-contact-list .contact__info,
.vault-offers-contact-list .contact__info--selected,
.vault-offers-contact-list .contact__info-comm,
.vault-offers-contact-list .contact__info-comm--selected {
    height: auto !important;
    padding: 0px !important;
    margin: 0px !important;
}

.vault-offers-contact-list .contact__profileImage,
.vault-offers-contact-list .contact__profileImage-comm {
    height: 35px !important;
    width: 35px !important;
}

.vault-offers-contact-list .contact__name,
.vault-offers-contact-list .contact__name_communication {
    line-height: 35px !important;
    font-size: 0.8em !important;
}

.vault-offers-contact-list .contact__goto {
    line-height: 35px !important;
    font-size: 1rem !important;
}

.vault-offers-contact-list .crm__contactsWrapper {
    font-size: 0.8em !important;
}

.vault-offers-contact-list .ReactVirtualized__Grid {
    width: 100% !important;
}

/* Text Message History page vault-offers styling */
.vault-offers-text-message {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
}

/* Back arrow styling - positioned in Communications mobile header */
.vault-offers-text-message .communications-backarrow-container {
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    transform: translateY(-50%) !important;
    padding: 0 8px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 30px !important;
    z-index: 1 !important;
}

.vault-offers-back-arrow {
    font-size: 1.2em !important;
}

.vault-offers-back-arrow i,
.vault-offers-text-message .communications-backarrow-container i {
    font-size: 1.2em !important;
}

.vault-offers-text-message .textmessage-container {
    position: relative !important;
}

/* Text Message History mobileHeader styling */
.vault-offers-text-message .mobileHeader {
    font-size: 1rem !important;
    font-weight: bold !important;
    height: 30px !important;
    line-height: 30px !important;
}

/* Searchbar styling for vault-offers - center icon and position text */
.vault-offers-text-message .searchbar {
    position: relative !important;
}

.vault-offers-text-message .searchbar i {
    font-size: 0.8em !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.vault-offers-text-message .searchbar input {
    padding-left: 3rem !important;
    font-size: 0.8em !important;
    height: 22px !important;
    text-indent: 0.5rem !important;
}

/* Grid text styling - reduce significantly */
.vault-offers-text-message .textmessagelist_grid {
    font-size: 0.65rem !important;
}

.vault-offers-text-message .textmessagelist_headers {
    font-size: 0.65rem !important;
}

.vault-offers-text-message .textmessagelist_grid > div {
    font-size: 0.65rem !important;
}

.vault-offers-text-message input[type="text"],
.vault-offers-text-message input[type="date"],
.vault-offers-text-message input[type="time"],
.vault-offers-text-message select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
}

/* Spacing for Send Text button area to prevent overlap with inputs */
.vault-offers-text-message .otherincomelist_add {
    margin-top: 30px !important;
}

.vault-offers-text-message .input__wrapper {
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

.vault-offers-text-message .inputLG__wrapper {
    height: auto !important;
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

.vault-offers-text-message .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-text-message .input__placeholder:not(.input__placeholder--datain) {
    font-size: 0.8em !important;
}

.vault-offers-text-message .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

.vault-offers-text-message button,
.vault-offers-text-message .button__success,
/* Vault-offers text message buttons */
.vault-offers-text-message .button__primary,
.vault-offers-text-message .button__warning,
.vault-offers-text-message .textmessagelist-container button {
    font-size: 0.85em !important;
    height: 28px !important;
    padding: 6px 12px !important;
    line-height: 28px !important;
}

/* DropDownForm toggle button styling for vault-offers */
.vault-offers-text-message .dropdownform-toggle,
.vault-offers-text-message > div > .DropDownForm button,
.vault-offers-text-message .dropdownform__toggle,
.vault-offers-text-message .dropdownForm__toggleButton,
.vault-offers-text-message [class*="dropdownform"] button {
    font-size: 0.85em !important;
    height: 28px !important;
    padding: 6px 12px !important;
    line-height: 28px !important;
    min-height: 28px !important;
}

.vault-offers-text-message .input:focus + .input__placeholder {
    top: 15px !important;
}

/* Attachments mobile header styling for vault-offers */
.vault-offers-attachments .vault-offers-mobileHeader,
.vault-offers-attachments .property__moduleHeader.vault-offers-mobileHeader {
    font-size: 1rem !important;
    font-weight: bold !important;
    height: 30px !important;
    line-height: 30px !important;
}

/* CRM Contacts page vault-offers styling */
.vault-offers-crm-contacts {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
    width: 95% !important;
    box-sizing: border-box !important;
}

.vault-offers-crm-contacts .input__wrapper {
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

.vault-offers-crm-contacts .inputLG__wrapper {
    height: auto !important;
    margin-bottom: 7px !important;
    box-sizing: border-box !important;
}

.vault-offers-crm-contacts input[type="text"],
.vault-offers-crm-contacts input[type="date"],
.vault-offers-crm-contacts input[type="time"],
.vault-offers-crm-contacts select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0px 4px !important;
}

.vault-offers-crm-contacts .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-crm-contacts .input__placeholder:not(.input__placeholder--datain) {
    font-size: 0.8em !important;
}

.vault-offers-crm-contacts .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

.vault-offers-crm-contacts button,
.vault-offers-crm-contacts .button__success,
.vault-offers-crm-contacts .button__primary {
    font-size: 0.85em !important;
    height: 28px !important;
    padding: 6px 12px !important;
}

.vault-offers-crm-contacts .input:focus + .input__placeholder {
    top: 15px !important;
}

/* Document card vault-offers styling - compact card display */
.vault-offers-document {
    height: 70px !important;
    width: 50% !important;
    padding: 1px !important;
    margin-bottom: 1px !important;
}

.vault-offers-document .document__content {
    height: 100% !important;
}

.vault-offers-document .document__section {
    height: 50px !important;
}

.vault-offers-document .document__section:first-child {
    height: 50px !important;
}

/* Document identifier smaller for vault-offers */
.vault-offers-document .document__identifier {
    width: 32px !important;
    height: 32px !important;
    margin: 4px !important;
    border-radius: 32px !important;
}

/* Document title, date, time text height reduction */
.vault-offers-document .document__title,
.vault-offers-document .document__date,
.vault-offers-document .document__time {
    height: 50px !important;
    line-height: 50px !important;
    font-size: 0.75rem !important;
}

.vault-offers-document .document__title {
    width: calc(81% - 220px - 1.6rem) !important;
}

/* Document action buttons smaller for vault-offers */
.vault-offers-document .simpleButton__primary,
.vault-offers-document .simpleButton__warning {
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 !important;
    font-size: 0.7em !important;
}

.vault-offers-document .document__actions {
    width: 120px !important;
    height: 50px !important;
    padding-top: 2px !important;
}

.vault-offers-document .document__actions div {
    height: 32px !important;
    width: 32px !important;
    line-height: 32px !important;
}

/* Make Font Awesome icons bigger in document action buttons */
.vault-offers-document .document__actions i {
    font-size: 1.8em !important;
}

/* Download button icon margin for vault-offers */
.vault-offers-document .document__actions a i {
    margin-right: 0.1rem !important;
}

/* Edit Document modal vault-offers styling */
.vault-offers-edit-document-modal {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
    --input-inputLG-file-height: 1.5rem;
}

.vault-offers-edit-document-modal .modal-dialog {
    max-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
}

.vault-offers-edit-document-modal .modal-content {
    display: flex !important;
    flex-direction: column !important;
    max-height: 90vh !important;
}

.vault-offers-edit-document-modal .modal-header {
    padding: 4px 8px !important;
    flex-shrink: 0 !important;
}

.vault-offers-edit-document-modal .modal-header .modal-title {
    font-size: 0.9em !important;
}

.vault-offers-edit-document-modal .modal-body {
    padding: 4px 8px !important;
    overflow-y: auto !important;
    flex: 1 !important;
    min-height: 0 !important;
}

/* Input wrapper styling for Edit Document modal */
.vault-offers-edit-document-modal .input__wrapper {
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
}

/* Input and select styling for Edit Document modal */
.vault-offers-edit-document-modal input[type="text"],
.vault-offers-edit-document-modal select,
.vault-offers-edit-document-modal textarea {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
    line-height: 1 !important;
}

.vault-offers-edit-document-modal textarea {
    height: 50px !important;
    max-height: 60px !important;
}

/* Placeholder styling for Edit Document modal */
.vault-offers-edit-document-modal .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

/* Labels styling for Edit Document modal */
.vault-offers-edit-document-modal label {
    font-size: 0.8em !important;
    margin-bottom: 2px !important;
}

/* Checkbox styling for Edit Document modal */
.vault-offers-edit-document-modal input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    margin-left: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Radio button styling for Edit Document modal - separate from text inputs */
.vault-offers-edit-document-modal input[type="radio"] {
    width: 14px !important;
    height: 14px !important;
    margin: 0 4px !important;
    padding: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative !important;
}

.vault-offers-edit-document-modal input[type="radio"]:checked:after {
    width: 1.5rem !important;
    height: 1.5rem !important;
    position: absolute !important;
    top: -8px !important;
    left: -7px !important;
}

.vault-offers-edit-document-modal input[type="radio"]:focus {
    outline: 1px solid #2c80b8 !important;
    outline-offset: 1px !important;
}

/* Grouping div for radio buttons */
.vault-offers-edit-document-modal > div > div > div:nth-child(2) {
    margin-bottom: 10px !important;
}

/* Radio button group section */
.vault-offers-edit-document-modal .document-group-selection {
    margin-top: 30px !important;
    padding: 4px 0 !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Historical Document checkbox section */
.vault-offers-edit-document-modal .document-historical-section {
    margin-top: 50px !important;
    padding: 4px 0 !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.vault-offers-edit-document-modal .document-historical-section label {
    display: inline-block !important;
    margin-right: 8px !important;
}

/* Modal footer button styling for Edit Document modal */
.vault-offers-edit-document-modal .modal-footer {
    padding: 4px 8px !important;
}

.vault-offers-edit-document-modal .modal-footer .button__success {
    line-height: 18px !important;
    height: 18px !important;
    font-size: 0.8em !important;
    padding: 4px 8px !important;
    width: auto !important;
    display: inline-block !important;
}

/* Side Navigation hamburger menu vault-offers styling */
.vault-offers-sidenav .verticalNavWrapper__item {
    font-size: 1.3rem !important;
}

.vault-offers-sidenav .verticalNavWrapper__text {
    font-size: 0.8rem !important;
}

.vault-offers-sidenav .verticalNavWrapper__icon {
    font-size: 1.5rem !important;
}

/* Expense list item vault-offers styling */
.vault-offers-expenses .listItem__wrapper {
    height: 40px !important;
    margin: 0 6px 8px 6px !important;
}

.vault-offers-expenses .listItem__info,
.vault-offers-expenses .listItem__info--selected {
    height: 40px !important;
}

.vault-offers-expenses .listItem__name,
.vault-offers-expenses .listItem__title,
.vault-offers-expenses .listItem__note {
    font-size: 0.75em !important;
    line-height: 40px !important;
}

.vault-offers-expenses .listItem__goto {
    font-size: 1em !important;
    line-height: 40px !important;
}

/* Album page vault-offers styling */
.vault-offers-photos .mobileHeader {
    font-size: 1rem !important;
    font-weight: bold !important;
    height: 30px !important;
    line-height: 30px !important;
}

.vault-offers-photos .album__delete {
    font-size: 1.2em !important;
    padding: 0.3rem 0.35rem !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: -14px !important;
    right: -14px !important;
}

.vault-offers-photos .photo__action,
.vault-offers-photos .photo__action.primaryBackground {
    font-size: 1.2em !important;
    padding: 0.5rem !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

/* Administration page vault-offers styling */
.vault-offers-admin .admin__title {
    font-size: 1.2rem !important;
    height: 2rem !important;
    line-height: 2rem !important;
    margin: 0.8rem 0 !important;
}

.vault-offers-admin .admin__mobileContainer {
    padding: 0.5rem !important;
}

/* Roles page vault-offers styling */
.vault-offers-roles .roles__selectPicker {
    height: 2rem !important;
    padding: 0.3rem 0.6rem !important;
    font-size: 0.9em !important;
}

.vault-offers-roles .roles__permissionsTitle {
    font-size: 1.2rem !important;
    height: 2rem !important;
    line-height: 2rem !important;
    margin: 0.8rem 0 !important;
}

/* Roles edit section vault-offers styling */
.vault-offers-roles .role-delete-icon div {
    font-size: 0.8em !important;
}

.vault-offers-roles .role-delete-icon i {
    font-size: 1em !important;
}

.vault-offers-roles .input__wrapper {
    margin-bottom: 4px !important;
    box-sizing: border-box !important;
}

.vault-offers-roles .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-roles .input__placeholder:not(.input__placeholder--datain) {
    font-size: 0.8em !important;
}

.vault-offers-roles select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 0 4px !important;
    line-height: 1 !important;
}

/* Roles Add Modal vault-offers styling */
.vault-offers-roles-add-modal {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
}

.vault-offers-roles-add-modal .modal-header {
    padding: 4px 8px !important;
    font-size: 0.9em !important;
}

.vault-offers-roles-add-modal .modal-body {
    padding: 4px 8px !important;
}

.vault-offers-roles-add-modal .modal-footer {
    padding: 4px 8px !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
}

.vault-offers-roles-add-modal .input__wrapper,
.vault-offers-roles-add-modal .inputLG__wrapper {
    margin-bottom: 4px !important;
    box-sizing: border-box !important;
}

.vault-offers-roles-add-modal .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-roles-add-modal .input__placeholder:not(.input__placeholder--datain) {
    font-size: 0.8em !important;
}

.vault-offers-roles-add-modal textarea {
    font-size: 1.0em !important;
    padding: 2px 4px !important;
}

.vault-offers-roles-add-modal .button__warning,
.vault-offers-roles-add-modal .button__success {
    font-size: 0.8em !important;
    height: 24px !important;
    padding: 4px 8px !important;
    min-height: 24px !important;
    line-height: 1 !important;
}

/* MyProfile page vault-offers styling */
.vault-offers-myprofile {
    --input-placeholder-top: 1.9rem;
}

.vault-offers-myprofile .input:focus + .input__placeholder,
.vault-offers-myprofile .inputLG:focus + .input__placeholder {
    top: 15px !important;
}

.vault-offers-myprofile .input__wrapper {
    margin-bottom: 4px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.vault-offers-myprofile .input__wrapper input {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
}

.vault-offers-myprofile .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-myprofile .input__placeholder:not(.input__placeholder--datain) {
    font-size: 0.8em !important;
}

.vault-offers-myprofile input,
.vault-offers-myprofile select,
.vault-offers-myprofile textarea {
    font-size: 0.8em !important;
}

.vault-offers-myprofile select {
    height: 22px !important;
    padding: 0 4px !important;
    line-height: 1 !important;
}

.vault-offers-myprofile .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

.vault-offers-myprofile .button__primary,
.vault-offers-myprofile .button__flatPrimary {
    font-size: 0.85em !important;
    padding: 6px 12px !important;
    height: 28px !important;
    min-height: 28px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vault-offers-myprofile .form__heading {
    font-size: 1rem !important;
}

.vault-offers-myprofile .profile-top-bar {
    padding: 4px 8px !important;
    margin-bottom: 4px !important;
}

/* MyDocument Add Category Modal vault-offers styling */
.vault-offers-mydoc-add-category-modal {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
}

.vault-offers-mydoc-add-category-modal .modal-header {
    padding: 4px 8px !important;
    font-size: 0.9em !important;
}

.vault-offers-mydoc-add-category-modal .modal-body {
    padding: 4px 8px !important;
}

.vault-offers-mydoc-add-category-modal .modal-footer {
    padding: 4px 8px !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
}

.vault-offers-mydoc-add-category-modal .input__wrapper {
    margin-bottom: 4px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.vault-offers-mydoc-add-category-modal .input__wrapper input {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
}

.vault-offers-mydoc-add-category-modal .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-mydoc-add-category-modal .button__success {
    font-size: 0.85em !important;
    height: 28px !important;
    min-height: 28px !important;
    line-height: 1 !important;
    padding: 6px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* MyDocument Add Document Modal vault-offers styling */
.vault-offers-mydoc-add-document-modal {
    --input-placeholder-top: 1.9rem;
    --input-inputLG-wrapper-height: 1.5rem;
}

.vault-offers-mydoc-add-document-modal .modal-header {
    padding: 4px 8px !important;
    font-size: 0.9em !important;
}

.vault-offers-mydoc-add-document-modal .modal-body {
    padding: 4px 8px !important;
}

.vault-offers-mydoc-add-document-modal .modal-footer {
    padding: 4px 8px !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
}

.vault-offers-mydoc-add-document-modal .input__wrapper {
    margin-bottom: 4px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.vault-offers-mydoc-add-document-modal .input__wrapper input {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
}

.vault-offers-mydoc-add-document-modal .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-mydoc-add-document-modal .button__success {
    font-size: 0.85em !important;
    height: 28px !important;
    min-height: 28px !important;
    line-height: 1 !important;
    padding: 6px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* MyDocument category buttons styling */
.vault-offers-myprofile .button__tabMy {
    font-size: 0.85em !important;
    padding: 6px 12px !important;
    height: 28px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Filter Modal vault-offers styling */
.vault-offers-filter-modal {
    --input-placeholder-top: 1.9rem;
}

.vault-offers-filter-modal .modal-header {
    padding: 4px 8px !important;
    font-size: 0.9em !important;
    background-color: #f5f5f5 !important;
}

.vault-offers-filter-modal .modal-header .modal-title {
    font-size: 0.9em !important;
    font-weight: 600 !important;
}

.vault-offers-filter-modal .modal-header .close {
    font-size: 1.2em !important;
    opacity: 0.7 !important;
}

.vault-offers-filter-modal .modal-body {
    padding: 4px 8px !important;
    background-color: white !important;
}

/* Filter modal input/select styling */
.vault-offers-filter-modal .input__wrapper {
    margin-bottom: 6px !important;
    box-sizing: border-box !important;
}

.vault-offers-filter-modal input[type="text"],
.vault-offers-filter-modal input[type="date"],
.vault-offers-filter-modal input[type="time"],
.vault-offers-filter-modal select {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.vault-offers-filter-modal .input__placeholder {
    font-size: 0.8em !important;
}

.vault-offers-filter-modal .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.vault-offers-filter-modal .input__selectChevron {
    top: 2.1rem !important;
    right: 1.25rem !important;
    font-size: 0.8em !important;
}

/* Filter modal checkbox styling */
.vault-offers-filter-modal input[type="checkbox"] {
    width: 14px !important;
    height: 14px !important;
    margin-right: 4px !important;
}

/* Filter modal footer styling */
.vault-offers-filter-modal .modal-footer {
    padding: 4px 8px !important;
    display: flex !important;
    gap: 4px !important;
    justify-content: flex-end !important;
    background-color: #f5f5f5 !important;
}

.vault-offers-filter-modal .modal-footer .button__success,
.vault-offers-filter-modal .modal-footer .button__primary,
.vault-offers-filter-modal .modal-footer .button__warning,
.vault-offers-filter-modal .modal-footer button {
    font-size: 0.8em !important;
    height: 24px !important;
    padding: 4px 8px !important;
    line-height: 1 !important;
    min-height: 24px !important;
    width: auto !important;
    display: inline-block !important;
}

/* Filter modal focus state for inputs */
.vault-offers-filter-modal input:focus + .input__placeholder,
.vault-offers-filter-modal select:focus + .input__placeholder {
    top: 15px !important;
}

/* Document approve/reject section text and icons for vault-offers */
.vault-offers-document .compliance-icons {
    font-size: 0.8em !important;
}

.vault-offers-document .compliance-icons i {
    font-size: 1.2em !important;
}

/* Notes page list item styling for vault-offers */
.vault-offers-notes .listItem__wrapper {
    height: 45px !important;
    margin-bottom: 6px !important;
}

.vault-offers-notes .listItem__info,
.vault-offers-notes .listItem__info--selected {
    height: 45px !important;
}

.vault-offers-notes .listItem__name,
.vault-offers-notes .listItem__title,
.vault-offers-notes .listItem__note {
    line-height: 45px !important;
    font-size: 0.85em !important;
}

.vault-offers-notes .listItem__goto {
    line-height: 45px !important;
    font-size: 1.2em !important;
}

/* Notes overview WYSIWYG editor spacing to prevent Note from bleeding into Subject */
.vault-offers-notes .vault-offers-wysiwyg-small {
    margin-top: 25px !important;
}

/* Offer list - Note To Agent column compact styling */
.vault-offers-propertyofferlist .propertyofferlist_grid > div.vault-offers-offer-note {
    font-size: 0.65rem !important;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    align-self: flex-start !important;
    max-height: 3em !important;
    overflow-y: auto !important;
    padding: 2px 4px !important;
}

/* Offer notification modal - vault-offers styling */
.offerNotification-modal {
    --input-placeholder-top: 1.9rem;
}

.offerNotification-modal .vault-offers-input {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
}

.offerNotification-modal .input__wrapper {
    margin-bottom: 4px !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.offerNotification-modal .input__wrapper input {
    font-size: 0.8em !important;
    height: 22px !important;
    padding: 2px 4px !important;
}

.offerNotification-modal .input__placeholder--datain {
    top: 15px !important;
    left: 30px !important;
    font-size: 0.9em !important;
}

.offerNotification-modal .email-check-to {
    font-size: 1.25em !important;
}

.offerNotification-modal .to-container {
    font-size: 0.8em !important;
}

/* BCC is optional, show placeholder in black not red */
.offerNotification-modal .input__placeholder {
    color: #333 !important;
}