.dns-guide-intro{padding:19px;background:var(--blue-soft);border-radius:13px;margin-bottom:20px}.dns-guide-intro p,.dns-guide-note p{font-size:12px;line-height:1.8;color:var(--secondary)}.dns-guide-record{border:1px solid var(--border);padding:21px;border-radius:15px;margin:16px 0}.dns-guide-record>header{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:18px}.dns-guide-record>header span{font-size:10px;color:var(--secondary)}.dns-guide-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.dns-guide-fields label>div{display:flex;align-items:center;gap:7px}.dns-guide-record textarea{font:12px/1.7 var(--mono);overflow-wrap:anywhere;white-space:pre-wrap;resize:vertical}.dns-guide-note{padding:20px;border:1px solid var(--border);border-radius:14px}.wb-builder{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(300px,1.15fr);gap:25px}.wb-builder form>p{font-size:12px;line-height:1.8;color:var(--secondary)}.wb-builder label{display:block;margin-bottom:17px}.wb-builder-actions{display:flex;gap:10px;position:sticky;bottom:0;padding:12px 0;background:var(--surface)}.wb-builder small{font-size:10px;color:var(--secondary)}.wb-preview-wrap{position:sticky;top:0;align-self:start;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#f6f8fc}.wb-preview-wrap>header{display:flex;justify-content:space-between;padding:13px 17px;background:var(--surface);font-size:12px}.wb-preview-wrap iframe{width:100%;height:650px;max-height:70vh;border:0;background:white;display:block}.wb-project-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:15px 0}.wb-free-banner{display:flex;gap:20px;align-items:center;padding:28px;border:1px solid #b7dfcf;border-radius:20px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,#49c299 6%,var(--surface)));margin-top:24px}.wb-free-banner>div{flex:1}.wb-free-banner h2{font-size:24px;letter-spacing:-.6px;margin:9px 0}.wb-free-banner p{font-size:12px;line-height:1.8;color:var(--secondary);max-width:680px}.wb-free-banner small{font-size:9px;color:#25866b;letter-spacing:.7px}.wb-upgrades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:23px 0}.wb-upgrades>.card{padding:24px}.wb-upgrades p{font-size:12px;color:var(--secondary);line-height:1.8}.customer-name-link{color:var(--blue);background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.customer-name-link:hover{text-decoration-color:currentColor}.customer-record>header{display:flex;align-items:center;gap:17px}.customer-record>header>div{flex:1}.customer-record>header h3{font-size:24px;letter-spacing:-.5px;margin:0 0 6px}.customer-record>header p{font-size:12px;margin:0 0 6px;color:var(--secondary)}.customer-record>header small{font-size:10px;color:var(--secondary)}.customer-avatar{display:grid;place-items:center;width:65px;height:65px;border-radius:22px;background:linear-gradient(135deg,#d2e8ff,#9fc9ff);color:#1263c6;font-size:22px;font-weight:650;box-shadow:inset 0 1px 2px #fff}.customer-record-nav{position:sticky;top:-1px;background:var(--surface);z-index:2;display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:18px 0;margin:20px 0}.customer-record-nav>a{padding:8px 13px;border-radius:9px;background:var(--bg);font-size:12px;color:var(--text);text-decoration:none}.customer-record-nav>a:hover{background:var(--blue-soft);color:var(--blue)}.customer-record-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:30px}.customer-record-metrics>div{padding:17px;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.customer-record-metrics small{font-size:10px;color:var(--secondary)}.customer-record-metrics strong{display:block;font-size:23px;letter-spacing:-.6px;margin-top:9px}.customer-record>section{scroll-margin-top:80px;padding:22px 0;border-top:1px solid var(--border)}.customer-record>section>h3{font-size:20px;letter-spacing:-.5px}.customer-record p{font-size:12px;line-height:1.8;color:var(--secondary);overflow-wrap:anywhere}.customer-service{display:flex;gap:13px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.customer-service>div{flex:1}.customer-service strong{font-size:13px}.customer-service small{display:block;font-size:10px;color:var(--secondary);margin-top:6px}.customer-service p{margin:6px 0}.customer-service .button{font-size:10px}.customer-ledger>div{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border);padding:14px 0}.customer-ledger strong{font-size:12px}.customer-ledger small{font-size:10px;display:block;color:var(--secondary);margin-top:6px}.customer-ledger b{font-size:13px;white-space:nowrap}.customer-note{white-space:pre-wrap;background:var(--bg);padding:18px;border-radius:12px}.customer-security-actions{display:flex;gap:9px;flex-wrap:wrap}.customer-migrations{padding:24px;margin-top:24px}.customer-migrations article{padding:20px;border-bottom:1px solid var(--border)}.customer-migrations p{font-size:12px;color:var(--secondary)}.customer-migrations small{display:block;margin-top:12px;color:var(--secondary);font-size:10px}
@media(max-width:850px){.wb-builder{grid-template-columns:1fr}.wb-preview-wrap{position:static;grid-row:1}.wb-preview-wrap iframe{height:340px}.customer-record-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-service{flex-wrap:wrap}.customer-service>div{min-width:60%}.dns-guide-fields{grid-template-columns:1fr}.wb-free-banner{flex-wrap:wrap}.wb-upgrades{grid-template-columns:1fr}}