.hosting-automatic-choice,.hosting-automatic-status{background:#10151a;border:1px solid #26465d;border-radius:8px;padding:14px;margin:14px 0}.hosting-automatic-choice label.check{display:flex;align-items:center;gap:10px;line-height:1.5}.hosting-automatic-choice input[type=checkbox],.hosting-automatic-setup input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:#0092ff}.hosting-automatic-status{display:grid;gap:8px}.hosting-automatic-status>span{color:#82c8ff;font-weight:700}.hosting-automatic-status small{color:#aab4be}.hosting-automatic-status button{justify-self:start;font-size:12px}.hosting-automatic-setup{margin:18px 0;border-top:1px solid #343434;padding-top:18px}.hosting-automatic-setup summary{cursor:pointer}.hosting-automatic-setup .check{display:flex;align-items:center;gap:10px;margin:14px 0;line-height:1.5}

.hosting-payment-list{display:grid;gap:16px}.hosting-payment-card{padding:20px;border:1px solid #343d46;background:#15191d;border-radius:8px;min-width:0}.hosting-payment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hosting-payment-heading h3{margin:0;font-size:18px;overflow-wrap:anywhere}.hosting-payment-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.hosting-payment-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:18px 0}.hosting-payment-facts dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#9aa8b6;margin-bottom:7px}.hosting-payment-facts dd{margin:0;font-size:13px;color:#edf3f8}.hosting-payment-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hosting-payment-actions button,.hosting-payment-actions .button{font-size:12px;padding:10px 14px}.hosting-payment-card>.hosting-automatic-setup{display:block;width:100%;margin:16px 0 0;padding-top:14px}.hosting-payment-card .hosting-automatic-setup summary{font-size:12px;color:#82c8ff;font-weight:600}.hosting-payment-card .hosting-automatic-setup button{margin-top:6px}.hosting-payment-card>.hosting-automatic-status{margin-top:12px;padding:12px;background:#0f1418;border-color:#303d47}.hosting-renewal-dialog h2{margin-bottom:12px}.hosting-renewal-dialog .hosting-payment-actions{justify-content:flex-end;margin-top:20px}

.hosting-existing-autopay{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #343d46}.hosting-existing-autopay small{color:#aab4be;font-size:12px;line-height:1.6}.hosting-existing-autopay button{padding:10px 14px;font-size:12px;flex-shrink:0}.hosting-renewal-dialog h3{overflow-wrap:anywhere;font-size:16px}.hosting-renewal-dialog p{line-height:1.6}@media(max-width:600px){.hosting-existing-autopay{align-items:flex-start;flex-direction:column}.hosting-existing-autopay button{width:100%}}
.hosting-credit-autopay{margin-top:16px;padding:18px;background:#101820;border:1px solid #304e65;border-left:3px solid #0092ff;min-width:0}
.hosting-credit-autopay-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hosting-credit-autopay-heading h4{font-size:15px;letter-spacing:0;margin:0;color:#edf3f8}
.hosting-credit-autopay-heading>span{font-size:11px;color:#abb7c3;padding:4px 9px;border:1px solid #3a4855}
.hosting-credit-autopay p{font-size:12px;line-height:1.65;color:#c4d0db;margin:0 0 14px}
.hosting-credit-autopay button{padding:11px 15px;font-size:12px}
.hosting-credit-autopay>small{display:block;color:#98a9b8;font-size:11px;line-height:1.6;margin-top:10px}
@media(max-width:560px){.hosting-credit-autopay{padding:14px}.hosting-credit-autopay .hosting-payment-facts{grid-template-columns:1fr;gap:12px}.hosting-credit-autopay button{width:100%}}