/* SIMSAR_PROPERTY_REQUEST_UI_V22_4
   Premium presentation layer for the existing V3 property-request workflow. */

#simsarV3PropertyRequestModal.simsar-v3-modal{
  padding:28px !important;
  background:
    radial-gradient(circle at 14% 8%,rgba(233,55,43,.08),transparent 24%),
    rgba(21,31,47,.58) !important;
  backdrop-filter:blur(12px) saturate(108%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(108%) !important;
}

#simsarV3PropertyRequestModal .modal-panel{
  width:min(970px,calc(100vw - 48px)) !important;
  max-width:970px !important;
  max-height:min(920px,calc(100vh - 48px)) !important;
  overflow:hidden !important;
  border:1px solid #e3e8ee !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:
    0 34px 100px rgba(6,16,30,.28),
    0 10px 28px rgba(6,16,30,.12) !important;
  color:#17233a !important;
}

#simsarV3PropertyRequestModal .modal-head{
  min-height:92px !important;
  padding:19px 25px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  border-bottom:1px solid #e9edf2 !important;
  background:
    linear-gradient(180deg,#fff 0%,#fff 78%,#fcfdff 100%) !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-head-left{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}

#simsarV3PropertyRequestModal .simsar-pr224-logo{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:block;
  object-fit:cover;
  border-radius:13px;
  box-shadow:0 7px 18px rgba(226,54,40,.16);
}

#simsarV3PropertyRequestModal .simsar-pr224-title-wrap{
  min-width:0;
}

#simsarV3PropertyRequestModal .modal-head h2{
  margin:0 !important;
  color:#15213a !important;
  font-size:25px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:-.45px !important;
}

#simsarV3PropertyRequestModal .modal-head p{
  margin:5px 0 0 !important;
  color:#718097 !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.45 !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-head-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}

#simsarV3PropertyRequestModal .simsar-pr224-time{
  min-height:34px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #ffd8d3;
  border-radius:999px;
  background:#fff2f0;
  color:#d83c31;
  font-size:10.5px;
  font-weight:850;
  white-space:nowrap;
}

#simsarV3PropertyRequestModal .simsar-pr224-time svg{
  width:15px;
  height:15px;
  stroke:currentColor;
}

#simsarV3PropertyRequestModal .modal-head .close{
  position:static !important;
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dfe6ee !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#1f2d44 !important;
  font-size:24px !important;
  line-height:1 !important;
  cursor:pointer !important;
  transition:.15s ease !important;
}

#simsarV3PropertyRequestModal .modal-head .close:hover{
  background:#f8fafc !important;
  border-color:#ccd5df !important;
  transform:translateY(-1px);
}

#simsarV3PropertyRequestModal .modal-body{
  max-height:calc(100vh - 166px) !important;
  overflow:auto !important;
  padding:17px 25px 20px !important;
  background:#fff !important;
}

#simsarV3PropertyRequestModal .simsar-v3-form{
  display:block !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-section{
  padding:0 0 16px;
  margin:0 0 16px;
  border-bottom:1px solid #e9edf2;
}

#simsarV3PropertyRequestModal .simsar-pr224-section:last-of-type{
  border-bottom:0;
  margin-bottom:8px;
  padding-bottom:0;
}

#simsarV3PropertyRequestModal .simsar-pr224-section-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 11px;
}

#simsarV3PropertyRequestModal .simsar-pr224-section-icon{
  width:33px;
  height:33px;
  flex:0 0 33px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff0ee;
  color:#df4437;
}

#simsarV3PropertyRequestModal .simsar-pr224-section-icon svg{
  width:17px;
  height:17px;
  stroke:currentColor;
}

#simsarV3PropertyRequestModal .simsar-pr224-section-copy strong{
  display:block;
  color:#1f2e47;
  font-size:13px;
  font-weight:900;
  line-height:1.2;
}

#simsarV3PropertyRequestModal .simsar-pr224-section-copy span{
  display:block;
  margin-top:2px;
  color:#8490a2;
  font-size:10px;
  font-weight:650;
  line-height:1.35;
}

#simsarV3PropertyRequestModal .simsar-pr224-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px 20px;
}

#simsarV3PropertyRequestModal .simsar-pr224-field{
  display:grid !important;
  gap:6px !important;
  min-width:0 !important;
  margin:0 !important;
  color:#33435b !important;
  font-size:11px !important;
  font-weight:850 !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-field.full{
  grid-column:1/-1 !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-label{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:16px;
}

#simsarV3PropertyRequestModal .simsar-pr224-required{
  color:#e2382c;
  font-weight:950;
}

#simsarV3PropertyRequestModal .simsar-pr224-control{
  position:relative;
  min-width:0;
}

#simsarV3PropertyRequestModal .simsar-pr224-control-icon{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  z-index:2;
  width:43px;
  display:grid;
  place-items:center;
  pointer-events:none;
  color:#52647e;
  border-right:1px solid #e5eaf0;
}

#simsarV3PropertyRequestModal .simsar-pr224-control-icon svg{
  width:17px;
  height:17px;
  stroke:currentColor;
}

#simsarV3PropertyRequestModal .simsar-pr224-field input,
#simsarV3PropertyRequestModal .simsar-pr224-field select,
#simsarV3PropertyRequestModal .simsar-pr224-field textarea{
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  border:1px solid #d6dee8 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#17233a !important;
  font-family:inherit !important;
  font-size:12.5px !important;
  font-weight:650 !important;
  outline:0 !important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.02),
    inset 0 0 0 1000px #fff !important;
  transition:.15s ease !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-field input,
