.srfq-customer-area{
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  max-width:820px;
  margin:16px auto;
  padding:14px 16px;
}

.srfq-customer-area__title{
  font-size:15px;
  font-weight:600;
  margin-bottom:10px;
}

.srfq-customer-area__notice{
  background:#ecfeff;
  border:1px solid #c7f9ff;
  color:#155e75;
  border-radius:10px;
  padding:10px 12px;
  margin:8px 0 12px;
  font-size:13px;
}

.srfq-customer-area__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 14px;
}

.srfq-customer-area__item{
  border:1px solid #eef2f7;
  border-radius:10px;
  padding:10px 12px;
  background:#fff;
}

.srfq-customer-area__label{
  font-size:12px;
  color:#6b7280;
  margin-bottom:6px;
}

.srfq-customer-area__value{
  font-size:13px;
  color:#111827;
  word-break:break-word;
}

.srfq-customer-area__divider{
  height:1px;
  background:#eef2f7;
  margin:14px 0;
}

.srfq-customer-area__form{
  display:flex;
  gap:10px;
  align-items:flex-end;
}

.srfq-customer-area__field{
  flex:1 1 auto;
  margin:0;
}

.srfq-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.srfq-field span{
  font-size:12px;
  color:#6b7280;
}

.srfq-field input{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:10px 12px;
  line-height:1.6;
  font-size:13px;
  background:#fff;
}

/* Desktop: make input and save button equal width in one row */
@media (min-width:641px){
  .srfq-customer-area__form{align-items:stretch;}
  .srfq-customer-area__form .srfq-customer-area__field{
    flex:1 1 0;
    min-width:0;
  }
  .srfq-customer-area__form .srfq-btn--block{
    width:auto; /* override global block buttons inside this row */
    flex:1 1 0;
    min-width:0;
  }
  /* Keep heights consistent with global button sizing */
  .srfq-customer-area__form .srfq-field input[type="text"]{
    box-sizing:border-box;
    min-height:var(--srfq-btn-minh);
  }
}

@media (max-width:900px){
  .srfq-customer-area{
    margin:12px 10px;
  }
}

@media (max-width:640px){
  .srfq-customer-area{
    padding:12px 12px;
  }
  .srfq-customer-area__grid{
    grid-template-columns:1fr;
  }
  .srfq-customer-area__form{
    flex-direction:column;
    align-items:stretch;
  }
}

/* Ensure customer id inherits theme font even if wrapped in <code> */
.srfq-customer-area__value code{
  font-family: inherit;
  font-size: inherit;
  background: transparent;
  padding: 0;
  border: 0;
  color: inherit;
}


/* v2.2.15.185 responsive polish */
.srfq-customer-area{box-sizing:border-box;width:min(100%,820px);box-shadow:0 6px 18px rgba(15,23,42,.04);}
.srfq-customer-area__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
.srfq-customer-area__item{display:flex;flex-direction:column;justify-content:center;min-width:0;background:#f8fafc;}
.srfq-customer-area__label{font-weight:600;}
.srfq-customer-area__value{line-height:1.9;min-width:0;overflow-wrap:anywhere;}
.srfq-customer-area__form{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end;}
.srfq-customer-area__form .srfq-btn--block{width:100%;min-height:44px;align-self:stretch;}
.srfq-customer-area__field,.srfq-field{min-width:0;}
.srfq-field input{min-height:44px;}
@media (max-width:720px){
  .srfq-customer-area{margin:12px auto;padding:12px;}
  .srfq-customer-area__grid{grid-template-columns:1fr;gap:10px;}
  .srfq-customer-area__form{grid-template-columns:1fr;}
  .srfq-customer-area__form .srfq-btn--block{width:100%;}
}
@media (max-width:480px){
  .srfq-customer-area{border-radius:10px;padding:10px;}
  .srfq-customer-area__title{font-size:14px;}
  .srfq-customer-area__item{padding:10px;}
}

/* v2.2.22.208 — customer dashboard polish + national id field */
.srfq-customer-area__notice--error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
.srfq-customer-area__item{background:#f8fafc}
.srfq-customer-area__label{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;background:#eef2ff;color:#475569;font-weight:700}
.srfq-customer-area__value{padding-top:6px}
.srfq-customer-area__hint{font-size:12px;color:#64748b;line-height:1.8}
.srfq-customer-area__form{grid-template-columns:repeat(2,minmax(0,1fr)) 180px;align-items:end}
@media (max-width:820px){
  .srfq-customer-area__form{grid-template-columns:1fr}
  .srfq-customer-area__form .srfq-btn--block{width:100%}
}


/* v2.2.22.225 — customer dashboard form alignment */
.srfq-customer-area__form{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 160px;
  align-items:start;
  gap:12px;
}
.srfq-customer-area__field > span,
.srfq-customer-area__submit-label{
  display:flex;
  align-items:center;
  min-height:20px;
  font-size:12px;
  color:#6b7280;
  margin-bottom:6px;
}
.srfq-customer-area__field input{
  min-height:44px;
  box-sizing:border-box;
}
.srfq-customer-area__submit{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.srfq-customer-area__submit .srfq-btn{
  width:100%;
  min-height:44px;
  padding:10px 14px;
  font-size:14px;
  line-height:1.4;
  border-radius:10px;
}
@media (max-width:820px){
  .srfq-customer-area__form{
    grid-template-columns:1fr;
  }
  .srfq-customer-area__submit .srfq-btn{
    width:100%;
  }
}

/* v2.2.65.384 — customer account edit mode + mobile alignment */
.srfq-customer-area__form input[readonly],
.srfq-customer-area__form textarea[readonly]{
  background:#f8fafc;
  color:#64748b;
  border-color:#e5e7eb;
  cursor:not-allowed;
  box-shadow:none;
}
.srfq-customer-area__form input[readonly]:focus,
.srfq-customer-area__form textarea[readonly]:focus{
  outline:none;
  border-color:#e5e7eb;
  box-shadow:none;
}
.srfq-customer-area__form.is-editing input:not([readonly]),
.srfq-customer-area__form.is-editing textarea:not([readonly]){
  background:#fff;
  color:#111827;
  cursor:text;
  border-color:#bfdbfe;
  box-shadow:0 0 0 3px rgba(59,130,246,.10);
}
.srfq-customer-area__submit .srfq-btn[aria-pressed="false"]{
  background:#2563eb;
}
.srfq-customer-area__submit .srfq-btn[aria-pressed="true"]{
  background:#16a34a;
}
@media (max-width:640px){
  .srfq-customer-area__item,
  .srfq-customer-area__label,
  .srfq-customer-area__value{
    text-align:center;
    align-items:center;
    justify-content:center;
  }
  .srfq-customer-area table,
  .srfq-customer-area table th,
  .srfq-customer-area table td{
    text-align:center;
  }
}