/* Modapass Systems — Status Page Styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#ffffff;color:#24292f;
  min-height:100vh;display:flex;flex-direction:column;align-items:center;
  padding:3rem 1.5rem 2rem;
}
.container{max-width:680px;width:100%}
header{text-align:center;margin-bottom:2.5rem}
header h1{font-size:1.75rem;font-weight:700;color:#1f2328;margin-bottom:.35rem;letter-spacing:-.01em}
header p{font-size:.95rem;color:#656d76}
.status-banner{
  display:flex;align-items:center;gap:.6rem;
  background:#dafbe1;border:1px solid #3fb950;border-radius:8px;
  padding:.85rem 1.1rem;margin-bottom:2rem;
}
.status-dot{
  width:10px;height:10px;border-radius:50%;background:#1a7f37;
  box-shadow:0 0 6px #3fb95080;flex-shrink:0;
}
.status-dot.degraded{background:#9a6700;box-shadow:0 0 6px #d2992280}
.status-dot.outage{background:#cf222e;box-shadow:0 0 6px #f8514980}
.status-banner span{font-weight:600;font-size:.95rem;color:#1a7f37}
.status-banner.degraded span{color:#9a6700}
.status-banner.outage span{color:#cf222e}
.services{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}
.service-row{
  display:flex;justify-content:space-between;align-items:center;
  background:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;
  padding:.8rem 1.1rem;
}
.service-name{font-size:.9rem;font-weight:500;color:#24292f}
.service-status{
  font-size:.8rem;font-weight:600;
  padding:.2rem .65rem;border-radius:12px;
  background:#dafbe1;color:#1a7f37;border:1px solid #3fb950;
}
.service-status.degraded{background:#fff8c5;color:#9a6700;border-color:#d29922}
.service-status.outage{background:#ffebe9;color:#cf222e;border-color:#f85149}
footer{
  text-align:center;font-size:.78rem;color:#656d76;
  border-top:1px solid #d0d7de;padding-top:1.2rem;
}
@media(max-width:480px){
  body{padding:2rem 1rem 1.5rem}
  header h1{font-size:1.35rem}
  .service-row{flex-direction:column;align-items:flex-start;gap:.4rem}
}