.services-root{padding-bottom:40px;scroll-margin-top:20px}.service-tabs,.service-actions{display:flex;flex-wrap:wrap;gap:9px}.service-tabs{margin:0 0 24px}.service-content{padding:24px}.service-domain{padding:22px;border:1px solid var(--border,#e2e7eb);border-radius:18px;margin-bottom:16px;background:#fff}.service-domain:last-child{margin-bottom:0}.service-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.service-row h3{margin:0 0 5px;font-size:17px}.service-row p{margin:0}.service-actions .button{font-size:12px;padding:9px 13px}.service-mailbox{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e8ecef;padding-top:18px;margin-top:18px}.service-mailbox small{display:block;margin-top:6px}.service-settings{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:22px 24px;background:#f8fafb}.service-check{display:flex;align-items:center;gap:9px}.service-check input{width:18px;height:18px;accent-color:#20282f}.service-settings .field{margin:0;min-width:160px}.service-policy{margin:18px 24px 0;max-width:1000px;font-size:12px;line-height:1.8;color:#65747f}.service-job{padding:16px 0;border-bottom:1px solid #e8ecef}.service-job p{font-size:13px;margin:7px 0}.service-job.failed{color:#a33131}.service-job.running{color:#225e80}.backup-checksum{display:block;overflow-wrap:anywhere;font-size:10px;color:#77858f;margin-top:16px}.services-dialog .field{margin-top:18px}.services-dialog form>.button{margin-top:20px}.services-dialog .dns-record{margin-top:14px}.services-dialog code{overflow-wrap:anywhere}.services-root .heading-actions .field{margin:0;min-width:210px}.services-root .capacity-card h3{font-size:16px;margin:22px 0 15px}@media(max-width:700px){.service-row,.service-mailbox{align-items:flex-start;flex-direction:column}.service-content{padding:14px}.service-domain{padding:16px}.service-settings{padding:18px;gap:16px}.services-root .heading-actions{width:100%}.services-root .capacity-grid{grid-template-columns:1fr}.service-tabs .button{flex:1}.services-dialog{max-width:calc(100vw - 24px)}}
.services-mode main>footer{display:none}.services-customer main>:not(.topbar):not(#services-root){display:none}
@media(max-width:700px){.customer-body .services-root .page-heading,.services-root .page-heading{flex-direction:column;align-items:stretch;gap:18px}.services-root .page-heading>div{width:100%;min-width:0}.customer-body .services-root .page-heading h1{overflow-wrap:normal;font-size:26px}.services-root .heading-actions{display:flex;justify-content:flex-start}.services-root .heading-actions .field{min-width:0;flex:1}.services-root .page-heading>div>p:last-child{max-width:100%}}

.services-root .page-heading .field{color:#c8d3d8}
