/* Customer onboarding uses the same Acrescenta tokens, controls and motion. */
.hosting-overview { margin-bottom:24px; }
.hosting-steps { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 24px; padding:6px; border:1px solid var(--line); border-radius:12px; background:#edf2ef; }
.hosting-steps a { display:flex; align-items:center; gap:9px; min-height:44px; padding:9px 13px; border:1px solid transparent; border-radius:9px; color:var(--muted); font-size:13px; font-weight:550; }
.hosting-steps a:hover { background:white; border-color:var(--line); }
.hosting-steps a[aria-current=step] { background:var(--petrol); color:var(--lime); border-color:var(--petrol); }
.hosting-steps a>span { display:grid; place-items:center; width:22px; height:22px; border:1px solid currentColor; border-radius:50%; font-size:11px; flex:none; }
.hosting-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,310px); gap:24px; align-items:start; }
.hosting-layout>*,.hosting-field,.hosting-summary dd { min-width:0; }
.hosting-editor h2 { margin-bottom:10px; }
.hosting-layout .section-description { font-size:13px; line-height:1.7; color:var(--muted); margin:0 0 24px; }
.hosting-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
.hosting-field { margin-bottom:20px; }
.hosting-field>label { display:block; font-size:13px; font-weight:550; margin-bottom:7px; }
.hosting-field input:not([type=checkbox]),.hosting-field select,.hosting-field textarea { width:100%; max-width:100%; }
.hosting-field input[type=checkbox] { width:18px; height:18px; accent-color:var(--green); }
.hosting-editor fieldset { padding:20px 0 4px; border:0; border-top:1px solid var(--line); margin:8px 0 14px; min-width:0; }
.hosting-editor legend { font-size:15px; font-weight:650; color:var(--petrol); padding:0 10px 0 0; }
.hosting-recovery { margin-top:20px; }
.hosting-aside .pill { margin-top:18px; }
.hosting-aside ul { padding-left:19px; margin:18px 0; }
.hosting-aside li { font-size:13px; line-height:1.65; margin:10px 0; color:var(--muted); }
.hosting-dns { padding-top:18px; margin-top:18px; border-top:1px solid #d6e0cf; }
.hosting-dns code,.hosting-summary code { display:block; overflow-wrap:anywhere; white-space:normal; font-size:12px; margin-top:8px; }
.hosting-binding { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:14px; background:#edf5e6; border:1px solid #d5e5cc; border-radius:10px; margin:16px 0; font-size:12px; }
.hosting-variable-list { margin:20px 0; }
.hosting-variable-list>div { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:15px 0; border-bottom:1px solid var(--line); }
.hosting-variable-list code { overflow-wrap:anywhere; font-size:13px; }
.hosting-variable-list>div>span { font-size:11px; color:var(--muted); }
.hosting-summary { margin:20px 0 24px; }
.hosting-summary>div { display:grid; grid-template-columns:140px minmax(0,1fr); gap:18px; padding:16px 0; border-bottom:1px solid var(--line); }
.hosting-summary dt { color:var(--muted); font-size:13px; }
.hosting-summary dd { margin:0; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.hosting-checks { list-style:none; padding:0; margin:20px 0 24px; }
.hosting-checks li { display:flex; align-items:center; gap:12px; margin:12px 0; font-size:13px; }
.hosting-checks .pill { min-width:82px; justify-content:center; }
.hosting-history { margin-top:24px; }
.hosting-history article { display:flex; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; padding:18px; border:1px solid var(--line); background:white; border-radius:12px; margin-bottom:10px; }
.hosting-history article>div { display:flex; flex-direction:column; gap:4px; font-size:13px; }
.hosting-cancel { width:100%; border-top:1px solid var(--line); padding-top:12px; }
.hosting-cancel>summary { cursor:pointer; font-size:12px; color:var(--muted); }
.hosting-cancel .form-panel { margin-top:12px; }
.hosting-layout .errorlist { color:#a02b35; font-size:13px; padding-left:18px; margin:8px 0 18px; }
.hosting-layout [hidden] { display:none !important; }
.hosting-editor .helptext { overflow-wrap:anywhere; }
@media(max-width:1100px) { .hosting-layout { grid-template-columns:minmax(0,1fr); } .hosting-aside { max-width:none; } }
@media(max-width:600px) { .hosting-steps { gap:4px; } .hosting-steps a { padding:8px; font-size:12px; gap:6px; } .hosting-grid { grid-template-columns:minmax(0,1fr); } .hosting-summary>div { grid-template-columns:minmax(0,1fr); gap:6px; } .hosting-layout .form-panel { padding:18px; } .hosting-checks li { align-items:flex-start; } }

.hosting-runtime{margin-bottom:24px}.hosting-runtime .table-wrap{max-width:100%;overflow-x:auto}.hosting-runtime table{min-width:460px}.hosting-runtime caption{text-align:left;font-size:13px;font-weight:650;margin:20px 0 12px}.hosting-aside .pill{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}