/* house-popups.css: house style for every modal, drilldown, popover, drawer and dropdown.
   Every rule is prefixed  html:root[data-design-mode][data-theme][data-palette] body#opt-house  (see house.css);
   the body id is how we outrank the legacy sheets, which lean on ID selectors and !important.
   Sections:
     0. backdrops            5. section labels        10. tables inside popups
     1. panels               6. buttons (pills)       11. dashboard drilldowns (dm-modal, am-drill)
     2. headers and titles   7. inputs and selects    12. ce2 clean-edit modal
     3. close buttons        8. form layout           13. small popups: popover, tooltip, dropdown, offcanvas,
     4. footers              9. inner blocks, rows,       score-popover, cmov-popover, sl-drawer, hg overlays
                                badges and chips       14. nx-select (custom select) inside popups            */

/* ---- 0. backdrops --------------------------------------------------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-backdrop, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-backdrop.show,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal-backdrop, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-overlay, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-overlay, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-overlay,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-backdrop, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-shroud, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-overlay, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal.cm-modal-backdrop,
html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal-overlay"], html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal-backdrop"], html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="-shroud"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas-backdrop {
  background: rgba(21, 22, 26, .45) !important;
  background-image: none !important;
  backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-backdrop.show, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas-backdrop.show { opacity: 1 !important; }

/* ---- 1. panels ------------------------------------------------------------ */
html:root[data-design-mode][data-theme][data-palette] body#opt-house div.modal-content, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-content, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal .modal-content,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel.am-drill-panel--wide, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas,
html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal-overlay"] > [class*="modal"]:not([class*="overlay"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal-backdrop"] > [class*="modal"]:not([class*="backdrop"]) {
  background: var(--hs-paper) !important;
  background-image: none !important;
  color: var(--hs-ink) !important;
  border: 1px solid var(--hs-line) !important;
  border-radius: var(--hs-radius-card) !important;
  box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important;
  font-family: var(--hs-font-body) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  overflow: hidden;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-content { overflow: visible; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-content > form { border-radius: inherit; overflow: hidden; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas { border-radius: 0 !important; border-width: 0 0 0 1px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas.offcanvas-start { border-width: 0 1px 0 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-body, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__body, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-body, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-body, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-body, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-panes, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas-body {
  color: var(--hs-ink) !important; font-size: 14px; line-height: 1.5;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-body { padding: 22px 24px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-body::-webkit-scrollbar, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__body::-webkit-scrollbar, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-body::-webkit-scrollbar, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-panes::-webkit-scrollbar { width: 6px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-body::-webkit-scrollbar-thumb, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__body::-webkit-scrollbar-thumb, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-body::-webkit-scrollbar-thumb, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-panes::-webkit-scrollbar-thumb { background: #e2ddc9; border-radius: 3px; }

/* ---- 2. headers and titles ------------------------------------------------ */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-header, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-header.modal-header-dark, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__head, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-head, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-header, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-header,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-head, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-modal__head, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas-header {
  background: transparent !important; background-image: none !important;
  border-bottom: 1px solid var(--hs-line) !important;
  padding: 20px 24px 16px !important;
  align-items: center !important;
  color: var(--hs-ink) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-header.py-2 { padding: 16px 24px 14px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-title, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-title, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal h3, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-header h2, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas-title,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .modal-title {
  font-family: var(--hs-font-display) !important; font-weight: 500 !important; font-size: 26px !important;
  line-height: 1.1 !important; letter-spacing: 0 !important; color: var(--hs-ink) !important; margin: 0 !important;
  text-transform: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-title .bi, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-title svg { width: 18px; height: 18px; font-size: 18px; vertical-align: -2px; color: var(--hs-ink-mute); margin-right: 4px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-title { margin: 0 0 18px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal h3 { margin: 0 0 18px !important; padding-bottom: 14px; border-bottom: 1px solid var(--hs-line); }
/* compact drilldown titles: Inter Tight 800 17px */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__title, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-title, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-header h3, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-title, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-modal__title {
  font-family: var(--hs-font-body) !important; font-weight: 800 !important; font-size: 17px !important;
  letter-spacing: -.01em !important; line-height: 1.2 !important; color: var(--hs-ink) !important; margin: 0 !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-title .ce2-title__lead { color: var(--hs-ink-mute) !important; font-weight: 600 !important; font-family: var(--hs-font-body) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__subtitle, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-modal__sub {
  font-family: var(--hs-font-body) !important; font-size: 11.5px !important; font-weight: 700 !important;
  letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--hs-ink-mute) !important;
}

/* ---- 3. close buttons: round 36px white with border ----------------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-header .btn-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .btn-close {
  box-sizing: border-box !important; width: 36px !important; height: 36px !important; padding: 0 !important; margin: 0 0 0 auto !important;
  border-radius: 50% !important; border: 1px solid var(--hs-line-strong) !important;
  background: var(--hs-paper) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2315161a'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 11px no-repeat !important;
  opacity: 1 !important; filter: none !important;
  box-shadow: var(--hs-shadow-input) !important; transition: border-color .15s, background-color .15s !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-close,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-modal__close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-close, html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal"] [class*="-close"]:not(.btn-close):not(.toast-close) {
  box-sizing: border-box !important; width: 36px !important; height: 36px !important; padding: 0 !important; flex: 0 0 36px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border-radius: 50% !important; background: var(--hs-paper) !important; border: 1px solid var(--hs-line-strong) !important;
  color: var(--hs-ink-soft) !important; font-size: 18px !important; line-height: 1 !important; font-family: var(--hs-font-body) !important;
  box-shadow: var(--hs-shadow-input) !important; cursor: pointer; transition: border-color .15s, background .15s !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-close:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__close:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-close:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-close:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-close:hover,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-close:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-modal__close:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-close:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-close:hover {
  background-color: #fdfcf6 !important; border-color: var(--hs-line-hover) !important; color: var(--hs-ink) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__close svg, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-close svg, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-close svg, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-close i { width: 14px; height: 14px; font-size: 14px; }

/* ---- 4. footers ----------------------------------------------------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-footer, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-footer, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-foot, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-footer, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-modal__foot, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-foot {
  background: transparent !important; background-image: none !important;
  border-top: 1px solid var(--hs-line) !important;
  padding: 16px 24px !important; gap: 10px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important;
  flex-wrap: wrap;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-footer.py-2 { padding: 14px 24px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-footer > * { margin: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-footer { margin-top: 22px !important; padding: 16px 0 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer { margin-top: 20px !important; padding: 16px 0 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-foot { justify-content: flex-start !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-status { flex: 1 1 auto !important; font-family: var(--hs-font-body) !important; font-size: 12.5px !important; color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-status.is-dirty { color: var(--hs-warn) !important; }

/* ---- 5. section labels: Inter Tight 11.5px 700 uppercase, never mono ------ */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal label:not(.form-check-label):not(.btn):not(.switch):not(.toggle),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__section-title, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-section-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field label,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-fieldset legend, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-fieldset label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-section,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-field__label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-section, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-field-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-meta,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary span:last-child, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-col .am-drill-section-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__section-title .dm-section-count, html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover-header,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .form-label {
  font-family: var(--hs-font-body) !important; font-size: 11.5px !important; font-weight: 700 !important;
  letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--hs-ink-mute) !important;
  line-height: 1.3 !important; font-style: normal !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__section-title, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-section-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-section, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-section { margin: 4px 0 10px !important; display: flex; align-items: center; gap: 8px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-section { grid-column: 1 / -1; padding: 0 !important; border: 0 !important; background: transparent !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-section i, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-section i { color: var(--hs-ink-mute) !important; font-size: 13px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__section-title .dm-section-count { font-weight: 600 !important; letter-spacing: .04em !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal label:not(.form-check-label):not(.btn):not(.switch):not(.toggle), html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-field__label, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-label {
  display: block !important; margin: 0 0 6px !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-check-label { display: inline !important; font-family: var(--hs-font-body) !important; font-size: 14px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--hs-ink) !important; margin: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-text, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-help, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-field__hint, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-hint, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-hint, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-note, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .text-muted, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal small {
  font-family: var(--hs-font-body) !important; font-size: 12.5px !important; color: var(--hs-ink-mute) !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-desc { font-family: var(--hs-font-body) !important; font-size: 14px !important; color: var(--hs-ink-soft) !important; line-height: 1.5 !important; margin: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-hint code, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-body code, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal code, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal kbd, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-hint kbd {
  font-family: var(--hs-font-body) !important; font-size: 12px; background: #f1efe3 !important; color: var(--hs-ink) !important; border: 1px solid var(--hs-line) !important; border-radius: 6px !important; padding: 1px 6px !important;
}

/* ---- 6. buttons: pills ---------------------------------------------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-secondary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer .btn,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-body button, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-modal-btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer .btn,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--ghost, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-primary-opt, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-danger-opt, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-ghost-opt,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal button:not(.btn-close):not(.nx-select-trigger):not([class*="ql-"]):not(.dropdown-item):not(.nav-link):not(.accordion-button):not(.page-link):not(.nx-select-option),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal button:not(.dm-modal__close), html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel button:not(.am-drill-close), html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover .btn {
  font-family: var(--hs-font-body) !important; font-weight: 600 !important; font-size: 13.5px !important; line-height: 1.2 !important;
  padding: 9px 16px !important; min-height: 36px;
  border-radius: var(--hs-radius-pill) !important; border: 1px solid var(--hs-line-strong) !important;
  background: var(--hs-paper) !important; background-image: none !important; color: var(--hs-ink) !important;
  box-shadow: var(--hs-shadow-input) !important; text-transform: none !important; letter-spacing: 0 !important;
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; cursor: pointer;
  transition: border-color .15s, background .15s, box-shadow .15s, transform .12s !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-sm, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-group-sm > .btn { padding: 7px 13px !important; font-size: 13px !important; min-height: 32px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-secondary:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--ghost:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--cancel:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-ghost-opt:hover {
  border-color: var(--hs-line-hover) !important; background: #fdfcf6 !important; color: var(--hs-ink) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn:focus-visible, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary:focus-visible, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn:focus-visible, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button:focus-visible { outline: none !important; border-color: var(--hs-yellow) !important; box-shadow: 0 0 0 4px var(--hs-yellow-ring) !important; }
/* primary (confirm) action: yellow */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--confirm, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-modal-btn--confirm, html:root[data-design-mode][data-theme][data-palette] body#opt-house #cmEditModalBackdrop .cm-modal-btn--confirm, html:root[data-design-mode][data-theme][data-palette] body#opt-house #cmMiscModal .cm-modal-btn--confirm,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-primary-opt, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-primary-opt, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-warning, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-dark, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-success:not(.btn-outline-success),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal button[type="submit"]:not(.btn-danger):not(.btn-outline-danger):not(.btn-secondary):not(.btn-link):not(.btn-outline-secondary),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .modal-footer .btn:last-child:not([data-bs-dismiss]):not(.btn-danger):not(.btn-outline-danger):not(.btn-secondary):not(.btn-outline-secondary):not(.btn-link):not(.btn-ghost-opt),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button:last-child:not([class*="danger"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer .btn-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button:last-child:not([class*="danger"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn--primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn.primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button.on, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn.is-on, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn.is-active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn.active {
  background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; color: #1a1700 !important;
  box-shadow: 0 8px 20px -10px rgba(244, 197, 24, .9) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--primary:hover:not(:disabled), html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--confirm:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-modal-btn--confirm:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house #cmEditModalBackdrop .cm-modal-btn--confirm:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house #cmMiscModal .cm-modal-btn--confirm:hover,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-primary-opt:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-primary-opt:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-primary:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-warning:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-dark:hover,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal button[type="submit"]:not(.btn-danger):not(.btn-outline-danger):not(.btn-secondary):not(.btn-link):hover,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .modal-footer .btn:last-child:not([data-bs-dismiss]):not(.btn-danger):not(.btn-outline-danger):not(.btn-secondary):not(.btn-outline-secondary):not(.btn-link):hover,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button:last-child:not([class*="danger"]):hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button:last-child:not([class*="danger"]):hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button.on:hover {
  background: var(--hs-yellow-deep) !important; border-color: var(--hs-yellow-deep) !important; color: #1a1700 !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--primary:disabled, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary:disabled, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-primary:disabled, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn:disabled, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save:disabled { opacity: .5 !important; cursor: not-allowed; box-shadow: none !important; transform: none !important; }
/* danger stays a white pill with a red edge: yellow is the only accent */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-danger-opt, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-outline-danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer [class*="danger"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn--danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--danger {
  background: var(--hs-paper) !important; border-color: rgba(224, 86, 30, .5) !important; color: var(--hs-bad) !important; box-shadow: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-danger:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .btn-danger-opt:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-danger:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-outline-danger:hover { background: #fff4ef !important; color: var(--hs-bad) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-link { border: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--hs-ink-soft) !important; text-decoration: underline; padding-left: 4px !important; padding-right: 4px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-secondary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-outline-secondary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-light, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-outline-dark { background: var(--hs-paper) !important; border-color: var(--hs-line-strong) !important; color: var(--hs-ink) !important; }
/* segmented groups become spaced pills, the active one yellow */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-group, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg { display: inline-flex !important; gap: 6px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; flex-wrap: wrap; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-group > .btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button { border-radius: var(--hs-radius-pill) !important; margin: 0 !important; flex: 1 1 auto; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button { padding: 6px 12px !important; min-height: 30px; font-size: 12.5px !important; flex: 0 0 auto; border: 1px solid var(--hs-line-strong) !important; background: var(--hs-paper) !important; color: var(--hs-ink) !important; width: auto !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-check:checked + .btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-check:checked + .btn-outline-dark, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn.active { background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; color: #1a1700 !important; box-shadow: 0 8px 20px -10px rgba(244, 197, 24, .9) !important; }
/* icon-only square buttons inside modals stay round */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn-icon, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .icon-btn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal [class*="icon-btn"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .btn.btn-icon { width: 36px !important; height: 36px !important; padding: 0 !important; border-radius: 50% !important; }
/* ce2 rail tabs: pills, the active one yellow (same language as the sidebar nav) */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-tab, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cmov-modal-tab {
  font-family: var(--hs-font-body) !important; font-weight: 600 !important; font-size: 14px !important; border-radius: var(--hs-radius-pill) !important;
  border: 1px solid transparent !important; background: transparent !important; color: var(--hs-ink-soft) !important; box-shadow: none !important; padding: 10px 14px !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-tab:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cmov-modal-tab:hover { background: var(--hs-paper) !important; border-color: var(--hs-line) !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-tab.is-active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cmov-modal-tab.active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cmov-modal-tab.is-active { background: var(--hs-yellow) !important; color: #1a1700 !important; border-color: var(--hs-yellow) !important; box-shadow: 0 8px 20px -10px rgba(244, 197, 24, .9) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-tab.is-active i, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cmov-modal-tab.is-active i { color: #1a1700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cmov-modal-tab.is-active::before { display: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-rail, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cmov-modal-rail { background: #fcfbf6 !important; border-right: 1px solid var(--hs-line) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill { border-radius: var(--hs-radius-pill) !important; font-family: var(--hs-font-body) !important; font-weight: 600 !important; border: 1px solid var(--hs-line-strong) !important; background: var(--hs-paper) !important; color: var(--hs-ink) !important; box-shadow: var(--hs-shadow-input) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill i { color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill:hover { border-color: var(--hs-line-hover) !important; background: #fdfcf6 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill.is-active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill.active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill[aria-pressed="true"] { background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; color: #1a1700 !important; box-shadow: 0 8px 20px -10px rgba(244, 197, 24, .9) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill.is-active i, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill.active i { color: #1a1700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn--yes.is-on, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn--no.is-on { background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; color: #1a1700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq { background: #fcfbf6 !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-tile) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-switch__track { border-radius: var(--hs-radius-pill) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-switch.is-on .ce2-switch__track, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-switch[aria-checked="true"] .ce2-switch__track { background: var(--hs-yellow) !important; }

/* ---- 7. inputs and selects: 14px radius, yellow focus ring ---------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not(.btn-check):not(.form-check-input),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field textarea,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-label input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-body input:not([type="checkbox"]):not([type="radio"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-body select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal input:not([type="checkbox"]):not([type="radio"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal textarea,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .opt-prompt-input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .form-control, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .form-select {
  font-family: var(--hs-font-body) !important; font-size: 14px !important; line-height: 1.4 !important; color: var(--hs-ink) !important;
  background-color: var(--hs-paper) !important; background-image: none;
  border: 1px solid var(--hs-line-strong) !important; border-radius: var(--hs-radius-input) !important;
  box-shadow: var(--hs-shadow-input) !important; outline: none !important; padding: 10px 14px !important; min-height: 42px;
  width: 100% !important; max-width: 100% !important; display: block; box-sizing: border-box !important;
  transition: border-color .18s, box-shadow .18s !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-textarea, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal textarea { min-height: 96px; resize: vertical; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-select:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-input:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-input:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-select:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field input:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field select:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-textarea:hover { border-color: #d8cfac !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal textarea:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal textarea:focus,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field textarea:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-label input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-body input:focus,
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal textarea:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-textarea:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .opt-modal-content .opt-prompt-input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .form-control:focus {
  border-color: var(--hs-yellow) !important; box-shadow: 0 0 0 4px var(--hs-yellow-ring) !important; outline: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control::placeholder, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal textarea::placeholder, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-input::placeholder, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-input::placeholder, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field input::placeholder, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-textarea::placeholder, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-label input::placeholder { color: #b7b3a6 !important; opacity: 1 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal select:not([multiple]):not([size]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal select:not([multiple]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal select:not([multiple]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-body select {
  appearance: none !important; -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8d96' stroke-width='2.4' stroke-linecap='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 15px !important; padding-right: 38px !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control-sm, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-select-sm { border-radius: 12px !important; font-size: 13px !important; padding: 7px 12px !important; min-height: 34px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control.is-invalid, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control.err, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-input.is-invalid { border-color: var(--hs-bad) !important; box-shadow: 0 0 0 4px rgba(224, 86, 30, .15) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control[type="file"] { padding: 6px 8px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-control[type="file"]::file-selector-button { font-family: var(--hs-font-body); font-weight: 600; font-size: 13px; border: 1px solid var(--hs-line-strong); background: #fcfbf6; color: var(--hs-ink); border-radius: 999px; padding: 6px 12px; margin-right: 12px; cursor: pointer; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-check-input { width: 18px !important; height: 18px !important; margin-top: 0 !important; border: 1px solid var(--hs-line-strong) !important; border-radius: 6px !important; box-shadow: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-check-input:checked { background-color: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%231a1700' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-check-input[type="radio"] { border-radius: 50% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-check-input:focus { box-shadow: 0 0 0 4px var(--hs-yellow-ring) !important; border-color: var(--hs-yellow) !important; }
/* input groups: keep the joined edge, radius on the outer corners only */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group:not([style*="display"]) { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; width: 100%; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .form-control, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .form-select { flex: 1 1 auto !important; width: 1% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .form-control:not(:last-child), html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .form-select:not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .btn:last-child, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .input-group-text:last-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-top-right-radius: var(--hs-radius-input) !important; border-bottom-right-radius: var(--hs-radius-input) !important; margin-left: -1px; min-height: 42px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .input-group-text:first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: var(--hs-radius-input) !important; border-bottom-left-radius: var(--hs-radius-input) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group > .input-group-text:first-child + .form-control { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .input-group-text { background: #fcfbf6 !important; border: 1px solid var(--hs-line-strong) !important; color: var(--hs-ink-mute) !important; font-family: var(--hs-font-body) !important; font-size: 13.5px !important; border-radius: var(--hs-radius-input) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-affix { position: relative; border: 0 !important; background: transparent !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-affix .ce2-input, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-input--affixed { padding-left: 30px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-affix__sign { font-family: var(--hs-font-body) !important; font-size: 14px !important; color: var(--hs-ink-mute) !important; left: 14px !important; }

/* ---- 8. form layout: label above field, full-width fields, 16px gaps ----- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .mb-3, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .form-group, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .mb-2, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .mb-4 { margin-bottom: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .modal-body > .mb-3:last-child, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .modal-body > .row:last-child > [class*="col"] > .mb-3:last-child { margin-bottom: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .row { display: flex !important; flex-wrap: wrap !important; margin-left: -8px !important; margin-right: -8px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .row > [class*="col"] { padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box; min-width: 0; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .row > [class*="col"].mb-3 { margin-bottom: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-md-6, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-xl .row > .col-md-6, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-6, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-xl .row > .col-6 { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-md-4, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-xl .row > .col-md-4, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-4 { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; width: 33.3333% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-md-8, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-xl .row > .col-md-8, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-8 { flex: 0 0 66.6667% !important; max-width: 66.6667% !important; width: 66.6667% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-md-3, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-xl .row > .col-md-3, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-3 { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-md-9, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-xl .row > .col-md-9 { flex: 0 0 75% !important; max-width: 75% !important; width: 75% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg .row > .col-md-12, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog .row > .col-12 { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog:not(.modal-lg):not(.modal-xl) .row > .col-md-6, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog:not(.modal-lg):not(.modal-xl) .row > .col-6 { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog:not(.modal-lg):not(.modal-xl) .row > .col-md-4, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog:not(.modal-lg):not(.modal-xl) .row > .col-md-8, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog:not(.modal-lg):not(.modal-xl) .row > .col-md-3, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog:not(.modal-lg):not(.modal-xl) .row > .col-md-9 { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .row.g-2, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .row.g-3 { row-gap: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog { max-width: 560px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-sm { max-width: 420px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-lg { max-width: 860px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-xl { max-width: 1140px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal-dialog.modal-fullscreen { max-width: none; }
/* custom-family grids */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-grid, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-grid, html:root[data-design-mode][data-theme][data-palette] body#opt-house #cmEditForm { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-field--full, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-field--full { grid-column: 1 / -1 !important; }
/* :not([style*="display"]) so the page can still hide a field.
   content_map.html hides the lifecycle-conditional fields with an inline
   el.style.display = "none", which has no !important and therefore lost to this
   rule: picking Ascended left the trial question and the "why didn't they convert"
   reason on screen. Never force `display` on something JS toggles. Ben, 6 Sep 2026. */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-field:not([style*="display"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-field:not([style*="display"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field:not([style*="display"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field:not([style*="display"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-field:not([style*="display"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-label:not([style*="display"]) { display: flex !important; flex-direction: column !important; gap: 6px !important; margin: 0 0 16px !important; min-width: 0; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-field, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-edit-field { margin: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-field:last-of-type, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-field:last-of-type { margin-bottom: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-fieldset { border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-tile) !important; padding: 14px 16px !important; background: #fcfbf6 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-fieldset legend { float: none; width: auto; padding: 0 6px; margin: 0 0 6px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .gsfwrap > input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not(.btn-check):not(.form-check-input), html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal [class*="search"] > input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not(.btn-check):not(.form-check-input), html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .has-icon > input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not(.btn-check):not(.form-check-input) { padding-left: 38px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .gsfwrap .gsfico { left: 14px !important; color: var(--hs-ink-mute) !important; font-size: 14px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .d-flex.gap-2 > .form-control, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .d-flex.gap-2 > .form-select { width: auto !important; flex: 1 1 0 !important; }

/* ---- 9. inner blocks, rows, badges and chips ------------------------------ */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary.ltv-kpi, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary--rates, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal [class*="summary"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-trend-block, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel [class*="-block"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .stat-block, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .card, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .kpi-tile, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .alert, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .accordion-item, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .list-group, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .border.rounded, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .bg-light, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .dm-empty, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-empty, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .empty-state {
  background: #fcfbf6 !important; background-image: none !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-tile) !important; box-shadow: none !important; color: var(--hs-ink) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary--rates { border-style: solid !important; background: var(--hs-paper) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary { padding: 16px 14px !important; margin-bottom: 14px !important; gap: 10px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary > div { gap: 5px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-stat, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .stat-value, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .dm-stat-value {
  font-family: var(--hs-font-display) !important; font-weight: 500 !important; font-size: 26px !important; line-height: 1 !important; letter-spacing: 0 !important; color: var(--hs-ink) !important; font-variant-numeric: tabular-nums;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary--rates .am-drill-stat { font-size: 22px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-stat--good { color: var(--hs-good) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-stat--bad { color: var(--hs-bad) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-stat--warn { color: var(--hs-warn) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .dm-row, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .list-group-item, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel a.am-drill-row {
  background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-input) !important;
  padding: 12px 14px !important; margin-bottom: 8px !important; color: var(--hs-ink) !important; box-shadow: none !important; text-decoration: none !important;
  transition: border-color .15s, background .15s, transform .12s !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .list-group-item-action:hover { border-color: var(--hs-line-hover) !important; background: #fdfcf6 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row--gain { border-left: 3px solid var(--hs-good) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row--loss { border-left: 3px solid var(--hs-bad) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row__name, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .list-group-item strong { font-family: var(--hs-font-body) !important; font-size: 14.5px !important; font-weight: 600 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row__meta { font-family: var(--hs-font-body) !important; font-size: 12px !important; color: var(--hs-ink-mute) !important; margin-top: 2px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row__metric { font-family: var(--hs-font-body) !important; font-size: 12.5px !important; font-weight: 500 !important; color: var(--hs-ink-soft) !important; letter-spacing: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row__ltv { font-family: var(--hs-font-display) !important; font-weight: 500 !important; font-size: 20px !important; color: var(--hs-ink) !important; letter-spacing: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row--gain .am-drill-row__ltv { color: var(--hs-good) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-row--loss .am-drill-row__ltv { color: var(--hs-bad) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-row--new .am-drill-row__ltv, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-row--new .am-drill-row__name { color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-row--new { border-style: dashed !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-empty, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .dm-empty, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .empty-state { padding: 26px 16px !important; text-align: center; font-family: var(--hs-font-body) !important; font-size: 13.5px !important; color: var(--hs-ink-mute) !important; border-style: dashed !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-twocol { gap: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-col { background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-tile) !important; padding: 14px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-col--high { border-left: 3px solid var(--hs-good) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-col--low { border-left: 3px solid var(--hs-warn) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-col .am-drill-section-label { margin: 0 0 10px !important; padding-bottom: 10px; border-bottom: 1px solid var(--hs-line); }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-trend-block { padding: 16px 18px !important; background: var(--hs-paper) !important; margin-bottom: 14px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-trend-block text, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal svg text, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel svg text { font-family: var(--hs-font-body) !important; fill: var(--hs-ink-mute); }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-trend-block .ltv-trend-caption, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel figcaption, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel .chart-caption { font-family: var(--hs-font-body) !important; font-style: normal !important; font-size: 12px !important; color: var(--hs-ink-mute) !important; }
/* badges, pills, chips */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-health-badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel .badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-pill, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal [class*="-pill"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal [class*="-chip"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal [class*="-badge"],
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-trend-block [class*="delta"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel [class*="delta"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal [class*="delta"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-delta, html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover .badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal [class*="-pill"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal .badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal [class*="-pill"], html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal .badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .badge {
  font-family: var(--hs-font-body) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; line-height: 1 !important;
  display: inline-flex !important; align-items: center; gap: 5px; padding: 5px 10px !important; border-radius: var(--hs-radius-pill) !important; vertical-align: middle;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-pill, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-health-badge, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge:not([class*="bg-"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-secondary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-light, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-light, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-secondary { background: #f1efe3 !important; color: var(--hs-ink-soft) !important; border: 1px solid var(--hs-line) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill--good, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill.good, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-health-badge--good, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-success, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-success, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-trend-block [class*="delta"].is-up, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-delta.is-above { background: #e9f8ee !important; color: #15803d !important; border: 1px solid #c8ead3 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill--bad, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill.bad, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-health-badge--bad, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-danger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ltv-trend-block [class*="delta"].is-down, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-delta.is-below { background: #fdeee7 !important; color: #b8431a !important; border: 1px solid #f5d2c2 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill--warn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-pill.warn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-health-badge--warn, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-warning, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-warning, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-info, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-info { background: var(--hs-yellow-soft) !important; color: #6b5a00 !important; border: 1px solid rgba(244, 225, 74, .55) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.bg-dark, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .badge.text-bg-dark { background: var(--hs-ink) !important; color: #fff !important; border: 1px solid var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dash-drill-dot { width: 9px !important; height: 9px !important; border-radius: 50% !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dash-drill-dot--gain { background: var(--hs-good) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dash-drill-dot--loss { background: var(--hs-bad) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .progress { height: 6px !important; border-radius: 999px !important; background: #f1efe3 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .progress-bar { background: var(--hs-yellow) !important; border-radius: 999px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .alert { padding: 12px 14px !important; font-size: 13.5px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .alert-danger { background: #fdeee7 !important; border-color: #f5d2c2 !important; color: #8f2f0b !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .alert-success { background: #e9f8ee !important; border-color: #c8ead3 !important; color: #14532d !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .alert-warning, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .alert-info { background: var(--hs-yellow-soft) !important; border-color: rgba(244, 225, 74, .55) !important; color: #5c4d00 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nav-tabs, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nav-pills { border: 0 !important; gap: 6px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nav-tabs .nav-link, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nav-pills .nav-link { border: 1px solid transparent !important; border-radius: var(--hs-radius-pill) !important; font-family: var(--hs-font-body) !important; font-weight: 600 !important; font-size: 13.5px !important; color: var(--hs-ink-soft) !important; padding: 8px 14px !important; background: transparent !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nav-tabs .nav-link.active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nav-pills .nav-link.active { background: var(--hs-yellow) !important; color: #1a1700 !important; border-color: var(--hs-yellow) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal hr { border-color: var(--hs-line) !important; opacity: 1 !important; }

/* ---- 10. tables inside popups: cream uppercase header --------------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel table, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal table, html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover table, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas table { width: 100%; border-collapse: separate !important; border-spacing: 0; font-family: var(--hs-font-body) !important; font-size: 13.5px !important; color: var(--hs-ink) !important; border: 1px solid var(--hs-line); border-radius: var(--hs-radius-input); overflow: hidden; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table thead th, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table thead th, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel table thead th, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal table thead th, html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover table thead th, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .table > :not(caption) > * > th {
  font-family: var(--hs-font-body) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important;
  color: var(--hs-ink-mute) !important; background: #fcfbf6 !important; border-bottom: 1px solid var(--hs-line) !important; border-top: 0 !important; padding: 11px 14px !important; white-space: nowrap; text-align: left;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table thead th.num, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table thead th.num, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table thead th.text-end { text-align: right !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table tbody td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table tbody td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel table tbody td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal table tbody td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover table tbody td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .table > tbody > tr > td { padding: 11px 14px !important; border-bottom: 1px solid var(--hs-line) !important; border-top: 0 !important; color: var(--hs-ink) !important; background: transparent !important; vertical-align: middle; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table tbody tr:last-child td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table tbody tr:last-child td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel table tbody tr:last-child td { border-bottom: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table tbody tr:hover td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table tbody tr:hover td, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel table tbody tr:hover td { background: #fdfcf6 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table tbody td.num, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table tbody td.num { font-family: var(--hs-font-display) !important; font-weight: 500 !important; font-size: 17px !important; color: var(--hs-ink) !important; text-align: right !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table a.dm-client-link, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table a { color: var(--hs-ink) !important; font-weight: 600 !important; text-decoration: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-table a.dm-client-link:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal table a:hover { text-decoration: underline !important; text-decoration-color: var(--hs-yellow-deep) !important; text-decoration-thickness: 2px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .table-responsive { border-radius: var(--hs-radius-input) !important; border: 0 !important; }

/* ---- 11. dashboard drilldowns: dm-modal and am-drill panel ---------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal { max-width: 800px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__head, html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-head { align-items: center !important; gap: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-head { padding: 18px 24px 14px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__body { padding: 20px 24px 24px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-body { padding: 20px 24px 24px !important; max-height: min(74vh, 820px) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal__section { margin-bottom: 22px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel .am-drill-note, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .dm-am { font-family: var(--hs-font-body) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .dm-am { font-size: 12.5px !important; color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-summary.ltv-kpi { grid-template-columns: repeat(4, 1fr) !important; }

/* ---- 12. ce2 clean-edit modal: bring the last details in line ------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-modal { width: min(940px, 92vw) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-head { padding: 20px 24px 16px !important; gap: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-head__titles { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-panes { padding: 22px 24px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-loading { background: rgba(255, 255, 255, .8) !important; border-radius: inherit; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-spinner { border-color: var(--hs-line) !important; border-top-color: var(--hs-yellow-deep) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-permo, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage { font-family: var(--hs-font-body) !important; color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__prompt { font-family: var(--hs-font-body) !important; font-weight: 600 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__hint { font-family: var(--hs-font-body) !important; color: var(--hs-ink-mute) !important; font-size: 12.5px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-switch__label { font-family: var(--hs-font-body) !important; color: var(--hs-ink) !important; }

/* ---- 13. small popups ------------------------------------------------------ */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover { background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-tile) !important; box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important; font-family: var(--hs-font-body) !important; color: var(--hs-ink) !important; max-width: 320px; overflow: hidden; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover .popover-arrow { display: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover-header { background: #fcfbf6 !important; border-bottom: 1px solid var(--hs-line) !important; border-radius: 0 !important; padding: 10px 14px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover-body { padding: 12px 14px !important; color: var(--hs-ink) !important; font-size: 13.5px !important; line-height: 1.5; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover-body .text-muted, html:root[data-design-mode][data-theme][data-palette] body#opt-house .popover-body small { color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .tooltip .tooltip-inner { background: var(--hs-ink) !important; color: #fff !important; border-radius: 10px !important; font-family: var(--hs-font-body) !important; font-size: 12.5px !important; padding: 7px 11px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-menu { background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-input) !important; box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important; padding: 6px !important; font-family: var(--hs-font-body) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-item { border-radius: 9px !important; color: var(--hs-ink) !important; font-size: 14px !important; padding: 8px 12px !important; font-family: var(--hs-font-body) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-item:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-item:focus { background: #f1efe3 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-item.active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-item:active { background: var(--hs-yellow) !important; color: #1a1700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-header { font-family: var(--hs-font-body) !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dropdown-divider { border-color: var(--hs-line) !important; opacity: 1 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas { background: var(--hs-paper) !important; }
/* Client Brain score popover */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover { background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-input) !important; box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important; padding: 6px !important; font-family: var(--hs-font-body) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-opt { border-radius: 9px !important; font-family: var(--hs-font-body) !important; font-size: 13.5px !important; color: var(--hs-ink) !important; padding: 8px 10px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-opt:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-opt.is-current { background: #f1efe3 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-opt.is-current { box-shadow: inset 3px 0 0 var(--hs-yellow); }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-chip { border-radius: var(--hs-radius-pill) !important; font-family: var(--hs-font-body) !important; font-weight: 700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-chip.score-val-0 { background: #f1efe3 !important; color: var(--hs-ink-mute) !important; border: 1px solid var(--hs-line) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-chip.score-val-1 { background: #fdeee7 !important; color: #b8431a !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-chip.score-val-2 { background: var(--hs-yellow-soft) !important; color: #6b5a00 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-chip.score-val-3 { background: var(--hs-yellow) !important; color: #1a1700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-chip.score-val-4 { background: #e9f8ee !important; color: #15803d !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .score-popover .sp-saving { font-family: var(--hs-font-body) !important; color: var(--hs-ink-mute) !important; }
/* Client Brain overview metric popover */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover { background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-tile) !important; box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important; font-family: var(--hs-font-body) !important; color: var(--hs-ink) !important; padding: 14px 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-head { font-family: var(--hs-font-body) !important; font-weight: 700 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-value { font-family: var(--hs-font-display) !important; font-weight: 500 !important; font-size: 28px !important; color: var(--hs-ink) !important; letter-spacing: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-meta strong { color: var(--hs-ink) !important; font-weight: 700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-delta { font-family: var(--hs-font-body) !important; font-size: 11px !important; font-weight: 700 !important; border-radius: var(--hs-radius-pill) !important; padding: 4px 9px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-delta.is-equal { background: #f1efe3 !important; color: var(--hs-ink-soft) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-bar { background: #f1efe3 !important; border-radius: 999px !important; height: 6px !important; overflow: hidden; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-bar-fill { background: var(--hs-yellow) !important; border-radius: 999px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cmov-popover-bar-avg { background: var(--hs-ink) !important; }
/* Status ledger drawer rows */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-row:not([hidden]) > .sl-drawer-cell, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-row .sl-drawer-cell { background: #fcfbf6 !important; border-bottom: 1px solid var(--hs-line) !important; padding: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-inner { background: #fcfbf6 !important; border: 0 !important; border-radius: 0 !important; padding: 18px 20px !important; box-shadow: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-label { color: var(--hs-ink) !important; display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-label i { color: var(--hs-ink-mute) !important; font-size: 15px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-meta { font-family: var(--hs-font-body) !important; font-size: 12.5px !important; color: var(--hs-ink-mute) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-structured { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-req { font-family: var(--hs-font-body) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-weeknav button, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-weeknav .btn { border-radius: var(--hs-radius-pill) !important; border: 1px solid var(--hs-line-strong) !important; background: var(--hs-paper) !important; color: var(--hs-ink) !important; font-family: var(--hs-font-body) !important; font-weight: 600 !important; padding: 6px 12px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-weeknav button.is-active, html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-weeknav .btn.active { background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; color: #1a1700 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save.saved { background: var(--hs-paper) !important; border-color: rgba(22, 163, 74, .45) !important; color: var(--hs-good) !important; box-shadow: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-foot { border-top: 0 !important; padding: 12px 0 0 !important; justify-content: space-between !important; }
/* Heatmap floating overlays */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay { font-family: var(--hs-font-body) !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay .hg-card, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay-tl > div, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay-tr > div, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay-bl > div, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay-bc > div, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-action-bar, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay-profile {
  background: rgba(255, 255, 255, .96) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-tile) !important; box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important; color: var(--hs-ink) !important; backdrop-filter: blur(6px);
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay-keyword { font-family: var(--hs-font-display) !important; font-weight: 500 !important; color: var(--hs-ink) !important; letter-spacing: 0 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay-chips .hg-meta, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay .hg-chip, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay [class*="chip"] { font-family: var(--hs-font-body) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; border-radius: var(--hs-radius-pill) !important; background: #f1efe3 !important; color: var(--hs-ink-soft) !important; border: 1px solid var(--hs-line) !important; padding: 5px 10px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay button, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-action-bar button, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-action-bar .btn { border-radius: var(--hs-radius-pill) !important; border: 1px solid var(--hs-line-strong) !important; background: var(--hs-paper) !important; color: var(--hs-ink) !important; font-family: var(--hs-font-body) !important; font-weight: 600 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-overlay button.is-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-action-bar .btn-primary, html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-action-bar button.primary { background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; color: #1a1700 !important; }

/* ---- 14. nx-select (custom select) inside popups -------------------------- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-modal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal .nx-select, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal .nx-select {
  display: block !important; width: 100% !important; vertical-align: top !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-modal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .offcanvas .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal .nx-select-trigger {
  display: flex !important; align-items: center; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; min-height: 42px;
  padding: 10px 38px 10px 14px !important; font-family: var(--hs-font-body) !important; font-size: 14px !important; color: var(--hs-ink) !important;
  background: var(--hs-paper) !important; border: 1px solid var(--hs-line-strong) !important; border-radius: var(--hs-radius-input) !important; box-shadow: var(--hs-shadow-input) !important;
  text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: border-color .18s, box-shadow .18s !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nx-select-trigger::after, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal .nx-select-trigger::after, html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-modal .nx-select-trigger::after, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal .nx-select-trigger::after, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal .nx-select-trigger::after, html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .nx-select-trigger::after {
  content: "" !important; width: 15px; height: 15px; right: 13px !important; color: transparent !important; font-size: 0 !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8d96' stroke-width='2.4' stroke-linecap='round'><polyline points='6 9 12 15 18 9'/></svg>") center / 15px no-repeat;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nx-select-trigger:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal .nx-select-trigger:hover, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal .nx-select-trigger:hover { border-color: #d8cfac !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nx-select.open .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nx-select-trigger:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house .modal .nx-select-trigger:focus-visible, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-modal .nx-select.open .nx-select-trigger, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal .nx-select-trigger:focus { border-color: var(--hs-yellow) !important; box-shadow: 0 0 0 4px var(--hs-yellow-ring) !important; outline: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-select-dropdown { background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-input) !important; box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important; padding: 6px !important; font-family: var(--hs-font-body) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-select-option { border-radius: 9px !important; font-family: var(--hs-font-body) !important; font-size: 14px !important; color: var(--hs-ink) !important; padding: 8px 12px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-select-option:hover { background: #f1efe3 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-select-option.selected { background: var(--hs-yellow) !important; color: #1a1700 !important; font-weight: 600 !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-select-search, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-select-dropdown input { font-family: var(--hs-font-body) !important; border: 1px solid var(--hs-line-strong) !important; border-radius: 10px !important; padding: 7px 10px !important; margin: 0 0 6px !important; width: 100% !important; box-sizing: border-box; }

/* ---- 15. inbox New Task overlay: JS-built with inline styles, so every rule here is !important ---- */
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay { background: rgba(21, 22, 26, .45) !important; backdrop-filter: blur(3px) !important; -webkit-backdrop-filter: blur(3px) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay > div { background: var(--hs-paper) !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-radius-card) !important; box-shadow: 0 24px 70px -24px rgba(20, 22, 30, .40) !important; max-width: 640px !important; font-family: var(--hs-font-body) !important; color: var(--hs-ink) !important; overflow: hidden; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay > div > div:first-child { padding: 20px 24px 16px !important; border-bottom: 1px solid var(--hs-line) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay > div > div:first-child > div:first-child { font-family: var(--hs-font-display) !important; font-weight: 500 !important; font-size: 26px !important; line-height: 1.1 !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay > div > div:first-child > button { box-sizing: border-box !important; width: 36px !important; height: 36px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: var(--hs-paper) !important; border: 1px solid var(--hs-line-strong) !important; color: var(--hs-ink-soft) !important; font-size: 14px !important; box-shadow: var(--hs-shadow-input) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay > div > div:first-child > button:hover { background: #fdfcf6 !important; border-color: var(--hs-line-hover) !important; color: var(--hs-ink) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay > div > div:nth-child(2) { padding: 22px 24px 24px !important; gap: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay [style*="grid-template-columns"] { gap: 16px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay div[style*="text-transform:uppercase"], html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay div[style*="text-transform: uppercase"] { font-family: var(--hs-font-body) !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; color: var(--hs-ink-mute) !important; margin-bottom: 6px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay input:not([type="checkbox"]):not([type="radio"]), html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay select, html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay textarea {
  font-family: var(--hs-font-body) !important; font-size: 14px !important; color: var(--hs-ink) !important; background: var(--hs-paper) !important;
  border: 1px solid var(--hs-line-strong) !important; border-radius: var(--hs-radius-input) !important; box-shadow: var(--hs-shadow-input) !important;
  padding: 10px 14px !important; min-height: 42px; width: 100% !important; box-sizing: border-box !important; outline: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay select { appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8d96' stroke-width='2.4' stroke-linecap='round'><polyline points='6 9 12 15 18 9'/></svg>") !important; background-repeat: no-repeat !important; background-position: right 13px center !important; background-size: 15px !important; padding-right: 38px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay input:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay select:focus, html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay textarea:focus { border-color: var(--hs-yellow) !important; box-shadow: 0 0 0 4px var(--hs-yellow-ring) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay #newTaskSubmitBtn { font-family: var(--hs-font-body) !important; font-weight: 600 !important; font-size: 14px !important; padding: 11px 22px !important; border-radius: var(--hs-radius-pill) !important; background: var(--hs-yellow) !important; border: 1px solid var(--hs-yellow) !important; color: #1a1700 !important; box-shadow: 0 8px 20px -10px rgba(244, 197, 24, .9) !important; align-self: flex-end; width: auto !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay #newTaskSubmitBtn:hover { background: var(--hs-yellow-deep) !important; border-color: var(--hs-yellow-deep) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay .rich-toolbar { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 0 0 8px !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay .rich-toolbar select { width: auto !important; min-height: 0 !important; padding: 5px 26px 5px 10px !important; font-size: 12.5px !important; font-weight: 600 !important; border-radius: var(--hs-radius-pill) !important; background-position: right 9px center !important; background-size: 12px !important; box-shadow: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay .rich-toolbar button { min-width: 30px; min-height: 30px; padding: 4px 10px !important; font-size: 12.5px !important; border-radius: var(--hs-radius-pill) !important; border: 1px solid var(--hs-line-strong) !important; background: var(--hs-paper) !important; color: var(--hs-ink-soft) !important; box-shadow: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay .rich-toolbar button:hover { background: #fdfcf6 !important; color: var(--hs-ink) !important; border-color: var(--hs-line-hover) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay .rich-toolbar > span { background: var(--hs-line) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay [contenteditable="true"] { border: 1px solid var(--hs-line-strong) !important; border-radius: var(--hs-radius-input) !important; background: var(--hs-paper) !important; font-family: var(--hs-font-body) !important; font-size: 14px !important; color: var(--hs-ink) !important; padding: 10px 14px !important; min-height: 96px !important; box-shadow: var(--hs-shadow-input) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house #inboxCreateOverlay [contenteditable="true"]:focus { border-color: var(--hs-yellow) !important; box-shadow: 0 0 0 4px var(--hs-yellow-ring) !important; outline: none !important; }

/* ---- 16. plain <button> primaries and dangers: outrank house.css's generic button rule ----
   house.css styles every bare <button> as a white pill with a long :not() chain (very high specificity).
   Buttons that are not .btn and carry the modal family's own confirm/danger class need one extra id-level
   bump (:not(#hs-bump)) so the yellow or red-edge variant wins. */
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--confirm:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-modal-btn--confirm:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button:last-child:not([class*="danger"]):not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer .gmb-btn-primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-btn-primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button:last-child:not([class*="danger"]):not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer .payments-btn--primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn--primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn.primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-footer button.primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button.on:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn.is-on:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn.is-active:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill.is-active:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-action-bar button.primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-weeknav button.is-active:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal button.primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel button.primary:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal"] button[class*="primary"]:not(.btn):not([class*="danger"]):not([class*="outline"]):not([class*="secondary"]):not(#hs-bump) {
  background: var(--hs-yellow) !important; border-color: var(--hs-yellow) !important; color: #1a1700 !important;
  box-shadow: 0 8px 20px -10px rgba(244, 197, 24, .9) !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--confirm:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-emodal .cm-modal-btn--confirm:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button:last-child:not([class*="danger"]):hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer .gmb-btn-primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-btn-primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button:last-child:not([class*="danger"]):hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer .payments-btn--primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn--primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn.primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-footer button.primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gs-seg button.on:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn.is-on:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-ascq__btn.is-active:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-stage__pill.is-active:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .hg-action-bar button.primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-weeknav button.is-active:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .dm-modal button.primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .am-drill-panel button.primary:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal"] button[class*="primary"]:not(.btn):not([class*="danger"]):not([class*="outline"]):not([class*="secondary"]):hover:not(#hs-bump) {
  background: var(--hs-yellow-deep) !important; border-color: var(--hs-yellow-deep) !important; color: #1a1700 !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-danger:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn--danger:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn.danger:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--danger:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--danger:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button[class*="danger"]:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button[class*="danger"]:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal"] button[class*="danger"]:not(.btn):not(#hs-bump) {
  background: var(--hs-paper) !important; border-color: rgba(224, 86, 30, .5) !important; color: var(--hs-bad) !important; box-shadow: none !important;
}
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-danger:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn--danger:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn.danger:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--danger:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .cm-modal-btn--danger:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-footer button[class*="danger"]:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button[class*="danger"]:hover:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal"] button[class*="danger"]:not(.btn):hover:not(#hs-bump) { background: #fff4ef !important; color: var(--hs-bad) !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-btn-primary:disabled:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .ce2-btn--primary:disabled:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .sl-drawer-save:disabled:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-btn-primary:disabled:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-footer button:disabled:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-btn:disabled:not(#hs-bump),
html:root[data-design-mode][data-theme][data-palette] body#opt-house [class*="modal"] button[class*="primary"]:disabled:not(#hs-bump) { opacity: .5 !important; cursor: not-allowed !important; box-shadow: none !important; transform: none !important; }
html:root[data-design-mode][data-theme][data-palette] body#opt-house .br-modal-backdrop, html:root[data-design-mode][data-theme][data-palette] body#opt-house .gmb-modal-overlay, html:root[data-design-mode][data-theme][data-palette] body#opt-house .payments-modal-shroud, html:root[data-design-mode][data-theme][data-palette] body#opt-house .nx-modal-overlay { z-index: 1200 !important; }