/* Doorbell's Maintenance box, harvested from the live dashboard (every rule that styles #view-maintenance and its open
   menus) and scoped under .dbx so it styles only the Home page. Regenerate rather than hand-edit. */
@property --press { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --cdp { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --ddp { syntax: "<number>"; inherits: true; initial-value: 1; }
.dbx .topbar-btn-sec.ovhd-btn:hover:not(:disabled), .dbx .reg-bar[role="button"]:hover:not(:has(button:active, [role="button"]:active, a:active)) > .reg-bar-in, .dbx .cmp-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .cmp-row-in, .dbx #fxModal .modal :is(.ppx-bar, .pb-line, .ar-line):hover:not(:has(button:active, [role="button"]:active, a:active)) > :is(.ppx-bar-main, .pb-line-main, .ar-line-main), .dbx .ov-vac-facts.ov-vac-go:hover .ov-kpi-fact, .dbx .ov-up-row.ov-up-go:hover, .dbx .ov-card-link:hover, .dbx .rs-item:hover:not(:has(button:active, [role="button"]:active, a:active)) > .rs-item-in, .dbx .rs-more:hover .rs-more-in, .dbx .na-item:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .ov-act-row:hover, .dbx #view-overview .ov-act-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .ov-act-row-in, .dbx .prop-card:hover:not(:has(.prop-btn:active)), .dbx .prop-btn:hover, .dbx .vm-row:hover:not(:has(.pp-ab:active)):not(:has(.vm-row-reopen:active)), .dbx #view-maintenance .vm-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .vm-row-in, .dbx .vm-row-reopen:hover, .dbx :is(#view-maintenance, #rptFcBody, #rptDebtBody, #taxSchedRows, #taxDedRows, #taxDeprRows, #expBills, #rptgList, #rptRecentList, #taxFileStrip, #rptDesk, #expCats2) .vm-actions .pp-ab:hover, .dbx .md-nav-back:hover, .dbx .md-contr-cta:hover, .dbx .md-contr-view:hover, .dbx .bid-row:hover .bid-row-in, .dbx .clm-row:hover, .dbx #fxModal .modal:is(.mrq-modal, .rec-sheet) :is(.ac-view-btn, .mrq-row-act, .fx-fbtn):hover, .dbx #requestWorkModal .modal :is(button.rw-urg, button.rw-btn-log, button.rw-btn-email):hover, .dbx :is(#fxModal .modal, #assignContrModal .modal, #requestWorkModal .modal, #docViewerOverlay .modal, #callInfoOv .modal, #ckOverlay .modal, #upOv .up-card) :is(.fx-fbtn, .md-contr-cta, .ac-view-btn, .ac-assign-btn, .pp-ab):hover, .dbx .md-act-btn:hover, .dbx .md-find-btn:hover, .dbx #assignContrModal .modal.ac-modal .fx-fbtn:hover, .dbx .ac-assign-btn:hover, .dbx .ac-view-btn:hover, .dbx .ac-suggest-btn:hover, .dbx .vc-star-cell .cc-star:hover, .dbx .asn-btn:hover, .dbx .set-nav-item:hover, .dbx #view-settings .set-nav-item:hover .set-nav-in, .dbx .sc-btn:hover, .dbx .pp-ml-more-btn:hover, .dbx .pp-ab:hover, .dbx .dep-dd-all:hover:not([disabled]), .dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #view-research, #view-laws) .vm-dd-opt:hover .vm-dd-oin, .dbx .tn-row:hover:not(:has(.pp-ab:active)):not(:has(.tn-act-btn:active)) > .tn-row-in, .dbx .tn-act-btn:hover, .dbx .cn-row:hover:not(:has(.bar-act:active)), .dbx .cn-card-top:hover, .dbx .cn-mem:hover, .dbx .pvt:hover, .dbx .topbar-ai:hover, .dbx .topbar-search:hover, .dbx .topbar-notif:hover, .dbx #view-messages .msg-thread-pane #msgPaneSend:hover, .dbx #view-messages .msg-2col .msg-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .msg-row-in, .dbx #view-messages .msg-2col .msg-pinmode:hover .msg-pinmode-in, .dbx .msg-row:hover:not(:has(.pp-ab:active)), .dbx #view-messages .msg-thread-pane .msg-rail-tgl:hover .mrt-in, .dbx .ai-draft-go:hover, .dbx .bar-act:hover, .dbx .pr-act .pay-row-act:hover, .dbx .rnt-lease:hover > .rnt-lease-in, .dbx .rdp-o:hover .rdp-in, .dbx #payRollCard .pr-act .pay-row-act:hover .act-in, .dbx .prx-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > *, .dbx .prx-row:hover:not(:has(button:active, [role="button"]:active, a:active)) .prx-prop, .dbx .prx-row:hover:not(:has(button:active, [role="button"]:active, a:active)) .prx-date, .dbx #payRollCard .pr-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .pr-row-in, .dbx .main :where(#view-rentals, #view-rent, #view-expenses) .sp-toolbar .cal-view-switch .cal-vbtn:hover .seg-in, .dbx :is(#payRollCard .pay-seg, #depStatusSeg) .cal-vbtn:hover .seg-in, .dbx :is(#taxYearSwitch, #rptDeskSeg, #rptFcSeg, #rptDeqSeg, #vmStatusSeg, #docAgeSeg, #inspStatusSeg, #prevStatusSeg, #vcStatusSeg, #remStatusSeg, #cnStatusSeg, #view-properties .vm-toolbar .pvt-seg, #view-tenants .vm-toolbar .pvt-seg, #view-messages .msg-bar .pvt-seg, #view-properties .prop-top .pvt-seg, #apScopeSeg, #apLeadSeg, #apStageSeg) .pvt:hover .seg-in, .dbx .payl-row:hover:not(:has(.pp-ab:active)), .dbx .pay-hist-row:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .to-stage:hover:not(:disabled), .dbx .bud-card:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .fc-col:hover, .dbx .rpt-debt-row:hover, .dbx .rptd-tile:hover .rptd-in, .dbx :is(#rptFcBody, #rptDebtBody, #rptgList, #rptRecentList) .vm-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .vm-row-in, .dbx #view-deposits .depl-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > *, .dbx #depTrust .dtring-rows .dtr-row:hover:not(.fill) > *, .dbx :is(#rentLookupCard, #payTenCard, #expPropCard, #taxLower, #apLookCard, #rptFcBody, #rptDebtBody) .rlt-row:hover > *, .dbx #view-expenses .exp2-pct:hover > *, .dbx .rpc-item:hover .rpc-item-in, .dbx .rptg-row:hover:not(:has(.bar-act:active)), .dbx .rpt-recent-row:hover:not(:has(.rpt-dl:active)), .dbx .au-row:hover:not(:has(.toggle:active)) > .au-row-in, .dbx .auto-tr:hover:not(:has(.toggle:active)), .dbx .vc-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .vc-row-in, .dbx .tax-ded:hover, .dbx .tnr-row:hover .tnr-in, .dbx .tqe-row:hover > *, .dbx .txs-row:hover:not(:has(button:active, [role="button"]:active, a:active)) > .txs-row-in, .dbx .ptl-row.clickable:hover:not(:has(button:active)), .dbx #view-contractors .vc-req:hover, .dbx .lsd-urow:hover .lsd-urow-in, .dbx .topbar-btn:hover, .dbx .topbar-btn-sec:hover:not(:disabled), .dbx .prop-btn:hover, .dbx .prop-btn.primary:hover, .dbx .filter-btn:hover, .dbx .t-btn:hover, .dbx .modal-save:hover, .dbx .modal-cancel:hover, .dbx .nav-item:hover, .dbx .thread-send-btn:hover, .dbx .lst2-act-publish:hover, .dbx .lst2-act-next:hover, .dbx .maint-sp-new-btn:hover, .dbx .pp-ab.pri:hover, .dbx .topbar-notif:hover, .dbx .rw-btn-email:hover, .dbx .lst2-plat-connect-btn:hover, .dbx #fxModal .modal .cal-uc-seg .pvt:hover .pvt-in, .dbx :is(#fxModal .modal.cal-up-fixed .cal-uc-foot, #view-rentals .pt-foot, #view-rent .pt-foot, #view-reports .pt-foot, #expPropCard .pt-foot, #taxLower .pt-foot, #expLedgerCard .pt-foot, #view-maintenance .pt-foot, #view-overview :is(.ov-act-list, .rs-list, .ov-na-list, .ov-up-list) .pt-foot, #view-reminders .pt-foot, #view-tenants .pt-foot, #view-messages .pt-foot, #view-contractors .pt-foot, #view-inspections .pt-foot, #view-preventive .pt-foot, #view-documents .pt-foot, #view-applications .pt-foot, #view-listings .pt-foot, #view-automations .pt-foot, #view-deposits .dep-ledger .pt-foot, #view-taxes .pt-foot, #view-connections .pt-foot) .pt-pg:hover:not(:disabled), .dbx .cal-uc-row:hover .cal-uc-row-in, .dbx .cal-f-morebtn:hover, .dbx .cal-day-more-btn:hover, .dbx .cal-day-less-btn:hover, .dbx .cal-hev:hover, .dbx .cal-f-type:hover, .dbx .cal-f-seg:hover, .dbx .cal-today-m:hover, .dbx .cal-up-toggle:hover, .dbx .cal-cell:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .cal-mini-cell.click:hover, .dbx .cal-ev:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .cal-evrow:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .cal-day-row:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .cal-up-item:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .cal-grid.month .cal-ev:hover, .dbx .cal-grid.week .cal-ev:hover, .dbx .cal-star-btn:hover, .dbx .cal-leg-btn:hover, .dbx .cal-colors-btn:hover, .dbx .cal-cc-dot:hover, .dbx .rs-chip:hover, .dbx .rs-save-pill:hover, .dbx .exp-trow:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx #expLedgerCard .exp-trow:hover:not(:has(button:active, [role="button"]:active, a:active)) > *, .dbx .exs2-ln:hover .exs2-ln-in, .dbx .exg-c:hover, .dbx .exm2-item:hover .exm2-item-in, .dbx .exs-row:hover .exs-row-in, .dbx .exp-drv:hover > *, .dbx .ec-row:hover, .dbx .sp-catbar:hover, .dbx :is(#payTenCard, #expPropCard, #taxLower, #apLookCard) .pt-hd-tools .rdd-btn:hover > *, .dbx :is(#rentLookupCard, #payTenCard, #expPropCard, #taxLower, #apLookCard, #view-expenses .exp2-left) .pt-row:hover .pt-row-in, .dbx #view-rentals .pp-ab.sec:hover, .dbx #view-rentals .vm-dd-btn:hover, .dbx .main .pt-row:hover > *, .dbx .pt-row:hover, .dbx .pt-pg:hover:not(:disabled), .dbx .main .pt-pg:has(> .uc-pg-in):hover:not(:disabled), .dbx .pt-ten-chip:hover, .dbx button.xd-ctx-c:hover, .dbx .cx-proj:hover, .dbx .pay-tile:hover .pay-tile-in, .dbx .exp2-tile:hover .exp2-tile-in, .dbx .ap-row:hover:not(:has(.pp-ab:active)), .dbx .ap-back:hover, .dbx .lead-row:hover > .lead-row-in, .dbx .apl-tile:hover, .dbx .ap-pcard:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx #view-documents .doc-card:hover:not(:has(.pp-ab:active)) > .doc-card-in, .dbx .rl-plate:hover .rl-plate-in, .dbx .main #view-rentals .ov-band .ov-card-link.ov-card-link:hover, .dbx #view-inspections .insp-open:hover, .dbx .insp-card:hover:not(:has(button:active, [role="button"]:active, a:active)) > .insp-card-in, .dbx .insp-mtile.more:hover, .dbx .dlw-ask-go:hover:not([disabled]), .dbx .depl-row:hover:not(:has(.pp-ab:active)), .dbx #depBoard .depl-act .bar-act:hover .act-in, .dbx .prev-side-item:hover:not(:has(button:active, [role="button"]:active, a:active)), .dbx .prev-trow:hover:not(:has(button:active, [role="button"]:active, a:active)) > .prev-trow-in, .dbx .prev-btn:hover, .dbx .prev-fchip:hover, .dbx .prev-edit:hover, .dbx .rem-rrow:hover:not(:has(.rem-acts :active)) > .rem-rrow-in, .dbx .rem-clear-btn:hover, .dbx .rem-check:hover, .dbx .rem-row-x:hover, .dbx .rem-row-snz:hover, .dbx .rem-row-snz:hover, .dbx .rem-row-reopen:hover, .dbx .rem-complete:hover, .dbx .rem-snz-btn:hover, .dbx .rdd-btn:hover, .dbx .fx-mx:hover, .dbx .fx-fbtn:hover, .dbx .insp-add-btn:hover, .dbx .insp-cond:hover, .dbx .mobile-nav-toggle:hover, .dbx .pp-detail .pp-ml-row.is-open:hover, .dbx .pp-detail .pp-pg-arw:hover:not(:disabled), .dbx #view-calendar .cal-main .cal-nav-btn:hover i, .dbx #view-calendar .cal-top .cal-vbtn:hover .seg-in, .dbx #view-calendar .cal-main .cal-grid.month .cal-ev:hover p, .dbx #view-calendar .cal-main .cal-grid.week .cal-ev:hover, .dbx #view-calendar .cal-main .cal-evrow:hover .cal-evrow-in, .dbx #view-calendar .cal-reset:hover:not(:disabled), .dbx #view-calendar .cal-main .cal-grid.month .cal-ev:hover, .dbx #view-calendar .cal-main .cal-grid .cal-cell:hover:not(:has([role="button"]:active, button:active, a:active)) .cal-cell-in, .dbx #view-calendar .cal-rl-btn:hover { scale: var(--press); }
.dbx { --bg: #ffffff; --bg2: #F7FBFD; --card: #ffffff; --ink: #14181D; --on-ink: #F7FBFD; --tan: #7FA6B8; --tan-lt: rgba(127,166,184,.14); --tan-edge: color-mix(in srgb, var(--tan) 88%, var(--ink)); --cat-rent: #3a6a52; --cat-lease: #9a6628; --cat-maint: #9e2f2f; --cat-inspect: #7a4f74; --cat-other: #4f6275; --imp-star: #9a6628; --cat-rent-deep: color-mix(in srgb, var(--cat-rent) 82%, var(--ink)); --cat-lease-deep: color-mix(in srgb, var(--cat-lease) 82%, var(--ink)); --cat-maint-deep: color-mix(in srgb, var(--cat-maint) 82%, var(--ink)); --cat-inspect-deep: color-mix(in srgb, var(--cat-inspect) 82%, var(--ink)); --cat-other-deep: color-mix(in srgb, var(--cat-other) 82%, var(--ink)); --ok: #3a6a52; --danger: #9e2f2f; --warn: #9a6628; --info: #4f6275; --plum: #6e5566; --open: #4f6f9c; --ok-ink: #3a6a52; --danger-ink: #9e2f2f; --warn-ink: #9a6628; --info-ink: #4f6275; --plum-ink: #6e5566; --open-ink: #4f6f9c; --pop-pri: var(--info-ink); --green-bg: rgba(42,62,75,.06); --border: rgba(42,62,75,.1); --band: color-mix(in srgb, var(--muted) 6%, var(--card)); --muted: #5B7280; --dim: #5C7686; --sidebar: 224px; --topbar: 64px; --ease-out: cubic-bezier(0.23,1,0.32,1); --ease-in-out: cubic-bezier(0.77,0,0.175,1); --ease-press: cubic-bezier(.3,.5,.2,1); }
.dbx *, .dbx ::before, .dbx ::after { box-sizing: border-box; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.dbx { color: var(--ink); font-family: Newsreader, serif; overflow-x: hidden; background: var(--bg2); }
.dbx input, .dbx textarea, .dbx select { font-family: inherit; }
.dbx input:where(:not([type]), [type="text"], [type="search"], [type="number"], [type="email"], [type="tel"], [type="password"], [type="url"]), .dbx textarea { font-family: Lora, serif; }
.dbx button { font-family: Outfit, sans-serif; }
.dbx svg.db-ic { display: block; flex-shrink: 0; }
.dbx .app { display: grid; grid-template-columns: var(--sidebar) 1fr; grid-template-rows: var(--topbar) 1fr; height: 100vh; }
.dbx * { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--ink) 22%, transparent) transparent; }
.dbx ::-webkit-scrollbar { width: 8px; height: 8px; }
.dbx ::-webkit-scrollbar-thumb { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: color-mix(in srgb, var(--ink) 18%, transparent); }
.dbx ::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--ink) 30%, transparent); }
.dbx ::-webkit-scrollbar-track { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.dbx .main { grid-column-start: 2; grid-column-end: 3; padding-top: 30px; padding-right: 36px; padding-bottom: 30px; padding-left: 36px; overflow-y: auto; scrollbar-gutter: stable; }
.dbx .view { display: none; }
@keyframes viewIn { 0% { opacity: 0; transform: translateY(7px); } 100% { opacity: 1; transform: translateY(0px); } }
.dbx .view.active { display: block; }
.dbx .page-hd { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; }
.dbx .page-hd-title { font-family: Lora, serif; font-size: 28px; font-weight: 600; color: var(--ink); line-height: 1.1; }
.dbx .page-hd-sub { font-size: 13px; color: var(--muted); margin-top: 8px; text-indent: 2px; }
.dbx :is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings):is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings) > .page-hd .page-hd-title.page-hd-title { letter-spacing: 0.035em; }
.dbx .page-hd-actions { display: flex; row-gap: 8px; column-gap: 8px; align-items: center; }
.dbx .ov-band { display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; min-height: 48px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; background: var(--card); border-bottom: 1px solid var(--border); }
.dbx .ov-band-t { font-size: 16px; font-weight: 600; color: var(--ink); }
.dbx .tenant-search { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; max-width: 320px; position: relative; }
.dbx .tenant-search input { width: 100%; padding-top: 8px; padding-right: 14px; padding-bottom: 8px; padding-left: 36px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 13px; color: var(--ink); font-family: Lora, serif; outline-color: initial; outline-style: none; outline-width: initial; transition-behavior: normal; transition-duration: 0.2s; transition-timing-function: ease; transition-delay: 0s; transition-property: border-color; background: var(--card); border: 1px solid var(--border); }
.dbx .tenant-search input::placeholder { color: var(--dim); }
.dbx .tenant-search input:focus { border-color: var(--ink); }
.dbx :is(#payRollCard .tenant-search input, #remSearchInput, #vmSearchInput, #tnSearchInput, #propSearchInput, #prevSearchInput, #inspSearchInput, #vcSearchInput, #docSearchInput, #apSearchInput, #leadSearchInput, #autoSearchInput) { padding-top: 8.32px; padding-bottom: 7.68px; }
.dbx .tenant-search svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; }
.dbx :is(#view-maintenance, #view-preventive) .page-hd-title.vm-hd-lora { font-family: Lora, serif; font-weight: 600; }
.dbx .vm-table { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; overflow-x: hidden; overflow-y: hidden; border: 1px solid var(--border); background: var(--card); }
.dbx #vmBoard, .dbx #remBoard, .dbx #tnBoard, .dbx #threadConvList { display: flex; flex-direction: column; }
.dbx #view-maintenance .vm-table { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-height: 0px; }
.dbx :is(#view-maintenance, #view-preventive, #view-overview, #view-properties, #view-tenants, #view-messages, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rent, #view-deposits, #view-taxes, #view-reminders, #view-connections, #view-automations) .vm-fill { flex-direction: row; row-gap: 9px; column-gap: 9px; }
.dbx :is(#view-maintenance, #view-preventive, #view-overview, #view-properties, #view-tenants, #view-messages, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rent, #view-deposits, #view-taxes, #view-reminders, #view-connections, #view-automations) .vm-fill .vm-fill-ico { display: inline-flex; color: inherit; opacity: 0.85; transform: translateY(-2.72px); }
.dbx :is(#view-maintenance, #view-preventive, #view-overview, #view-properties, #view-tenants, #view-messages, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rent, #view-deposits, #view-taxes, #view-reminders, #view-connections, #view-automations) .vm-fill .vm-fill-ico svg { width: 20px; height: 20px; display: block; }
.dbx :is(#view-maintenance, #view-reminders, #view-tenants, #view-messages, #view-contractors, #view-inspections, #view-preventive, #view-applications, #view-connections, #view-deposits, #view-automations) .vm-fill { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-height: 0px; display: flex; align-items: center; justify-content: center; font-family: Newsreader, serif; font-size: 18px; font-weight: 400; color: var(--dim); text-align: center; padding-top: 18px; padding-right: 20px; padding-bottom: 18px; padding-left: 20px; }
.dbx :is(#view-maintenance, #view-preventive, #view-overview, #view-properties, #view-tenants, #view-messages, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rent, #view-deposits, #view-taxes, #view-reminders, #view-connections, #view-automations) .vm-fill { font-size: 17px; color: color-mix(in srgb, var(--ink) 68%, transparent); }
.dbx .vm-lora5 { font-style: normal; font-family: Lora, serif; line-height: 0; }
.dbx .vm-band-note { font-family: Lora, serif; font-size: 12.5px; font-weight: 500; color: var(--dim); }
.dbx .vm-thead, .dbx .vm-row { display: grid; grid-template-columns: minmax(220px, 1fr) 119px 119px 119px 112px minmax(148px, auto); align-items: center; column-gap: 12px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }
.dbx .vm-thead { min-height: 38px; background: var(--band); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.dbx .vm-row { min-height: 83px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; cursor: pointer; border-bottom: 1px solid var(--border); transition: background .14s var(--ease-out),transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx #view-maintenance .vm-thead, .dbx #view-maintenance .vm-row > .vm-row-in { grid-template-columns: minmax(0px, 2.42fr) minmax(0px, 0.99fr) minmax(0px, 0.72fr) minmax(0px, 0.82fr) minmax(0px, 0.78fr) 224px; column-gap: 20px; }
.dbx #view-maintenance .vm-row { display: flex; align-items: center; }
.dbx #view-maintenance .vm-row > .vm-row-in { display: grid; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; transform: scale(1); transition: transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx #view-maintenance .vm-row { min-height: 83px; border-top-width: 1px; border-top-style: solid; border-top-color: transparent; padding-top: 2px; }
.dbx #view-maintenance .vm-idt { width: 290px; flex-shrink: 0; }
.dbx #view-maintenance .vm-id { row-gap: 15px; column-gap: 15px; }
.dbx #view-maintenance .vm-row .vm-pri { font-size: 15.84px; }
.dbx #view-maintenance .vm-row .vm-row-in > :not(.vm-actions) { min-width: 0px; }
.dbx :is(#view-maintenance, #view-reports, #view-documents) .vm-col-sub { font-family: Newsreader, serif; font-weight: 400; }
.dbx :is(#view-maintenance, #view-reports, #view-documents) .vm-prop-tag { font-family: Newsreader, serif; font-size: 12.4px; font-weight: 400; color: var(--muted); margin-top: 8px; }
.dbx #view-maintenance .vm-prop-tag, .dbx #view-maintenance .vm-col-sub { line-height: 12px; }
.dbx #view-maintenance .vm-lora5 { font-family: inherit; }
.dbx #view-maintenance .vm-col-sub { margin-top: 10px; }
.dbx #view-maintenance svg.vm-cat-dot { display: block; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; overflow-x: visible; overflow-y: visible; }
.dbx :is(#view-maintenance, #view-reports) .vm-date { font-family: Outfit, sans-serif; font-size: 14.4px; color: var(--ink); font-weight: 600; }
.dbx :is(#view-maintenance, #view-reports) .vm-th { font-weight: 800; color: color-mix(in srgb, var(--ink) 83%, transparent); }
.dbx #view-maintenance .vm-thead .vm-th:nth-child(2) { text-indent: -0.25px; }
.dbx #view-maintenance .vm-thead .vm-th:nth-child(3) { text-indent: 0.25px; }
.dbx #view-maintenance .vm-thead .vm-th:nth-child(4) { text-indent: -0.1px; }
.dbx #view-maintenance .vm-thead .vm-th:nth-child(5) { text-indent: -0.125px; }
.dbx #view-maintenance .vm-prop-tag { margin-left: 0.375px; margin-top: 9px; }
@keyframes vmPageIn { 0% { opacity: 0; transform: translateY(4px); } 100% { opacity: 1; transform: translateY(0px); } }
.dbx .vm-row:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.dbx #view-maintenance .vm-row:has(+ .vm-fill) { border-bottom: 1px solid var(--border); }
.dbx .vm-row:hover { background: color-mix(in srgb, var(--tan) 10%, transparent); }
.dbx #view-maintenance .vm-row:hover { background: var(--bg2); transition: background .07s var(--ease-out); }
.dbx #view-maintenance .vm-row:not(:hover):not(.vm-confirming):not(.vm-leaving) { transition: background .16s var(--ease-out); }
.dbx .vm-row:active:not(:has(.pp-ab:active)):not(:has(.vm-row-reopen:active)) { --press: .985; }
.dbx #view-maintenance .vm-row:active { transform: none; }
.dbx #view-maintenance .vm-row:active:hover:not(:has(button:active, [role="button"]:active, a:active)) > .vm-row-in { --press: .985; }
.dbx .vm-row:focus-visible { outline-offset: -2px; outline: 2px solid var(--ink); }
.dbx .vm-id { display: flex; align-items: center; row-gap: 15px; column-gap: 15px; min-width: 0px; }
.dbx .vm-idt { display: flex; flex-direction: column; min-width: 0px; }
.dbx .vm-cat-col, .dbx .vm-date-col { display: flex; flex-direction: column; min-width: 0px; }
.dbx .vm-col-sub { font-family: Newsreader, serif; font-size: 12.4px; font-weight: 500; color: var(--muted); margin-top: 5px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-tile { width: 44px; height: 44px; border-top-left-radius: 11px; border-top-right-radius: 11px; border-bottom-right-radius: 11px; border-bottom-left-radius: 11px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.dbx .vm-tile svg { width: 24px; height: 24px; display: block; }
.dbx .vm-issue { font-family: Outfit, sans-serif; font-size: 15.5px; font-weight: 600; color: var(--ink); line-height: 1.35; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-prop-tag { font-size: 12px; color: var(--dim); font-weight: 400; margin-top: 5px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-cat-pill { display: inline-flex; align-items: center; row-gap: 7px; column-gap: 7px; font-family: Outfit, sans-serif; font-size: 14.4px; font-weight: 600; color: var(--ink); white-space-collapse: collapse; text-wrap-mode: nowrap; min-width: 0px; max-width: 100%; }
.dbx .vm-cat-txt { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; min-width: 0px; }
.dbx .vm-cat-dot { width: 6px; height: 6px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; flex-shrink: 0; }
.dbx .vm-pri { font-family: Outfit, sans-serif; font-size: 14.4px; font-weight: 600; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-pri.emergency { color: var(--danger-ink); }
.dbx .vm-pri.high { color: var(--warn-ink); }
.dbx .vm-pri.routine { color: var(--muted); font-weight: 500; }
.dbx .vm-date { font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-st { min-width: 0px; }
.dbx .vm-actions { display: flex; row-gap: 8px; column-gap: 8px; justify-content: flex-end; }
.dbx :is(#view-maintenance, #rptFcBody, #rptDebtBody, #taxSchedRows, #taxDedRows, #taxDeprRows, #expBills, #rptgList, #rptRecentList, #taxFileStrip, #rptDesk, #expCats2) .vm-actions .pp-ab { height: 36px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; letter-spacing: 0.01em; display: inline-flex; align-items: center; justify-content: center; }
.dbx :is(#view-maintenance, #rptFcBody, #rptDebtBody, #taxSchedRows, #taxDedRows, #taxDeprRows, #expBills, #rptgList, #rptRecentList, #taxFileStrip, #rptDesk, #expCats2) .vm-actions .pp-ab > span { display: inline-block; transform: translateY(-0.5px); }
.dbx :is(#view-maintenance, #rptFcBody, #rptDebtBody, #taxSchedRows, #taxDedRows, #taxDeprRows, #expBills, #rptgList, #rptRecentList, #taxFileStrip, #rptDesk, #expCats2) .vm-actions .pp-ab { transform: scale(1); transition: background .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out),box-shadow .15s var(--ease-out),transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx :is(#view-maintenance, #rptFcBody, #rptDebtBody, #taxSchedRows, #taxDedRows, #taxDeprRows, #expBills, #rptgList, #rptRecentList, #taxFileStrip, #rptDesk, #expCats2) .vm-actions .pp-ab:active:hover { --press: .97; box-shadow: none; }
.dbx :is(#view-maintenance, #rptFcBody, #rptDebtBody, #taxSchedRows, #taxDedRows, #taxDeprRows, #expBills, #rptgList, #rptRecentList, #taxFileStrip, #rptDesk, #expCats2) .vm-actions .pp-ab.sec { padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; font-family: Outfit, sans-serif; font-size: 15.84px; font-weight: 600; color: var(--ink); border: 1px solid color-mix(in srgb,var(--ink) 16%,transparent); background: var(--card); }
.dbx #view-maintenance .vm-th-s { display: none; }
@media (max-width: 1279.98px) { .dbx #view-maintenance .vm-th-l { display: none; } }
@media (max-width: 1279.98px) { .dbx #view-maintenance .vm-th-s { display: inline; } }
.dbx #view-maintenance .vm-col-sub .vm-unassigned { color: var(--warn-ink); cursor: pointer; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: transparent; text-underline-offset: 2px; transition: text-decoration-color .15s var(--ease-out); }
.dbx #view-maintenance .vm-col-sub .vm-unassigned:hover, .dbx #view-maintenance .vm-col-sub .vm-unassigned:focus-visible { text-decoration-color: currentcolor; }
.dbx #view-maintenance .vm-col-sub .vm-unassigned:focus-visible { outline-offset: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; outline: 2px solid var(--ink); }
.dbx .vm-th { font-family: Outfit, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: color-mix(in srgb, var(--ink) 83%, transparent); white-space-collapse: collapse; text-wrap-mode: nowrap; }
@media (max-width: 1280px) { .dbx :where(#view-maintenance, #view-documents) .vm-actions, .dbx :where(#view-maintenance, #view-documents) .vm-th:nth-child(6) { display: none; } }
@media (max-width: 1279.98px) { .dbx #view-maintenance .vm-thead, .dbx #view-maintenance .vm-row > .vm-row-in { grid-template-columns: minmax(170px, 1fr) 96px 96px 96px 108px; column-gap: 10px; } }
@media (max-width: 1279.98px) { .dbx #view-maintenance .vm-idt { width: auto; flex-shrink: 1; } }
@media (max-width: 1279.98px) { .dbx #view-maintenance .vm-thead > :nth-child(n+2):nth-child(-n+5), .dbx #view-maintenance .vm-row .vm-row-in > :nth-child(n+2):nth-child(-n+5) { transform: none; } }
@media (max-width: 1000px) { .dbx #view-maintenance .vm-thead, .dbx #view-maintenance .vm-row > .vm-row-in { grid-template-columns: minmax(0px, 1.4fr) 88px 108px; } }
@media (max-width: 1000px) { .dbx #view-maintenance .vm-cat-pill, .dbx #view-maintenance .vm-pri, .dbx .vm-th:nth-child(2), .dbx .vm-th:nth-child(3) { display: none; } }
@media (max-width: 860px) { .dbx .vm-thead { display: none; } }
@media (max-width: 860px) { .dbx #view-maintenance .vm-row { padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; } }
@media (max-width: 860px) { .dbx #view-maintenance .vm-row > .vm-row-in { grid-template-columns: minmax(0px, 1fr) auto; column-gap: 10px; } }
@media (max-width: 860px) { .dbx #view-maintenance .vm-date { display: none; } }
@keyframes acIn { 0% { opacity: 0; transform: translateY(5px); } 100% { opacity: 1; transform: translateY(0px); } }
@keyframes setIn { 0% { opacity: 0; transform: translateY(5px); } 100% { opacity: 1; transform: none; } }
.dbx .pp-chip-st { display: inline-flex; align-items: center; font-size: 12px; font-weight: 600; padding-top: 4.5px; padding-right: 10px; padding-bottom: 1.5px; padding-left: 10px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; white-space-collapse: collapse; text-wrap-mode: nowrap; flex-shrink: 0; }
.dbx .pp-chip-st.open { border-color: color-mix(in srgb, var(--open-ink) 32%, transparent); color: var(--open-ink); background: color-mix(in srgb, var(--open-ink) 13%, transparent); }
@keyframes ppMlReveal { 0% { opacity: 0; transform: translateY(-5px); } 100% { opacity: 1; transform: translateY(0px); } }
.dbx .pp-ab { padding-top: 11px; padding-right: 14px; padding-bottom: 11px; padding-left: 14px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; font-size: 13px; font-weight: 600; cursor: pointer; font-family: Outfit, sans-serif; transition: background .15s,color .15s,border-color .15s,opacity .15s,transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx .pp-ab:active { --press: .97; }
.dbx .pp-ab.sec { color: var(--ink); background: var(--card); border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent); }
.dbx .pp-ab.sec:hover { border-color: color-mix(in srgb, var(--ink) 32%, transparent); background: color-mix(in srgb, var(--ink) 5%, transparent); }
.dbx .vm-toolbar { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.dbx .vm-toolbar .vm-search { flex-grow: 1; flex-shrink: 1; flex-basis: 200px; max-width: none; min-width: 180px; }
.dbx .vm-toolbar .pvt-seg { flex-shrink: 0; height: 36px; }
.dbx .vm-toolbar .pvt { height: 34px; }
.dbx .vm-dd { position: relative; flex-shrink: 0; }
.dbx .vm-dd-btn { display: inline-flex; align-items: center; row-gap: 8px; column-gap: 8px; height: 36px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; font-family: Outfit, sans-serif; font-size: 13px; font-weight: 600; color: var(--ink); cursor: pointer; transition-behavior: normal, normal, normal; transition-duration: 0.15s, 0.15s, 0.15s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; transition-property: border-color, background, box-shadow; white-space-collapse: collapse; text-wrap-mode: nowrap; border: 1px solid var(--border); background: var(--card); }
.dbx .vm-dd-btn:hover { border-color: color-mix(in srgb,var(--ink) 24%,transparent); }
.dbx .vm-dd.open .vm-dd-btn { border-color: var(--tan-edge); box-shadow: 0 0 0 2px var(--tan-lt); }
.dbx .vm-dd-cap { color: var(--dim); font-weight: 600; }
@keyframes ddChevTurn { 0% { transform: rotate(0deg); } 100% { transform: rotate(180deg); } }
.dbx .vm-dd-chev { color: var(--dim); transition-behavior: normal; transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 0s; transition-property: transform; flex-shrink: 0; will-change: transform; }
.dbx .vm-dd.open .vm-dd-chev { transform: rotate(180deg); animation-duration: 0.22s; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: ddChevTurn; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; }
@media (prefers-reduced-motion: reduce) { .dbx .vm-dd.open .vm-dd-chev { animation-duration: auto; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: none; animation-timeline: auto; animation-range-start: normal; animation-range-end: normal; } }
@media (prefers-reduced-motion: reduce) { .dbx .vm-dd-chev { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; } }
.dbx .vm-dd-menu { display: none; position: absolute; top: calc(100% + 6px); left: 0px; z-index: 60; min-width: 230px; max-width: min(340px, -32px + 100vw); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: rgba(20, 24, 29, 0.15) 0px 14px 34px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; opacity: 0; transform: translateY(-6px); pointer-events: none; background: var(--card); border: 1px solid var(--border); transition: opacity .16s,transform .16s var(--ease-out); }
@keyframes vmDdIn { 0% { opacity: 0; transform: translateY(-6px) scale(0.985); } 100% { opacity: 1; transform: translateY(0px) scale(1); } }
.dbx .vm-dd.open .vm-dd-menu { display: block; opacity: 1; transform: none; pointer-events: auto; transform-origin: center top; animation: rlPopIn .22s var(--ease-out); }
.dbx .vm-dd-menu.right { left: auto; right: 0px; transform-origin: right top; }
.dbx .vm-dd-search { display: flex; align-items: center; row-gap: 7px; column-gap: 7px; padding-top: 7px; padding-right: 9px; padding-bottom: 7px; padding-left: 9px; margin-top: 2px; margin-right: 2px; margin-bottom: 6px; margin-left: 2px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; border: 1px solid var(--border); }
.dbx .vm-dd-search svg { color: var(--dim); flex-shrink: 0; }
.dbx .vm-dd-search input { border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; outline-color: initial; outline-style: none; outline-width: initial; font-family: Lora, serif; font-size: 13px; color: var(--ink); width: 100%; }
.dbx :is(.vm-dd-search, .rdp-fld) input::placeholder { color: var(--dim); }
.dbx .dep-dd-top { display: flex; align-items: center; row-gap: 8px; column-gap: 8px; margin-top: 8px; margin-right: 10px; margin-bottom: 8px; margin-left: 10px; }
.dbx .dep-dd-top .vm-dd-search { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.dbx .dep-dd-all { flex-shrink: 0; height: 34px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; color: var(--ink); font-family: Outfit, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.01em; cursor: pointer; white-space-collapse: collapse; text-wrap-mode: nowrap; border: 1px solid var(--border); background: var(--card); transition: background .14s var(--ease-out),border-color .14s var(--ease-out),transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx .dep-dd-all:hover:not([disabled]) { border-color: color-mix(in srgb,var(--ink) 30%,transparent); background: color-mix(in srgb,var(--ink) 6%,transparent); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #depDDMenu, #view-automations) .dep-dd-all:hover:not([disabled]) { border-color: color-mix(in srgb,var(--ink) 30%,transparent); background: var(--bg2); transition: background .07s var(--ease-out),--press .19s var(--ease-press); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #depDDMenu, #view-automations) .dep-dd-all:not(:hover) { transition: background .16s var(--ease-out),--press .19s var(--ease-press); }
.dbx .dep-dd-all:active:not([disabled]) { --press: .95; }
.dbx .dep-dd-all:focus-visible { outline-offset: 2px; outline: 2px solid var(--ink); }
.dbx .dep-dd-all[disabled] { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; color: var(--dim); cursor: default; background: var(--band); }
.dbx .rl-opt[hidden], .dbx .rl-opt-none[hidden] { display: none; }
@keyframes rlOptIn { 0% { opacity: 0; transform: translateY(3px); } 100% { opacity: 1; transform: translateY(0px); } }
@keyframes vmDdInUp { 0% { opacity: 0; transform: translateY(6px) scale(0.985); } 100% { opacity: 1; transform: translateY(0px) scale(1); } }
@keyframes rlPopIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes vmDdOut { 0% { opacity: 1; transform: translateY(0px) scale(1); } 100% { opacity: 0; transform: translateY(-6px) scale(0.985); } }
@keyframes vmDdOutUp { 0% { opacity: 1; transform: translateY(0px) scale(1); } 100% { opacity: 0; transform: translateY(6px) scale(0.985); } }
@keyframes rlPopOut { 0% { opacity: 1; } 100% { opacity: 0; } }
.dbx .rl-opt-none { display: flex; align-items: center; justify-content: center; row-gap: 7px; column-gap: 7px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; font-family: Newsreader, serif; font-size: 14px; color: var(--dim); border-top: 1px solid var(--border); }
.dbx .rl-opt-none svg { width: 16px; height: 16px; flex-shrink: 0; display: block; }
.dbx .vm-dd-list { max-height: 178px; overflow-y: auto; overscroll-behavior-x: contain; overscroll-behavior-y: contain; display: flex; flex-direction: column; row-gap: 1px; column-gap: 1px; scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--ink) 18%, transparent) transparent; }
.dbx .vm-dd-opt { display: flex; align-items: center; justify-content: space-between; row-gap: 10px; column-gap: 10px; width: 100%; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; font-family: Newsreader, serif; font-size: 13px; font-weight: 600; color: var(--ink); cursor: pointer; text-align: left; transition-behavior: normal, normal; transition-duration: 0.12s, 0.12s; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: background, border-color; }
.dbx :is(.vm-dd-opt, .rdp-o, .rl-opt):focus-visible { outline-offset: -2px; }
.dbx .vm-dd-opt:hover { background: color-mix(in srgb,var(--ink) 5%,transparent); }
.dbx .vm-dd-opt.sel { border-color: color-mix(in srgb,var(--ink) 30%,transparent); background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.dbx .vm-dd-lead { display: inline-flex; align-items: center; row-gap: 8px; column-gap: 8px; min-width: 0px; }
.dbx .vm-dd-lead span:last-child { overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-dd-opt.has-sub { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; row-gap: 12px; column-gap: 12px; }
.dbx .vm-dd-tile { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; color: var(--ink); }
.dbx .vm-dd-tile svg { width: 24px; height: 24px; }
.dbx .vm-dd-idt { display: flex; flex-direction: column; min-width: 0px; }
.dbx .vm-dd-t { display: block; font-family: Outfit, sans-serif; font-size: 15.5px; font-weight: 600; color: var(--ink); line-height: 1.3; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-dd-s { display: block; font-family: Newsreader, serif; font-size: 12.4px; font-weight: 500; color: var(--dim); line-height: 1.3; margin-top: 5px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .vm-dd-rail { font-family: Outfit, sans-serif; font-size: 14.4px; font-weight: 600; color: var(--ink); font-variant-numeric: tabular-nums; white-space-collapse: collapse; text-wrap-mode: nowrap; flex-shrink: 0; }
.dbx .vm-dd-menu:has(.vm-dd-opt.has-sub) { min-width: 308px; }
.dbx .vm-dd-oin { display: flex; align-items: inherit; justify-content: inherit; row-gap: inherit; column-gap: inherit; width: 100%; min-width: 0px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #view-research, #view-laws) .vm-dd-oin { transform: scale(1); transition: transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #view-research, #view-laws) .vm-dd-opt:active:hover .vm-dd-oin { --press: .985; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-rail { font-size: 14px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-opt.has-sub { padding-left: 20px; padding-right: 20px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #depDDMenu, #view-automations) .dep-dd-all { height: 31px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #depDDMenu, #view-automations) .dep-dd-all:disabled { border-color: color-mix(in srgb, var(--ink) 20%, transparent); color: var(--ink); opacity: 1; background: color-mix(in srgb, var(--ink) 4.5%, transparent); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages, #depDDMenu) .dep-dd-all svg { transform: translate(-0.38px, 1.38px); }
.dbx #view-maintenance .vm-dd .vm-dd-menu { width: 240px; min-width: 240px; }
.dbx #view-maintenance #vmPropDD .vm-dd-menu { width: 252px; min-width: 252px; }
.dbx #view-maintenance #vmSortDD .vm-dd-menu { width: 224px; min-width: 224px; }
.dbx #vmPropDD .vm-dd-opt.has-sub.has-sub { min-height: 56px; padding-top: 7px; padding-right: 20px; padding-bottom: 6px; padding-left: 15px; }
.dbx #vmPropDD .vm-dd-list.vm-dd-list:has(.vm-dd-opt.has-sub) { max-height: 168px; }
.dbx #view-maintenance .dep-dd-top .vm-dd-search { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
.dbx .vm-dd-check { color: var(--tan); flex-shrink: 0; }
.dbx .vm-pager-wrap:empty { display: none; }
.dbx .vm-pager-wrap { margin-top: 0px; }
.dbx .pvt-seg { display: inline-flex; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; overflow-x: hidden; overflow-y: hidden; border: 1px solid var(--border); background: var(--card); }
.dbx .pvt { display: flex; align-items: center; row-gap: 7px; column-gap: 7px; padding-top: 0px; padding-right: 14px; padding-bottom: 0px; padding-left: 14px; height: 32px; font-size: 13px; font-weight: 600; color: var(--muted); background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; cursor: pointer; font-family: Outfit, sans-serif; border-right: 1px solid var(--border); transition: background .15s,color .15s,transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx .pvt:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.dbx .pvt:hover { color: var(--ink); background: var(--bg2); }
.dbx .pvt:active { --press: .95; }
.dbx .pvt.active { color: var(--on-ink); background: var(--ink); }
@keyframes bcCheckPop { 0% { transform: scale(0.7); } 55% { transform: scale(1.15); } 100% { transform: scale(1); } }
@keyframes bcCheckUnpop { 0% { transform: scale(1); } 45% { transform: scale(0.8); } 100% { transform: scale(1); } }
@keyframes tenantFlash { 0% { background: rgba(127, 166, 184, 0); } 15% { background: rgba(127, 166, 184, 0.28); } 100% { background: rgba(127, 166, 184, 0); } }
@keyframes msgFlash { 0% { background: rgba(127, 166, 184, 0.35); } 100% { background: var(--bg2); } }
@keyframes msgDot { 0%, 80%, 100% { transform: scale(0.7); opacity: 0.4; } 40% { transform: scale(1); opacity: 1; } }
@keyframes msgSpineIn { 0% { transform: scaleY(0); } 100% { transform: scaleY(1); } }
@keyframes msgSwapIn { 0% { opacity: 0.4; } 100% { opacity: 1; } }
@keyframes iMsgPop { 0% { opacity: 0; transform: scale(0.95) translateY(6px); } 100% { opacity: 1; transform: scale(1) translateY(0px); } }
@keyframes iTypingBounce { 0%, 60%, 100% { transform: translateY(0px); opacity: 0.5; } 30% { transform: translateY(-5px); opacity: 1; } }
.dbx :is(.pvt-seg, #view-deposits .dlw-rhd, #view-taxes :is(.txm-v.tot, .txm-row.sum, .tds-head)) { background-clip: padding-box; }
.dbx #view-reports :is(.pay2-hd-t, .fx-card-title, .rpt7-fl, .fkc-l, .vm-th, .vm-issue, #rptFcBody .vm-st .pp-chip-st, #rptDebtBody .vm-st .pp-chip-st, .rdp-cap, .rdp-val, :is(#rptFcBody, #rptDebtBody) .vm-actions :is(.pfb, .pfb-sz, .pfb-in, .pfb-st, .pfb-tx)), .dbx :is(.rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"]) .rdp-t { font-family: VmFira, "Fira Sans", Outfit, sans-serif !important; --rptfira: 1; }
.dbx #view-deposits :is(.pay2-hd-t, .ov-band-t, .fx-card-title, .dgz-eye, .dgz-n .dgz-q, .fkc-l, .vc-th-sort, .depl-name, .depl-clock-v, .yrt-r, .rdp-cap, .rdp-val, .depl-act :is(.pfb, .pfb-sz, .pfb-in, .pfb-st, .pfb-tx)), .dbx :is(.rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"]) .rdp-t { font-family: VmFira, "Fira Sans", Outfit, sans-serif !important; --depfira: 1; }
.dbx #view-expenses :is(.pay2-hd-t, .exyc-l, .exy-readl, .fkc-l, .exp2-tax-badge, .fx-card-title, .rdp-cap, .rdp-val, .sp-sec-hd, .pt-row-t, .pt-row-r .pp-chip-st, .rlt-v, .vc-th-sort, .exp-th-tax, .exp-vendor, .exp-cat, .exp-ded), .dbx :is(.rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"]) .rdp-t { font-family: VmFira, "Fira Sans", Outfit, sans-serif !important; --expfira: 1; }
.dbx #view-rent :is(.pay2-hd-t, .pay2-hd-btn .act-in, .pay-tile-n, .yrt-r, .yrt-mos > span, .fkc-l, .fx-card-title, .rdp-cap, .rdp-val, .sp-sec-hd, .pt-row-t, .pt-row-r .bar-chip, .rlt-v, .vc-th-sort, .exp-vendor, .prx-prop, .prx-time .bar-chip), .dbx :is(.rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"]) .rdp-t { font-family: VmFira, "Fira Sans", Outfit, sans-serif !important; --payfira: 1; }
.dbx .rdp-menu { position: absolute; top: 0px; left: 0px; z-index: 60; display: none; width: var(--rdp-w,192px); min-width: var(--rdp-w,192px); max-width: min(var(--rdp-w,192px),calc(100vw - 24px)); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; box-shadow: rgba(20, 24, 29, 0.14) 0px 12px 28px; transform-origin: right top; background: var(--card); border: 1px solid var(--border); }
.dbx .rdp-srch { display: flex; align-items: center; row-gap: 9px; column-gap: 9px; height: 38px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-bottom: 1px solid var(--border); }
.dbx .rdp-srch svg { color: var(--dim); flex-shrink: 0; transform: translateY(0.3px); }
.dbx .rdp-fld { position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; display: flex; align-items: center; transform: translateY(0.8px); }
.dbx .rdp-srch input { width: 100%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; outline-color: initial; outline-style: initial; outline-width: 0px; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; font-family: Outfit, sans-serif; font-size: 13.64px; font-weight: 400; color: var(--ink); }
.dbx .rdp-ph { position: absolute; left: 3px; top: 50%; transform: translateY(-50%); pointer-events: none; font-family: Outfit, sans-serif; font-size: 13.64px; color: var(--dim); white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .rdp-srch input:not(:placeholder-shown) + .rdp-ph { display: none; }
.dbx .rdp-lst { max-height: 144px; overflow-y: auto; scrollbar-width: none; }
.dbx .rdp-lst::-webkit-scrollbar { display: none; }
.dbx .rdp-o { position: relative; display: flex; align-items: center; width: 100%; height: 48px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; row-gap: 10px; column-gap: 10px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; cursor: pointer; text-align: left; font-family: Outfit, sans-serif; border-bottom: 1px solid var(--border); transition: background .12s var(--ease-out); }
.dbx .rdp-o:last-child, .dbx .rdp-o.rdp-last { border-bottom-width: 0px; }
.dbx .rdp-o:hover { background: var(--bg2); }
.dbx .rdp-in { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; transform: scale(1); transition: transform .12s var(--ease-out),--press .19s var(--ease-press); }
.dbx .rdp-o:active:hover .rdp-in { --press: .985; }
.dbx .rdp-tx { min-width: 0px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; transform: translateY(1.3px); }
.dbx .rdp-t { display: block; font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.15; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .rdp-s { display: block; font-family: "Fira Sans", Outfit, sans-serif; font-size: 9px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dim); line-height: 1.25; margin-top: 4px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .rdp-s.st-soon { color: var(--warn-ink); }
.dbx .rdp-srch .dep-dd-all { flex-shrink: 0; height: 31px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 11px; }
.dbx .rdp-o.sel, .dbx .rdp-o.sel:hover { background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.dbx .rdp-o.sel::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 2px; pointer-events: none; background: var(--ink); }
.dbx .rdp-menu .rl-opt-none { padding-top: 14px; padding-right: 13px; padding-bottom: 14px; padding-left: 13px; }
.dbx .pt-foot .pt-foot-t { color: var(--muted); }
.dbx .pfw { position: relative; display: inline-flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
.dbx .pfb:hover { scale: var(--press); }
.dbx .pfb:active:hover { --press: .97; }
.dbx .pfb-sz { visibility: hidden; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx .pfb-in { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: center; white-space-collapse: collapse; text-wrap-mode: nowrap; pointer-events: none; font-family: Outfit, sans-serif; font-weight: 600; font-size: var(--pfb-fs,15.84px); color: var(--ink); transition: color .15s var(--ease-out); }
.dbx .pfb-g { display: inline-flex; align-items: baseline; }
.dbx .pfb-st { font-size: var(--pfb-fs,15.84px); }
.dbx .pfb-tx { font-size: calc(var(--pfb-fs,15.84px) * var(--press)); transition: --press .19s var(--ease-press); }
.dbx .pfb:active:hover + .pfb-in .pfb-tx { --press: .97; }
.dbx :is(#payRollCard .pr-act, #remBoard .rem-acts, #vmBoard .vm-actions, #tnBoard .tn-acts, #prevRows .prev-actc, #inspGroups .insp-actc, #vcGrid .vc-actc, #docGrid .vm-actions, #apLedger .apx-act, #leadList .apx-act, #rptFcBody .vm-actions, #rptDebtBody .vm-actions, #cnBoard .cn-row-act) .pfw { width: 100%; }
.dbx :is(#payRollCard#payRollCard .pr-act .pay-row-act, #remBoard#remBoard .rem-acts :is(.rem-complete, .rem-row-reopen), #vmBoard#vmBoard .vm-actions .vm-row-act, #tnBoard#tnBoard .tn-acts .tn-msg, #propsActive#propsActive .prop-actions .prop-btn, #prevRows#prevRows .prev-actc .prev-row-act, #inspGroups#inspGroups .insp-actc .insp-row-act, #vcGrid#vcGrid .vc-actc .vc-row-act, #docGrid#docGrid .vm-actions .doc-row-act, #ovNaCard#ovNaCard .na-item .na-btn, #apLedger#apLedger .apx-act .apx-row-act, #leadList#leadList .apx-act .apx-row-act, #rptFcBody#rptFcBody .vm-actions .rpt-row-act, #rptDebtBody#rptDebtBody .vm-actions .rpt-row-act, #cnBoard#cnBoard .cn-row-act .cn-row-btn).pfb { width: 100%; height: 44.8px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; box-shadow: none; font-family: Outfit, sans-serif; font-size: 15.84px; font-weight: 600; letter-spacing: normal; color: var(--ink); scale: none; background: var(--card); border: 1px solid color-mix(in srgb,var(--ink) 16%,transparent); transition: border-color .15s var(--ease-out),color .15s var(--ease-out),--press .19s var(--ease-press); }
.dbx :is(#payRollCard#payRollCard .pr-act .pay-row-act, #remBoard#remBoard .rem-acts :is(.rem-complete, .rem-row-reopen), #vmBoard#vmBoard .vm-actions .vm-row-act, #tnBoard#tnBoard .tn-acts .tn-msg, #propsActive#propsActive .prop-actions .prop-btn, #prevRows#prevRows .prev-actc .prev-row-act, #inspGroups#inspGroups .insp-actc .insp-row-act, #vcGrid#vcGrid .vc-actc .vc-row-act, #docGrid#docGrid .vm-actions .doc-row-act, #ovNaCard#ovNaCard .na-item .na-btn, #apLedger#apLedger .apx-act .apx-row-act, #leadList#leadList .apx-act .apx-row-act, #rptFcBody#rptFcBody .vm-actions .rpt-row-act, #rptDebtBody#rptDebtBody .vm-actions .rpt-row-act, #cnBoard#cnBoard .cn-row-act .cn-row-btn).pfb:hover { border-color: color-mix(in srgb,var(--ink) 46%,transparent); scale: var(--press); box-shadow: none; background: var(--card); }
.dbx :is(#payRollCard#payRollCard .pr-act .pay-row-act, #remBoard#remBoard .rem-acts :is(.rem-complete, .rem-row-reopen), #vmBoard#vmBoard .vm-actions .vm-row-act, #tnBoard#tnBoard .tn-acts .tn-msg, #propsActive#propsActive .prop-actions .prop-btn, #prevRows#prevRows .prev-actc .prev-row-act, #inspGroups#inspGroups .insp-actc .insp-row-act, #vcGrid#vcGrid .vc-actc .vc-row-act, #docGrid#docGrid .vm-actions .doc-row-act, #ovNaCard#ovNaCard .na-item .na-btn, #apLedger#apLedger .apx-act .apx-row-act, #leadList#leadList .apx-act .apx-row-act, #rptFcBody#rptFcBody .vm-actions .rpt-row-act, #rptDebtBody#rptDebtBody .vm-actions .rpt-row-act, #cnBoard#cnBoard .cn-row-act .cn-row-btn).pfb:active:hover { --press: .97; }
.dbx :is(#payRollCard .pr-act, #remBoard .rem-acts, #vmBoard .vm-actions, #tnBoard .tn-acts, #propsActive .prop-actions, #prevRows .prev-actc, #inspGroups .insp-actc, #vcGrid .vc-actc, #docGrid .vm-actions, #ovNaCard .na-item, #apLedger .apx-act, #leadList .apx-act, #rptFcBody .vm-actions, #rptDebtBody .vm-actions, #cnBoard .cn-row-act) .pfb-in { padding-bottom: 0.7px; }
.dbx :is(#payRollCard#payRollCard .pr-act .pay-row-act, #vmBoard#vmBoard .vm-actions .vm-row-act, #prevRows#prevRows .prev-actc .prev-row-act, #inspGroups#inspGroups .insp-actc .insp-row-act, #vcGrid#vcGrid .vc-actc .vc-row-act, #docGrid#docGrid .vm-actions .doc-row-act, #apLedger#apLedger .apx-act .apx-row-act, #leadList#leadList .apx-act .apx-row-act, #rptFcBody#rptFcBody .vm-actions .rpt-row-act, #rptDebtBody#rptDebtBody .vm-actions .rpt-row-act, #remBoard#remBoard .rem-acts :is(.rem-complete, .rem-row-reopen), #remClearTop#remClearTop, #tnBoard#tnBoard .tn-acts .tn-msg, #propsActive#propsActive .prop-actions .prop-btn, #ovNaCard#ovNaCard .na-item .na-btn, #cnBoard#cnBoard .cn-row-act .cn-row-btn, :is(#view-rentals, #ovRentCard, #ovUpCard, #lpxIntBox) .nu-all .ov-card-link).pfb { scale: var(--press); }
.dbx :is(#payRollCard#payRollCard .pr-act .pay-row-act, #vmBoard#vmBoard .vm-actions .vm-row-act, #prevRows#prevRows .prev-actc .prev-row-act, #inspGroups#inspGroups .insp-actc .insp-row-act, #vcGrid#vcGrid .vc-actc .vc-row-act, #docGrid#docGrid .vm-actions .doc-row-act, #apLedger#apLedger .apx-act .apx-row-act, #leadList#leadList .apx-act .apx-row-act, #rptFcBody#rptFcBody .vm-actions .rpt-row-act, #rptDebtBody#rptDebtBody .vm-actions .rpt-row-act, #remBoard#remBoard .rem-acts :is(.rem-complete, .rem-row-reopen), #remClearTop#remClearTop, #tnBoard#tnBoard .tn-acts .tn-msg, #propsActive#propsActive .prop-actions .prop-btn, #ovNaCard#ovNaCard .na-item .na-btn, #cnBoard#cnBoard .cn-row-act .cn-row-btn, :is(#view-rentals, #ovRentCard, #ovUpCard, #lpxIntBox) .nu-all .ov-card-link).pfb:active:not(:hover) { --press: 1; }
.dbx :is(#depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #remStatusSeg, #vmStatusSeg, #tnStatusSeg, #propStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg):is(#depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #remStatusSeg, #vmStatusSeg, #tnStatusSeg, #propStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg) .pfb:is(*, :hover, :active) { scale: none; transform: none; }
.dbx :is(#depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #remStatusSeg, #vmStatusSeg, #tnStatusSeg, #propStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg) .pfb { transition: background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out); }
.dbx :is(#depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #remStatusSeg, #vmStatusSeg, #tnStatusSeg, #propStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg) .pfb-in { --pfb-fs: 14px; color: color-mix(in srgb,var(--ink) 70%,transparent); transition: color .2s var(--ease-out); }
.dbx :is(#depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #remStatusSeg, #vmStatusSeg, #tnStatusSeg, #propStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg) .pfb:is(.on, .active, :hover) + .pfb-in { color: var(--ink); }
.dbx :is(#depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #remStatusSeg, #vmStatusSeg, #tnStatusSeg, #propStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg) .pfb:active:hover + .pfb-in .pfb-tx { --press: .96; }
.dbx :is(#view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #remMain, #vmMain, #tnMain, #propMain, #prevMain, #inspMain, #vcMain, #docMain, #apMain, #leadCard, #lpxMain, #view-connections) .tenant-search input::placeholder { padding-left: 0px; }
.dbx #taxYearSwitch, .dbx #rptDeskSeg, .dbx #rptFcSeg, .dbx #rptDeqSeg, .dbx #vmStatusSeg, .dbx #docAgeSeg, .dbx #inspStatusSeg, .dbx #prevStatusSeg, .dbx #vcStatusSeg, .dbx #remStatusSeg, .dbx #cnStatusSeg, .dbx #view-properties .vm-toolbar .pvt-seg, .dbx #view-tenants .vm-toolbar .pvt-seg, .dbx #view-messages .msg-bar .pvt-seg, .dbx #view-properties .prop-top .pvt-seg, .dbx #apScopeSeg, .dbx #apLeadSeg, .dbx #apStageSeg { height: 42px; align-items: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; row-gap: 3px; column-gap: 3px; overflow-x: visible; overflow-y: visible; border: 1px solid var(--border); background: color-mix(in srgb,var(--ink) 3.5%,transparent); }
.dbx :is(#taxYearSwitch, #rptDeskSeg, #rptFcSeg, #rptDeqSeg, #vmStatusSeg, #docAgeSeg, #inspStatusSeg, #prevStatusSeg, #vcStatusSeg, #remStatusSeg, #cnStatusSeg, #view-properties .vm-toolbar .pvt-seg, #view-tenants .vm-toolbar .pvt-seg, #view-messages .msg-bar .pvt-seg, #view-properties .prop-top .pvt-seg, #apScopeSeg, #apLeadSeg, #apStageSeg) .pvt { height: 34px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: color-mix(in srgb,var(--ink) 70%,transparent); font-size: 14px; font-weight: 600; }
.dbx :is(#taxYearSwitch, #rptDeskSeg, #rptFcSeg, #rptDeqSeg, #vmStatusSeg, #docAgeSeg, #inspStatusSeg, #prevStatusSeg, #vcStatusSeg, #remStatusSeg, #cnStatusSeg, #view-properties .vm-toolbar .pvt-seg, #view-tenants .vm-toolbar .pvt-seg, #view-messages .msg-bar .pvt-seg, #view-properties .prop-top .pvt-seg, #apScopeSeg, #apLeadSeg, #apStageSeg) .pvt:hover:not(.active) { background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: var(--ink); }
.dbx :is(#taxYearSwitch, #rptDeskSeg, #rptFcSeg, #rptDeqSeg, #vmStatusSeg, #docAgeSeg, #inspStatusSeg, #prevStatusSeg, #vcStatusSeg, #remStatusSeg, #cnStatusSeg, #view-properties .vm-toolbar .pvt-seg, #view-tenants .vm-toolbar .pvt-seg, #view-messages .msg-bar .pvt-seg, #view-properties .prop-top .pvt-seg, #apScopeSeg, #apLeadSeg, #apStageSeg) .pvt:active { transform: none; }
.dbx :is(#taxYearSwitch, #rptDeskSeg, #rptFcSeg, #rptDeqSeg, #vmStatusSeg, #docAgeSeg, #inspStatusSeg, #prevStatusSeg, #vcStatusSeg, #remStatusSeg, #cnStatusSeg, #view-properties .vm-toolbar .pvt-seg, #view-tenants .vm-toolbar .pvt-seg, #view-messages .msg-bar .pvt-seg, #view-properties .prop-top .pvt-seg, #apScopeSeg, #apLeadSeg, #apStageSeg) .pvt.active { border-color: var(--border); color: var(--ink); box-shadow: rgba(20, 24, 29, 0.07) 0px 1px 2px; background: var(--card); }
@property --rdp { syntax: "<number>"; inherits: true; initial-value: 1; }
.dbx .rdp-menu[data-rdp="taxLookDD"] .rdp-t { font-family: VmFira, "Fira Sans", Outfit, sans-serif !important; }
@keyframes lwpFade { 0%, 90% { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 28px), transparent); } 92.5% { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 21px), transparent); } 95% { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 14px), transparent); } 97.5% { mask-image: linear-gradient(rgb(0, 0, 0) calc(100% - 7px), transparent); } 100% { mask-image: none; } }
.dbx :is(#view-maintenance, #rptFcBody, #rptDebtBody, #taxSchedRows, #taxDedRows, #taxDeprRows, #expBills, #rptgList, #rptRecentList, #taxFileStrip, #rptDesk, #expCats2) .vm-actions .pp-ab:active:hover { box-shadow: none; }
@keyframes lpSpin { 100% { transform: rotate(360deg); } }
@keyframes platAiPulse { 0%, 100% { opacity: 0.35; } 50% { opacity: 0.9; } }
@keyframes platAiFlash { 0% { background: color-mix(in srgb, var(--ok-ink) 15%, transparent); } 100% { background: transparent; } }
@keyframes aiModalIn { 0% { opacity: 0; transform: scale(0.95) translateY(10px); } 100% { opacity: 1; transform: none; } }
@keyframes aiDot { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }
@keyframes dashIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes cardRise { 0% { opacity: 0; transform: translateY(7px); } 100% { opacity: 1; transform: translateY(0px); } }
.dbx :is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #view-connections, #view-settings):is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #view-connections, #view-settings) :is(.ov-up-row-in, .na-item-in, .ov-act-row-in, .rs-item-in, .rem-rrow-in, .tn-row-in, .msg-row-in, .vm-row-in, .prev-trow-in, .insp-card-in, .vc-row-in, .doc-card-in, .lead-row-in, .lsd-urow-in, .ap-row-in, .cn-row-in, .cn-mem-in, .tqe-row-in, .rnt-lease-in, .pr-row-in, .pt-row-in, .pay-tile-in, .rlt-row-in, .prx-row-in, .exp-trow-in, .dtr-row-in, .depl-row-in, .au-row-in, .cal-evrow-in, .txs-row-in, .tpx-row-in, .tpx-wbar-in) { scale: var(--press) 1; transform: none; transition-behavior: normal; transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.33, 0.72, 0.46, 1); transition-delay: 0s; transition-property: --press; }
.dbx :is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #view-connections, #view-settings):is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #view-connections, #view-settings) :is(.ov-up-row, .na-item, .ov-act-row, .rs-item, .rem-rrow, .tn-row, .msg-row, .vm-row, .prev-trow, .insp-card, .vc-row, .doc-card, .lead-row, .lsd-urow, .ap-row, .cn-row, .cn-mem, .tqe-row, .rnt-lease, .pr-row, .pt-row, .pay-tile, .rlt-row, .exp-trow, .dtr-row, .depl-row, .au-row, .cal-evrow, .txs-row, .tpx-row, .tpx-wbar):active:hover:not(:has(button:active, [role="button"]:active, a:active)) > :is(.ov-up-row-in, .na-item-in, .ov-act-row-in, .rs-item-in, .rem-rrow-in, .tn-row-in, .msg-row-in, .vm-row-in, .prev-trow-in, .insp-card-in, .vc-row-in, .doc-card-in, .lead-row-in, .lsd-urow-in, .ap-row-in, .cn-row-in, .cn-mem-in, .tqe-row-in, .rnt-lease-in, .pr-row-in, .pt-row-in, .pay-tile-in, .rlt-row-in, .prx-row-in, .exp-trow-in, .dtr-row-in, .depl-row-in, .au-row-in, .cal-evrow-in, .txs-row-in, .tpx-row-in, .tpx-wbar-in) { --press: .985; transition: --press .13s var(--ease-press); }
.dbx :is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #view-connections, #view-settings):is(#view-overview, #view-calendar, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-research, #view-laws, #view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #view-connections, #view-settings) :is(.ov-up-row, .na-item, .ov-act-row, .rs-item, .rem-rrow, .tn-row, .msg-row, .vm-row, .prev-trow, .insp-card, .vc-row, .doc-card, .lead-row, .lsd-urow, .ap-row, .cn-row, .cn-mem, .tqe-row, .rnt-lease, .pr-row, .pt-row, .pay-tile, .rlt-row, .exp-trow, .dtr-row, .depl-row, .au-row, .cal-evrow) { scale: none; }
.dbx .page-hd-title { letter-spacing: -0.01em; }
.dbx :focus-visible { outline-offset: 2px; outline: 2px solid var(--ink); }
.dbx .sc-input:focus-visible, .dbx .sc-select:focus-visible, .dbx .modal-input:focus-visible, .dbx .tenant-search input:focus-visible, .dbx .msp-search:focus-visible, .dbx .thread-textarea:focus-visible { outline-offset: 1px; }
@media (prefers-reduced-motion: reduce) { .dbx *, .dbx ::before, .dbx ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } }
.dbx :is(#fxModal .modal.cal-up-fixed .cal-uc-foot, #view-rentals .pt-foot, #view-rent .pt-foot, #view-reports .pt-foot, #expPropCard .pt-foot, #taxLower .pt-foot, #expLedgerCard .pt-foot, #view-maintenance .pt-foot, #view-overview :is(.ov-act-list, .rs-list, .ov-na-list, .ov-up-list) .pt-foot, #view-reminders .pt-foot, #view-tenants .pt-foot, #view-messages .pt-foot, #view-contractors .pt-foot, #view-inspections .pt-foot, #view-preventive .pt-foot, #view-documents .pt-foot, #view-applications .pt-foot, #view-listings .pt-foot, #view-automations .pt-foot, #view-deposits .dep-ledger .pt-foot, #view-taxes .pt-foot, #view-connections .pt-foot) .pt-foot-t { font-family: Lora, serif; font-size: 12.8px; line-height: 1.5; overflow-x: visible; overflow-y: visible; }
.dbx .main .pt-foot > * { translate: 0 var(--ft-snap,0px); }
.dbx :is(#fxModal .modal.cal-up-fixed .cal-uc-foot, #view-rentals .pt-foot, #view-rent .pt-foot, #view-reports .pt-foot, #expPropCard .pt-foot, #taxLower .pt-foot, #expLedgerCard .pt-foot, #view-maintenance .pt-foot, #view-overview :is(.ov-act-list, .rs-list, .ov-na-list, .ov-up-list) .pt-foot, #view-reminders .pt-foot, #view-tenants .pt-foot, #view-messages .pt-foot, #view-contractors .pt-foot, #view-inspections .pt-foot, #view-preventive .pt-foot, #view-documents .pt-foot, #view-applications .pt-foot, #view-listings .pt-foot, #view-automations .pt-foot, #view-deposits .dep-ledger .pt-foot, #view-taxes .pt-foot, #view-connections .pt-foot, #view-properties .pt-foot) { height: 44px; padding-left: 20px; padding-right: 20px; padding-bottom: 1.5px; border-top: 1px solid var(--border); }
.dbx :is(#fxModal .modal.cal-up-fixed .cal-uc-foot, #view-rentals .pt-foot, #view-rent .pt-foot, #view-reports .pt-foot, #expPropCard .pt-foot, #taxLower .pt-foot, #expLedgerCard .pt-foot, #view-maintenance .pt-foot, #view-overview :is(.ov-act-list, .rs-list, .ov-na-list, .ov-up-list) .pt-foot, #view-reminders .pt-foot, #view-tenants .pt-foot, #view-messages .pt-foot, #view-contractors .pt-foot, #view-inspections .pt-foot, #view-preventive .pt-foot, #view-documents .pt-foot, #view-applications .pt-foot, #view-listings .pt-foot, #view-automations .pt-foot, #view-deposits .dep-ledger .pt-foot, #view-taxes .pt-foot, #view-connections .pt-foot) .pt-foot-t { transform: translateY(0.187px); }
@keyframes rsDot { 0%, 55%, 100% { transform: none; opacity: 0.22; } 27% { transform: translateY(-4px); opacity: 0.85; } }
@keyframes rsWipe { 0% { clip-path: inset(0px 100% 0px 0px); opacity: 0.35; } 100% { clip-path: inset(0px); opacity: 1; } }
@keyframes daWait { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
.dbx :is(.exp-trow, .pt-row, .vm-row, .depl-row, .prx-row, .rlt-row, .txs-row, .tpx-row, .tpx-wbar):has(+ :is(.vm-fill, .rl-fill, .pt-hint, .tax-fill, .tdp-fill, .td2-fill, .tax2-fill, .exb-fill, .tnr-fill, .rpc-fill)) { border-bottom: 1px solid var(--border); }
.dbx .vm-dd-list { transition: opacity .16s var(--ease-out); }
.dbx .main .sp-stat, .dbx .main .sp-sec-hd, .dbx .main .pt-foot { padding-left: 20px; padding-right: 20px; }
.dbx .main :is(#view-maintenance, #view-automations, #view-reports, #view-deposits, #view-inspections, #view-preventive, #view-contractors, #view-documents, #view-applications, #view-listings, #view-reminders, #view-tenants, #view-messages, #view-connections, #view-overview, #view-taxes) :is(.vm-issue, .au-name, .bk-lbl-t, .depl-name, .insp-title, .prev-name, .vc-co-nm, .doc-name, .rem-title-c, .tn-name, .msg-row-name, .cn-r-name, .ov-act-title, .txs-name) { font-size: 17.05px; line-height: 1.3; }
.dbx :is(.vm-tile, .au-tile, .bk-tile, .depl-tile, .insp-tile, .prev-tile, .vc-co-icon, .doc-icon, .rem-cat-icon) { width: 26px; height: 26px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: var(--ink); flex-shrink: 0; }
.dbx :is(.vm-tile, .au-tile, .bk-tile, .depl-tile, .insp-tile, .prev-tile, .vc-co-icon, .doc-icon, .rem-cat-icon) svg { width: 26.4px; height: 26.4px; position: relative; top: -0.5px; flex-shrink: 0; color: var(--ink); }
.dbx .pt-foot { background: var(--band); margin-top: auto; display: flex; align-items: center; justify-content: space-between; row-gap: 12px; column-gap: 12px; height: 56px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; background-clip: padding-box; border-top: 1px solid var(--border); }
.dbx .pt-foot-t { font-size: 12px; color: var(--dim); font-variant-numeric: tabular-nums; min-width: 0px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; position: relative; top: 1px; }
.dbx .main .pt-foot-t { font-family: Lora, serif; top: -0.81px; }
.dbx .main #view-maintenance .pt-foot .pt-foot-t.pt-foot-t { font-family: Newsreader, serif; transform: translateY(2.95px); }
@keyframes apPanelFwd { 0% { opacity: 0; transform: translateX(16px); } 100% { opacity: 1; transform: translateX(0px); } }
@keyframes apPanelBack { 0% { opacity: 0; transform: translateX(-16px); } 100% { opacity: 1; transform: translateX(0px); } }
@keyframes apFade { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes docSwap { 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: none; } }
.dbx .main #view-maintenance .vm-prop-tag.vm-prop-tag.vm-prop-tag { font-family: "Fira Sans", Outfit, sans-serif; font-size: 13.64px; margin-top: 8.5px; }
.dbx .main #view-maintenance .vm-col-sub.vm-col-sub.vm-col-sub { font-family: "Fira Sans", Outfit, sans-serif; font-size: 13.64px; margin-top: 9.36px; }
.dbx .main #view-maintenance .vm-cat-txt.vm-cat-txt.vm-cat-txt { font-size: 15.84px; }
.dbx .main #view-maintenance .vm-date.vm-date.vm-date { font-size: 15.84px; }
.dbx .main :is(#view-maintenance, #view-documents, #view-preventive, #view-inspections, #view-contractors) :is(.vm-thead, .vm-row > .vm-row-in, .doc-card-in, .prev-thead, .prev-trow-in, .insp-thead, .insp-card-in, .vc-th-row, .vc-row-in) { grid-template-columns: minmax(0px, 2.42fr) minmax(0px, 1.05fr) minmax(0px, 0.72fr) minmax(0px, 0.76fr) minmax(0px, 0.78fr) 224px; }
.dbx .main :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors) :is(.vm-prop-tag.vm-prop-tag.vm-prop-tag, .vm-col-sub.vm-col-sub.vm-col-sub, .prev-meta.prev-meta.prev-meta, .prev-prop.prev-prop.prev-prop, .prev-freq.prev-freq.prev-freq, .prev-last-s.prev-last-s.prev-last-s, .insp-meta.insp-meta.insp-meta, .insp-prop.insp-prop.insp-prop, .insp-sub.insp-sub.insp-sub, .insp-score-s.insp-score-s.insp-score-s, .vc-co-person.vc-co-person.vc-co-person, .vc-co-pn.vc-co-pn.vc-co-pn, .vc-cell-s.vc-cell-s.vc-cell-s) { line-height: normal; }
.dbx .main #view-maintenance .vm-prop-tag.vm-prop-tag.vm-prop-tag { margin-top: 6px; }
.dbx .main #view-maintenance .vm-col-sub.vm-col-sub.vm-col-sub { margin-top: 6.86px; }
.dbx .main :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents) .vm-band-note.vm-band-note { font-family: "Fira Sans", Outfit, sans-serif; }
.dbx .main :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-listings) .pt-foot .pt-foot-t.pt-foot-t.pt-foot-t { font-family: "Fira Sans", Outfit, sans-serif; top: 0px; transform: translateY(0.24px); }
.dbx .main :is(#view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-automations, #vmMain, #remMain, #tnMain, #propMain, #prevMain, #inspMain, #vcMain, #docMain, #ovRentCard, #ovNaCard, #ovActCard, #ovUpCard, #view-connections) .pt-foot .pt-foot-t.pt-foot-t.pt-foot-t.pt-foot-t { font-family: "Fira Sans", Outfit, sans-serif; top: 0px; transform: translateY(0.91px); }
.dbx .main :is(.ap-check-cond, .ap-inc-s, .apl-tile-n, .apl-tile-s, .cn-cell-s, .cn-mem-av, .cn-mem-role, .cn-r-where, .fkc-s, .lead-meta, .lead-sum, .lsd-band-state, .lsd-gen-intro-s, .lsd-sum-l, .ov-band-sub, .page-hd-sub, .post-hub-count, .post-hub-label, .rem-sub-c, .set-foot-note, .set-lbl, .set-nav-s, .set-opt, .tax-note, .tds-s, .tds-vs, .tfl-s, .tqe-s, .txl-u, .txm-pa, .txm-s) { font-family: "Fira Sans", Outfit, sans-serif; }
.dbx .main :is(.vm-fill, .prop-fill, .rpc-fill, .rs-foot) { font-family: "Fira Sans", Outfit, sans-serif; }
.dbx .main :is(.vm-fill, .prop-fill, .rpc-fill):not(.rl-fill) { font-size: 17px; font-weight: 400; color: color-mix(in srgb, var(--ink) 68%, transparent); row-gap: 9px; column-gap: 9px; }
.dbx :is(.vm-thead, .prev-thead, .insp-thead, .rem-thead, .tn-thead) { background-clip: padding-box; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
@keyframes prevDoneIn { 0% { opacity: 0.4; transform: scale(0.96); } 100% { opacity: 1; transform: scale(1); } }
@keyframes prevHistIn { 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: none; } }
.dbx .rem-main { border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; padding-top: 24px; padding-right: 28px; padding-bottom: 24px; padding-left: 28px; background: var(--card); border: 1px solid var(--border); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-tenants, #view-messages, #view-reminders, #view-documents) > .rem-main { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: visible; overflow-y: visible; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-tenants, #view-messages, #view-reminders, #view-documents) > .rem-main > :first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-tenants, #view-messages, #view-reminders, #view-documents) > .rem-main > :last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; overflow-x: hidden; overflow-y: hidden; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-tenants, #view-messages, #view-reminders, #view-documents) > .rem-main > :is(.vm-toolbar, .msg-bar, .rem-toolbar, .tn-toolbar) { padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-tenants, #view-messages, #view-reminders, #view-documents) :is(.vm-table, .tn-table, .msg-table, .prev-table, .insp-table, .vc-table) { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
@keyframes remPop { 0% { transform: scale(0.7); } 55% { transform: scale(1.12); } 100% { transform: scale(1); } }
@keyframes remStIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes remSnzPulse { 0% { background: transparent; } 30% { background: color-mix(in srgb, var(--warn) 12%, transparent); } 100% { background: transparent; } }
.dbx :is(#view-maintenance .vm-row, #view-preventive .prev-trow, #view-inspections .insp-card, #view-applications .ap-row, #view-listings .lsd-urow, #view-documents .doc-card, #view-overview .rs-item, #view-overview .ov-act-row, #rptFcBody .vm-row, #rptDebtBody .vm-row) .pp-chip-st { display: block; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; width: auto; min-width: 0px; height: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: left; font-family: Outfit, sans-serif; font-size: 15.84px; font-weight: 600; letter-spacing: 0px; line-height: 1.3; max-width: 100%; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; }
.dbx .vm-toolbar { margin-bottom: 18px; }
.dbx .vm-toolbar .pvt-seg { height: 42px; }
.dbx .vm-toolbar .pvt { height: 40px; font-size: 14px; }
.dbx :is(.vm-toolbar, .msg-bar, .apl-top, .prop-top, .rs-searchbar) .tenant-search input { height: 42px; padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 36px; font-size: 14px; }
.dbx :is(.vm-toolbar, #view-contractors, .apl-top, .rs-searchbar) .vm-dd-btn { height: 42px; font-size: 14px; }
.dbx :is(#view-rentals .pay-roll-bar, #view-deposits .vm-toolbar, #remMain .vm-toolbar, #vmMain .vm-toolbar, #tnMain .vm-toolbar, #propMain .prop-top, #prevMain .vm-toolbar, #inspMain .vm-toolbar, #vcMain .vm-toolbar, #docMain .vm-toolbar, #apMain .vm-toolbar, #leadCard .vm-toolbar, #lpxMain .vm-toolbar, #view-connections .cn-board-card > .vm-toolbar, #view-automations .vm-toolbar) .tenant-search input { font-family: "Fira Sans", Outfit, sans-serif; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents) .vm-toolbar .vm-dd-btn, .dbx #view-contractors .vm-dd-btn { font-size: 13px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-btn > span { position: relative; top: -0.19px; }
.dbx .main .vm-dd-btn { row-gap: 0px; column-gap: 0px; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 12px; box-shadow: none; transition: border-color .15s var(--ease-out),background .15s var(--ease-out),box-shadow .15s var(--ease-out); }
.dbx .main .vm-dd-btn > .vm-dd-cap { display: inline-flex; align-items: center; height: 20px; font-family: Outfit, sans-serif; font-weight: 500; letter-spacing: 0px; text-transform: none; color: var(--dim); line-height: 1; padding-right: 10.39px; margin-right: 9.61px; border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; position: relative; top: 0px; transform: translateY(0.15px); }
.dbx .main .vm-dd-btn > .vm-dd-cap::after { content: ""; position: absolute; right: 0px; top: 50%; width: 1px; height: 20px; margin-top: -10px; transform: translateY(-0.15px); background: var(--border); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-btn > span:not(.vm-dd-cap) { top: 0px; transform: none; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents) .vm-toolbar .vm-dd-btn, .dbx #view-contractors .vm-dd-btn { font-size: 14px; }
.dbx .main .vm-dd-btn > span:not(.vm-dd-cap) { margin-right: 8px; max-width: 200px; min-width: 0px; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx #vmSortDD .vm-dd-btn > span.vm-dd-vfix { display: inline-grid; justify-items: start; }
.dbx #vmSortDD .vm-dd-vfix > span { grid-row-start: 1; grid-column-start: 1; grid-row-end: auto; grid-column-end: auto; white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx #vmSortDD .vm-dd-vghost { visibility: hidden; }
.dbx #vmSortDD .vm-dd-vghost::before { content: attr(data-l); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-btn:hover { border-color: color-mix(in srgb,var(--ink) 24%,transparent); }
.dbx .main .vm-dd-btn:focus-visible { outline-offset: 2px; box-shadow: none; outline: 2px solid var(--ink); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd.open .vm-dd-btn { border-color: var(--tan-edge); box-shadow: 0 0 0 2px var(--tan-lt); }
.dbx .vm-band-dds { display: flex; align-items: center; row-gap: 10px; column-gap: 10px; flex-shrink: 0; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants) .vm-dd-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; width: 252px; min-width: 252px; max-width: calc(-24px + 100vw); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-list { row-gap: 0px; column-gap: 0px; overflow-y: auto; scrollbar-width: none; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-list::-webkit-scrollbar { display: none; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-left-width: 0px; border-left-style: none; border-left-color: currentcolor; border-right-width: 0px; border-right-style: none; border-right-color: currentcolor; position: relative; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd.open .vm-dd-menu { transform: none; animation: rlPopIn .22s var(--ease-out); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.has-sub { min-height: 65px; padding-top: 11px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; row-gap: 15px; column-gap: 15px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.has-sub .vm-dd-lead { row-gap: 15px; column-gap: 15px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.has-sub .vm-dd-tile svg { width: 20px; height: 20px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt { border-bottom-color: var(--border); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt:last-child { border-bottom-width: 0px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt:hover { background: color-mix(in srgb,var(--tan) 10%,transparent); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-list:has(.vm-dd-opt.has-sub) { max-height: 195px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) :is(.vm-dd-rail, .vm-dd-optc) { font-family: "Fira Sans", Outfit, sans-serif; font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 600; color: var(--muted); background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; position: relative; top: 0.44px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-s { font-weight: 400; }
.dbx :is(#vmPropDD, #prevPropDD, #inspPropDD, #docPropDD) .vm-dd-s { font-family: Lora, serif; margin-top: 4px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.sel { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.sel::after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; pointer-events: none; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border: 2px solid color-mix(in srgb,var(--ink) 30%,transparent); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.sel:hover { background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.sel + .vm-dd-opt { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.sel { border-top-width: 0px; border-top-style: none; border-top-color: currentcolor; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt.sel:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-list:first-child > .vm-dd-opt.sel:first-child { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.dbx .dep-dd-all.dd-all-ico { display: inline-flex; align-items: center; justify-content: center; width: 34px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.dbx .dep-dd-all.dd-all-ico svg { display: block; }
.dbx #vmPropDD .dep-dd-all.dd-all-ico svg { transform: translate(0.38px, -0.63px); }
.dbx #vmCatDD .dep-dd-all.dd-all-ico svg { transform: none; }
.dbx :is(#view-maintenance, #view-reminders, #view-tenants, #view-preventive, #view-properties, #view-inspections, #view-contractors, #view-documents, #view-rentals, #view-deposits, #view-reports, #view-automations, #view-connections) .vm-toolbar { flex-wrap: nowrap; }
.dbx :is(.vm-toolbar, .msg-bar, .pay-roll-bar, .apl-top, .prop-top, .rs-searchbar) .tenant-search input { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; transition: border-color .15s var(--ease-out),background .15s var(--ease-out),box-shadow .15s var(--ease-out); }
.dbx :is(.vm-toolbar, .msg-bar, .pay-roll-bar, .apl-top, .prop-top, .rs-searchbar) .tenant-search input:hover:not(:focus) { border-color: color-mix(in srgb,var(--ink) 24%,transparent); }
.dbx :is(.vm-toolbar, .msg-bar, .pay-roll-bar, .apl-top, .prop-top, .rs-searchbar) .tenant-search input:focus { border-color: var(--tan-edge); box-shadow: 0 0 0 2px var(--tan-lt); }
.dbx :is(.vm-toolbar, .msg-bar, .pay-roll-bar, .apl-top, .prop-top, .rs-searchbar) .tenant-search svg { width: 14px; height: 14px; }
@font-face { font-family: NewsreaderCaret; src: url("https://fonts.gstatic.com/s/newsreader/v26/cY9AfjOCX1hbuyalUrK4397yjA.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; ascent-override: 101.5%; descent-override: 27%; }
.dbx :is(.vm-toolbar, .msg-bar, .pay-roll-bar, .apl-top, .prop-top, .rs-searchbar) .tenant-search input { font-family: NewsreaderCaret, Newsreader, serif; font-size: 15px; padding-top: 8px; padding-bottom: 8px; }
.dbx :is(.vm-toolbar, .msg-bar, .pay-roll-bar, .apl-top, .prop-top, .rs-searchbar) .tenant-search input::placeholder { padding-left: 3px; font-size: 15.5px; }
.dbx #view-maintenance .vm-toolbar .vm-band-dds { flex-shrink: 1; min-width: 0px; }
.dbx :is(#view-maintenance, #view-reminders, #view-tenants) .vm-toolbar .vm-search { flex-grow: 1; flex-shrink: 0; flex-basis: 166px; min-width: 166px; }
@media (min-width: 1280px) and (max-width: 1340px) { .dbx #view-maintenance#view-maintenance .vm-toolbar .vm-search { flex-grow: 1; flex-shrink: 0; flex-basis: 111px; min-width: 111px; } }
@media (min-width: 1280px) and (max-width: 1340px) { .dbx #view-maintenance#view-maintenance .vm-toolbar, .dbx #view-maintenance#view-maintenance .vm-toolbar .vm-band-dds { row-gap: 8px; column-gap: 8px; } }
.dbx #view-maintenance .vm-band-dds .vm-dd { flex-shrink: 1; min-width: 0px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-tenants, #view-reminders, #view-messages) .vm-dd-opt .vm-dd-check { display: none; }
.dbx .vm-dd-opt.vm-dd-sm { min-height: 44px; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 12px; row-gap: 12px; column-gap: 12px; }
.dbx .vm-dd-sm .vm-dd-lead { row-gap: 12px; column-gap: 12px; }
.dbx .vm-dd-sm .vm-dd-tile { width: 20px; height: 20px; color: var(--dim); }
.dbx .vm-dd-sm .vm-dd-tile svg { width: 17px; height: 17px; }
.dbx .vm-dd-sm.sel .vm-dd-tile { color: var(--ink); }
.dbx .vm-dd-sm .vm-dd-lead > span:last-child { font-family: Outfit, sans-serif; font-size: 14px; font-weight: 600; color: var(--ink); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) .vm-dd-list:has(.vm-dd-opt.vm-dd-sm) { max-height: 176px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) :is(.vm-dd-menu > .vm-dd-search, .dep-dd-top > .vm-dd-search) { height: 31px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-sizing: border-box; transition: border-color .15s var(--ease-out),box-shadow .15s var(--ease-out); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) :is(.vm-dd-menu > .vm-dd-search, .dep-dd-top > .vm-dd-search):hover:not(:focus-within) { border-color: color-mix(in srgb,var(--ink) 24%,transparent); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) :is(.vm-dd-menu > .vm-dd-search, .dep-dd-top > .vm-dd-search):focus-within { border-color: var(--tan-edge); box-shadow: 0 0 0 2px var(--tan-lt); }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) :is(.vm-dd-menu > .vm-dd-search, .dep-dd-top > .vm-dd-search) input { font-family: NewsreaderCaret, Newsreader, serif; font-size: 13.5px; }
.dbx :is(#view-maintenance, #view-inspections, #view-preventive, #view-documents, #view-contractors, #view-reminders, #view-tenants, #view-messages) :is(.vm-dd-menu > .vm-dd-search, .dep-dd-top > .vm-dd-search) input::placeholder { padding-left: 3px; }
@keyframes remBtnOut { 0% { transform: scale(1); opacity: 1; } 34% { transform: scale(1.12); opacity: 1; } 100% { transform: scale(0.94); opacity: 0; } }
@keyframes remDoneIn { 0% { transform: scale(1); } 45% { transform: scale(1.08); } 100% { transform: scale(1); } }
@media (max-width: 860px) { .dbx .rem-main { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; } }
@media (max-width: 860px) { .dbx .app { grid-template-columns: 1fr; height: auto; min-height: 100vh; } }
@media (max-width: 860px) { .dbx .main { grid-column-start: 1; grid-column-end: 2; padding-top: 22px; padding-right: 16px; padding-bottom: 22px; padding-left: 16px; } }
@media (max-width: 860px) { .dbx .page-hd { flex-direction: column; row-gap: 14px; column-gap: 14px; align-items: flex-start; } }
@media (max-width: 860px) { .dbx .page-hd-actions { flex-wrap: wrap; } }
@media (max-width: 520px) { .dbx .main { padding-top: 18px; padding-right: 13px; padding-bottom: 18px; padding-left: 13px; } }
@media (max-width: 520px) { .dbx .page-hd-title { font-size: 24px; } }
.dbx .fx-card-title, .dbx .fx-sec-title, .dbx .na-title, .dbx .cmp-title, .dbx .md-nav-title, .dbx .req-title, .dbx .ai-band-title, .dbx .ai-modal-hd-title, .dbx .sc-title, .dbx .pp-sec-title, .dbx .ppm-sec-title, .dbx .cp-section-title, .dbx .tp-sec-title, .dbx .up-title, .dbx .pp-edit-sec-title, .dbx .lease-section-title, .dbx .exp-section-title, .dbx .maint-sp-empty-title, .dbx .rs-empty-t, .dbx .lst2-unit-add-title, .dbx .lst2-upload-title, .dbx .lst2-reach-title, .dbx .notif-panel-title, .dbx .doc-viewer-nav-title, .dbx .cobe-title, .dbx .rs-chart-title, .dbx .ov-band-t, .dbx .au-band-t, .dbx .md-sec-hd, .dbx .sp-sec-hd, .dbx .wv-card-hd, .dbx .rnt-lease-hd, .dbx .rnt-hd2-eyebrow, .dbx .rnt-coll-tile-l, .dbx .sp-stat-l, .dbx .lst2-form-section-hd, .dbx .doc-side-hd, .dbx .rs-q, .dbx .rs-tbl th, .dbx .pay-kpi-l, .dbx .tax-flow-l, .dbx .tax-form-ln, .dbx .rpt-col-l { font-family: Outfit, sans-serif; }
.dbx #view-maintenance#view-maintenance > .rem-main { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.dbx :is(#vmMain, #docMain):is(#vmMain, #docMain) .ov-band > .vm-band-note { margin-left: auto; flex-shrink: 0; white-space-collapse: collapse; text-wrap-mode: nowrap; font-family: "Fira Sans", Outfit, sans-serif; font-size: 12px; font-weight: 500; color: var(--dim); font-variant-numeric: tabular-nums; transform: translateY(0.3px); }
@media (min-width: 1280px) { .dbx #view-maintenance#view-maintenance :is(.vm-thead, .vm-row > .vm-row-in) { grid-template-columns: minmax(157px, 1fr) 140px 84px 100px 84px 112px; column-gap: 45px; } }
@media (min-width: 1280px) { .dbx #view-maintenance .vm-actions { display: flex; } }
@media (min-width: 1280px) { .dbx #view-maintenance .vm-thead > .vm-th:nth-child(6) { display: block; } }
@media (min-width: 1280px) and (max-width: 1439px) { .dbx #view-maintenance#view-maintenance :is(.vm-thead, .vm-row > .vm-row-in) { column-gap: 24px; } }
.dbx #view-maintenance#view-maintenance :is(.vm-thead > *, .vm-row .vm-row-in > *):nth-child(n+2):nth-child(-n+5) { transform: none; }
.dbx #view-maintenance#view-maintenance .vm-idt { flex-grow: 0; flex-shrink: 1; flex-basis: auto; min-width: 0px; width: auto; }
.dbx #vmBoard#vmBoard .vm-actions { padding-right: 0px; row-gap: 0px; column-gap: 0px; }
.dbx #vmBoard#vmBoard .vm-actions .vm-row-act.pfb { transform: none; }
.dbx #vmBoard#vmBoard .vm-actions .vm-row-act > .pfb-sz { transform: none; }
@keyframes vmArrive { 0% { opacity: 0; } 100% { opacity: 1; } }
.dbx #vmBoard#vmBoard .vm-row .vm-col-sub { margin-top: 7px; }
.dbx #vmBoard#vmBoard .vm-row .vm-date { font-weight: 500; }
.dbx #vmBoard#vmBoard .vm-row .vm-pri:is(.routine, .low) { font-weight: 600; }
.dbx #vmMain#vmMain .vm-fill { font-family: "Fira Sans", Outfit, sans-serif; line-height: 1.5; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; }
.dbx #vmMain#vmMain .vm-fill .vm-fill-ico { transform: translateY(-1.34px); }
.dbx :is(#view-maintenance, #view-tenants, #view-reminders, #view-preventive, #view-inspections, #view-contractors, #view-documents):is(#view-maintenance, #view-tenants, #view-reminders, #view-preventive, #view-inspections, #view-contractors, #view-documents) .vm-dd-opt > .vm-dd-oin { scale: var(--press) 1; transform: none; transition-behavior: normal; transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.33, 0.72, 0.46, 1); transition-delay: 0s; transition-property: --press; }
.dbx :is(#view-maintenance, #view-tenants, #view-reminders, #view-preventive, #view-inspections, #view-contractors, #view-documents):is(#view-maintenance, #view-tenants, #view-reminders, #view-preventive, #view-inspections, #view-contractors, #view-documents) .vm-dd-opt:active:hover > .vm-dd-oin { --press: .985; transition: --press .13s var(--ease-press); }
.dbx :is(#vmBoard, #prevRows, #inspGroups, #vcGrid, #docGrid):is(#vmBoard, #prevRows, #inspGroups, #vcGrid, #docGrid) :is(.vm-prop-tag, .vm-col-sub, .prev-prop, .prev-freq, .prev-meta, .prev-last-s, .insp-prop, .insp-sub, .insp-score-s, .insp-meta, .vc-co-pn, .vc-co-person, .vc-cell-s) { line-height: 16.8px; }
.dbx :is(#vmBoard, #prevRows, #inspGroups, #vcGrid, #docGrid):is(#vmBoard, #prevRows, #inspGroups, #vcGrid, #docGrid) :is(.vm-cat-txt, .vm-pri, .vm-date, .prev-cad-v, .prev-due, .prev-last, .insp-type, .insp-score, .insp-date, .vc-cell-v, .vc-avail, .doc-exp) { line-height: 20px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow-x: hidden; overflow-y: hidden; box-shadow: rgba(20, 24, 29, 0.08) 0px 6px 14px, rgba(20, 24, 29, 0.06) 0px 1px 2px; background: var(--card); border: 1px solid var(--border); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu > .dep-dd-top { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; height: auto; row-gap: 8px; column-gap: 8px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu > :is(.dep-dd-top, .vm-dd-search) + .vm-dd-list { border-top: 1px solid var(--border); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-search { display: flex; align-items: center; row-gap: 8px; column-gap: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; height: 36px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: none; color: var(--dim); border: 1px solid var(--border); background: var(--card); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-search:focus-within { border-color: var(--border); box-shadow: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-search input { height: auto; font-family: "Fira Sans", Outfit, sans-serif; font-size: 14px; font-weight: 400; color: var(--ink); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-search input::placeholder { color: var(--dim); padding-left: 0px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .dep-dd-all { flex-grow: 0; flex-shrink: 0; flex-basis: 36px; width: 36px; height: 36px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; justify-content: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-list { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; row-gap: 0px; column-gap: 0px; max-height: 264px; scrollbar-width: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-list:has(.vm-dd-opt.has-sub) { max-height: 280px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu > :is(.dep-dd-top, .vm-dd-search) + .vm-dd-list { max-height: 265px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu > :is(.dep-dd-top, .vm-dd-search) + .vm-dd-list:has(.vm-dd-opt.has-sub) { max-height: 281px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-list::-webkit-scrollbar { display: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt { position: relative; display: flex; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-items: stretch; justify-content: flex-start; row-gap: 0px; column-gap: 0px; width: 100%; height: 44px; min-height: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top-width: 1px; border-top-style: solid; border-top-color: transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; box-shadow: none; transition: background .12s var(--ease-out); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt.has-sub { height: 56px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt + .vm-dd-opt { border-top-color: var(--border); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt:is(:hover, .sel:hover) { background: var(--bg2); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt.sel { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt.sel::after { content: none; display: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt.sel::before { content: ""; position: absolute; left: 0px; top: 11px; bottom: 11px; width: 3px; border-top-left-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0px; background: var(--ink); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt.has-sub.sel::before { top: 12px; bottom: 12px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt > .vm-dd-oin { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; display: flex; align-items: center; justify-content: flex-start; row-gap: 12px; column-gap: 12px; min-width: 0px; height: auto; align-self: stretch; scale: none; transform: none; transition-behavior: normal; transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.33, 0.72, 0.46, 1); transition-delay: 0s; transition-property: --ddp; padding: 0 calc(16px + (1 - var(--ddp)) * (50% - 16px)) 0 calc(18px + (1 - var(--ddp)) * (50% - 18px)); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt:active:hover > .vm-dd-oin { --ddp: .986; transition: --ddp .13s var(--ease-press); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-opt.vm-dd-sm > .vm-dd-oin { flex-wrap: wrap; align-content: center; align-items: baseline; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-lead { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; display: flex; align-items: center; row-gap: 0px; column-gap: 0px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu :is(.vm-dd-tile, .vm-dd-check) { display: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-idt { display: block; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu :is(.vm-dd-t, .vm-dd-lead > span:not([class])) { display: block; min-width: 0px; font-family: Outfit, sans-serif; font-size: 15px; font-weight: 600; line-height: normal; color: var(--ink); white-space-collapse: collapse; text-wrap-mode: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; letter-spacing: calc((var(--ddp) - 1) * .48em); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu .vm-dd-s { display: block; margin-top: 3px; font-family: "Fira Sans", Outfit, sans-serif; font-size: 13px; font-weight: 400; line-height: normal; color: var(--muted); white-space-collapse: collapse; text-wrap-mode: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; letter-spacing: calc((var(--ddp) - 1) * .48em); transform: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-menu :is(.vm-dd-rail, .vm-dd-optc, .vm-dd-opt.sel .vm-dd-optc) { flex-shrink: 0; position: static; top: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; min-width: 0px; height: auto; font-family: "Fira Sans", Outfit, sans-serif; font-size: 14px; font-weight: 500; line-height: normal; color: var(--dim); font-variant-numeric: tabular-nums; transform: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-btn.dd-ruled { position: relative; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-btn.dd-ruled > .vm-dd-cap::after { content: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties):is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-research, #view-laws, #view-applications, #view-reminders, #view-tenants, #view-listings, #view-automations, #view-properties) .vm-dd-btn.dd-ruled::after { content: ""; position: absolute; left: var(--ddl,0px); top: 50%; width: var(--ddw,1.6px); height: 20px; margin-top: -10px; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-right-radius: 999px; border-bottom-left-radius: 999px; pointer-events: none; background: var(--border); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes) > .page-hd .page-hd-sub, .dbx #view-settings .set-pane > .page-hd .page-hd-sub { display: none; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes) > .page-hd .page-hd-title.page-hd-title, .dbx #view-settings .set-pane > .page-hd .page-hd-title.page-hd-title { font-family: "Fira Sans", Outfit, sans-serif; font-weight: 500; letter-spacing: -0.02em; transform: translateY(1.52px); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes) > .page-hd, .dbx #view-settings .set-pane > .page-hd { align-items: center; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes) > .page-hd .page-hd-actions, .dbx #view-settings .set-pane > .page-hd .page-hd-actions { margin-top: 0px; }
.dbx :is(:is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act, :is(#vmMain, #prevMain, #inspMain, #vcMain, #docMain, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #lpxMain, #view-calendar, #view-connections) .db-empty .db-empty-cta, #ricBody .ric-btn, #view-automations .au-arm .au-arm-cta).pfb { display: flex; align-items: center; justify-content: center; height: 44.8px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 18px; padding-bottom: 0px; padding-left: 18px; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; box-shadow: none; font-family: Outfit, sans-serif; font-size: 15.84px; font-weight: 600; letter-spacing: normal; line-height: normal; color: var(--ink); cursor: pointer; transform: none; scale: var(--press); border: 1px solid color-mix(in srgb,var(--ink) 16%,transparent); background: var(--card); transition: border-color .15s var(--ease-out),color .15s var(--ease-out),--press .19s var(--ease-press); }
.dbx :is(:is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act, :is(#vmMain, #prevMain, #inspMain, #vcMain, #docMain, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #lpxMain, #view-calendar, #view-connections) .db-empty .db-empty-cta, #ricBody .ric-btn, #view-automations .au-arm .au-arm-cta).pfb:hover:not(:disabled) { border-color: color-mix(in srgb,var(--ink) 46%,transparent); }
.dbx :is(:is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act, :is(#vmMain, #prevMain, #inspMain, #vcMain, #docMain, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #lpxMain, #view-calendar, #view-connections) .db-empty .db-empty-cta, #ricBody .ric-btn, #view-automations .au-arm .au-arm-cta).pfb:active:hover:not(:disabled) { --press: .97; }
.dbx :is(:is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act, :is(#vmMain, #prevMain, #inspMain, #vcMain, #docMain, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #lpxMain, #view-calendar, #view-connections) .db-empty .db-empty-cta, #ricBody .ric-btn, #view-automations .au-arm .au-arm-cta).pfb:active:not(:hover) { --press: 1; }
.dbx :is(:is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act, :is(#vmMain, #prevMain, #inspMain, #vcMain, #docMain, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #lpxMain, #view-calendar, #view-connections) .db-empty .db-empty-cta, #ricBody .ric-btn, #view-automations .au-arm .au-arm-cta).pfb:focus { outline-color: initial; outline-style: none; outline-width: initial; }
.dbx :is(:is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act, :is(#vmMain, #prevMain, #inspMain, #vcMain, #docMain, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #lpxMain, #view-calendar, #view-connections) .db-empty .db-empty-cta, #ricBody .ric-btn, #view-automations .au-arm .au-arm-cta).pfb:focus-visible { outline-offset: 2px; outline: 2px solid var(--ink); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act.pfb:disabled { cursor: default; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-overview, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions .hd-act.pfb:disabled + .pfb-in { color: var(--dim); }
.dbx #view-maintenance .vm-row { user-select: none; }
.dbx #view-maintenance > .page-hd .page-hd-actions .hd-act.pfb:disabled, .dbx #view-maintenance > .page-hd .page-hd-actions .hd-act.pfb:disabled + .pfb-in .pfb-tx { --press: 1; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: rgba(20, 24, 29, 0.08) 0px 6px 14px, rgba(20, 24, 29, 0.06) 0px 1px 2px; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-srch { height: auto; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; row-gap: 8px; column-gap: 8px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; }
.dbx .rdp-box { display: contents; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-box { display: flex; align-items: center; row-gap: 8px; column-gap: 8px; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; min-width: 0px; height: 36px; padding-top: 0px; padding-right: 12px; padding-bottom: 0px; padding-left: 12px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; color: var(--dim); border: 1px solid var(--border); background: var(--card); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-srch svg { transform: none; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-fld { transform: none; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) :is(.rdp-srch input, .rdp-ph) { font-family: "Fira Sans", Outfit, sans-serif; font-size: 14px; font-weight: 400; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-ph { left: 0px; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-srch .dep-dd-all { flex-grow: 0; flex-shrink: 0; flex-basis: 36px; width: 36px; height: 36px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; justify-content: center; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-srch + .rdp-lst { border-top: 1px solid var(--border); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-o { height: 56px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; row-gap: 0px; column-gap: 0px; align-items: stretch; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top: 1px solid var(--border); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-o:is(:hover, .sel:hover) { background: var(--bg2); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-o.sel::after { top: 12px; bottom: 12px; width: 3px; border-top-left-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0px; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-in { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; align-self: stretch; row-gap: 12px; column-gap: 12px; transform: none; scale: none; transition-behavior: normal; transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.33, 0.72, 0.46, 1); transition-delay: 0s; transition-property: --ddp; padding: 0 calc(16px + (1 - var(--ddp)) * (50% - 16px)) 0 calc(18px + (1 - var(--ddp)) * (50% - 18px)); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-o:active:hover .rdp-in { --ddp: .986; transition: --ddp .13s var(--ease-press); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-tx { transform: none; }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-t { font-family: Outfit, sans-serif; font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: calc((var(--ddp) - 1) * .48em); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rdp-s { margin-top: 3px; font-family: "Fira Sans", Outfit, sans-serif; font-size: 13px; font-weight: 400; line-height: normal; letter-spacing: calc((var(--ddp) - 1) * .48em); text-transform: none; color: var(--muted); }
.dbx :is(.rdp-menu[data-rdp="rlDD"], .rdp-menu[data-rdp="ptControls"], .rdp-menu[data-rdp="ptLensDD"], .rdp-menu[data-rdp="payTxnPropDD"], .rdp-menu[data-rdp="spYearDD"], .rdp-menu[data-rdp="spPropDD"], .rdp-menu[data-rdp="expPropDD"], .rdp-menu[data-rdp="expCatDD"], .rdp-menu[data-rdp="depPropDD"], .rdp-menu[data-rdp="depLawDD"], .rdp-menu[data-rdp="rptFcDD"], .rdp-menu[data-rdp="rptDeqDD"], .rdp-menu[data-rdp="lpxUnitDD"], .rdp-menu[data-rdp="taxLookDD"]) .rl-opt-none:not([hidden]) { height: 56px; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; display: flex; align-items: center; row-gap: 8px; column-gap: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: transparent; font-family: "Fira Sans", Outfit, sans-serif; font-size: 13px; color: var(--muted); white-space-collapse: collapse; text-wrap-mode: nowrap; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-rent, #view-deposits, #view-documents, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #view-listings, #view-calendar, #view-laws, #view-applications, #view-taxes, #view-automations, #view-connections, #view-settings, #view-contractors) .vm-sep { display: inline-block; position: relative; width: 1.6px; height: 0px; margin-top: 0px; margin-right: 0.7em; margin-bottom: 0px; margin-left: 0.7em; vertical-align: baseline; }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-rent, #view-deposits, #view-documents, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #view-listings, #view-calendar, #view-laws, #view-applications, #view-taxes, #view-automations, #view-connections, #view-settings, #view-contractors) .vm-sep::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: -0.24em; height: 1.25em; border-top-left-radius: 999px; border-top-right-radius: 999px; border-bottom-right-radius: 999px; border-bottom-left-radius: 999px; background: var(--border); }
.dbx :is(#view-maintenance, #view-preventive, #view-inspections, #view-reminders, #view-properties, #view-tenants, #view-applications, #view-contractors, #view-rent, #view-deposits) .pfw .vm-sep::before { bottom: -0.268em; }
.dbx #vmMain #vmBandNote#vmBandNote { font-variant-numeric: proportional-nums; }
.dbx #view-maintenance .vm-prop-tag .vm-dot-sr { position: absolute; width: 1px; height: 1px; margin-top: -1px; margin-right: -1px; margin-bottom: -1px; margin-left: -1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; overflow-x: hidden; overflow-y: hidden; clip: rect(0px, 0px, 0px, 0px); white-space-collapse: collapse; text-wrap-mode: nowrap; }
@font-face { font-family: VmFira; font-style: normal; font-weight: 1 549; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9E4kDNxMZdWfMOD5Vvl4jL.woff2") format("woff2"); }
@font-face { font-family: VmFira; font-style: normal; font-weight: 550 649; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2") format("woff2"); }
@font-face { font-family: VmFira; font-style: normal; font-weight: 650 749; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2") format("woff2"); }
@font-face { font-family: VmFira; font-style: normal; font-weight: 750 1000; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2") format("woff2"); }
.dbx #view-maintenance :is(.ov-band-t, .vm-th, .vm-th-l, .vm-issue, .vm-cat-txt, .vm-pri, .pp-chip-st, .pfb, .pfb-sz, .pfb-in, .pfb-st, .pfb-tx, .vm-dd-vcur):not(#vmStatusSeg *), .dbx #view-maintenance .vm-dd-btn > span, .dbx #view-maintenance .vm-dd-menu :is(.vm-dd-t, .vm-dd-lead > span:not(.vm-dd-idt)) { font-family: VmFira, "Fira Sans", Outfit, sans-serif !important; --vmfira: 1; }
.dbx #view-maintenance .vm-date { font-family: "Fira Sans", Outfit, sans-serif !important; --vmfira: 1; }
.dbx #view-maintenance :is(.page-hd, #vmBoard, .db-empty) .pfb-g, .dbx #view-maintenance :is(.ov-band-t, .vm-issue, .vm-cat-txt, .vm-pri, .pp-chip-st, .vm-date), .dbx #view-maintenance .vm-dd-btn > span:not(.vm-dd-cap) { translate: 0px 0.035em; --vmfira: 1; }
.dbx #view-maintenance :is(.vm-dd-btn > .vm-dd-cap, .vm-th) { translate: 0px 0.027em; --vmfira: 1; }
.dbx #view-maintenance #vmBoard .vm-st .pp-chip-st:is(.open, .progress, .ok) { color: var(--ink); }
.dbx #view-maintenance #vmBoard .vm-cat-pill .vm-cat-dot { display: none; }
.dbx :is(:is(#view-maintenance, #view-preventive, #view-inspections, #view-contractors, #view-documents, #view-applications, #view-reminders, #view-properties, #view-tenants, #view-listings, #view-calendar, #view-connections, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-taxes, #view-messages) > .page-hd .page-hd-actions, :is(#vmMain, #prevMain, #inspMain, #vcMain, #docMain, #view-applications, #view-rentals, #view-rent, #view-expenses, #view-deposits, #view-reports, #view-reminders, #view-properties, #view-tenants, #view-messages, #view-overview, #lpxMain, #view-calendar, #view-connections) .db-empty, #ricBody) .pfb-in { padding-bottom: 0.7px; }
.dbx :is(input, textarea, select):-webkit-autofill, .dbx :is(input, textarea, select):-webkit-autofill:is(:hover, :focus, :active) { caret-color: var(--ink); -webkit-text-fill-color: var(--ink) !important; transition: background-color 86400s 86400s,color 86400s 86400s,border-color .15s var(--ease-out),box-shadow .15s var(--ease-out) !important; }
@font-face { font-family: "Fira Sans Unhinted"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnZKveRhf6Xl7Glw.woff2") format("woff2"); }
@font-face { font-family: "Fira Sans Unhinted"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9E4kDNxMZdWfMOD5Vvl4jLazX3dA.woff2") format("woff2"); }
@font-face { font-family: "Fira Sans Unhinted"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnSKzeRhf6Xl7Glw.woff2") format("woff2"); }
@font-face { font-family: "Fira Sans Unhinted"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnLK3eRhf6Xl7Glw.woff2") format("woff2"); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) { background: color-mix(in srgb,var(--ink) 3.5%,transparent); height: 42px; align-items: center; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; row-gap: 3px; column-gap: 3px; overflow-x: visible; overflow-y: visible; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-clip: padding-box; border: 1px solid var(--border); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb { height: 34px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 13px; padding-bottom: 0px; padding-left: 13px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; box-shadow: none; font-family: "Fira Sans Unhinted", "Fira Sans", sans-serif; font-size: 14px; font-weight: 500; color: color-mix(in srgb,var(--ink) 70%,transparent); transition: background .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb:is(*, :hover, :active) { scale: none; transform: none; }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb:hover:not(.active):not(.on) { background-image: none; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: var(--ink); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb:is(.active, .on) { border-color: var(--border); color: var(--ink); box-shadow: rgba(20, 24, 29, 0.07) 0px 1px 2px; background: var(--card); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb-in { --pfb-fs: 14px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "Fira Sans Unhinted", "Fira Sans", sans-serif; font-size: 14px; font-weight: 500; color: color-mix(in srgb,var(--ink) 70%,transparent); transition: color .2s var(--ease-out); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb:is(.active, .on, :hover) + .pfb-in { color: var(--ink); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb-g { translate: 0px 0.8px; }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb-st { font-size: 14px; }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb-tx { font-size: calc(14px * var(--press)); transition: --press .19s var(--ease-press); }
.dbx :is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg):is(#remStatusSeg, #propStatusSeg, #tnStatusSeg, #vmStatusSeg, #prevStatusSeg, #inspStatusSeg, #vcStatusSeg, #docAgeSeg, #apStageSeg, #apLeadSeg, #calViewSwitch, #cnStatusSeg, #payRollCard .pay-seg, #depStatusSeg, #rptFcSeg, #rptDeqSeg, #rptDeskSeg, #taxYearSwitch, #lpxStateSeg) .pfb:active:hover + .pfb-in .pfb-tx { --press: .96; }
.dbx .strip { position: relative; display: flex; align-items: center; row-gap: 4px; column-gap: 4px; transform: translateY(0.62px); }
@property --bp { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --pp { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --pl { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --pr { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --pw { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --iy { syntax: "<length>"; inherits: false; initial-value: 0px; }
.dbx .pg { position: relative; display: flex; }
.dbx .pg-btn { display: flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; color: var(--muted); font-family: "Fira Sans", Outfit, sans-serif; font-size: 13px; font-weight: 600; line-height: normal; font-variant-numeric: tabular-nums; cursor: pointer; position: relative; transition-behavior: normal; transition-duration: 0.19s; transition-timing-function: cubic-bezier(0.3, 0.5, 0.2, 1); transition-delay: 0s; transition-property: --bp; }
.dbx .pg-btn::before { content: ""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; clip-path: inset(calc(5% * var(--bp)) round calc(7px * (1 - .1 * var(--bp)))); transition: background .2s var(--ease-out); }
.dbx .pg-btn:hover:not(:disabled):not(.on)::before { background: color-mix(in srgb,var(--ink) 6%,transparent); }
.dbx .pg-btn:active:hover:not(:disabled) { --bp: 1; }
.dbx .pg-btn:active:hover:not(:disabled):not(.on)::before { background: color-mix(in srgb,var(--ink) 9%,transparent); }
.dbx .pg-btn.on { cursor: default; }
.dbx .pg { z-index: 1; }
.dbx .pg-ind { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; pointer-events: none; translate: 0 var(--iy); transition: --pl .3s var(--ease-out),--pr .3s var(--ease-out),--pw .3s var(--ease-out),--iy .3s var(--ease-out),--pp .19s cubic-bezier(.3,.5,.2,1); }
.dbx .pg-ind i { position: absolute; display: block; }
.dbx .pg-ind-sh { top: -4px; right: 0px; bottom: -4px; left: 0px; filter: blur(1px); }
.dbx .pg-ind-sh b { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: block; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(20, 24, 29, 0.07); clip-path: inset(calc(4px + 1.5px * var(--pp) + 1px) calc(var(--pr) + var(--pw) * .05 * var(--pp)) calc(4px + 1.5px * var(--pp) - 1px) calc(var(--pl) + var(--pw) * .05 * var(--pp)) round calc(7px * (1 - .1 * var(--pp)))); }
.dbx .pg-ind-o { top: 0px; right: 0px; bottom: 0px; left: 0px; clip-path: inset(calc(5% * var(--pp)) calc(var(--pr) + var(--pw) * .05 * var(--pp)) calc(5% * var(--pp)) calc(var(--pl) + var(--pw) * .05 * var(--pp)) round calc(7px * (1 - .1 * var(--pp)))); background: linear-gradient(var(--border),var(--border)),var(--card); }
.dbx .pg-ind-i { top: 0px; right: 0px; bottom: 0px; left: 0px; clip-path: inset(calc(5% * var(--pp) + 1px) calc(var(--pr) + var(--pw) * .05 * var(--pp) + 1px) calc(5% * var(--pp) + 1px) calc(var(--pl) + var(--pw) * .05 * var(--pp) + 1px) round calc(7px * (1 - .1 * var(--pp)) - 1px)); background: var(--card); }
.dbx .strip:has(.pg-btn.on:active:hover) .pg-ind { --pp: 1; }
.dbx .pg-btn:disabled { cursor: default; }
.dbx .pg-btn.nav { padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; font-family: Outfit, sans-serif; font-size: 15px; line-height: 1; }
.dbx .pg-sz { visibility: hidden; font-style: normal; line-height: 1; }
.dbx .pg-in { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; justify-content: center; pointer-events: none; color: var(--muted); font-family: "Fira Sans", Outfit, sans-serif; font-size: 13px; font-weight: 600; line-height: normal; font-variant-numeric: tabular-nums; transition: color .3s var(--ease-out),opacity .2s var(--ease-out); }
.dbx .pg-in.nav { font-family: Outfit, sans-serif; font-size: 15px; line-height: 1; }
.dbx .pg-btn:hover:not(:disabled) + .pg-in, .dbx .pg-btn.on + .pg-in { color: var(--ink); }
.dbx .pg-btn:disabled + .pg-in { opacity: 0.35; }
.dbx .pg-fig { display: block; font-style: normal; line-height: 1; }
.dbx .pg-in.num .pg-fig { position: relative; top: calc(var(--dy,.0239em) + var(--fy,0px)); transform: translateX(var(--dx,0em)); }
.dbx .pg-btn.num::before { translate: 0 var(--by,0px); }
.dbx .pg-in.nav .pg-fig { position: relative; top: var(--ay,-.1199em); }
.dbx .pg-in.prev .pg-fig { transform: translateX(-0.0087em); --ay: -.0799em; }
.dbx .pg-in.next .pg-fig { transform: translateX(0.0221em); --ay: -.0932em; }
@media (prefers-reduced-motion: reduce) { .dbx .pg-btn, .dbx .pg-in, .dbx .pg-ind { transition-behavior: normal; transition-duration: 0s; transition-timing-function: ease; transition-delay: 0s; transition-property: none; } }
.dbx .pt-foot > .strip { flex-shrink: 0; }
@property --swl { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --swr { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --swp { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --swb { syntax: "<number>"; inherits: false; initial-value: 0; }
@property --swq { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --pm-ddp { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --swt { syntax: "<color>"; inherits: true; initial-value: #14181D; }
@property --mbp { syntax: "<number>"; inherits: true; initial-value: 1; }
@property --pm-bp { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --pm-pp { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --pm-pl { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --pm-pr { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --pm-pw { syntax: "<length-percentage>"; inherits: true; initial-value: 0%; }
@property --pm-iy { syntax: "<length>"; inherits: false; initial-value: 0px; }
@keyframes rlPopIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes rlPopOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes rlOptIn { 0% { opacity: 0; transform: translateY(3px); } 100% { opacity: 1; transform: translateY(0px); } }
.dbx .strip { position: relative; display: flex; align-items: center; row-gap: 4px; column-gap: 4px; transform: translateY(0.62px); }