.billing-status{margin:1.5rem 0 2rem;max-width:42rem}
.billing-status .page-head{margin-bottom:1rem}
.billing-status .page-head h2{margin:.15rem 0 .4rem;font-size:1.55rem;line-height:1.2;color:#143c38}
.billing-status .page-head p{margin:0;color:#365e50;max-width:38rem}
.billing-status-card{background:#fff;border:1px solid #c9ddd5;border-radius:1rem;padding:1.25rem 1.35rem;box-shadow:0 10px 30px rgba(20,60,56,.05)}
.billing-status-card--positive{border-color:#9ccfb8;background:linear-gradient(180deg,#f4fbf7,#fff)}
.billing-status-card--warning{border-color:#e2c48a;background:linear-gradient(180deg,#fffaf0,#fff)}
.billing-status-card--attention{border-color:#d7b3a4;background:linear-gradient(180deg,#fff7f4,#fff)}
.billing-status-card--error{border-color:#d9a3a3;background:linear-gradient(180deg,#fff5f5,#fff)}
.billing-status-card--neutral{background:#fff}
.billing-status__title{margin:0 0 .65rem;font-size:1.05rem;color:#173c33}
.billing-status__summary{margin:0 0 .45rem;color:#143c38;font-size:1.05rem}
.billing-status__detail{margin:0;color:#365e50;line-height:1.55}
.billing-status__meta{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:1rem 0 0;padding:0}
.billing-status__meta div{margin:0;padding:.7rem .85rem;border-radius:.75rem;background:#f3f8f5;border:1px solid #d7e7df}
.billing-status__meta dt{margin:0;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#5d7a6e}
.billing-status__meta dd{margin:.2rem 0 0;font-weight:650;color:#143c38}
.billing-status__caution{margin:1rem 0 0;padding:.75rem .9rem;border-radius:.75rem;background:#fff6e8;border:1px solid #efd3a0;color:#6a4b12;line-height:1.45}
.billing-status__actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:1.1rem 0 0}
.billing-status__footnote{margin:.95rem 0 0;font-size:.85rem;color:#5d7a6e}
.billing-status-recovery{margin:1rem 0 0;color:#365e50}
.billing-status-linkcard{display:block;margin:0 0 1.25rem;padding:1rem 1.15rem;border-radius:1rem;border:1px solid #c9ddd5;background:#f7fbf9;text-decoration:none;color:inherit}
.billing-status-linkcard:hover,.billing-status-linkcard:focus-visible{border-color:#7eb89a;outline:2px solid #7eb89a;outline-offset:2px}
.billing-status-linkcard strong{display:block;color:#143c38;margin-bottom:.2rem}
.billing-status-linkcard span{color:#365e50;font-size:.95rem;line-height:1.45}
@media (max-width:500px){
  .billing-status-card{padding:1.05rem 1rem}
  .billing-status__actions{flex-direction:column;align-items:stretch}
}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}