/* app_merchant_apply.css — «درخواست پذیرندگی» */

.ma-body{
  margin:0; background:var(--paper); color:var(--text);
  font-family:"Vazirmatn", Tahoma, sans-serif;
}

/* ---------- هیرو ---------- */
.ma-hero{
  position:relative;
  padding:calc(var(--s6) + env(safe-area-inset-top,0px)) var(--s5) var(--s6);
  background:var(--ink-grad);
  border-bottom:2px solid rgba(201,161,59,.55);
  color:#fff; text-align:center;
  border-radius:0 0 28px 28px;
  display:flex; flex-direction:column; align-items:center; gap:8px;
}
.ma-hero__back{
  position:absolute; top:calc(14px + env(safe-area-inset-top,0px)); inset-inline-start:var(--s4);
  width:36px; height:36px; border-radius:12px; background:rgba(255,255,255,.08);
  color:var(--go-light); display:grid; place-items:center;
}
.ma-hero__back svg{ width:20px; height:20px; }

.ma-hero__icon{
  width:64px; height:64px; border-radius:var(--r-lg); background:rgba(201,161,59,.16); color:var(--go-light);
  display:grid; place-items:center; color:var(--alert); margin-bottom:4px;
}
.ma-hero__icon svg{ width:32px; height:32px; }
.ma-hero__title{ font-size:22px; font-weight:900; margin:0; }
.ma-hero__desc{
  max-width:400px; font-size:var(--fs-sm); line-height:2; color:rgba(255,255,255,.85);
  margin:4px 0 0;
}

/* ---------- فرم ---------- */
.ma-wrap{ padding:var(--s5); max-width:480px; margin:0 auto; }
.ma-card{ display:flex; flex-direction:column; gap:var(--s4); }
.ma-card .field em{ color:var(--danger); font-style:normal; }

.field__box--area{ height:auto; align-items:flex-start; padding:var(--s3) var(--s4); }
.field__box--area textarea{
  flex:1; min-width:0; border:0; background:transparent; outline:none; resize:vertical;
  font:inherit; font-size:var(--fs-body); line-height:1.7; min-height:60px;
}

.ma-msg{ border-radius:var(--r-sm); padding:10px var(--s4); font-size:var(--fs-sm); }
.ma-msg--ok{ background:var(--go-soft); color:var(--go-dark); }
.ma-msg--error{ background:var(--danger-soft); color:var(--danger); }

/* ---------- موفقیت ---------- */
.ma-success{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  text-align:center; background:var(--surface); border-radius:var(--r-xl);
  box-shadow:var(--sh-1); padding:var(--s8) var(--s5);
}
.ma-success svg{ width:56px; height:56px; color:var(--go-dark); }
.ma-success b{ font-size:18px; }
.ma-success span{ font-size:var(--fs-sm); color:var(--text-2); line-height:1.9; max-width:320px; }
.ma-success .btn{ margin-top:var(--s2); }