/* Responsive Status Portal. Scoped so no admin/reseller panel page is affected. */
.status-portal-page{
  box-sizing:border-box!important;min-height:100vh!important;padding:24px 16px 36px!important;
  background:var(--app-bg)!important;color:var(--app-text)!important;
  font-size:14px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;
}
.status-portal-page *{box-sizing:border-box}
.status-portal-theme-control,.status-portal-language-control{top:14px!important}
.status-portal-theme-control{left:14px!important}
.status-portal-language-control{right:14px!important}
.status-portal-language-select{
  min-height:36px!important;padding:7px 30px 7px 11px!important;border:1px solid var(--app-border)!important;
  border-radius:9px!important;background:var(--app-surface)!important;color:var(--app-text)!important;font-size:13px!important
}
.status-portal-header{margin:20px 0 20px!important;text-align:center!important}
.status-portal-icon{
  width:54px!important;height:54px!important;margin:0 auto 11px!important;border:1px solid var(--app-border)!important;
  border-radius:13px!important;background:var(--app-surface)!important;color:var(--app-link)!important
}
.status-portal-title{margin:0!important;color:var(--app-text)!important;font-size:24px!important;line-height:1.2!important;font-weight:800!important}
.status-portal-subtitle{max-width:410px!important;margin:8px auto 0!important;color:var(--app-muted)!important;font-size:14px!important;line-height:1.55!important}
.status-portal-card{
  width:min(100%,500px)!important;max-width:500px!important;padding:20px!important;border:1px solid var(--app-border)!important;
  border-radius:16px!important;background:var(--app-surface)!important;color:var(--app-text)!important;
  box-shadow:0 14px 38px rgba(15,35,48,.10)!important
}
.status-portal-input{
  width:100%!important;min-height:44px!important;padding:11px 14px!important;border:1px solid var(--app-border-strong)!important;
  border-radius:10px!important;background:var(--app-surface-alt)!important;color:var(--app-text)!important;font-size:14px!important;box-shadow:none!important
}
.status-portal-input:focus{border-color:var(--app-primary)!important;box-shadow:0 0 0 3px rgba(255,159,47,.17)!important;outline:0!important}
.status-portal-submit{
  min-height:44px!important;margin-top:10px!important;padding:11px 16px!important;border-radius:10px!important;
  background:var(--app-primary)!important;color:#34210a!important;font-size:14px!important;font-weight:700!important;
  box-shadow:none!important
}
.status-portal-result{margin-top:18px!important}
.status-portal-status-row{margin:0 0 16px!important}
.status-portal-label{color:var(--app-muted)!important;font-size:11px!important;line-height:1.3!important;letter-spacing:.07em!important}
.status-portal-value{display:block!important;color:var(--app-text)!important;font-size:17px!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.status-portal-subscription-card{
  padding:16px!important;border:1px solid var(--app-border)!important;border-radius:13px!important;
  background:var(--app-surface-alt)!important;color:var(--app-text)!important
}
.status-portal-org-card{
  margin:0 0 12px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--app-text)!important;box-shadow:none!important
}
.status-portal-org-card--inactive{padding:12px!important;border:1px solid #f4b8b8!important;border-radius:10px!important;background:var(--app-danger-bg)!important}
.status-portal-org-icon{
  flex:0 0 40px!important;width:40px!important;height:40px!important;border:1px solid #bfe3f2!important;
  border-radius:10px!important;background:var(--app-sky-soft)!important;color:var(--app-link)!important
}
.status-portal-org-card + .status-portal-notice{
  border-left-color:#10b981!important;background:var(--app-surface)!important;color:var(--app-text)!important
}
.status-portal-org-card--inactive + .status-portal-notice{border-left-color:#ef4444!important}
.status-portal-notice{
  margin:12px 0!important;padding:12px!important;border-top:1px solid var(--app-border)!important;
  border-right:1px solid var(--app-border)!important;border-bottom:1px solid var(--app-border)!important;
  border-radius:10px!important;color:var(--app-text)!important;box-shadow:0 3px 10px rgba(15,35,48,.05)!important
}
.status-portal-notice-text{color:var(--app-muted)!important;font-size:13px!important;line-height:1.55!important}
.status-portal-notice-link{color:var(--app-link)!important}
.status-portal-product-pill{
  display:inline-block!important;max-width:100%!important;margin-top:5px!important;padding:7px 10px!important;
  border:1px solid var(--app-border)!important;border-radius:8px!important;background:var(--app-surface)!important;
  color:var(--app-text)!important;font-size:13px!important;overflow-wrap:anywhere!important
}
.status-portal-metric-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}
.status-portal-metric-card{
  min-width:0!important;padding:11px!important;border:1px solid var(--app-border)!important;border-radius:9px!important;
  background:var(--app-surface)!important;color:var(--app-text)!important;box-shadow:none!important
}
.status-portal-metric-card:last-child{border-left:3px solid #10b981!important}
.status-portal-metric-value{color:var(--app-text)!important;font-size:18px!important;line-height:1.25!important}
.status-portal-progress-track{height:7px!important;border-radius:999px!important;background:var(--app-border)!important;overflow:hidden!important}
.status-portal-help-card{
  margin-top:16px!important;padding:14px!important;border:1px solid #bfe3f2!important;border-left:4px solid #20a9dc!important;
  border-radius:10px!important;background:var(--app-sky-soft)!important;color:var(--app-text)!important;font-size:13px!important;line-height:1.55!important
}
.status-portal-help-divider{border-color:#bfe3f2!important}
.status-portal-video-card{
  margin-top:16px!important;border:1px solid var(--app-border)!important;border-radius:11px!important;
  background:var(--app-surface)!important;overflow:hidden!important
}
.status-portal-video-header{padding:12px 14px!important;color:var(--app-text)!important;font-size:14px!important}
.status-portal-video-card iframe,.status-portal-video-card video{
  display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border:0!important
}
.status-portal-footer{margin:24px 0 0!important;color:var(--app-muted)!important;font-size:13px!important;text-align:center!important}
.status-portal-emailchange,.status-portal-emailchange-blocked,.status-portal-emailchange-done{display:none!important}
.status-portal-error{padding:11px 12px!important;border-radius:9px!important;background:var(--app-danger-bg)!important;color:var(--app-danger-text)!important}

html[data-theme=dark] .status-portal-page{background:#0b151c!important}
html[data-theme=dark] .status-portal-card{background:#0f172a!important;border-color:#273449!important;box-shadow:0 16px 44px rgba(0,0,0,.28)!important}
html[data-theme=dark] .status-portal-subscription-card{background:#14252c!important;border-color:#293b43!important}
html[data-theme=dark] .status-portal-input{background:#121f27!important;border-color:#334550!important}
html[data-theme=dark] .status-portal-help-card{background:#0c2940!important;border-color:#20506d!important}
html[data-theme=dark] .status-portal-notice{background:#17242b!important;border-color:#31414a!important}
html[data-theme=dark] .status-portal-product-pill,
html[data-theme=dark] .status-portal-metric-card,
html[data-theme=dark] .status-portal-video-card{background:#0d1824!important;border-color:#293948!important}

@media(max-width:520px){
  .status-portal-page{padding:62px 12px 28px!important}
  .status-portal-theme-control,.status-portal-language-control{top:12px!important}
  .status-portal-header{margin:0 0 16px!important}
  .status-portal-icon{width:46px!important;height:46px!important;margin-bottom:9px!important}
  .status-portal-title{font-size:21px!important}
  .status-portal-subtitle{max-width:330px!important;margin-top:6px!important;font-size:13px!important;line-height:1.45!important}
  .status-portal-card{padding:15px!important;border-radius:14px!important}
  .status-portal-input,.status-portal-submit{min-height:42px!important;font-size:14px!important}
  .status-portal-result{margin-top:15px!important}
  .status-portal-subscription-card{padding:13px!important}
  .status-portal-value{font-size:16px!important}
  .status-portal-notice{padding:11px!important}
  .status-portal-help-card{padding:12px!important}
  .status-portal-footer{margin-top:20px!important;font-size:12px!important}
}

@media(max-width:360px){
  .status-portal-page{padding-left:8px!important;padding-right:8px!important}
  .status-portal-card{padding:12px!important}
  .status-portal-metric-grid{grid-template-columns:1fr!important}
}