#simsarV3PropertyRequestModal .simsar-pr224-field select{
  height:43px !important;
  min-height:43px !important;
  padding:0 12px 0 54px !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-field textarea{
  min-height:78px !important;
  max-height:160px !important;
  padding:11px 42px 22px 54px !important;
  resize:vertical !important;
  line-height:1.5 !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-field input:focus,
#simsarV3PropertyRequestModal .simsar-pr224-field select:focus,
#simsarV3PropertyRequestModal .simsar-pr224-field textarea:focus{
  border-color:#ef8f87 !important;
  box-shadow:
    0 0 0 3px rgba(233,55,43,.075),
    inset 0 0 0 1000px #fff !important;
}

#simsarV3PropertyRequestModal input:-webkit-autofill,
#simsarV3PropertyRequestModal input:-webkit-autofill:hover,
#simsarV3PropertyRequestModal input:-webkit-autofill:focus{
  -webkit-text-fill-color:#17233a !important;
  -webkit-box-shadow:0 0 0 1000px #fff inset !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-money{
  padding-right:58px !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-suffix{
  position:absolute;
  top:1px;
  right:1px;
  bottom:1px;
  min-width:52px;
  display:grid;
  place-items:center;
  border-left:1px solid #e6eaf0;
  border-radius:0 9px 9px 0;
  background:#f8fafc;
  color:#53647d;
  font-size:10px;
  font-weight:850;
  pointer-events:none;
}

#simsarV3PropertyRequestModal .simsar-pr224-number-shell{
  display:grid;
  grid-template-columns:43px 1fr 43px;
  align-items:stretch;
  min-height:43px;
  border:1px solid #d6dee8;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}

#simsarV3PropertyRequestModal .simsar-pr224-number-shell:focus-within{
  border-color:#ef8f87;
  box-shadow:0 0 0 3px rgba(233,55,43,.075);
}

#simsarV3PropertyRequestModal .simsar-pr224-number-shell input{
  height:41px !important;
  min-height:41px !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  text-align:center !important;
  box-shadow:none !important;
  -moz-appearance:textfield;
}

#simsarV3PropertyRequestModal .simsar-pr224-number-shell input::-webkit-outer-spin-button,
#simsarV3PropertyRequestModal .simsar-pr224-number-shell input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

#simsarV3PropertyRequestModal .simsar-pr224-step{
  border:0;
  background:#fafbfd;
  color:#27374f;
  font:inherit;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
}

#simsarV3PropertyRequestModal .simsar-pr224-step:first-child{
  border-right:1px solid #e7ebf0;
}

#simsarV3PropertyRequestModal .simsar-pr224-step:last-child{
  border-left:1px solid #e7ebf0;
}

#simsarV3PropertyRequestModal .simsar-pr224-step:hover{
  background:#f2f5f8;
  color:#df4437;
}

#simsarV3PropertyRequestModal .simsar-pr224-count{
  position:absolute;
  right:10px;
  bottom:7px;
  z-index:3;
  color:#8995a6;
  font-size:9px;
  font-weight:750;
  pointer-events:none;
}

#simsarV3PropertyRequestModal #simsarV3ReqSubmit{
  width:100% !important;
  min-height:49px !important;
  margin:4px 0 0 !important;
  border:0 !important;
  border-radius:12px !important;
  background:
    linear-gradient(90deg,#ff4927 0%,#df251f 100%) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:-.05px !important;
  box-shadow:
    0 10px 24px rgba(226,54,40,.21),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  cursor:pointer !important;
  transition:.16s ease !important;
}

#simsarV3PropertyRequestModal #simsarV3ReqSubmit:before{
  content:"↗";
  display:inline-block;
  margin-right:8px;
  font-size:17px;
  transform:rotate(-25deg);
  vertical-align:-1px;
}

#simsarV3PropertyRequestModal #simsarV3ReqSubmit:hover:not(:disabled){
  transform:translateY(-1px);
  box-shadow:
    0 13px 28px rgba(226,54,40,.28),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

#simsarV3PropertyRequestModal #simsarV3ReqSubmit:disabled{
  opacity:.72 !important;
  cursor:wait !important;
}

#simsarV3PropertyRequestModal .simsar-pr224-secure{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:9px;
  color:#7d899b;
  font-size:9.5px;
  font-weight:650;
  text-align:center;
}

#simsarV3PropertyRequestModal .simsar-pr224-secure svg{
  width:14px;
  height:14px;
  stroke:#587089;
}

@media(max-width:760px){
  #simsarV3PropertyRequestModal.simsar-v3-modal{
    padding:9px !important;
    align-items:flex-end !important;
  }

  #simsarV3PropertyRequestModal .modal-panel{
    width:100% !important;
    max-height:calc(100vh - 18px) !important;
    border-radius:20px !important;
  }

  #simsarV3PropertyRequestModal .modal-head{
    min-height:78px !important;
    padding:14px 15px !important;
  }

  #simsarV3PropertyRequestModal .simsar-pr224-logo{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  #simsarV3PropertyRequestModal .modal-head h2{
    font-size:20px !important;
  }

  #simsarV3PropertyRequestModal .modal-head p{
    font-size:10px !important;
  }

  #simsarV3PropertyRequestModal .simsar-pr224-time{
    display:none;
  }

  #simsarV3PropertyRequestModal .modal-body{
    max-height:calc(100vh - 104px) !important;
    padding:14px 15px 18px !important;
  }

  #simsarV3PropertyRequestModal .simsar-pr224-grid{
    grid-template-columns:1fr;
    gap:11px;
  }

  #simsarV3PropertyRequestModal .simsar-pr224-field.full{
    grid-column:auto !important;
  }
}