/* ABM propietarios a pantalla completa (área main, menú lateral visible) — prueba */

#propiedades.propiedades--abm-open > h1,
#propiedades.propiedades--abm-open > p.muted,
#propiedades.propiedades--abm-open > .nd-toolbar,
#propiedades.propiedades--abm-open > .nd-propiedades-panels {
  display: none !important;
}

#ndModalProp.nd-modal-backdrop--inline-prop {
  position: fixed;
  inset: 0;
  left: 250px;
  z-index: 10200;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

#ndModalProp.nd-modal-backdrop--inline-prop.is-open {
  opacity: 1;
  visibility: visible;
}

#ndModalProp.nd-modal-backdrop--inline-prop .nd-modal--prop-v2 {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  border-radius: 0;
  transform: none;
  opacity: 1;
  box-shadow: none;
  border: none;
  flex: 1 1 auto;
  min-height: 0;
}

html.theme-f10 #ndModalProp.nd-modal-backdrop--inline-prop {
  background: linear-gradient(180deg, #32302e 0%, #201e1c 40%, #141211 100%);
}

html.theme-f10 #ndModalProp.nd-modal-backdrop--inline-prop .nd-modal--prop-v2 {
  border: none;
  box-shadow: none;
}

html:not(.theme-f10) #ndModalProp.nd-modal-backdrop--inline-prop {
  background: #f1f5f9;
}

#ndModalProp.nd-modal-backdrop--inline-prop .pp-close.nd-modal__close {
  font-size: 0;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 8px;
  line-height: 1;
  border: none;
  background: transparent;
  color: var(--muted, #6b7280);
}

html.theme-f10 #ndModalProp.nd-modal-backdrop--inline-prop .pp-close.nd-modal__close {
  color: #a39e95;
}

#ndModalProp.nd-modal-backdrop--inline-prop .pp-close.nd-modal__close::after {
  content: "Volver al listado";
  font-size: calc(0.88rem + var(--pp-type-bump));
  font-weight: 600;
  line-height: 1.2;
}

#ndModalProp.nd-modal-backdrop--inline-prop .pp-close.nd-modal__close:hover,
#ndModalProp.nd-modal-backdrop--inline-prop .pp-close.nd-modal__close:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  color: #ece6df;
}

html:not(.theme-f10) #ndModalProp.nd-modal-backdrop--inline-prop .pp-close.nd-modal__close:hover,
html:not(.theme-f10) #ndModalProp.nd-modal-backdrop--inline-prop .pp-close.nd-modal__close:focus-visible {
  background: rgba(0, 0, 0, 0.05);
  color: #1a1a1a;
}

@media (max-width: 900px) {
  #ndModalProp.nd-modal-backdrop--inline-prop {
    left: 0;
  }
}

@media (max-width: 720px) {
  aside {
    width: 100%;
    max-height: 42vh;
    height: auto;
    position: relative;
    z-index: 10100;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  main {
    margin-left: 0;
  }
  #ndModalProp.nd-modal-backdrop--inline-prop {
    left: 0;
    top: 42vh;
    height: calc(100vh - 42vh);
  }
}

/*
 * ABM Prop — tipografía +1px equitativa (~0.0625rem @ 16px).
 * Revertir: eliminar bloque "pp-type-bump" y bajar ?v= en propietarios-inline-abm.css.
 */
#ndModalProp {
  --pp-type-bump: 0.0625rem;
  --pp-abm-accent: #6ee7b7;
  --pp-abm-accent-soft: #a7f3d0;
  --pp-abm-accent-strong: #34d399;
}

html:not(.theme-f10) #ndModalProp {
  --pp-abm-accent: #047857;
  --pp-abm-accent-soft: #059669;
  --pp-abm-accent-strong: #065f46;
}

#ndModalProp .pp-hero-avatar {
  font-size: calc(1.15rem + var(--pp-type-bump));
  border: 1px solid transparent;
}

#ndModalProp .pp-hero-avatar.prop-hero-avatar--nuevo {
  color: #064e3b;
  background: linear-gradient(135deg, #a7f3d0 0%, #6ee7b7 60%, #34d399 100%);
  box-shadow: 0 0 0 1px rgba(16, 185, 129, 0.34), 0 0 22px 3px rgba(16, 185, 129, 0.18);
  border-color: transparent;
}

