.property-card { position: relative; }
.property-card-actions { align-items: center; flex-wrap: wrap; }
.property-integration-control { position: relative; flex: 0 0 auto; }
.property-integration-trigger { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; color: #334c92; border-color: #b8c6ed; background: #f7f9ff; }
.property-integration-trigger:hover, .property-integration-trigger[aria-expanded='true'] { color: #fff; border-color: #334c92; background: #334c92; }
.property-integration-count { display: inline-grid; min-width: 19px; height: 19px; place-items: center; margin-left: 3px; padding: 0 5px; border-radius: 999px; color: currentColor; background: rgba(51, 76, 146, .12); font-size: .68rem; font-weight: 800; }
.property-integration-trigger:hover .property-integration-count, .property-integration-trigger[aria-expanded='true'] .property-integration-count { background: rgba(255, 255, 255, .2); }
.property-integration-menu { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 20; width: min(320px, calc(100vw - 42px)); padding: 14px; border: 1px solid #dbe2f0; border-radius: 13px; background: #fff; box-shadow: 0 18px 40px rgba(21, 35, 67, .18); }
.property-integration-menu::after { content: ''; position: absolute; right: 22px; bottom: -7px; width: 13px; height: 13px; border-right: 1px solid #dbe2f0; border-bottom: 1px solid #dbe2f0; background: #fff; transform: rotate(45deg); }
.property-integration-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 9px; border-bottom: 1px solid #eef1f6; color: #1f2a44; font-size: .82rem; font-weight: 750; }
.property-integration-status { padding: 3px 7px; border-radius: 999px; color: #146c43; background: #e9f8ef; font-size: .68rem; font-weight: 750; }
.property-integration-list { display: grid; gap: 8px; margin: 11px 0; padding: 0; list-style: none; }
.property-integration-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; border: 1px solid #edf0f6; border-radius: 9px; background: #fbfcff; }
.property-integration-name { display: inline-flex; align-items: center; min-width: 0; gap: 7px; color: #263653; font-size: .78rem; font-weight: 700; }
.property-integration-name i { color: #334c92; }
.property-integration-id { flex: 0 0 auto; max-width: 46%; overflow: hidden; color: #5d6b83; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.property-integration-empty { margin: 12px 0; color: #697386; font-size: .78rem; }
.property-integration-manage { display: inline-flex; align-items: center; color: #334c92; font-size: .76rem; font-weight: 700; text-decoration: none; }
.property-integration-manage:hover { text-decoration: underline; }
@media (max-width: 575.98px) { .property-card-actions > .property-integration-control, .property-card-actions > .property-integration-control .property-integration-trigger, .property-card-actions > .btn { flex: 1 1 auto; } .property-integration-menu { right: auto; left: 0; } .property-integration-menu::after { right: auto; left: 22px; } }

.property-integration-editor-modal { width: min(900px, 100%); }
.property-integration-editor-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin: -26px -26px 20px; padding: 22px 26px 16px; border-bottom: 1px solid var(--leadops-border, #e4e8f0); background: #fff; }
.property-integration-editor-content { padding: 0; }
.property-integration-editor-heading { margin: 0 0 10px; color: #243351; font-size: .8rem; font-weight: 800; }
.property-integration-editor-heading.add-heading { margin-top: 20px; }
.property-integration-editor-row, .property-integration-editor-add { display: grid; grid-template-columns: minmax(150px, 1.2fr) minmax(150px, 1fr) minmax(170px, 1.2fr) 100px; align-items: end; gap: 10px; padding: 10px; border: 1px solid #e6ebf3; border-radius: 10px; background: #fbfcff; }
.property-integration-editor-row + .property-integration-editor-row { margin-top: 8px; }
.property-integration-editor-field { min-width: 0; }
.property-integration-editor-field .form-control:disabled { color: #3d4a62; background: #eef1f6; opacity: 1; }
.property-integration-editor-action { min-width: 0; }
.property-integration-editor-footer { display: flex; justify-content: flex-end; gap: 10px; margin: 22px -26px -26px; padding: 16px 26px; border-top: 1px solid var(--leadops-border, #e4e8f0); background: #fff; }
@media (max-width: 767.98px) {
  .property-integration-editor-modal { padding: 18px 16px; }
  .property-integration-editor-header { margin: -18px -16px 18px; padding: 18px 16px 14px; }
  .property-integration-editor-row, .property-integration-editor-add { grid-template-columns: 1fr 1fr; }
  .property-integration-editor-action { grid-column: 1 / -1; }
  .property-integration-editor-footer { margin: 18px -16px -18px; padding: 14px 16px; }
}