/* Shared fields and mobile pickers. Loaded in the head so inputs are styled before JavaScript. */
.mmdai-form-field {
  min-width:0;
  max-width:100%;
  margin-bottom:18px!important;
}
.mmdai-form-field>label,.mmdai-form-field>.field-label {
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  margin-bottom:10px!important;
  padding-inline:0;
  column-gap:10px;
  row-gap:4px;
  font-family:var(--sans,system-ui,sans-serif);
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
  color:var(--ink3,#64748b);
}
.mmdai-form-field>label>.hint {
  font-family:var(--mono,ui-monospace,monospace)!important;
  font-size:10px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--ink4,#94a3b8);
}
.field-label.unit-aware>span:first-child,.field-label.unit-aware>label:first-child {
  min-width:0;
}
.mmdai-form-field>label>span:first-child,.mmdai-form-field>.field-label>span:first-child,.mmdai-form-field>.field-label>label:first-child {
  color:var(--ink2,#334155)!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
}
.mmdai-form-field>label>em:not(.field-unit),.mmdai-form-field>.field-label>em:not(.field-unit) {
  color:var(--ink4,#94a3b8)!important;
  font-style:normal!important;
}
.mmdai-form-field .input-wrap {
  box-sizing:border-box;
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  max-width:100%;
  width:100%;
}
.mmdai-form-field input[type="number"],.mmdai-form-field input[type="date"],.mmdai-form-field select {
  box-sizing:border-box;
  display:block;
  min-width:0;
  max-width:100%;
  width:100%;
  min-height:48px!important;
  padding:12px 14px!important;
  border:1px solid var(--rule,#e2e8f0)!important;
  border-radius:var(--r,10px)!important;
  background:var(--paper,#f8fafc)!important;
  color:var(--ink,#0f172a)!important;
  font-family:"DM Mono","Courier New",monospace!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:22px!important;
}
.mmdai-form-field input[type="number"] {
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
.mmdai-form-field input[type="number"]::-webkit-inner-spin-button,.mmdai-form-field input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance:none!important;
  margin:0;
}
.mmdai-form-field input[type="number"]:focus,.mmdai-form-field input[type="date"]:focus,.mmdai-form-field select:focus {
  background:var(--white,#fff)!important;
}
.toggle-row + .field,.loan-toggle + .field,.inmueble-toggle + .field,.comprador-toggle + .field,.tipo-toggle + .field,.method-toggle + .field {
  margin-top:22px!important;
}
.toggle-row + [style*="margin-top"] {
  margin-top:20px!important;
  margin-bottom:20px!important;
}
.input-section:has(> .toggle-row:last-child) {
  margin-bottom:36px!important;
}
.mmdai-form-field>label>em:not(.field-unit),.mmdai-form-field>.field-label>em:not(.field-unit) {
  font-family:var(--mono,ui-monospace,monospace)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.6!important;
}
.input-section {
  margin-bottom:24px!important;
}
.field-label.unit-aware>span:first-child,.field-label.unit-aware>label:first-child {
  grid-column:1;
  min-width:0;
}
.field-label.unit-aware>em:not(.field-unit) {
  grid-column:2;
  justify-self:end;
  text-align:right;
}
.field-label.unit-aware>.field-unit {
  grid-column:3;
  justify-self:end;
  margin:0;
  text-align:right;
}
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,button {
  min-height:44px;
}
.mobile-value-trigger,.mobile-value-dialog {
  display:none;
}
.mobile-custom-done {
  display:none;
}
@media(max-width:560px) {
  .mmdai-form-field {
    margin-bottom:20px!important;
  }
  .mmdai-form-field>label,.mmdai-form-field>.field-label {
    grid-template-columns:minmax(0,1fr) auto;
  }
  .mmdai-form-field>label>span:first-child,.mmdai-form-field>.field-label>span:first-child,.mmdai-form-field>.field-label>label:first-child {
    grid-column:1 / -1;
  }
  .mmdai-form-field>label>em:not(.field-unit),.mmdai-form-field>.field-label>em:not(.field-unit) {
    grid-column:1 / -1;
    justify-self:start;
    text-align:left;
    overflow-wrap:anywhere;
  }
  .mmdai-form-field .mobile-picker-wrap {
    display:none;
  }
  .mmdai-form-field .mobile-picker-wrap.manual-active {
    display:flex;
  }
  .mmdai-form-field input.mobile-picker-source {
    display:none!important;
  }
  .mmdai-form-field input.mobile-picker-source.mobile-manual-active {
    display:block!important;
    width:100%;
    box-sizing:border-box;
  }
  .mobile-custom-done.manual-active {
    display:block;
    width:100%;
    min-height:40px;
    margin-top:10px;
    border:0;
    border-radius:10px;
    background:var(--ink,#0f172a);
    color:var(--white,#fff);
    font:inherit;
  }
  .mobile-value-trigger {
    display:flex;
    width:100%;
    min-height:48px;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border:1px solid var(--rule,#e2e8f0);
    border-radius:var(--r,10px);
    background:var(--paper,#f8fafc);
    color:var(--ink,#0f172a);
    font:500 16px/22px "DM Mono","Courier New",monospace;
    text-align:left;
  }
  .mobile-value-trigger::after {
    content:"⌄";
    font-family:system-ui;
    font-size:18px;
    color:var(--ink3,#64748b);
  }
  .mobile-value-dialog {
    position:fixed;
    inset:0;
    z-index:10001;
    align-items:flex-end;
    overflow:hidden;
    overscroll-behavior:contain;
    background:rgba(15,23,42,.45);
  }
  .mobile-value-dialog.open {
    display:flex;
  }
  .mobile-value-sheet {
    box-sizing:border-box;
    position:relative;
    min-width:0;
    max-width:100%;
    width:100%;
    max-height:100dvh;
    padding:10px 16px calc(14px + env(safe-area-inset-bottom));
    border-radius:28px 28px 0 0;
    background:var(--white,#fff);
    box-shadow:0 -12px 32px rgba(15,23,42,.18);
  }
  .mobile-value-close {
    position:absolute;
    top:10px;
    right:12px;
    z-index:1;
    min-height:36px;
    min-width:36px;
    padding:4px;
    border:0;
    background:transparent;
    color:var(--ink3,#64748b);
    font:28px/1 system-ui;
  }
  .mobile-value-carousel {
    display:flex;
    height:min(248px,46dvh);
    flex-direction:column;
    overflow-y:auto;
    padding:92px 0;
    scroll-behavior:auto;
    scroll-snap-type:y proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    border-bottom:1px solid var(--rule,#e2e8f0);
    mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);
  }
  .mobile-value-carousel::-webkit-scrollbar {
    display:none;
  }
  .mobile-value-option {
    flex:0 0 64px;
    width:100%;
    padding:8px;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--ink,#0f172a);
    font:inherit;
    opacity:.38;
    scroll-snap-align:center;
    transition:opacity .2s ease;
  }
  .mobile-value-number {
    display:inline-block;
    padding:8px 12px;
    font-size:20px;
    line-height:1;
  }
  .mobile-value-option[aria-pressed="true"] {
    opacity:1;
    color:var(--ink,#0f172a);
  }
  .mobile-value-option[aria-pressed="true"] .mobile-value-number {
    box-shadow:inset 0 1px 0 var(--ink,#0f172a),inset 0 -1px 0 var(--ink,#0f172a);
  }
  .mobile-value-actions {
    display:flex;
    min-width:0;
    max-width:100%;
    gap:10px;
    margin-top:12px;
  }
  .mobile-value-actions>* {
    min-width:0;
    max-width:100%;
  }
  .mobile-value-apply,.mobile-value-custom {
    flex:1;
    min-height:40px;
    padding:0 10px;
    border-radius:10px;
    font:inherit;
  }
  .mobile-value-apply {
    border:0;
    background:var(--ink,#0f172a);
    color:var(--white,#fff);
  }
  .mobile-value-custom {
    border:1px solid var(--rule,#e2e8f0);
    background:transparent;
    color:var(--ink,#0f172a);
  }
}
.mmdai-form-field .has-prefix input[type="number"] {
  padding-left:28px!important;
}
.mmdai-form-field .has-suffix input[type="number"] {
  padding-right:80px!important;
}
.mmdai-form-field input[type="date"] {
  min-inline-size:0;
}