
/* V28.4 Frontend Account + Staff Access Recovery */
.mlos-asr-wrap{
  --asr-deep:#051f20;
  --asr-dark:#0b2b26;
  --asr-green:#0d533b;
  --asr-lime:#9dff38;
  --asr-line:#d8e4de;
  --asr-muted:#60766c;
  max-width:1440px;
  margin:0 auto;
  padding:26px;
}
.mlos-asr-hero{
  padding:42px;
  border-radius:34px;
  background:linear-gradient(135deg,var(--asr-deep),var(--asr-dark));
  color:#fff;
  box-shadow:0 24px 70px rgba(5,31,32,.16);
  margin-bottom:18px;
}
.mlos-asr-hero span,
.mlos-asr-panel-head span,
.mlos-asr-review-card span{
  color:var(--asr-lime);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:1000;
  font-size:.78rem;
}
.mlos-asr-hero h1{
  margin:.2rem 0 .5rem;
  font-size:clamp(2.2rem,6vw,4.8rem);
  line-height:.92;
  letter-spacing:-.06em;
}
.mlos-asr-hero p{
  max-width:840px;
  margin:0;
  color:#d9eee2;
  line-height:1.55;
}
.mlos-asr-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.mlos-asr-actions.inline{
  margin:0;
}
.mlos-asr-actions a,
.mlos-asr-btn,
.mlos-asr-wrap .mlos-btn,
.mlos-asr-wrap button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:15px;
  border:1px solid var(--asr-line);
  background:#fff;
  color:var(--asr-deep);
  text-decoration:none;
  font-weight:1000;
  cursor:pointer;
}
.mlos-asr-actions a.primary,
.mlos-asr-btn.primary,
.mlos-asr-wrap .mlos-btn.primary{
  background:var(--asr-lime);
  border-color:var(--asr-lime);
  color:var(--asr-deep);
}
.mlos-asr-btn.danger,
.mlos-asr-wrap .mlos-btn.danger{
  background:#fff1f1;
  border-color:#f0b8b8;
  color:#9a2525;
}
.mlos-asr-panel{
  background:#fff;
  border:1px solid var(--asr-line);
  border-radius:26px;
  box-shadow:0 18px 44px rgba(5,31,32,.08);
  overflow:hidden;
  margin-bottom:20px;
}
.mlos-asr-panel-head{
  padding:22px;
  border-bottom:1px solid var(--asr-line);
  background:#fbfdfb;
}
.mlos-asr-panel-head h2{
  margin:.2rem 0 .4rem;
  color:var(--asr-deep);
}
.mlos-asr-panel-head p{
  margin:0;
  color:var(--asr-muted);
  line-height:1.5;
}
.mlos-asr-body{
  padding:18px;
}
.mlos-asr-review-list,
.mlos-asr-wrap .mlos-admin-stack{
  display:grid;
  gap:12px;
}
.mlos-asr-review-card,
.mlos-asr-wrap .mlos-review-card{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  padding:16px;
  border:1px solid var(--asr-line);
  border-radius:20px;
  background:#fbfdfb;
}
.mlos-asr-review-card h3,
.mlos-asr-wrap .mlos-review-card h3{
  margin:.15rem 0 .3rem;
  color:var(--asr-deep);
}
.mlos-asr-review-card p,
.mlos-asr-wrap .mlos-review-card p{
  margin:0;
  color:var(--asr-muted);
}
.mlos-asr-review-card small{
  display:block;
  color:#7a8d85;
  margin-top:4px;
}
.mlos-asr-inline-form,
.mlos-asr-wrap .mlos-inline-actions,
.mlos-asr-wrap .mlos-staff-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.mlos-asr-wrap .mlos-form-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;
  align-items:end;
}
.mlos-asr-wrap label{
  display:grid;
  gap:7px;
  font-weight:900;
  color:var(--asr-deep);
}
.mlos-asr-wrap input,
.mlos-asr-wrap select,
.mlos-asr-wrap textarea{
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--asr-line);
  border-radius:14px;
  background:#fff;
  color:var(--asr-deep);
  font:inherit;
}
.mlos-asr-empty{
  display:grid;
  gap:5px;
  padding:22px;
  border:1px dashed var(--asr-line);
  border-radius:20px;
  background:#fbfdfb;
  text-align:center;
}
.mlos-asr-empty strong{
  color:var(--asr-deep);
}
.mlos-asr-empty span{
  color:var(--asr-muted);
}
.mlos-asr-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}
.mlos-asr-stat{
  display:grid;
  gap:6px;
  padding:18px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--asr-line);
  box-shadow:0 18px 44px rgba(5,31,32,.08);
  text-decoration:none;
  color:var(--asr-deep);
}
.mlos-asr-stat strong{
  font-size:2rem;
  line-height:1;
}
.mlos-asr-stat span{
  color:var(--asr-muted);
  font-weight:900;
}
@media(max-width:900px){
  .mlos-asr-stat-grid{
    grid-template-columns:1fr 1fr;
  }
  .mlos-asr-review-card,
  .mlos-asr-wrap .mlos-review-card{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .mlos-asr-wrap{padding:14px}
  .mlos-asr-hero{padding:26px;border-radius:24px}
  .mlos-asr-stat-grid{grid-template-columns:1fr}
}