html.theme-f10 #ndModalProp .pp-hero-avatar.prop-hero-avatar--nuevo {
  color: #064e3b;
}
#ndModalProp .pp-hero-eyebrow {
  font-size: calc(0.7rem + var(--pp-type-bump));
}
#ndModalProp #propiedadFormTitulo {
  font-size: calc(1.34rem + var(--pp-type-bump));
}
#ndModalProp .pp-hero-meta {
  font-size: calc(0.84rem + var(--pp-type-bump));
}
#ndModalProp .pp-pill {
  font-size: calc(0.76rem + var(--pp-type-bump));
}
#ndModalProp:not(.nd-modal-backdrop--inline-prop) .pp-close.nd-modal__close {
  font-size: calc(1.15rem + var(--pp-type-bump));
}
#ndModalProp .pp-card__inventario {
  font-size: calc(0.78rem + var(--pp-type-bump));
}
#ndModalProp .pp-card__title {
  font-size: calc(0.68rem + var(--pp-type-bump));
}
#ndModalProp .pp-card__num {
  font-size: calc(0.72rem + var(--pp-type-bump));
}
#ndModalProp .pp-btn {
  font-size: calc(0.88rem + var(--pp-type-bump));
}
#ndModalProp .pp-status-chip {
  font-size: calc(0.66rem + var(--pp-type-bump));
}
#ndModalProp .pp-tit-mini__av {
  font-size: calc(0.95rem + var(--pp-type-bump));
}
#ndModalProp .pp-tit-mini__name {
  font-size: calc(1.02rem + var(--pp-type-bump));
}
#ndModalProp .pp-tit-mini__sub {
  font-size: calc(0.8rem + var(--pp-type-bump));
}
#ndModalProp .pp-tit-mini__btn {
  font-size: calc(0.74rem + var(--pp-type-bump));
}
#ndModalProp .pp-subsec__title {
  font-size: calc(0.66rem + var(--pp-type-bump));
}
#ndModalProp .pp-subsec__title--minor {
  font-size: calc(0.64rem + var(--pp-type-bump));
}
#ndModalProp .pp-subsec__hint {
  font-size: calc(0.74rem + var(--pp-type-bump));
}
#ndModalProp .pp-field__lbl,
#ndModalProp .pp-card__body .form-block__celda > label:not(.pp-field__lbl):not(.pp-mini-seg__btn),
#ndModalProp .form-block__celda--expensas-unidad .form-block__label-like {
  font-size: calc(0.74rem + var(--pp-type-bump));
}
#ndModalProp .pp-field__opt {
  font-size: calc(0.62rem + var(--pp-type-bump));
}
#ndModalProp .pp-mini-seg--pill .pp-mini-seg__btn--radio {
  font-size: calc(0.72rem + var(--pp-type-bump));
}
#ndModalProp .pp-mini-seg:not(.pp-mini-seg--pill) .pp-mini-seg__btn--radio {
  font-size: calc(0.7rem + var(--pp-type-bump));
}
#ndModalProp .prop-modal-titular-combo .hint,
#ndModalProp .prop-modal-titular-combo .pp-combo-hint {
  font-size: calc(0.72rem + var(--pp-type-bump));
}
#ndModalProp .pp-unit-tab {
  font-size: calc(0.82rem + var(--pp-type-bump));
}
#ndModalProp .pp-unit-tab__num {
  font-size: calc(0.7rem + var(--pp-type-bump));
}
#ndModalProp .pp-uinput-wrap input,
#ndModalProp .propietario-combo.pp-uinput-wrap--combo > input,
#ndModalProp .geo-combo.pp-uinput-wrap > input,
#ndModalProp .pp-uinput.pp-uinput--doc input,
#ndModalProp .pp-card__body .form-block__celda > input:not([type="radio"]):not([type="hidden"]):not(.pp-uinput-wrap input),
#ndModalProp .pp-card__body select,
#ndModalProp .pp-card__body textarea {
  font-size: calc(0.96rem + var(--pp-type-bump));
}
#ndModalProp .propietario-combo.pp-uinput-wrap--combo::after,
#ndModalProp .geo-combo.pp-uinput-wrap::after {
  font-size: calc(0.78rem + var(--pp-type-bump));
}
#ndModalProp .pp-type__lbl,
#ndModalProp .pp-type__otro-trigger {
  font-size: calc(0.78rem + var(--pp-type-bump));
}
#propTipoOtroMenu.pp-type__otro-menu--portal .combo-opt {
  font-size: calc(0.78rem + var(--pp-type-bump));
}
#ndModalProp .pp-card__head-actions .tx-act {
  font-size: calc(0.9rem + var(--pp-type-bump));
}
#ndModalProp .pp-card__head-actions .tx-act--ghost {
  font-size: calc(0.86rem + var(--pp-type-bump));
}
