/* Real post-ad runtime: photos, verified phones, city and dashboard */
.ehm-original-phone-hidden{display:none!important}
.ehm-verified-phone-panel{
  padding:16px;
  border:1px solid #b9ead8;
  border-radius:16px;
  background:#f5fcf9;
}
.ehm-phone-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.ehm-phone-heading label{display:block;color:#0f172a;font-size:14px;font-weight:750}
.ehm-phone-heading p{margin:3px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.ehm-phone-heading>span{
  flex:0 0 auto;
  padding:5px 10px;
  border-radius:999px;
  color:#087653;
  background:#dff8ee;
  font-size:11px;
  font-weight:800;
}
.ehm-phone-list{display:flex;flex-direction:column;gap:10px}
.ehm-phone-row{
  padding:11px;
  border:1px solid #dbe4ee;
  border-radius:14px;
  background:#fff;
}
.ehm-phone-row.verified{border-color:#67d5af;background:#f0fbf7}
.ehm-phone-row.error{border-color:#fca5a5;background:#fff8f8}
.ehm-phone-main{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto 36px;
  align-items:center;
  gap:8px;
}
.ehm-phone-index{
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:9px;
  color:#087653;background:#e9faf4;
  font-weight:850;
}
.ehm-phone-verify,.ehm-phone-remove,.ehm-phone-otp button,.ehm-add-phone{
  border:0;
  cursor:pointer;
  font-weight:800;
}
.ehm-phone-verify{
  min-width:78px;
  padding:10px 12px;
  border-radius:10px;
  color:#fff;background:#22ad7d;
}
.ehm-phone-verify.verified{color:#087653;background:#dff8ee;cursor:default}
.ehm-phone-remove{
  width:36px;height:36px;
  border-radius:10px;
  color:#be123c;background:#fff0f2;
  font-size:20px;
}
.ehm-phone-remove:disabled{opacity:.35;cursor:not-allowed}
.ehm-phone-otp{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid #e2e8f0;
}
.ehm-phone-otp button{
  padding:10px 12px;
  border-radius:10px;
  color:#fff;background:#0f172a;
}
.ehm-phone-otp button:last-child{color:#087653;background:#e9faf4}
.ehm-phone-status{margin-top:8px;color:#64748b;font-size:12px;font-weight:700}
.ehm-phone-status.success{color:#087653}
.ehm-phone-status.error{color:#b91c1c}
.ehm-phone-status.pending{color:#075985}
.ehm-add-phone{
  margin-top:10px;
  padding:10px 13px;
  border:1px dashed #70d5b3;
  border-radius:10px;
  color:#087653;background:#effbf6;
}
.ehm-add-phone:disabled{opacity:.45;cursor:not-allowed}
.ehm-post-runtime-message{
  margin-top:12px;
  padding:10px 12px;
  border-radius:10px;
  font-size:13px;
  font-weight:750;
}
.ehm-post-runtime-message:empty{display:none}
.ehm-post-runtime-message.error{color:#b91c1c;background:#fff1f2}
.ehm-post-runtime-message.pending{color:#075985;background:#f0f9ff}
.ehm-post-runtime-message.success{color:#087653;background:#ecfdf5}
.ehm-real-my-ads{display:flex;flex-direction:column;gap:12px}
.ehm-dashboard-ad-card{
  display:flex;
  gap:14px;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
}
.ehm-dashboard-ad-image{
  display:grid;
  place-items:center;
  width:96px;height:82px;
  flex:0 0 96px;
  overflow:hidden;
  border-radius:12px;
  color:#94a3b8;background:#f1f5f9;
  font-size:11px;
}
.ehm-dashboard-ad-image img{width:100%;height:100%;object-fit:cover}
.ehm-dashboard-ad-content{min-width:0;flex:1}
.ehm-dashboard-ad-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ehm-dashboard-ad-top h3{
  margin:0;
  color:#0f172a;
  font-size:15px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ehm-dashboard-ad-content>strong{display:block;margin-top:5px;color:#15966b;font-size:14px}
.ehm-dashboard-ad-content p{margin:3px 0;color:#64748b;font-size:12px}
.ehm-dashboard-ad-content small{color:#94a3b8;font-size:11px}
.ehm-dashboard-status{
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  text-transform:capitalize;
}
.ehm-dashboard-status.pending{color:#92400e;background:#fef3c7}
.ehm-dashboard-status.approved{color:#065f46;background:#d1fae5}
.ehm-dashboard-status.rejected{color:#991b1b;background:#fee2e2}
.ehm-dashboard-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  padding:36px 20px;
  border:1px dashed #cbd5e1;
  border-radius:16px;
  color:#64748b;
  background:#fff;
}
.ehm-dashboard-empty strong{color:#0f172a}
@media(max-width:640px){
  .ehm-phone-heading{flex-direction:column}
  .ehm-phone-main{grid-template-columns:28px minmax(0,1fr) auto}
  .ehm-phone-remove{grid-column:3;grid-row:2;width:auto;height:30px;font-size:13px}
  .ehm-phone-otp{grid-template-columns:1fr 1fr}
  .ehm-phone-otp input{grid-column:1/-1}
  .ehm-dashboard-ad-image{width:82px;height:76px;flex-basis:82px}
}


/* Native React contact fields: city + mandatory SMS verification */
.ehm-native-phone-panel{
  padding:16px;
  border:1px solid #b9ead8;
  border-radius:16px;
  background:#f5fcf9;
}
.ehm-native-phone-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.ehm-native-phone-head label{display:block;color:#0f172a;font-size:14px;font-weight:750}
.ehm-native-phone-head p{margin:3px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.ehm-native-phone-head>span{
  flex:0 0 auto;
  padding:5px 10px;
  border-radius:999px;
  background:#dff8ee;
  color:#087653;
  font-size:11px;
  font-weight:850;
}
.ehm-native-phone-list{display:flex;flex-direction:column;gap:10px}
.ehm-native-phone-row{padding:11px;border:1px solid #dbe4ee;border-radius:14px;background:#fff}
.ehm-native-phone-row.verified{border-color:#67d5af;background:#f0fbf7}
.ehm-native-phone-row.error{border-color:#fca5a5;background:#fff8f8}
.ehm-native-phone-main{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto 36px;
  align-items:center;
  gap:8px;
}
.ehm-native-phone-main>span{
  display:grid;place-items:center;width:30px;height:30px;border-radius:9px;
  color:#087653;background:#e9faf4;font-weight:850
}
.ehm-native-phone-main button,.ehm-native-phone-otp button,.ehm-native-add-phone{
  border:0;cursor:pointer;font-weight:800
}
.ehm-native-phone-main button:not(.remove){
  min-width:82px;padding:11px 12px;border-radius:10px;color:#fff;background:#22ad7d
}
.ehm-native-phone-main button.verified{color:#087653;background:#dff8ee;cursor:default}
.ehm-native-phone-main button.remove{
  width:36px;height:36px;border-radius:10px;color:#be123c;background:#fff0f2;font-size:20px
}
.ehm-native-phone-main button.remove:disabled{opacity:.35;cursor:not-allowed}
.ehm-native-phone-otp{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;
  margin-top:9px;padding-top:9px;border-top:1px solid #e2e8f0
}
.ehm-native-phone-otp button{padding:10px 12px;border-radius:10px;color:#fff;background:#0f172a}
.ehm-native-phone-otp button.resend{color:#087653;background:#e9faf4}
.ehm-native-phone-status{margin-top:8px;color:#64748b;font-size:12px;font-weight:700}
.ehm-native-phone-status.success{color:#087653}
.ehm-native-phone-status.error{color:#b91c1c}
.ehm-native-phone-status.pending{color:#075985}
.ehm-native-add-phone{
  margin-top:10px;padding:10px 13px;border:1px dashed #70d5b3;border-radius:10px;
  color:#087653;background:#effbf6
}
.ehm-native-add-phone:disabled{opacity:.45;cursor:not-allowed}
[data-ehm-native-city="true"]{display:block}
@media(max-width:640px){
  .ehm-native-phone-head{flex-direction:column}
  .ehm-native-phone-main{grid-template-columns:28px minmax(0,1fr) auto}
  .ehm-native-phone-main button.remove{grid-column:3;grid-row:2;width:auto;height:30px;font-size:13px}
  .ehm-native-phone-otp{grid-template-columns:1fr 1fr}
  .ehm-native-phone-otp input{grid-column:1/-1}
}

/* User ad editing: owner changes always return the ad to admin review */
.ehm-dashboard-ad-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
}
.ehm-dashboard-edit{
  flex:0 0 auto;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #8adfbe;
  border-radius:10px;
  color:#087653;
  background:#effbf6;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.ehm-dashboard-edit:hover{background:#dcf8ed}
.ehm-dashboard-edit:disabled{opacity:.45;cursor:not-allowed}
.ehm-dashboard-notice{
  margin:0 0 12px;
  padding:11px 13px;
  border-radius:12px;
  font-size:13px;
  font-weight:750;
}
.ehm-dashboard-notice[hidden]{display:none!important}
.ehm-dashboard-notice.success{color:#065f46;background:#d1fae5}
.ehm-dashboard-notice.error{color:#991b1b;background:#fee2e2}
body.ehm-modal-open{overflow:hidden!important}
.ehm-edit-ad-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(15,23,42,.56);
  backdrop-filter:blur(4px);
}
.ehm-edit-ad-dialog{
  width:min(720px,100%);
  max-height:min(90vh,860px);
  overflow:auto;
  border:1px solid #e2e8f0;
  border-radius:22px;
  background:#fff;
  box-shadow:0 30px 90px rgba(15,23,42,.28);
}
.ehm-edit-ad-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  border-bottom:1px solid #e2e8f0;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);
}
.ehm-edit-ad-head h2{margin:0;color:#0f172a;font-size:22px;line-height:1.2}
.ehm-edit-ad-head p{max-width:560px;margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.45}
.ehm-edit-close{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:0;
  border-radius:11px;
  color:#475569;
  background:#f1f5f9;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
#ehm-edit-ad-form{padding:22px}
.ehm-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ehm-edit-grid label{display:flex;flex-direction:column;gap:7px;color:#334155;font-size:13px;font-weight:750}
.ehm-edit-grid input,.ehm-edit-grid select,.ehm-edit-grid textarea{
  width:100%;
  min-height:44px;
  padding:11px 12px;
  border:1px solid #cbd5e1;
  border-radius:11px;
  color:#0f172a;
  background:#fff;
  font:inherit;
  font-weight:500;
  outline:none;
}
.ehm-edit-grid textarea{min-height:132px;resize:vertical;line-height:1.55}
.ehm-edit-grid input:focus,.ehm-edit-grid select:focus,.ehm-edit-grid textarea:focus{
  border-color:#3dc697;
  box-shadow:0 0 0 3px rgba(61,198,151,.14);
}
.ehm-edit-wide{grid-column:1/-1}
.ehm-edit-photo-row{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:center;
  gap:15px;
  padding:14px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#f8fafc;
}
.ehm-edit-photo-row label small{display:block;color:#94a3b8;font-size:11px;font-weight:600;line-height:1.4}
.ehm-edit-photo-row input{padding:8px;background:#fff}
.ehm-edit-preview{
  display:grid;
  place-items:center;
  width:120px;
  height:92px;
  overflow:hidden;
  border-radius:12px;
  color:#94a3b8;
  background:#e2e8f0;
  font-size:11px;
}
.ehm-edit-preview img{width:100%;height:100%;object-fit:cover}
.ehm-edit-review-warning{
  margin-top:16px;
  padding:12px 13px;
  border:1px solid #f4d58d;
  border-radius:12px;
  color:#92400e;
  background:#fffbeb;
  font-size:12px;
  font-weight:750;
  line-height:1.45;
}
.ehm-edit-error{min-height:0;margin-top:10px;padding:0;font-size:12px;font-weight:750}
.ehm-edit-error:empty{display:none}
.ehm-edit-error.error,.ehm-edit-error.pending{padding:10px 12px;border-radius:10px}
.ehm-edit-error.error{color:#991b1b;background:#fee2e2}
.ehm-edit-error.pending{color:#075985;background:#e0f2fe}
.ehm-edit-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
}
.ehm-edit-actions button{
  min-height:44px;
  padding:10px 16px;
  border-radius:11px;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.ehm-edit-cancel{border:1px solid #cbd5e1;color:#475569;background:#fff}
.ehm-edit-save{border:0;color:#fff;background:#22ad7d}
.ehm-edit-save:disabled{opacity:.6;cursor:wait}
@media(max-width:640px){
  .ehm-dashboard-ad-card{align-items:flex-start}
  .ehm-dashboard-ad-footer{align-items:flex-end}
  .ehm-dashboard-ad-footer small{line-height:1.35}
  .ehm-dashboard-edit{min-height:32px;padding:6px 10px;font-size:11px}
  .ehm-edit-ad-modal{align-items:flex-end;padding:0}
  .ehm-edit-ad-dialog{width:100%;max-height:94vh;border-radius:22px 22px 0 0}
  .ehm-edit-ad-head{padding:17px 16px}
  .ehm-edit-ad-head h2{font-size:20px}
  #ehm-edit-ad-form{padding:16px 16px max(18px,env(safe-area-inset-bottom))}
  .ehm-edit-grid{grid-template-columns:1fr;gap:13px}
  .ehm-edit-wide{grid-column:auto}
  .ehm-edit-photo-row{grid-template-columns:94px minmax(0,1fr);padding:12px}
  .ehm-edit-preview{width:94px;height:78px}
  .ehm-edit-actions{position:sticky;bottom:0;padding-top:10px;background:#fff}
  .ehm-edit-actions button{flex:1;padding-inline:10px}
}
.ehm-dashboard-error button{margin-top:10px;border:0;border-radius:10px;padding:10px 16px;background:#2fbd91;color:#fff;font-weight:700;cursor:pointer}