/* Registration, plan selection and licence notice (docs/customer-billing.md): arrangement only. Controls,
   buttons, form groups and tables come from the shared UI foundation; no outlines, no own standard sizes. */
.licenseBanner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mhome-space-md,16px);margin-block-end:var(--mhome-space-md,16px);padding:var(--mhome-space-sm,8px) var(--mhome-space-md,16px);border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12}
.licenseBanner > span{flex:1 1 16rem}
.licenseBanner > button{width:auto;margin:0}

.registerTypeChoice{border:0;margin:0 0 var(--mhome-space-md,16px);padding:0;display:flex;flex-wrap:wrap;gap:var(--mhome-space-md,16px)}
.registerTypeChoice legend{padding:0;margin-block-end:var(--mhome-space-xs,6px)}
.registerTypeOption,.registerCheck,.mhomeWorkspace label.billingCheck{display:flex;flex-direction:row;align-items:flex-start;gap:var(--mhome-space-sm,8px);font-weight:400}
.registerTypeOption > input,.registerCheck > input,.mhomeWorkspace label.billingCheck > input{width:auto;flex:none;margin-block-start:.2em}
.registerLegal{display:flex;flex-direction:column;gap:var(--mhome-space-sm,8px);margin-block:var(--mhome-space-md,16px)}
.registerHint{margin:0;font-size:.9em;color:#92400e}

.billingPlans{display:flex;flex-direction:column;gap:var(--mhome-space-md,16px)}
.billingIntervalToggle{display:flex;gap:var(--mhome-space-sm,8px)}
.billingIntervalToggle > button{width:auto;margin:0}
.billingPlanList{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--mhome-space-md,16px)}
.billingPlan{display:flex;flex-direction:column;gap:var(--mhome-space-sm,8px);padding:var(--mhome-space-md,16px);border:1px solid #e5e7eb;border-radius:8px;min-width:0}
.billingPlan h4,.billingPlan p,.billingPlan ul{margin:0}
.billingPlan ul{padding-inline-start:1.2em}
.billingPlan .mhomeActions{margin-block-start:auto}
.billingPlan .mhomeActions > button{width:auto}
.billingAddonSection{display:flex;flex-direction:column;gap:var(--mhome-space-sm,8px);min-width:0}
.billingAddonSection > h4,.billingAddonSection > h5{margin:0}
.billingAddonSection > h5{opacity:.8}
.billingPlan .mhomeActions > input[type=number]{flex:0 1 7rem;min-width:0;width:auto}
.billingPrice{font-size:1.25em;font-weight:600}
.billingAdvantage{color:#166534;font-size:.9em}
.billingInvoices{overflow-x:auto}
.billingInvoiceTable{width:100%;border-collapse:collapse}
.billingInvoiceTable th,.billingInvoiceTable td{padding:var(--mhome-space-xs,6px) var(--mhome-space-sm,8px);text-align:start;border-block-end:1px solid #e5e7eb}
@media (max-width:640px){.licenseBanner > button{width:100%}}
.billingSummary{display:flex;flex-direction:column;gap:var(--mhome-space-sm,8px);padding:var(--mhome-space-md,16px);border:1px solid #e5e7eb;border-radius:8px;min-width:0}
.billingSummary h4,.billingSummary p{margin:0}
.billingUnit{display:block;opacity:.75}
.billingPlan[data-booking=booked]{border-color:#86b89a}
.billingBookingStatus{display:flex;align-items:center;gap:var(--mhome-space-xs,6px);color:#166534}
.billingAddonHeading{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--mhome-space-sm,8px)}