.billing-role-badge{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.billing-role-self{color:#64748b;background:#f1f5f9}.billing-role-dependent{color:#b45309;background:#fef3c7}.billing-role-payer,.billing-role-payer_and_dependents{color:#2563eb;background:#eff6ff}.billing-rel-compact{color:#64748b;font-size:11px;line-height:1.35;display:inline}.billing-rel-compact strong{color:#1e3a5f;font-weight:700}.billing-rel-dependent strong{color:#b45309}.billing-rel-payer strong{color:#2563eb}.billing-rel-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:14px;padding:12px 14px}.billing-rel-panel-simple{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.billing-rel-panel-simple .billing-rel-subtitle{margin:0}.billing-rel-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.billing-rel-subtitle{color:#64748b;font-size:12px;line-height:1.35}.billing-rel-fact,.billing-rel-fact-list{padding-top:2px}.billing-rel-fact-label{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.billing-rel-fact strong{color:#1e3a5f;font-size:14px;display:block}.billing-rel-fact-meta{color:#64748b;margin-top:2px;font-size:12px;display:block}.billing-rel-people{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.billing-rel-people li{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.billing-rel-people strong{color:#1e3a5f;font-size:13px}.billing-rel-people span{color:#64748b;font-size:11px}.billing-member-summary{margin-bottom:12px}.billing-member-role{margin-bottom:10px}.billing-member-block{color:#475569;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5}.billing-member-dependent{background:#fffbeb;border:1px solid #fde68a}.billing-member-payer{background:#eff6ff;border:1px solid #bfdbfe}.billing-member-lead{color:#1e3a5f;margin:0 0 8px}.billing-member-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.billing-member-block p{margin:0 0 6px}.billing-member-block p:last-child{margin-bottom:0}.billing-member-note{font-size:12px;color:#64748b!important}.billing-member-dep-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.billing-member-dep-list li{color:#1e3a5f;background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.member-billing-line{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.member-payer-pill{letter-spacing:.04em;text-transform:uppercase;color:#1e3a5f;white-space:nowrap;background:#e8eef5;border-radius:20px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.3;display:inline-flex}.member-package-payer-name{color:#475569;min-width:0;font-size:12px;font-weight:600}.member-detail-package-summary>.member-package-payer-name{margin:6px 0 0}.payment-modal-backdrop{z-index:200;background:#0f172a73;justify-content:center;padding:20px;display:flex;position:fixed;inset:0}.payment-modal{border-radius:var(--modal-radius);width:100%;max-width:440px;padding:var(--modal-pad-y) var(--modal-pad);background:#fff;overflow-y:auto;box-shadow:0 20px 40px #00000026}.payment-modal-title{font-size:var(--modal-title-size);color:var(--modal-title-color);margin:0;font-weight:800}.payment-modal-lead{margin:0 0 var(--modal-header-gap);color:var(--modal-intro-color);font-size:13px;line-height:1.5}.payment-form{gap:var(--modal-form-gap);flex-direction:column;display:flex}.payment-form-row{gap:var(--modal-row-gap);grid-template-columns:1fr 1fr;display:grid}.payment-field{gap:var(--modal-field-gap);font-size:var(--modal-label-size);color:var(--modal-label-color);flex-direction:column;font-weight:600;display:flex}.payment-field input,.payment-field select{padding:var(--modal-control-pad-y) var(--modal-control-pad-x);border:1px solid var(--modal-border);border-radius:var(--modal-control-radius);font-size:var(--modal-control-font);color:#1e3a5f;font-family:inherit;line-height:1.35}.payment-checkbox{color:#475569;cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.payment-form-error{color:#dc2626;margin:0;font-size:13px}.payment-form-actions{gap:var(--modal-actions-gap);margin-top:var(--modal-actions-mt);flex-wrap:wrap;display:flex}.payment-btn{min-width:min-content;padding:var(--modal-btn-pad-y) var(--modal-btn-pad-x);border-radius:var(--modal-control-radius);white-space:nowrap;cursor:pointer;border:none;flex:auto;font-size:14px;font-weight:700;line-height:1.2}.payment-btn.cancel{color:#64748b;background:#f1f5f9}.payment-btn.save{background:var(--brand,#2563eb);color:#fff}.payment-btn.full{width:100%;margin-top:8px}.payment-readonly{margin:0 0 8px}.payment-readonly div{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.payment-readonly dt{color:#64748b;font-size:12px;font-weight:600}.payment-readonly dd{color:#1e3a5f;text-align:right;margin:0;font-size:14px}.yoco-pay-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.4}[data-theme=dark] .yoco-pay-notice{color:#fde68a;background:#422006;border-color:#854d0e}
