.billing-page{margin:0;background:#fafcfd;color:#292d30;font:17px/1.6 "Segoe UI",sans-serif}.billing-page main{max-width:640px;margin:35px auto;padding:32px;background:white;border:1px solid #dbe6e7}.billing-page h1{font:400 38px/1.15 Georgia,serif}.billing-page .eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.1em}.billing-page .button{border:1px solid #007687;background:white;color:#006777;padding:12px 18px;font:inherit;cursor:pointer}.billing-page .small{font-size:14px}.billing-page .muted{color:#555e62}.billing-page a{color:#006777}.billing-qr{width:260px;max-width:100%;background:#fff;margin:22px 0 14px}.billing-qr svg{display:block;width:100%;height:auto}.billing-instructions{display:grid;gap:8px;margin-block:24px}.billing-instructions>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}.billing-instructions dt{color:#555e62}.billing-instructions dd{margin:0;font-weight:600;overflow-wrap:anywhere}.billing-order{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.billing-order select{padding:10px;max-width:100%}.billing-status{font-weight:600}.billing-record{border-top:1px solid #dbe6e7;padding:18px 0;display:flex;gap:10px;align-items:start;flex-direction:column}.billing-record input{padding:9px;margin-left:8px}.billing-record .button{max-width:100%;white-space:normal}.supplier-billing-panel{margin-top:30px;border-top:1px solid #dbe6e7;padding-top:24px}.billing-page button:focus-visible,.billing-page a:focus-visible{outline:3px solid #009fb5;outline-offset:3px}@media(max-width:600px){.billing-page main{margin:12px;padding:22px}.billing-page h1{font-size:31px}.billing-instructions>div{grid-template-columns:1fr;gap:0}.billing-order{align-items:stretch;flex-direction:column}.billing-record input{display:block;margin:6px 0 0}}

.billing-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border-top:1px solid #dbe6e7;padding:20px 0}.billing-admin-row h3{margin:0;overflow-wrap:anywhere}.billing-admin-row p{margin:6px 0}.billing-admin-row .button{max-width:100%;white-space:normal}.billing-admin-list{margin:20px 0}.billing-admin-summary{font-size:1.1em}@media(max-width:600px){.billing-admin-row{grid-template-columns:1fr;gap:10px}.billing-admin-row .button{justify-self:start}}

.supplier-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.supplier-overview-grid>.sheet{margin-bottom:0}.supplier-overview-grid{margin-bottom:22px}.supplier-overview-status{font-weight:600;color:#006777}.supplier-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.supplier-overview-metrics>div{display:flex;flex-direction:column;gap:6px;border-left:2px solid #009fb5;padding-left:14px}.supplier-overview-metrics strong{font-size:28px}.supplier-overview-metrics span{font-size:14px}.supplier-overview-checklist{list-style:none;padding:0;display:grid;gap:10px}.supplier-overview-checklist .needs-attention{color:#8c4f13}.supplier-profile-summary .actions{flex-wrap:wrap}.supplier-profile-summary h2{overflow-wrap:anywhere}@media(max-width:800px){.supplier-overview-grid{grid-template-columns:1fr}.supplier-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){#supplier-overview .actions{align-items:stretch;flex-direction:column}#supplier-overview .button{white-space:normal;max-width:100%}}

#supplier-overview>*+*{margin-top:20px}#supplier-overview>.supplier-overview-grid{margin-bottom:0}#supplier-overview .supplier-overview-grid>.sheet{margin:0}

.supplier-profile-summary .billing-instructions{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:18px}.supplier-profile-summary .billing-instructions>div{display:block}.supplier-profile-summary .billing-instructions dd{margin-top:4px}@media(max-width:600px){.supplier-profile-summary .billing-instructions{grid-template-columns:1fr;gap:12px}}